@font-face { font-family: 'Studio Serif'; src: url('/fonts/bodoni-moda.ttf') format('truetype'); font-weight: 400; font-style: normal; font-display: swap; }
:root { --studio-serif: 'Studio Serif', Didot, 'Times New Roman', serif; }
.landing-client-strip { position: absolute; z-index: 2; left: 0; right: 0; top: max(16px, env(safe-area-inset-top)); overflow: hidden; padding: 12px 0; color: #fff; font-family: Arial, Helvetica, sans-serif; mask-image: linear-gradient(90deg, transparent, #000 4%, #000 96%, transparent); }
.landing-client-track { display: flex; width: max-content; animation: landing-clients-move 61.7s linear infinite; }
.landing-client-group { display: flex; flex: none; align-items: center; gap: 40px; padding-right: 40px; }
.landing-client-slot { display: flex; flex: none; align-items: center; justify-content: center; width: calc(var(--client-logo-width) * var(--client-logo-scale, 1)); height: 32px; opacity: .8; transition: opacity 180ms ease; }
.landing-client-slot img { display: block; width: 100%; height: calc(var(--client-logo-height) * var(--client-logo-scale, 1)); object-fit: contain; filter: grayscale(1) brightness(1.55); }
.landing-client-slot[data-logo-tone="solid"] img { filter: brightness(0) invert(1); }
.landing-client-slot[data-logo-tone="tag"] img { filter: grayscale(1) brightness(1.1); }
.landing-client-strip:hover .landing-client-track, .landing-client-strip:focus-within .landing-client-track { animation-play-state: paused; }
.landing-client-slot:hover { opacity: 1; }
[data-entering="true"] .landing-client-strip { visibility: hidden; }
@keyframes landing-clients-move { to { transform: translateX(-25%); } }
.studio-motion-ready .studio-reveal { opacity: 0; transform: translate3d(0, 38px, 0); transition: opacity 700ms ease, transform 900ms cubic-bezier(.2,.65,.25,1); }
.studio-motion-ready .studio-reveal.is-visible { opacity: 1; transform: none; }
@media (max-width: 680px) {
  .landing-client-strip { top: max(12px, env(safe-area-inset-top)); padding-block: 10px; }
  .landing-client-track { animation-duration: 65.7s; }
  .landing-client-group { gap: 28px; padding-right: 28px; }
  .landing-client-slot { --client-logo-scale: .85; height: 28px; }
}
@media (prefers-reduced-motion: reduce) {
  .landing-client-strip { overflow-x: auto; }
  .landing-client-track { animation: none; }
  .landing-client-group[aria-hidden="true"] { display: none; }
  .studio-motion-ready .studio-reveal { opacity: 1; transform: none; transition: none; }
}