/* --------------------------------------------------------------------------
   Responsive
-------------------------------------------------------------------------- */
@media (max-width: 899px) {
    .primary-nav   { display: none; }
    .drawer-trigger { display: inline-flex; }

    .hero h1 { font-size: 34px; }
    .section-title h2, .cta h2 { font-size: 26px; }
    .legal-header h1 { font-size: 32px; }
    .error-code { font-size: 72px; }
}


/* --------------------------------------------------------------------------
   Motion (A11Y-007)
-------------------------------------------------------------------------- */
@media (prefers-reduced-motion: reduce) {
    *, *::before, *::after {
        transition: none !important;
        animation: none !important;
    }
    html { scroll-behavior: auto; }
    body::before { animation: none; }
}