/* Marquee ticker — horizontal scroll, brand rhythm strip */
.marquee {
  display: inline-block;
  will-change: transform;
}

@media (prefers-reduced-motion: no-preference) {
  .marquee {
    animation: marquee-scroll 38s linear infinite;
  }
  @keyframes marquee-scroll {
    0%   { transform: translateX(0); }
    100% { transform: translateX(-50%); }
  }
}

/* Small polish: smoother link underlines on focus */
a:focus-visible {
  border-radius: 4px;
}

/* Keep the hero watermark from inflating line-height on small screens */
@media (max-width: 400px) {
  section#top .pointer-events-none span {
    font-size: clamp(84px, 28vw, 200px) !important;
  }
}