/* Shares the footer's existing typography and 44px target, without a hero UI. */
.footer-policy-links .footer-motion-toggle { white-space: normal; flex-wrap: wrap; gap: .3em; }
.footer-motion-toggle [data-motion-label] { color: var(--fg-muted); font-size: .92em; }
.footer-policy-links .footer-motion-toggle[hidden] { display: none; }
.footer-policy-links .footer-motion-toggle:disabled { cursor: default; opacity: .8; }

/* Touch layouts use viewport accents rather than sticky hover. Quotes are
   readable by default; only a visible card's one-shot typing state hides glyphs. */
@media (max-width: 980px), (hover: none) {
  .home-page .home-intro-journey article.scroll-motion-card::before {
    width: 62%;
    max-width: 240px;
    right: -12%;
    opacity: 0;
    transform: translateY(-50%) scale(.7) rotate(-10deg);
    transition: opacity 700ms var(--ease-out), transform 900ms var(--ease-out);
  }
  .home-page .home-intro-journey article.scroll-motion-card.is-scroll-active::before {
    opacity: .18;
    transform: translateY(-50%) scale(1) rotate(0deg);
  }
  .home-page .home-intro-journey article.scroll-motion-card::after,
  .home-page .testimonial-track figure.scroll-motion-card::after {
    transform: scaleX(.28);
    transition: transform 800ms var(--ease-out), opacity 800ms var(--ease-out);
    transition-delay: 0ms;
  }
  .home-page .home-intro-journey article.scroll-motion-card.is-scroll-active::after,
  .home-page .testimonial-track figure.scroll-motion-card.is-scroll-active::after { transform: scaleX(1); opacity: 1; }
  .home-page .testimonial-track figure,
  .home-page .testimonial-track figure:hover {
    background: var(--atc-ivory);
    color: var(--atc-black);
    transform: none;
    border-color: var(--atc-ivory);
  }
  .home-page .testimonial-track figure .testimonial-type-text span,
  .home-page .testimonial-track figure:hover .testimonial-type-text span,
  .home-page .testimonial-track figure:focus-within .testimonial-type-text span {
    opacity: 1;
    animation: none;
  }
  .home-page .testimonial-track figure.is-typing .testimonial-type-text span {
    opacity: 0;
    animation: testimonial-type-in 1ms linear forwards;
    animation-delay: calc(var(--char-index) * var(--testimonial-char-delay, 8ms));
  }
  .home-page .testimonial-track figure .testimonial-index {
    -webkit-text-stroke-color: rgba(10, 10, 10, .24);
    text-stroke-color: rgba(10, 10, 10, .24);
  }
  .home-page .testimonial-track figure.scroll-motion-card.is-scroll-active .testimonial-index {
    -webkit-text-stroke-color: var(--atc-red);
    text-stroke-color: var(--atc-red);
    transition: -webkit-text-stroke-color 600ms var(--ease-out);
  }
  .home-page .testimonial-track figure figcaption,
  .home-page .testimonial-track figure figcaption span { color: rgba(10, 10, 10, .7); }
}

/* The same reduced presentation can be requested without changing OS settings. */
html.motion-reduced *,
html.motion-reduced *::before,
html.motion-reduced *::after {
  scroll-behavior: auto !important;
  transition: none !important;
  animation: none !important;
}
html.motion-reduced .hero-video { display: none; }
html.motion-reduced .home-page .red-sliver,
html.motion-reduced .home-page .hero-inner,
html.motion-reduced .home-page .hero-logo-heading img,
html.motion-reduced .home-page .hero-copy,
html.motion-reduced .home-page .hero .button-row,
html.motion-reduced .home-page .hero-meta {
  opacity: 1 !important;
  transform: none !important;
  filter: none !important;
  clip-path: none !important;
  will-change: auto !important;
}
html.motion-reduced .site-reveal {
  opacity: 1 !important;
  transform: none !important;
  animation: none !important;
}
html.motion-reduced .parallax-break { background-attachment: scroll, scroll, scroll; }
html.motion-reduced .testimonial-track figure:hover .testimonial-type-text span,
html.motion-reduced .testimonial-track figure:focus-within .testimonial-type-text span { opacity: 1; }
html.motion-reduced .home-page .testimonial-track figure.is-typing .testimonial-type-text span { opacity: 1; }
html.motion-reduced .client-logo-track {
  position: static;
  flex-wrap: wrap;
  width: auto;
}
html.motion-reduced .client-logo-marquee { height: auto; contain: layout paint; }
html.motion-reduced .client-logo-item[aria-hidden="true"] { display: none; }
@media (prefers-reduced-motion: reduce) {
  .home-page .testimonial-track figure.is-typing .testimonial-type-text span {
    opacity: 1;
    animation: none;
  }
  .site-reveal {
    opacity: 1 !important;
    transform: none !important;
    animation: none !important;
  }
  /* Match the mobile art-direction specificity even when JavaScript is off:
     every logo must remain visible in the static, wrapping layout. */
  .home-page .client-logo-track {
    position: static;
    width: auto;
    flex-wrap: wrap;
    animation: none;
    transform: none;
  }
  .home-page .client-logo-marquee { height: auto; contain: layout paint; }
  /* Duplicate logo copies serve only the animation, not the static grid. */
  .client-logo-item[aria-hidden="true"] { display: none; }
}