/* Full motion is the desktop default. Balanced keeps narrative motion while removing costly effects on touch devices. */
html[data-motion-quality="balanced"] :is(
  .hero__media-focus,
  .focus-toggle
) {
  backdrop-filter: none !important;
}

html[data-motion-quality="balanced"] :is(
  [data-motion-section]::after,
  .section-seam i,
  .about-field span
) {
  animation-iteration-count: 1 !important;
}

html[data-motion-quality="balanced"] ::view-transition-old(root) {
  animation-duration: 150ms !important;
}

html[data-motion-quality="balanced"] ::view-transition-new(root) {
  animation-duration: 340ms !important;
}

html[data-motion-quality="balanced"] .opening .hero-media img {
  transition-duration: 620ms, 860ms !important;
}

html[data-motion-quality="balanced"] .opening .hero-content h1 span {
  transition-duration: 440ms, 720ms !important;
}

html[data-motion-quality="balanced"] .opening :is(
  .hero-content > p,
  .hero-link,
  .scroll-cue,
  .focus-toggle,
  .hero-caption
) {
  transition-duration: 440ms, 560ms !important;
}

/* Reduced motion is reserved for an explicit preference or sustained measured pressure. */
html[data-motion-quality="reduced"] {
  scroll-behavior: auto !important;
}

html[data-motion-quality="reduced"] *,
html[data-motion-quality="reduced"] *::before,
html[data-motion-quality="reduced"] *::after {
  animation-duration: 120ms !important;
  animation-iteration-count: 1 !important;
  scroll-behavior: auto !important;
  transition-duration: 160ms !important;
  transition-delay: 0ms !important;
}

html[data-motion-quality="reduced"] :is(
  .hero-media img,
  .hero-shade,
  .light-seam,
  .about-field span,
  [data-route-hero] .concept-figure img,
  [data-motion-section]::after,
  .section-seam i
) {
  animation: none !important;
  filter: none !important;
}

html[data-motion-quality="reduced"] :is(
  [data-route-hero] [data-hero-copy],
  [data-route-hero] [data-hero-copy] > *,
  [data-motion-section] .section-heading,
  [data-motion-section] .section-heading > *,
  [data-footer-scene] *
) {
  clip-path: none !important;
  filter: none !important;
}

html[data-motion-quality="reduced"] .site-header.is-hidden {
  transform: none !important;
}

html[data-motion-quality="reduced"] :is(.hero__media-focus, .focus-toggle) {
  backdrop-filter: none !important;
}

html[data-motion-quality="reduced"] .focus-toggle {
  display: none !important;
}

html[data-motion-quality="reduced"] .scroll-cue span {
  animation: none !important;
}

@media (max-width: 800px) {
  html[data-motion-quality="reduced"] .opening-sticky,
  html[data-motion-quality="reduced"] .hero-media,
  html[data-motion-quality="reduced"] .hero-shade,
  html[data-motion-quality="reduced"] .hero-content {
    min-height: 82svh !important;
  }

  html[data-motion-quality="reduced"] :is(.hero-media, .hero-shade) {
    height: 82svh !important;
  }
}

html[data-motion-quality="reduced"] ::view-transition-old(root),
html[data-motion-quality="reduced"] ::view-transition-new(root),
html[data-motion-quality="reduced"] ::view-transition-group(sf-header) {
  animation-duration: 1ms !important;
}