.menu-toggle,.mobile-contact-link{display:none}
@media(max-width:700px){
  .nav-wrap{height:auto;min-height:72px;gap:12px;flex-wrap:wrap;padding-block:16px}
  .nav-wrap>.wordmark{margin-right:auto;font-size:28px}
  .nav-wrap>.button-small{display:none}
  .menu-toggle:not([hidden]){display:inline-flex;align-items:center;gap:10px;padding:10px 14px;min-height:44px;border:1px solid #3b5665;border-radius:8px;background:#132132;color:var(--text);font-size:14px}
  .menu-icon{display:flex;flex-direction:column;justify-content:center;gap:5px;width:18px;height:18px}
  .menu-icon i{display:block;height:1.5px;width:18px;background:var(--accent);transition:transform .2s}
  .menu-toggle[aria-expanded="true"] .menu-icon i:first-child{transform:translateY(3.25px) rotate(45deg)}
  .menu-toggle[aria-expanded="true"] .menu-icon i:last-child{transform:translateY(-3.25px) rotate(-45deg)}
  #main-navigation{width:100%;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:6px;border-top:1px solid var(--line);padding-top:12px}
  #main-navigation a,#main-navigation a:nth-child(2),#main-navigation a:nth-child(3){display:flex;align-items:center;justify-content:space-between;border-radius:7px;padding:12px 14px;font-size:15px;min-height:46px;background:#111c2c;color:#c9d7e7}
  #main-navigation a:hover,#main-navigation a[aria-current="location"]{background:#15332e;color:#89ead8}
  #main-navigation a[aria-current="location"]:after{display:none}
  #main-navigation .mobile-contact-link{background:var(--accent);color:#07151b;font-weight:600}
  .menu-enhanced #main-navigation{display:none}
  .menu-enhanced #main-navigation.is-open{display:grid;animation:menu-in .18s ease both}
  .hero{padding-top:32px;gap:28px}
  .hero h1{font-size:clamp(42px,11.5vw,64px);line-height:1.07;margin-bottom:22px}
  .intro{margin-bottom:18px}
  .hero-description{line-height:1.75;margin-bottom:24px}
  .hero-actions{display:grid;grid-template-columns:1fr;gap:16px}
  .hero-actions>.button{width:100%;justify-content:space-between;font-size:15px;padding:15px 18px;min-height:52px}
  .hero-actions>.text-link{min-height:38px}
  .hero-note{margin-top:14px;font-size:12px;line-height:1.7}
  .portrait-frame{aspect-ratio:1.05}
  .coding-stage{padding-top:8px}
  .terminal-command{white-space:pre;font-size:clamp(11px,3.2vw,14px)}
  .contact-panel{padding-inline:20px}
  input:not([type=radio]),textarea{font-size:16px}
  .contact-email{font-size:clamp(12px,3.5vw,16px)}
}
@keyframes menu-in{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.menu-icon i,.menu-enhanced #main-navigation.is-open{animation:none;transition:none}}