@media(max-width:768px){
    /* Hero */
    #hero {
    left: 24px; right: 24px; bottom: 80px;
    max-width: calc(100vw - 48px);
    padding: 0 0 0 20px;
    }
    h1.hero-h1 { font-size: clamp(1.4rem,6vw,2.2rem); }
    p.desc { font-size: .75rem; }
    .btn { font-size: .68rem; padding: 7px 14px; }
    .slot-btn { width: 52px; height: 28px; }
    .slot-name { font-size: 7px; }
    #car-nameplate { right: 20px; bottom: 40px; }
    .scroll-cue { bottom: 16px; }
    .stat-block { flex-wrap: wrap; gap: 1.5rem; }
    .contact-big { font-size: clamp(2.2rem,10vw,3rem); }

    /* Grids */
    .about-grid { grid-template-columns: 1fr; }
    .cv-grid { grid-template-columns: 1fr; }

    /* Sections */
    .s-wrap { padding: clamp(3rem,6vw,5rem) clamp(1.2rem,4vw,2.5rem); }

    /* Projects — hide date on tablet, keep readable */
    .proj-date { display: none; }
    .proj-row { gap: 12px; }

    /* Footer */
    #site-footer { flex-direction: column; align-items: flex-start; gap: .8rem; }
    .footer-nav { margin-left: 0; }
}