/* ── Marquee ────────────────────────────────── */
.marquee-track {
  display: flex;
  width: max-content;
}

@media (prefers-reduced-motion: no-preference) {
  .marquee-track {
    animation: marquee 32s linear infinite;
  }
}

@keyframes marquee {
  from { transform: translateX(0); }
  to   { transform: translateX(-50%); }
}

/* ── Hero fade-in animations ─────────────────── */
@media (prefers-reduced-motion: no-preference) {
  .hero-fade {
    animation: heroFade 0.75s ease-out both;
  }

  .hero-fade-slow {
    animation: heroFade 1.1s ease-out 0.15s both;
  }

  @keyframes heroFade {
    from { opacity: 0; transform: translateY(14px); }
    to   { opacity: 1; transform: translateY(0); }
  }
}

/* ── Hero diagonal gold accent band ─────────── */
.hero-gold-band {
  background: linear-gradient(
    135deg,
    transparent 0%,
    transparent 55%,
    rgba(200, 169, 110, 0.045) 55%,
    rgba(200, 169, 110, 0.045) 100%
  );
}

/* ── Smooth scrolling (respects reduced motion) */
@media (prefers-reduced-motion: no-preference) {
  html {
    scroll-behavior: smooth;
  }
}