/* Reading is a complete document mode, separate from holding an animated frame. */
.experience-page .reading-toggle[hidden],
.experience-page .motion-toggle[hidden] { display: none; }
html[data-motion='reduced'] { scroll-behavior: auto; }
html[data-motion='reduced'] .experience-page .reading-toggle {
  position: fixed; right: 24px; bottom: max(16px,env(safe-area-inset-bottom)); z-index: 10;
  min-height: 44px; box-shadow: 0 4px 16px #13131314;
}
html[data-motion='reduced'] .experience-page [data-scroll-scene] {
  --entry-progress: 1 !important;
  --exit-progress: 0 !important;
  scroll-margin-top: 24px;
}
html[data-motion='reduced'] .experience-page :is(.hero-scroll-cue,.art-caption>span:last-child) { display: none; }
html[data-motion='reduced'] .experience-page :is(.hero-title-wrap,.hero-media,.hero-orbits,.concept-copy,.concept-art,.heading-phrase,.opening-content,.opening h2,.footer-wordmark) {
  transform: none;
  opacity: 1;
}
html[data-motion='reduced'] .experience-page *,
html[data-motion='reduced'] .experience-page *::before,
html[data-motion='reduced'] .experience-page *::after { transition: none !important; }

@media (min-width: 761px) and (max-width: 1000px) {
  .experience-page .experience-header { padding-inline: 22px; gap: 16px; }
  .experience-page .experience-header .brand { font-size: 20px; gap: 6px; }
  .experience-page .experience-header nav { gap: 8px; }
  .experience-page .experience-header .nav-link { padding: 10px 12px; font-size: 11px; white-space: nowrap; }
  .experience-page .motion-toggle { padding-inline: 11px; }
  .experience-page .header-cta { padding-inline: 12px; font-size: 11px; gap: 12px; white-space: nowrap; }
}

@media (max-width: 760px) {
  .experience-page .reading-toggle { left: 16px; right: auto; font-size: 11px; }
  /* Both controls stay reachable without covering the main action or its label. */
  html[data-motion] .experience-page .hero-bottom { bottom: 76px; }
  html[data-motion] .experience-page .hero-scroll-cue { display: none; }
  html[data-story='ready'] .experience-page .opening-foot { bottom: 76px; }
  html[data-motion='reduced'] .experience-page .reading-toggle { left: auto; right: 16px; }
  html[data-motion='reduced'] .experience-page .site-footer { padding-bottom: 90px; }
}