/* MONOLITH — Responsive */

@media (max-width: 1120px) {
    .footer-top { grid-template-columns: 1fr 1fr; }
    .footer-news { grid-column: 1 / -1; }
}

@media (max-width: 920px) {
    .main-nav { display: none; }
    .nav-toggle { display: inline-flex; }
    .hero-grid { grid-template-columns: 1fr; }
    .hero-collage { min-height: 420px; max-width: 560px; margin-inline: auto; }
    .services-grid { grid-template-columns: 1fr; }
    .service-card:nth-child(even) { transform: none; }
    .work-grid { grid-template-columns: 1fr; gap: 2.4rem; }
    .proj-card:nth-child(4n+2), .proj-card:nth-child(4n+3) { transform: none; }
    .stats-band { grid-template-columns: 1fr 1fr; }
    .team-grid { grid-template-columns: 1fr 1fr; }
    .project-cols { grid-template-columns: 1fr; }
    .project-side { position: static; }
    .about-split { grid-template-columns: 1fr; }
    .contact-grid { grid-template-columns: 1fr; }
    .footer-top { grid-template-columns: 1fr 1fr; }
}

@media (max-width: 640px) {
    :root { --space-xl: 3.5rem; --space-lg: 2rem; }
    .container { width: min(var(--container), 100% - 2rem); }
    h1 { font-size: clamp(2.4rem, 11vw, 3.4rem); }
    .hero-collage { min-height: 360px; }
    .hero-sticker { padding: .8rem 1rem; font-size: .82rem; }
    .stats-band { grid-template-columns: 1fr 1fr; gap: .8rem; }
    .stat-card b { font-size: 2.6rem; }
    .team-grid { grid-template-columns: 1fr; }
    .j-row { grid-template-columns: 1fr; gap: .4rem; }
    .j-row-arrow { display: none; }
    .project-gallery { grid-template-columns: 1fr; }
    .project-next { flex-direction: column; align-items: flex-start; }
    .form-grid { grid-template-columns: 1fr; }
    .form-grid .span-2 { grid-column: auto; }
    .footer-top { grid-template-columns: 1fr; gap: 1.8rem; }
    .footer-bottom { justify-content: center; text-align: center; }
    .hero-actions .btn { width: 100%; }
    .services-grid .service-card:nth-child(even) { transform: none; }
}

@media (max-width: 380px) {
    .brand-name { font-size: .98rem; }
    .header-actions .btn { display: none; }
    .stats-band { grid-template-columns: 1fr; }
}