/* Compositor-friendly animation; original layout and palette are retained. */
[data-hero-canvas] { contain: strict; }
[data-hero-word] { will-change: opacity, transform; }
[data-pin-media], [data-pin-copy], [data-focus-img] { filter: none !important; }
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto !important; }
  *, *::before, *::after { transition: none !important; animation: none !important; }
  [data-reveal], [data-step], [data-focus-img], [data-focus-label] {
    opacity: 1 !important; transform: none !important; filter: none !important; clip-path: none !important;
  }
  [data-hero-scroll] { height: 100svh !important; }
  [data-hero-word] { opacity: 1 !important; transform: none !important; }
  [data-focus-track] { height: auto !important; }
  [data-focus-track] > div { position: relative !important; height: auto !important; min-height: 100svh; }
}
[data-pin-media], [data-pin-copy], [data-focus-img] { transition: none !important; }
@media (prefers-reduced-motion: reduce) {
  [data-pin-track] { height: auto !important; }
  [data-pin-stage] { position: relative !important; min-height: 0 !important; }
  [data-pin-copy] { grid-area: auto !important; opacity: 1 !important; transform: none !important; margin-bottom: 2rem; }
  [data-pin-media] { opacity: 0 !important; }
  [data-pin-media="0"] { opacity: 1 !important; transform: none !important; }
}

/* Hide browser chrome without disabling wheel, touch or keyboard scrolling. */
html,body{scrollbar-width:none;-ms-overflow-style:none}
html::-webkit-scrollbar,body::-webkit-scrollbar{display:none;width:0;height:0}