/* Responsive overrides and layout-level rules */

/* Ensure hero takes full viewport on small screens without overflow */
@media (max-width: 639px) {
  .hero__scroll-hint { display: none; }
  .hero__metrics { gap: var(--space-6); }
  .metric__value { font-size: var(--text-2xl); }
  .process__step { grid-template-columns: 48px 1fr; gap: var(--space-5); }
  .process__step-index { font-size: var(--text-2xl); }
  .about__pillars { grid-template-columns: 1fr; }
  .footer__nav { grid-template-columns: 1fr 1fr; }
}

/* Reduced motion */
@media (prefers-reduced-motion: reduce) {
  .reveal {
    opacity: 1;
    transform: none;
    transition: none;
  }
  .hero__scroll-line { animation: none; }
  * { transition-duration: 0.01ms !important; }
}