:root{--ink:#17211d;--muted:#65736d;--paper:#f7f5ef;--panel:#fff;--line:rgba(23,33,29,.13);--green:#16745f;--teal:#0f9b9b;--amber:#d39c2f;--coral:#d96b4b;--navy:#263848;--shadow:0 24px 70px rgba(31,46,40,.14);--layout-width:100%}[data-theme=dark]{--ink:#f6f8fb;--muted:#b8c3d1;--paper:#0f1720;--panel:#111b29;--line:hsla(0,0%,100%,.08);--green:#55d7ae;--teal:#6adce2;--amber:#f0c96a;--coral:#ff9d93;--navy:#d2e1ff;--shadow:0 24px 70px rgba(0,0,0,.35)}[data-theme=dark] .site-header{background:rgba(6,18,34,.92);border-color:hsla(0,0%,100%,.12);box-shadow:0 16px 40px rgba(0,0,0,.32)}[data-theme=dark] .about-panel,[data-theme=dark] .achievement-item,[data-theme=dark] .contact-actions-grid,[data-theme=dark] .contact-copy a,[data-theme=dark] .contact-links a,[data-theme=dark] .credential-item,[data-theme=dark] .header-action-button,[data-theme=dark] .mobile-menu-toggle,[data-theme=dark] .project-card,[data-theme=dark] .stack-card,[data-theme=dark] .tech-cloud,[data-theme=dark] .theme-toggle,[data-theme=dark] .timeline-card,[data-theme=dark] .timeline-content{background:hsla(0,0%,100%,.06);border-color:hsla(0,0%,100%,.08)}[data-theme=dark] .metrics-strip{background:hsla(0,0%,100%,.04)}[data-theme=dark] .system-graphic{background:radial-gradient(circle at 50% 50%,rgba(85,215,174,.16),transparent 34%),linear-gradient(135deg,hsla(0,0%,100%,.06),hsla(0,0%,100%,.04));border-color:hsla(0,0%,100%,.12);box-shadow:0 20px 54px rgba(0,0,0,.34)}[data-theme=dark] .system-graphic:after,[data-theme=dark] .system-graphic:before{border-color:hsla(0,0%,100%,.12)}[data-theme=dark] .core{background:hsla(0,0%,100%,.08);border-color:rgba(85,215,174,.26);color:var(--ink);box-shadow:0 20px 50px rgba(0,0,0,.32)}[data-theme=dark] .node{background:hsla(0,0%,100%,.08);border-color:hsla(0,0%,100%,.11);color:var(--ink);box-shadow:0 14px 34px rgba(0,0,0,.24)}[data-theme=dark] .signal-line{background:linear-gradient(180deg,rgba(85,215,174,.6),transparent)}[data-theme=dark] .project-overlay{background:rgba(23,33,29,.94)}[data-theme=dark] .impact-visual{background:linear-gradient(135deg,rgba(85,215,174,.08),hsla(43,82%,68%,.1)),rgba(7,18,34,.88);border-color:hsla(0,0%,100%,.16);box-shadow:0 20px 54px rgba(0,0,0,.35)}[data-theme=dark] .impact-ring{background:hsla(0,0%,100%,.1);border-color:rgba(85,215,174,.22);box-shadow:0 18px 50px rgba(0,0,0,.32)}[data-theme=dark] .impact-ring span,[data-theme=dark] .impact-ring strong{color:var(--ink)}[data-theme=dark] .impact-ring span{color:var(--muted)}[data-theme=dark] .mobile-menu-toggle:focus-visible,[data-theme=dark] .mobile-menu-toggle:hover,[data-theme=dark] .theme-toggle:focus-visible,[data-theme=dark] .theme-toggle:hover,[data-theme=dark] .timeline-toggle:focus-visible,[data-theme=dark] .timeline-toggle:hover{background:hsla(0,0%,100%,.14)}[data-theme=dark] .about-panel p,[data-theme=dark] .achievement-item p,[data-theme=dark] .chips span,[data-theme=dark] .contact-copy a,[data-theme=dark] .contact-links a,[data-theme=dark] .project-copy p,[data-theme=dark] .timeline-content ul{color:var(--muted)}[data-theme=dark] .about-panel h3,[data-theme=dark] .counter-value,[data-theme=dark] .project-copy h3,[data-theme=dark] .section-title h2,[data-theme=dark] .stack-card h3,[data-theme=dark] .timeline-content h4{color:var(--ink)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;padding:50px;min-height:100vh;color:var(--ink);background:linear-gradient(90deg,rgba(23,33,29,.04) 1px,transparent 1px),linear-gradient(180deg,rgba(23,33,29,.04) 1px,transparent 1px),var(--paper);background-size:34px 34px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}a,button{-webkit-tap-highlight-color:transparent}.progress{position:fixed;inset:0 0 auto 0;z-index:100;height:4px;transform-origin:0;background:linear-gradient(90deg,var(--green),var(--teal),var(--amber),var(--coral))}.site-header{position:fixed;top:4px;left:50%;z-index:50;display:flex;width:var(--layout-width);transform:translateX(-50%);align-items:center;justify-content:space-between;gap:18px;padding:10px 12px 10px 10px;border:1px solid hsla(0,0%,100%,.72);border-radius:8px;background:hsla(45,33%,95%,.78);box-shadow:0 12px 40px rgba(23,33,29,.09);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}[data-theme=dark] .site-header{border-color:hsla(0,0%,100%,.16);background:rgba(6,18,34,.88);box-shadow:0 16px 40px rgba(0,0,0,.35)}.site-header .header-actions{display:flex;align-items:center;gap:.85rem}.header-action-button,.mobile-menu-toggle{display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:12px;border:1px solid var(--line);background:hsla(0,0%,100%,.9);color:var(--ink);cursor:pointer;position:relative}.mobile-menu-toggle{display:none}.header-action-button:after{position:absolute;left:50%;top:calc(100% + 8px);transform:translateX(-50%);padding:8px 10px;border-radius:10px;background:rgba(23,33,29,.92);color:#fff;font-size:.85rem;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .18s ease,transform .18s ease;content:attr(data-tooltip);z-index:10}.header-action-button:focus-visible:after,.header-action-button:hover:after{opacity:1;transform:translateX(-50%) translateY(-4px)}.header-action-button:focus-visible,.header-action-button:hover,.mobile-menu-toggle:focus-visible,.mobile-menu-toggle:hover{border-color:var(--green);background:rgba(22,116,95,.16);outline:none}[data-theme=dark] .mobile-menu-toggle,[data-theme=dark] .theme-toggle{border-color:hsla(0,0%,100%,.14);background:hsla(0,0%,100%,.08);color:var(--ink)}nav a.active,nav a:focus-visible{background:rgba(22,116,95,.14);color:var(--ink)}.theme-toggle,[data-theme=dark] nav a{color:var(--ink)}.theme-toggle{border:1px solid var(--line);border-radius:12px;width:46px;height:46px;padding:0;display:inline-flex;align-items:center;justify-content:center;background:hsla(0,0%,100%,.88);cursor:pointer;transition:transform .2s ease,background .2s ease}.theme-toggle:focus-visible,.theme-toggle:hover{transform:translateY(-1px);background:rgba(22,116,95,.1);outline:none}[data-theme=dark] .mobile-menu-toggle:focus-visible,[data-theme=dark] .mobile-menu-toggle:hover,[data-theme=dark] .theme-toggle:focus-visible,[data-theme=dark] .theme-toggle:hover{background:hsla(0,0%,100%,.14)}.brand,.theme-toggle,a,button,nav a{transition:background .2s ease,color .2s ease,transform .2s ease;color:inherit}.brand{display:grid;width:44px;height:44px;place-items:center;border-radius:50%;padding:3px;background:hsla(0,0%,100%,.08);box-shadow:inset 0 0 0 1px hsla(0,0%,100%,.08),0 12px 26px rgba(0,0,0,.18)}.brand-inner{position:relative;width:100%;height:100%;border-radius:50%;transform-style:preserve-3d;animation:spinCoin 8s linear infinite}.brand-face{position:absolute;inset:0;display:grid;place-items:center;border-radius:50%;-webkit-backface-visibility:hidden;backface-visibility:hidden;color:#fff;font-weight:800;letter-spacing:.02em;text-transform:uppercase}.brand-face-front{background:linear-gradient(135deg,var(--green),var(--navy))}.brand-face-back{transform:rotateY(180deg);background:#0b1220}.brand-face-back img{width:100%;height:100%;object-fit:cover;border-radius:inherit}@keyframes spinCoin{to{transform:rotateY(1turn)}}.brand-wrapper{position:relative}.brand-popover{position:absolute;top:calc(100% + 10px);left:266%;transform:translateX(-50%);width:172px;border-radius:18px;overflow:hidden;border:1px solid hsla(0,0%,100%,.16);background:rgba(23,33,29,.96);box-shadow:0 18px 42px rgba(0,0,0,.24);z-index:60}.brand-popover img{display:block;width:100%;height:100%;object-fit:cover}nav{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px}nav a{border-radius:6px;padding:9px 12px;color:var(--muted);font-size:.9rem;font-weight:700;transition:color .2s ease,background .2s ease}nav.open{display:flex}nav a:hover{color:var(--ink);background:rgba(22,116,95,.09)}.hero{display:grid;min-height:94vh;grid-template-columns:minmax(0,1.08fr) minmax(320px,.92fr);align-items:center;grid-gap:42px;gap:42px;width:var(--layout-width);margin:0;padding:40px 0 58px}.hero-copy{position:relative;z-index:1}.hero-copy h1{font-size:clamp(3rem,4vw,6.8rem)}.eyebrow,.section-title span{display:inline-flex;align-items:center;gap:8px;margin:0 0 16px;color:var(--green);font-size:.78rem;font-weight:900;letter-spacing:0;text-transform:uppercase}.eyebrow:before,.section-title span:before{display:inline-block;width:34px;height:2px;background:var(--amber);content:""}h1,h2,h3,h4,p{margin:0}h1{max-width:820px;line-height:.94;letter-spacing:0}.hero-summary{max-width:720px;margin-top:28px;color:#48564f;font-size:clamp(1.04rem,2vw,1.3rem);line-height:1.65}.hero-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:34px}.ghost-button,.primary-button{display:inline-flex;min-height:48px;align-items:center;justify-content:center;gap:10px;border-radius:8px;padding:13px 18px;font-weight:850;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.primary-button{color:#fff;background:var(--green);box-shadow:0 16px 34px rgba(22,116,95,.22)}.ghost-button{border:1px solid var(--line);background:hsla(0,0%,100%,.64)}.ghost-button:hover,.primary-button:hover{transform:translateY(-2px)}.system-graphic{position:relative;min-height:560px;overflow:hidden;border:1px solid rgba(23,33,29,.1);border-radius:8px;background:radial-gradient(circle at 50% 50%,rgba(22,116,95,.14),transparent 34%),linear-gradient(135deg,hsla(0,0%,100%,.84),rgba(237,244,239,.74));box-shadow:var(--shadow)}.system-graphic:before{position:absolute;inset:44px;border:1px dashed rgba(23,33,29,.18);border-radius:50%;content:""}.system-graphic:after{position:absolute;inset:108px;border:1px dashed rgba(23,33,29,.16);border-radius:50%;content:""}.core{top:50%;left:50%;z-index:2;width:148px;height:148px;transform:translate(-50%,-50%);place-items:center;border:1px solid rgba(22,116,95,.22);border-radius:50%;color:var(--green);background:#fff;box-shadow:0 22px 52px rgba(22,116,95,.2)}.core,.node{position:absolute;display:grid}.node{z-index:3;width:-moz-fit-content;width:fit-content;padding:10px 14px;min-height:46px;place-items:center;border:1px solid rgba(23,33,29,.12);border-radius:8px;color:var(--ink);background:hsla(0,0%,100%,.88);box-shadow:0 14px 34px rgba(23,33,29,.12);font-weight:900}.node-1{top:12%;left:18%}.node-2{top:24%;right:12%;border-top:4px solid var(--amber)}.node-3{right:18%;bottom:15%;border-top:4px solid var(--coral)}.node-4{bottom:18%;left:13%;border-top:4px solid var(--teal)}.node-5{top:50%;left:5%;border-top:4px solid var(--green)}.signal-line{position:absolute;left:50%;top:50%;width:2px;height:74%;transform-origin:top;background:linear-gradient(180deg,rgba(22,116,95,.38),transparent)}.line-one{transform:rotate(35deg)}.line-two{transform:rotate(118deg)}.line-three{transform:rotate(250deg)}.metrics-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));width:var(--layout-width);margin:-18px auto 0;overflow:hidden;border:1px solid var(--line);border-radius:8px;background:hsla(0,0%,100%,.86);box-shadow:var(--shadow)}.metrics-strip div{min-height:132px;padding:26px;border-right:1px solid var(--line)}.metrics-strip div:last-child{border-right:0}.metrics-section{width:var(--layout-width);margin:0 auto;padding:26px!important;overflow:hidden;border:none;border-radius:8px;background:inherit;box-shadow:var(--shadow)}.counters-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:18px;gap:18px;width:100%;margin:0}.counter-card{min-height:132px;padding:28px;border:1px solid var(--line);border-radius:16px;background:var(--panel);box-shadow:0 18px 44px rgba(23,33,29,.08)}.counter-value{display:block;font-size:clamp(2rem,3vw,3.2rem);color:var(--green);font-weight:900}.counter-label{display:block;margin-top:12px;color:var(--muted);font-weight:700}.interactive-timeline{display:grid;grid-gap:18px;gap:18px}.timeline-card{border:1px solid var(--line);border-radius:16px;overflow:hidden;background:var(--panel);box-shadow:0 20px 50px rgba(23,33,29,.08)}.timeline-toggle{width:100%;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:22px 24px;background:transparent;border:0;color:inherit;font-weight:800;cursor:pointer}.timeline-toggle:focus-visible,.timeline-toggle:hover{background:rgba(22,116,95,.06);outline:none}.timeline-panel{padding:0 24px 24px;color:var(--muted)}.timeline-panel ul{margin:16px 0 0;padding-left:20px;list-style-type:disc;color:var(--ink)}.timeline-focus,.timeline-outcome{margin-top:14px;font-size:.95rem;color:var(--muted)}.tech-cloud{position:relative;min-height:380px;margin-top:32px;border:1px solid var(--line);border-radius:24px;background:var(--panel);overflow:hidden;padding:28px}.tech-core{position:absolute;top:50%;left:50%;width:120px;height:120px;transform:translate(-50%,-50%);display:grid;place-items:center;font-weight:900;letter-spacing:.04em}.tech-chip,.tech-core{border-radius:999px;background:rgba(22,116,95,.12);color:var(--ink)}.tech-chip{position:absolute;transform:translate(-50%,-50%);padding:10px 14px;font-weight:700;white-space:nowrap}.project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:20px;gap:20px}.project-card{position:relative;min-height:240px;padding:28px;border:1px solid var(--line);border-radius:20px;overflow:hidden;background:var(--panel);box-shadow:0 20px 48px rgba(23,33,29,.08)}.project-copy h3{margin-bottom:14px;font-size:1.2rem}.project-copy p{color:var(--muted);line-height:1.75}.project-overlay{position:absolute;inset:0;display:grid;grid-gap:18px;gap:18px;padding:28px;background:rgba(23,33,29,.92);color:#fff;opacity:0;pointer-events:none;transform:translateY(12px);transition:opacity .28s ease,transform .28s ease}.project-card:focus-within .project-overlay,.project-card:hover .project-overlay{opacity:1;pointer-events:auto;transform:translateY(0)}.project-overlay strong{display:block;margin-bottom:8px}.project-overlay p{margin:0;line-height:1.7}.contact-layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);grid-gap:26px;gap:26px;align-items:start}.contact-copy a,.contact-links a{display:inline-flex;align-items:center;gap:10px;padding:12px 14px;border-radius:12px;border:1px solid var(--line);background:hsla(0,0%,100%,.88);color:var(--ink)}.contact-links{display:grid;grid-gap:12px;gap:12px;margin-top:22px}.contact-actions-grid{display:grid;width:-moz-fit-content;width:fit-content;max-width:260px;grid-template-columns:repeat(3,48px);justify-content:center;justify-items:center;grid-gap:12px;gap:12px;padding:24px;border:1px solid var(--line);border-radius:18px;background:var(--panel);box-shadow:0 18px 44px rgba(23,33,29,.08);align-self:end}.contact-action-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:14px 18px;border-radius:14px;border:1px solid rgba(22,116,95,.18);background:rgba(22,116,95,.08);color:var(--ink);font-weight:700;transition:transform .2s ease,background .2s ease,border-color .2s ease}.contact-action-button.icon-only{padding:14px;width:48px;height:48px}.contact-action-button.icon-only span{display:none}.contact-action-button:focus-visible,.contact-action-button:hover{transform:translateY(-1px);border-color:var(--green);background:rgba(22,116,95,.16);outline:none}.contact-action-button:after{position:absolute;left:50%;bottom:calc(100% + 10px);transform:translateX(-50%);padding:8px 10px;border-radius:10px;background:rgba(23,33,29,.92);color:#fff;font-size:.85rem;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .18s ease,transform .18s ease;content:attr(data-tooltip);z-index:10}.contact-action-button:focus-visible:after,.contact-action-button:hover:after{opacity:1;transform:translateX(-50%) translateY(-4px)}.contact-action-button{position:relative}.contact-actions-grid .download-resume{justify-content:center;width:48px;min-width:0}.copy-status{display:block;margin-top:8px;grid-column:1/-1;justify-self:center;color:var(--green);font-weight:800}[data-theme=dark] .contact-action-button{border-color:rgba(85,215,174,.22);background:hsla(0,0%,100%,.08);color:var(--ink)}[data-theme=dark] .contact-action-button:focus-visible,[data-theme=dark] .contact-action-button:hover{background:hsla(0,0%,100%,.14)}.metrics-strip strong{display:block;color:var(--green);font-size:clamp(2rem,4vw,3.4rem);line-height:1}.metrics-strip span{display:block;margin-top:10px;color:var(--muted);font-weight:800}.section{width:var(--layout-width);margin:0 auto;padding:110px 0 0}.section-title{max-width:780px;margin-bottom:36px}.contact-section h2,.section-title h2{font-size:clamp(2rem,4.6vw,4.1rem);line-height:1.03;letter-spacing:0}.contact-section p,.section-title p{margin-top:18px;color:var(--muted);font-size:1.05rem;line-height:1.7}.about-grid,.stack-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:18px;gap:18px}.about-panel,.achievement-item,.credential-item,.stack-card,.timeline-content{border:1px solid var(--line);border-radius:8px;background:hsla(0,0%,100%,.86);box-shadow:0 14px 42px rgba(23,33,29,.08)}.about-panel{min-height:260px;padding:28px}.about-panel svg,.achievement-item svg,.credential-item svg,.stack-heading svg{color:var(--green);flex:0 0 auto}.about-panel h3,.stack-card h3,.timeline-content h3{margin-top:20px;font-size:1.2rem}.about-panel p{margin-top:14px;color:var(--muted);line-height:1.68}.timeline{position:relative;display:grid;grid-gap:22px;gap:22px}.timeline:before{position:absolute;top:0;bottom:0;left:18px;width:2px;background:linear-gradient(var(--green),var(--teal),var(--amber));content:""}.timeline-item{position:relative;padding-left:58px}.timeline-marker{position:absolute;top:28px;left:8px;z-index:2;width:22px;height:22px;border:4px solid var(--paper);border-radius:50%;background:var(--green);box-shadow:0 0 0 1px rgba(22,116,95,.22)}.timeline-content{padding:28px}.period{display:inline-flex;align-items:center;gap:8px;color:var(--coral);font-size:.92rem;font-weight:850}.timeline-content h4{margin-top:8px;color:var(--muted);font-size:1rem}.timeline-content ul{display:grid;grid-gap:10px;gap:10px;margin:18px 0 0;padding-left:18px;color:#4d5b55;line-height:1.62}.stack-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stack-card{min-height:218px;padding:24px}.stack-heading{display:flex;align-items:center;gap:12px}.stack-heading h3{margin:0}.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}.chips span{border:1px solid rgba(22,116,95,.16);border-radius:999px;padding:8px 11px;color:#40504a;background:rgba(22,116,95,.07);font-size:.88rem;font-weight:780}.achievement-layout{display:grid;grid-template-columns:minmax(260px,.7fr) minmax(0,1.3fr);grid-gap:24px;gap:24px;align-items:start}.impact-visual{position:-webkit-sticky;position:sticky;top:120px;display:grid;min-height:430px;place-items:center;overflow:hidden;border:1px solid var(--line);border-radius:8px;background:linear-gradient(135deg,rgba(22,116,95,.1),rgba(211,156,47,.13)),hsla(0,0%,100%,.82);box-shadow:var(--shadow)}.impact-visual:before{position:absolute;width:320px;height:320px;border:1px dashed rgba(23,33,29,.18);border-radius:50%;content:""}.impact-ring{position:relative;z-index:1;display:grid;width:220px;height:220px;place-items:center;border:1px solid rgba(22,116,95,.2);border-radius:50%;background:#fff;color:var(--green);text-align:center;box-shadow:0 18px 50px rgba(22,116,95,.18)}.impact-ring strong{color:var(--ink);font-size:2.35rem}.impact-ring span{max-width:130px;color:var(--muted);font-size:.88rem;font-weight:800}.achievement-list{display:grid;grid-gap:12px;gap:12px}.achievement-item{display:flex;gap:14px;padding:17px 18px}.achievement-item p{color:#4a5953;line-height:1.58}.credential-section{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:34px;gap:34px}.credential-section .section-title{margin-bottom:20px}.credential-section .section-title h2{font-size:clamp(1.8rem,3.2vw,2.9rem)}.credential-list{display:grid;grid-gap:12px;gap:12px}.credential-item{display:flex;min-height:74px;align-items:center;gap:12px;padding:18px;color:#40504a;font-weight:820}.contact-section{width:var(--layout-width);margin:0 auto;padding:112px 0 70px}.contact-section>div{overflow:hidden;border-radius:8px;padding:clamp(28px,5vw,58px);color:#fff;background:linear-gradient(135deg,rgba(23,33,29,.92),rgba(38,56,72,.94)),var(--ink);box-shadow:var(--shadow)}.contact-section .eyebrow{color:#a4dfcc}.contact-section p{max-width:780px;color:hsla(0,0%,100%,.74)}.contact-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.contact-actions a,.contact-actions span,.social-row a{display:inline-flex;min-height:48px;align-items:center;gap:9px;border:1px solid hsla(0,0%,100%,.18);border-radius:8px;padding:12px 14px;background:hsla(0,0%,100%,.08);color:#fff;font-weight:800}.social-row{display:flex;gap:10px;margin-top:18px}.social-row a{width:48px;justify-content:center;padding:0}@media (max-width:920px){.hero{grid-template-columns:1fr;padding-top:124px}.hero-copy h1{font-size:clamp(2rem,4vw,6.8rem)}.system-graphic{min-height:440px}.about-grid,.achievement-layout,.counters-grid,.credential-section,.metrics-strip,.project-grid,.stack-grid{grid-template-columns:1fr}.metrics-strip div{border-right:0;border-bottom:1px solid var(--line)}.metrics-strip div:last-child{border-bottom:0}.impact-visual{position:relative;top:auto;min-height:320px}}@media (max-width:680px){.site-header{position:fixed;top:12px;left:50%;transform:translateX(-50%);width:var(--layout-width);padding:10px 12px;align-items:center;flex-direction:row;gap:10px;min-height:56px}.site-header .header-actions{width:auto;justify-content:flex-end}.mobile-menu-toggle{display:inline-flex;margin-left:auto}.site-header nav{position:absolute;top:100%;left:0;width:100%;flex-direction:column;align-items:stretch;gap:10px;max-height:0;overflow:hidden;transition:max-height .32s ease,opacity .32s ease;opacity:0;background:var(--panel);padding:10px 0 12px;border-radius:0 0 16px 16px;box-shadow:0 10px 30px rgba(0,0,0,.14)}.hero-copy h1{font-size:clamp(2rem,4vw,6.8rem)}.site-header nav.open{max-height:420px;opacity:1}nav a{width:100%;padding:10px 14px;font-size:.9rem;text-align:left}.contact-section,.hero,.metrics-strip,.section{width:var(--layout-width);margin-top:0}.hero{padding-top:40px}h1{font-size:clamp(2.5rem,13vw,4rem)}.system-graphic{min-height:380px}.node{width:78px;min-height:40px;font-size:.82rem}.core{width:118px;height:118px}.timeline-item{padding-left:42px}.timeline:before{left:13px}.timeline-marker{left:3px}.about-panel,.project-card,.stack-card,.timeline-content{padding:22px}.contact-actions a,.contact-actions span{width:100%}.about-grid,.counters-grid,.project-grid,.stack-grid{grid-template-columns:1fr}}