:root{--bg:#080b0c;--panel:#101617;--ink:#eefcf7;--muted:#93aaa3;--acid:#b8ff3d;--line:#263332}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:DM Sans,sans-serif}body.alt{--bg:#edf3eb;--panel:#fff;--ink:#10211c;--muted:#52645e;--line:#c9d4ce}.cursor{position:fixed;width:18px;height:18px;border:1px solid var(--acid);border-radius:50%;z-index:50;pointer-events:none;margin:-9px}header,main,footer{max-width:1240px;margin:auto}header{height:88px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:relative;z-index:2}.brand{font:800 26px Manrope;color:var(--ink);text-decoration:none}.brand span,.eyebrow,.tag{color:var(--acid)}nav{display:flex;gap:34px}nav a,header button{color:var(--muted);text-decoration:none;background:none;border:0;font:600 13px Space Mono}.hero{min-height:760px;padding:105px 0;position:relative;overflow:hidden}.eyebrow{font:12px Space Mono;letter-spacing:.08em}.eyebrow i{display:inline-block;width:8px;height:8px;background:var(--acid);border-radius:50%;box-shadow:0 0 18px var(--acid);margin-right:10px}.hero h1{font:800 clamp(54px,8vw,112px)/.94 Manrope;letter-spacing:-.065em;max-width:1000px;margin:30px 0}.hero h1 em,.contact em{font-weight:400;color:var(--acid)}.lede{font-size:20px;line-height:1.6;color:var(--muted);max-width:650px}.actions{display:flex;align-items:center;gap:28px;margin-top:42px}.actions a,.contact>a{color:var(--ink);font-weight:700}.actions .primary{padding:17px 21px;color:#101510;background:var(--acid);text-decoration:none}.orbit{position:absolute;right:40px;bottom:65px;width:270px;height:270px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center}.orbit strong{font:800 64px Manrope}.orbit span{position:absolute;font:10px Space Mono;color:var(--muted)}.orbit span:nth-child(1){top:15px}.orbit span:nth-child(2){right:0}.orbit span:nth-child(3){bottom:15px}.orbit span:nth-child(4){left:-10px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line)}.metrics article{padding:32px;border-right:1px solid var(--line)}.metrics strong{display:block;font:700 38px Space Mono;color:var(--acid)}.metrics span,.section-head span,.story>div>span{color:var(--muted);font:11px Space Mono}.section-head{padding:130px 0 50px}.section-head h2,.story h2{font:700 52px Manrope;margin:14px 0}.project{display:grid;grid-template-columns:70px 1fr auto;gap:30px;padding:45px 25px;border-top:1px solid var(--line);transition:.3s}.project:hover{background:var(--panel);transform:translateX(8px)}.project .num{font:14px Space Mono;color:var(--acid)}.project h3{font:700 34px Manrope;margin:8px 0}.project p{max-width:720px;color:var(--muted);line-height:1.6}.project ul{display:flex;gap:8px;padding:0}.project li{list-style:none;border:1px solid var(--line);padding:7px 10px;font:10px Space Mono}.project>b{font:11px Space Mono;color:var(--muted)}.story{display:grid;grid-template-columns:1fr 1fr;gap:90px;padding:140px 0}.story p,.story blockquote{color:var(--muted);line-height:1.7}.story blockquote{border-left:2px solid var(--acid);margin:40px 0;padding-left:25px}.story ol{padding:0;margin:0}.story li{display:grid;grid-template-columns:110px 1fr;gap:8px 20px;padding:24px 0;border-bottom:1px solid var(--line)}.story li b{grid-row:1/3;font:11px Space Mono;color:var(--acid)}.story li span{color:var(--muted)}.skill-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.skill-grid article{background:var(--panel);padding:30px;min-height:240px}.skill-grid b{color:var(--acid);font:12px Space Mono}.skill-grid h3{font:700 25px Manrope;margin-top:55px}.skill-grid p,.credentials p{color:var(--muted);line-height:1.7}.credentials{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);margin:120px 0}.credentials>div{background:var(--bg);padding:40px}.credentials span{color:var(--acid);font:11px Space Mono}.contact{padding:110px 0}.contact h2{font:800 clamp(48px,7vw,94px)/1 Manrope;max-width:900px;margin:15px 0 45px}.contact>a{font-size:24px;color:var(--acid)}.contact>div{display:flex;gap:30px;margin-top:70px;color:var(--muted)}.contact div a{color:var(--muted)}footer{display:flex;justify-content:space-between;padding:30px 0;border-top:1px solid var(--line);color:var(--muted);font:11px Space Mono}footer a{color:var(--ink)}@media(max-width:800px){header,main,footer{margin:0 20px}nav{display:none}.hero{min-height:auto}.orbit{display:none}.metrics,.skill-grid,.credentials{grid-template-columns:1fr 1fr}.story{grid-template-columns:1fr}.project{grid-template-columns:40px 1fr}.project>b{display:none}}