/* Lunamovas - responsive rules */

@media (max-width: 1080px) {
    .g6 { grid-template-columns: repeat(3, 1fr); }
    .g5 { grid-template-columns: repeat(3, 1fr); }
    .footer-top { grid-template-columns: repeat(3, 1fr); }
    .footer-brand { grid-column: 1 / -1; }
}

@media (max-width: 900px) {
    /* mobile menu */
    .nav-toggle { display: flex; }
    .site-nav {
        position: absolute;
        top: 100%;
        left: 0; right: 0;
        background: #0c0507;
        border-bottom: 1px solid var(--line);
        display: none;
    }
    .site-nav.open { display: block; }
    .site-nav ul { flex-direction: column; gap: 0; padding: 0.6rem max(var(--gutter), env(safe-area-inset-left, 0px)) 1rem; }
    .site-nav a { display: block; padding: 0.8rem 0; font-size: 0.8rem; border-bottom: 1px solid var(--line); }

    .hero-cards { grid-template-columns: repeat(2, 1fr); }
    .hero-moon { width: 60vw; opacity: 0.55; right: -12%; }
    .g3 { grid-template-columns: repeat(2, 1fr); }
    .services-grid { grid-template-columns: repeat(2, 1fr); }
    .services-grid .service, .services-grid .service:nth-child(n+4) { grid-column: auto; }
    .services-grid .service:last-child:nth-child(odd) { grid-column: 1 / -1; }
    .start-grid { grid-template-columns: repeat(2, 1fr); }
    .start-grid .feature { grid-column: 1 / -1; grid-row: auto; }
    .start-grid .feature .slot { min-height: 220px; }
    .seen-row { grid-template-columns: repeat(3, 1fr); }
    .contact-grid { grid-template-columns: 1fr; }
}

@media (max-width: 600px) {
    :root { --gutter: 16px; }
    body { font-size: 1.12rem; }
    .brand-name { font-size: 1.1rem; letter-spacing: 0.16em; }
    .g6, .g5, .g3 { grid-template-columns: repeat(2, 1fr); gap: 0.9rem; }
    .services-grid { grid-template-columns: 1fr; gap: 1.6rem; }
    .services-grid .service:last-child:nth-child(odd) { grid-column: auto; }
    .hero h1 { max-width: none; }
    .hero-moon { width: 78vw; opacity: 0.4; top: 0; }
    .help-row { flex-direction: column; align-items: stretch; }
    .search { max-width: none; flex-basis: auto; }
    .seen-row { grid-template-columns: repeat(2, 1fr); }
    .footer-top { grid-template-columns: repeat(2, 1fr); }
    .contact-info dd { font-size: 1.4rem; }
    .inline-form { flex-direction: column; gap: 0.7rem; }
    .inline-form input { border-right: 1px solid var(--line); }
}