@media (max-width: 767px) { .wrap { width: calc(100% - 32px); }.hud-rail { display: none; }.nav { padding: 16px; }.nav__links { display: none; position: absolute; top: 68px; right: 20px; left: 20px; padding: 14px; flex-direction: column; background: var(--surface); border: 1px solid var(--border); }.nav__links.is-open { display: flex; }.nav__toggle { display: grid; }.hero__inner, .about__grid, .contact__layout, .skills__layout { grid-template-columns: minmax(0, 1fr); gap: 38px; }.about__text { padding-top: 0; }.section { padding: 92px 0; }.hero { padding-top: 130px; }.hero__title { font-size: clamp(3.2rem, 17vw, 5.5rem); }.hero__statement { font-size: 15px; }.hero__visual, .hero__visual canvas { min-height: 320px; height: 320px; }.hero__visual .terminal { left: 10px; right: 10px; }.hero__scroll-cue { display: none; }.grid--3, .grid--4, .project-grid, .github-repos { grid-template-columns: 1fr; }.education-item { grid-template-columns: 1fr; gap: 4px; }.footer__row { flex-direction: column; }.section-title { font-size: 2.5rem; } }