/**
 * Cross-cutting responsive refinements — Phase 2A.1
 */

html,
body {
  overflow-x: clip;
}

@media (max-width: 379px) {
  .hero__title {
    font-size: 2.15rem;
  }
}

@media (min-width: 1280px) {
  .hero__stage {
    min-height: min(80vh, 42rem);
  }
}

@media (min-width: 1440px) {
  :root {
    --page-max-wide: 90rem;
  }
}

@media (prefers-reduced-motion: reduce) {
  .registry.is-revealed .registry__item {
    animation: none !important;
  }

  .corridor__path--draw.is-animating {
    animation: none !important;
    stroke-dasharray: none !important;
    stroke-dashoffset: 0 !important;
  }
}