@media (prefers-reduced-motion: reduce) {
  .stack-section,
  .reel-section { height: auto; }
  .sticky-stage,
  .reel-sticky { position: relative; min-height: 0; }
  .stack-cards { display: grid; height: auto; gap: 12px; }
  .stack-cards article { position: relative; min-height: 260px; opacity: 1 !important; transform: none !important; }
  .reel-clip { overflow: auto; padding-bottom: 14px; }
  .reel-track { transform: none !important; }
  .progress-steps article { opacity: 1; }
}

@media (max-width: 520px) {
  .hero h1 { font-size: clamp(2.75rem, 12vw, 3.4rem); }
}