@media(max-width:480px){
    /* Hero — stack text at bottom, car fills background */
    #hero {
    left: 16px; right: 16px; bottom: 60px;
    max-width: calc(100vw - 32px);
    padding: 0 0 0 16px;
    }
    h1.hero-h1 { font-size: clamp(1.6rem,8vw,2rem); letter-spacing: .08em; }
    p.desc { font-size: .7rem; margin-bottom: 14px; }
    .btn-row { flex-wrap: wrap; gap: 8px; }
    .btn { font-size: .65rem; padding: 7px 12px; }
    .bottom-note { display: none; }

    /* Garage — slightly smaller on very small screens */
    .garage-slots { gap: 7px; }
    .slot-btn { width: 46px; height: 26px; }
    .garage-label { font-size: 7px; }

    /* Sections */
    .s-wrap { padding: 2.5rem 1rem; }
    .s-label { font-size: 6.5px; margin-bottom: 2rem; }

    /* About */
    .about-heading { font-size: clamp(1.6rem,7vw,2.2rem); }
    .about-text { font-size: .82rem; }
    .stat-block { gap: 1.2rem; }
    .stat-num { font-size: clamp(1.6rem,7vw,2.2rem); }

    /* Projects */
    .proj-title { font-size: .82rem; }
    .proj-desc { font-size: .68rem; }
    .proj-tags { gap: 5px; }
    .proj-tag { font-size: 6px; padding: 2px 5px; }
    .proj-date { display: none; }
    .proj-arrow { min-width: 20px; }

    /* CV */
    .cv-entry-title { font-size: .75rem; }
    .cv-entry-desc { font-size: .68rem; }

    /* Contact */
    .contact-big { font-size: clamp(2rem,10vw,2.8rem); }
    .btn-accent { font-size: .72rem; padding: .85rem 1.6rem; }

    /* Footer */
    #site-footer { padding: 20px 1rem; }
    .footer-nav { gap: 1.2rem; }
}