@import url('https://fonts.googleapis.com/css2?family=Press+Start+2P&family=Space+Grotesk:wght@400;500;600;700&family=Space+Mono:wght@400;700&display=swap');:root{--bg:#080b0b;--panel:#101615;--line:#26302c;--green:#c7ff56;--text:#f1f3ed;--muted:#8c9890}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:'Space Grotesk',sans-serif;overflow-x:hidden}::selection{background:var(--green);color:#080b0b}#noise{position:fixed;inset:0;z-index:5;pointer-events:none;opacity:.1}.cursor-glow{position:fixed;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,#baff3c13,transparent 65%);pointer-events:none;z-index:0;transform:translate(-50%,-50%)}a{color:inherit;text-decoration:none}header{height:84px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:24px;padding:0 max(5vw,24px);position:relative;z-index:4;background:#080b0bdf}.brand{display:flex;align-items:center;gap:14px;font-weight:700;letter-spacing:2px;font-size:13px}.pixel{font-family:'Press Start 2P';font-size:21px}.accent,.green{color:var(--green)}nav{display:flex;gap:30px}nav a,.status,.eyebrow,.section-tag,.panel-id,.chips,.scroll-note,.project-type,.num,.footer-line,.btn,.disclaimer{font-family:'Space Mono',monospace}nav a{font-size:11px;color:var(--muted);transition:color .2s}nav a:hover{color:var(--green)}.status{font-size:10px;white-space:nowrap;color:var(--muted)}.status i{display:inline-block;width:7px;height:7px;background:var(--green);border-radius:50%;margin-right:7px;box-shadow:0 0 12px var(--green);animation:pulse 2s infinite}main{position:relative;z-index:1}.hero,.section{padding:90px max(5vw,24px);max-width:1600px;margin:auto}.hero{min-height:calc(100svh - 84px);display:flex;flex-direction:column;justify-content:center}.eyebrow,.section-tag{font-size:11px;letter-spacing:2px;color:var(--green)}.square{display:inline-block;width:9px;height:9px;background:var(--green);margin-right:10px}.dim{color:var(--muted)}.hero-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:5vw;align-items:center;margin-top:32px}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(70px,10vw,170px);line-height:.9;letter-spacing:-.095em;margin-bottom:35px;font-weight:700}h1 em{font-style:normal;color:var(--green)}.lead{font-size:clamp(17px,1.6vw,23px);line-height:1.5;color:#aeb8af;max-width:620px}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:20px;padding:18px 23px;border:1px solid #556052;font-size:11px;font-weight:700;transition:transform .2s,background .2s,color .2s;min-height:54px}.btn:hover{transform:translateY(-4px);border-color:var(--green);background:#1b2519}.btn.primary{background:var(--green);color:#10140c;border-color:var(--green)}.btn.primary:hover{background:#e2ff9d}.terminal{background:#101615;border:1px solid #334137;box-shadow:14px 14px 0 #131b15;transform:rotate(1.2deg);animation:float 6s ease-in-out infinite;min-width:0}.term-head{height:45px;background:#1c2620;border-bottom:1px solid #334137;display:flex;justify-content:space-between;align-items:center;padding:0 15px;color:#84988a;font:11px 'Space Mono'}.term-head div{display:flex;gap:6px}.term-head b{height:9px;width:9px;border-radius:50%;background:#ff675e}.term-head b:nth-child(2){background:#ffc65a}.term-head b:nth-child(3){background:#a8e96a}.term-body{padding:22px;font:12px/1.9 'Space Mono';min-height:320px}.term-body p{margin:12px 0}.muted{color:#63776a}.output{color:#a8b9a9;padding-left:22px}.blink{animation:blink 1s step-end infinite;color:var(--green)}.scroll-note{display:flex;justify-content:space-between;margin-top:65px;padding-top:22px;border-top:1px solid var(--line);font-size:10px;color:var(--muted);letter-spacing:2px}.section{border-top:1px solid var(--line);padding-top:110px;padding-bottom:120px}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:center;margin-top:55px}h2{font-size:clamp(48px,6.5vw,105px);letter-spacing:-.075em;line-height:1.02;margin-bottom:0}.outline{color:transparent;-webkit-text-stroke:1px #8c9c8c}.copy p{font-size:clamp(18px,2vw,26px);line-height:1.55;color:#b1bdb2}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:40px}.stats strong{display:block;font-size:clamp(30px,4vw,60px);letter-spacing:-3px;color:var(--green)}.stats small{display:block;font:9px/1.6 'Space Mono';color:var(--muted)}.section-top{display:flex;justify-content:space-between;gap:35px;align-items:end;margin:30px 0 45px}.section-top p{max-width:310px;color:var(--muted);font-size:16px;line-height:1.5}.stack-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.panel{padding:30px;border:1px solid var(--line);background:linear-gradient(135deg,#121b16,#0c100f);min-height:260px;transition:transform .25s,border-color .25s}.panel:hover{transform:translateY(-6px);border-color:var(--green)}.panel-id{font-size:10px;color:var(--green)}.panel h3{font-size:24px;letter-spacing:-1px;margin:23px 0}.chips{display:flex;flex-wrap:wrap;gap:9px}.chips span{padding:9px 11px;border:1px solid #344238;color:#b9c6b9;font-size:11px;transition:background .2s}.chips span:hover{background:var(--green);color:#111}.disclaimer{font-size:10px;color:#718175;margin-top:24px;line-height:1.8}.projects{border-top:1px solid var(--line)}.project{display:grid;grid-template-columns:65px 1fr auto;gap:20px;align-items:center;padding:35px 20px;border-bottom:1px solid var(--line);transition:background .25s,padding .25s}.project:not(.no-link):hover{background:#18221a;padding-left:35px}.num{font-size:12px;color:var(--green)}.project h3{font-size:clamp(24px,3vw,43px);letter-spacing:-2px;margin:0 0 8px}.project h3 span{color:var(--green)}.project p{margin:0;color:var(--muted);font-size:14px}.project-type{font-size:10px;color:var(--green);border:1px solid #3b5134;padding:9px;white-space:nowrap}.contact{text-align:center;padding-bottom:25px}.contact h2{font-size:clamp(65px,11vw,170px);margin:40px 0 20px}.contact>p{font-size:21px;color:var(--muted);margin-bottom:35px}.footer-line{margin-top:130px;border-top:1px solid var(--line);padding-top:25px;display:flex;justify-content:space-between;gap:20px;font-size:9px;color:var(--muted);text-align:left}.footer-line a{color:var(--green)}.reveal{opacity:1;transform:none;transition:opacity .7s,transform .7s}.reveal.visible{opacity:1;transform:translateY(0)}@keyframes blink{50%{opacity:0}}@keyframes pulse{50%{opacity:.35}}@keyframes float{50%{transform:rotate(-.5deg) translateY(-10px)}}@media(max-width:1050px){.hero-grid{grid-template-columns:1fr}.terminal{max-width:650px}.hero{padding-top:65px}.status{display:none}}@media(max-width:700px){header{height:70px}.brand{font-size:11px}nav{gap:12px}nav a{font-size:9px}nav a:nth-child(2),nav a:nth-child(3){display:none}.hero,.section{padding-left:22px;padding-right:22px}.hero{min-height:auto;padding-top:75px;padding-bottom:55px}.hero-grid{gap:55px}h1{font-size:clamp(66px,15vw,105px)}.eyebrow{font-size:9px}.dim{display:none}.lead{font-size:17px}.terminal{box-shadow:7px 7px 0 #131b15}.term-body{font-size:10px;min-height:280px;padding:17px}.scroll-note{margin-top:55px;font-size:8px}.section{padding-top:80px;padding-bottom:85px}.two-col{grid-template-columns:1fr;gap:40px}.copy p{font-size:18px}.section-top{display:block}.section-top p{margin-top:22px}.stack-grid{grid-template-columns:1fr}.panel{min-height:220px}.project{grid-template-columns:28px 1fr;gap:12px;padding:26px 5px}.project h3{font-size:25px;letter-spacing:-1px}.project p{font-size:12px}.project-type{grid-column:2;width:max-content;font-size:9px}.footer-line{margin-top:95px;flex-direction:column;text-align:center;align-items:center}.contact h2{font-size:clamp(60px,13vw,90px)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.reveal{opacity:1;transform:none}}

/* Ambient soundtrack control */
.music-toggle{position:fixed;right:22px;bottom:22px;z-index:1000;display:flex;align-items:center;gap:10px;padding:13px 16px;border:1px solid #8cff65;background:#0b110eee;color:#a7ff81;font:700 11px monospace;letter-spacing:1px;cursor:pointer;box-shadow:4px 4px 0 #263c25;transition:transform .2s,background .2s}.music-toggle:hover{transform:translateY(-3px);background:#152318}.music-toggle:focus-visible{outline:3px solid #fff;outline-offset:3px}.music-bars{font-size:17px;letter-spacing:2px}.music-toggle[aria-pressed="true"] .music-bars{animation:soundpulse .7s ease-in-out infinite alternate}@keyframes soundpulse{from{opacity:.4;transform:scaleY(.6)}to{opacity:1;transform:scaleY(1.25)}}@media(max-width:700px){.music-toggle{right:14px;bottom:16px;padding:11px 12px;font-size:10px}.project p{line-height:1.7}}

/* Fail-safe: content remains visible even when scripts are blocked or delayed. */
html:not(.js-ready) .reveal{opacity:1!important;transform:none!important}

/* V4 interactive terminal + paced hero typing */
.hero-type .type-line{display:block;width:max-content;max-width:100%;white-space:nowrap;overflow:hidden;clip-path:inset(0 100% 0 0)}
.hero-type .type-line.accent-line{color:var(--green)}
.hero-type .type-line.done{clip-path:inset(0 0 0 0)}
@media(prefers-reduced-motion:reduce){.hero-type .type-line{clip-path:none}}
#terminal-form{display:flex;gap:10px;align-items:center;margin-top:14px;border-top:1px solid #2a392f;padding-top:12px}
#terminal-input{background:transparent;border:0;outline:none;color:#d5f7cb;font:inherit;min-width:0;width:100%;caret-color:var(--green)}
#terminal-input::placeholder{color:#657c6c;opacity:1}
#terminal-response{color:#b5c9b6;white-space:pre-wrap;overflow-wrap:anywhere;max-height:220px;overflow:auto}
#terminal-response .cmd{color:var(--green)}
.term-hint{color:#66796c;font-size:10px!important;margin:8px 0!important}
@media(max-width:700px){.hero-type .type-line{letter-spacing:-.09em}.term-hint{font-size:9px!important}}