/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jan 19 2026 | 22:07:55 */
/* Hero Marquee */

.hero-marquee {
  /* component tokens */
  --gap: var(--p-spacing-xl);
  --duration: 60s;

  position: relative;
  overflow: hidden;

  display: flex;
  align-items: center;
  padding-block: var(--p-spacing-2xs);
  padding-inline: var(--p-spacing-s);
  max-width: 1600px;
  margin: 0 auto;
}

.hero-marquee__viewport {
  display: flex;
  align-items: center;
  overflow: hidden;
  user-select: none;
  gap: var(--gap);

  /* optional: edge fade */
  -webkit-mask-image: linear-gradient(
    to right,
    transparent 0%,
    #000 12%,
    #000 88%,
    transparent 100%
  );
  mask-image: linear-gradient(
    to right,
    transparent 0%,
    #000 12%,
    #000 88%,
    transparent 100%
  );
}

.hero-marquee__content {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  min-width: 100%;
  gap: var(--gap);

  margin: 0;
  padding: 0;
  list-style: none;
}

.hero-marquee__content > li {
  display: inline-flex;
  align-items: center;

  color: var(--s-text-primary);
  font-family: var(--p-font-family-heading);
  font-weight: var(--p-font-weight-semibold);
  letter-spacing: 0.08em;
  text-transform: uppercase;

  font-size: calc(var(--s-font-size-display) * var(--_font-scale-multiplier));
  line-height: 1;
}

.hero-marquee__content > li::after {
  content: "•";
  margin-inline-start: var(--gap);
  letter-spacing: normal;
}

@keyframes hero-scroll {
  from { transform: translateX(0); }
  to { transform: translateX(calc(-100% - var(--gap))); }
}

.enable-animation .hero-marquee__content {
  animation: hero-scroll var(--duration) linear infinite;
  will-change: transform;
}

@media (prefers-reduced-motion: reduce) {
  .enable-animation .hero-marquee__content {
    animation: none;
    transform: none;
  }

  .hero-marquee__content[aria-hidden="true"] {
    display: none;
  }

  .hero-marquee__viewport {
    -webkit-mask-image: none;
    mask-image: none;
  }
}

/* SR-only utility */
.hero-sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}