@media (max-width: 960px) { .site-nav{gap:1rem}.hero{grid-template-columns:1fr;gap:3rem;min-height:auto;padding-top:9rem}.hero-console{max-width:580px}.about-layout{gap:3rem}.skills-grid{grid-template-columns:repeat(2,1fr)}.projects-grid{grid-template-columns:repeat(2,1fr)}.cert-grid{grid-template-columns:repeat(2,1fr)}.terminal-section{grid-template-columns:1fr;gap:2.5rem}.terminal-intro p:not(.eyebrow){max-width:630px}.lab-content{grid-template-columns:1fr}.lab-map{min-height:500px;border-right:0;border-bottom:1px solid var(--line)}.lab-inspector{min-height:270px}.lab-inspector .inspector-foot{margin-top:1.5rem}.site-footer{flex-wrap:wrap;padding:1.5rem 0}.site-footer .brand{width:100%} }
@media (max-width: 720px) { html{scroll-padding-top:5.5rem}.site-header{height:4.5rem;width:calc(100% - 2rem)}.menu-toggle{display:block}.site-nav{position:absolute;top:4.5rem;left:0;right:0;display:none;flex-direction:column;gap:0;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow)}.site-nav.is-open{display:flex}.site-nav a{padding:1rem;border-bottom:1px solid var(--line)}.site-nav a:last-child{border-bottom:0}.section{width:calc(100% - 2rem);padding:6rem 0}.section-surface{width:100%;padding-left:1rem;padding-right:1rem}.hero{padding-top:7.5rem;padding-bottom:5.5rem}.hero-metrics{gap:1rem;flex-wrap:wrap}.hero-metrics div{min-width:105px}.scroll-cue{left:1rem}.section-heading{margin-bottom:2.7rem}.about-layout,.timeline-grid{grid-template-columns:1fr;gap:2.5rem}.stats-grid{grid-template-columns:repeat(2,1fr);margin-top:4.5rem}.projects-top{display:block}.projects-top .section-heading,.project-filters{margin-bottom:1.75rem;padding-bottom:0}.projects-grid{grid-template-columns:1fr}.project-card{min-height:300px}.lab-map{min-height:500px}.node-nextcloud{left:2%}.node-monitor{right:2%}.node-vpn{left:calc(33.3% - 53px)}.node-nginx{right:calc(33.3% - 53px)}.cert-grid{grid-template-columns:1fr}.cert-card{min-height:180px}.social-links{flex-direction:column;align-items:center}.social-card{width:100%}.site-footer{align-items:flex-start;flex-direction:column} }
@media (max-width: 430px) { .header-actions{gap:.35rem}.brand{font-size:.74rem}.theme-button{width:1.6rem;height:1.6rem}.hero-console{margin:0 - .1rem}.console-readout{gap:.25rem}.console-readout b{font-size:.7rem}.map-node{width:65px;height:65px;font-size:.55rem}.node-internet,.node-server{left:calc(50% - 32px)}.node-firewall{left:calc(23% - 32px)}.node-core{right:calc(23% - 32px)}.stats-grid{grid-template-columns:1fr 1fr}.skills-grid{grid-template-columns:1fr}.lab-map{min-height:540px}.lab-node{width:90px}.node-wan,.node-edge,.node-router,.node-proxmox{left:calc(50% - 45px)}.node-nextcloud{left:1%}.node-monitor{right:1%}.node-vpn{left:calc(33.3% - 45px)}.node-nginx{right:calc(33.3% - 45px)} }