@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=Space+Mono:wght@400;700&display=swap";:root{font-family:DM Sans,system-ui,sans-serif;color:#f2f2f2;background:#050505;font-synthesis:none;--bg:#050505;--line:#1b1b1f;--muted:#74747b;--purple:#6e5a8f;--purple2:#927cb8}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);overflow-x:hidden}button,a{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.app{min-height:100vh;background:radial-gradient(circle at 70% 20%,rgba(110,90,143,.08),transparent 28%),#050505}.progress{position:fixed;z-index:50;top:0;left:0;right:0;height:2px;background:#927cb8;transform-origin:0}.topbar{position:fixed;z-index:20;top:0;left:0;right:0;height:74px;padding:0 38px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.07);background:#050505c7;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.brand,.eyebrow,.section-code,.top-meta,.side-nav,.hero-readout,.scroll-hint,.project-tags,.project-status,.techline,.skill small,.footer-bottom{font-family:Space Mono,monospace}.brand{font-size:13px;letter-spacing:.12em}.brand span{color:var(--purple2);margin:0 5px}.top-meta{display:flex;align-items:center;gap:28px;font-size:10px;color:#818187;letter-spacing:.08em}.top-meta button{border:1px solid #29292e;background:none;color:#a5a5ab;padding:7px 10px;font:10px Space Mono;border-radius:3px}.live{display:flex;gap:8px;align-items:center;color:#9d9da3}.live i,.project-status i{width:5px;height:5px;background:#927cb8;border-radius:50%;box-shadow:0 0 12px #927cb8}.side-nav{position:fixed;z-index:19;left:0;top:74px;bottom:0;width:88px;border-right:1px solid rgba(255,255,255,.06);display:flex;flex-direction:column;align-items:center;padding-top:35px;gap:25px;background:#05050573}.side-label{writing-mode:vertical-rl;color:#3e3e43;font-size:9px;letter-spacing:.2em;margin-bottom:18px}.side-nav button{border:0;background:none;color:#5c5c63;font:9px Space Mono;writing-mode:vertical-rl;display:flex;align-items:center;gap:9px;text-transform:uppercase;transition:.25s}.side-nav button span{color:#303036}.side-nav button:hover{color:#d9d9dc}.hero{height:100svh;min-height:700px;position:relative;overflow:hidden;padding-left:88px}.scene{position:absolute;inset:0;opacity:.7;pointer-events:none}.scene canvas{width:100%!important;height:100%!important}.hero-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:70px 70px;-webkit-mask-image:linear-gradient(to bottom,black,transparent 85%);mask-image:linear-gradient(to bottom,black,transparent 85%)}.hero-copy{position:absolute;left:13%;top:24%;max-width:700px}.eyebrow{font-size:10px;letter-spacing:.18em;color:#7f7f86;text-transform:uppercase}.hero h1{font-size:clamp(74px,11vw,165px);line-height:.8;letter-spacing:-.075em;margin:24px 0 36px;font-weight:500}.hero h1 em{font-style:normal;color:#b6b6bb}.hero-copy p{font-size:15px;line-height:1.8;color:#85858b;max-width:560px}.hero-copy strong{color:#c8c8cd;font-weight:500}.hero-actions{display:flex;gap:25px;align-items:center;margin-top:38px}.hero-actions button,.hero-actions a{font:10px Space Mono;letter-spacing:.12em;padding:14px 18px}.primary{border:1px solid #3a3345;background:#6e5a8f;color:#fff}.hero-actions a{color:#8b8b91;border-bottom:1px solid #39393e}.hero-actions span{margin-left:15px}.hero-readout{position:absolute;right:42px;bottom:70px;display:grid;grid-template-columns:auto auto;gap:10px 18px;font-size:9px;color:#55555b}.hero-readout b{font-weight:400;color:#898991}.scroll-hint{position:absolute;left:calc(13% - 1px);bottom:34px;font-size:9px;color:#55555b;display:flex;gap:12px;align-items:center}.scroll-hint i{height:1px;width:45px;background:#6e5a8f}.section-code{position:absolute;left:0;top:42px;font-size:9px;color:#3f3f45;letter-spacing:.1em}.manifesto,.projects-section,.journey,.skills,footer{position:relative;padding:150px max(8vw,120px) 160px;border-top:1px solid var(--line);margin-left:88px}.manifesto-layout,.skills-intro,.footer-main{display:grid;grid-template-columns:1.1fr 1fr;gap:12vw;align-items:end}.manifesto h2,.section-head h2,.skills h2,footer h2{font-size:clamp(55px,7vw,105px);line-height:.9;letter-spacing:-.07em;font-weight:500;margin:25px 0}.manifesto h2 span,.skills h2{color:#67676e}.manifesto-text{max-width:540px;color:#808087;font-size:16px;line-height:1.9}.manifesto-text strong{color:#d8d8dc}.signature{font:10px Space Mono;letter-spacing:.15em;color:#5c5c63;margin-top:45px}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:50px}.section-head>span{font:9px Space Mono;color:#55555b}.project-list{border-top:1px solid #29292d}.project-row{min-height:94px;border-bottom:1px solid #1b1b1f;display:grid;grid-template-columns:55px 1.1fr 2fr 1.1fr 120px;align-items:center;gap:20px;color:#7d7d84;transition:background .3s,transform .3s;padding:0 18px}.project-row:hover{background:#0b0b0e;transform:translate(6px)}.project-row.accent{color:#e0dce7}.project-index{font:9px Space Mono;color:#404046}.project-name{font:15px Space Mono;color:#c4c4c9}.project-name span{color:#6e5a8f;margin-right:8px}.project-desc{font-size:12px;line-height:1.5;max-width:500px}.project-tags{display:flex;gap:6px;flex-wrap:wrap}.project-tags span{font-size:8px;border:1px solid #28282d;padding:5px 7px;color:#64646b}.project-status{font-size:8px;display:flex;align-items:center;gap:7px}.project-status i{background:#62566e;box-shadow:none}.project-note{font:9px Space Mono;color:#45454b;padding-top:25px}.cubed{height:720px;margin-left:88px;position:relative;border-top:1px solid var(--line);overflow:hidden;background:radial-gradient(circle at 70% 50%,rgba(110,90,143,.13),transparent 30%)}.cubed .scene{left:42%;opacity:.85}.cube-copy{position:absolute;z-index:2;left:10%;top:22%;max-width:500px}.cube-copy h2{font:500 clamp(80px,10vw,150px) "DM Sans";letter-spacing:-.08em;margin:18px 0}.cube-copy h2 span{color:#927cb8}.cube-copy p{color:#7e7e85;line-height:1.8;max-width:440px}.techline{display:flex;gap:10px;margin-top:35px}.techline span{font-size:9px;color:#6e6e75;border:1px solid #29292e;padding:7px 9px}.journey{min-height:850px}.timeline{max-width:850px;margin:80px auto 0}.timeline-item{display:grid;grid-template-columns:35px 150px 1fr;gap:28px;min-height:120px;border-bottom:1px solid #1a1a1e;padding:0 0 45px;margin-bottom:45px;position:relative}.timeline-node{position:relative}.timeline-node:before{content:"";position:absolute;left:2px;top:6px;bottom:-75px;width:1px;background:#25252a}.timeline-node i{display:block;width:6px;height:6px;border:1px solid #927cb8;border-radius:50%;position:relative;z-index:2;background:#050505;box-shadow:0 0 14px #927cb873}.timeline-date{font:10px Space Mono;color:#5e5e65}.timeline-item h3{margin:0 0 12px;font:18px Space Mono;font-weight:400}.timeline-item p{margin:0;color:#707077;font-size:13px}.skills{background:#070708}.skills-intro p{color:#76767d;line-height:1.8;max-width:470px}.skill-grid{margin-top:80px;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #25252a;border-left:1px solid #25252a}.skill{height:135px;border-right:1px solid #25252a;border-bottom:1px solid #25252a;padding:18px;display:flex;flex-direction:column;justify-content:space-between;transition:.25s}.skill:hover{background:#0d0d10}.skill span{font:8px Space Mono;color:#414149}.skill b{font:18px Space Mono;font-weight:400}.skill small{font-size:8px;color:#66666d}.skill.core b{color:#c4b8d3}.skill.learning{opacity:.7}footer{padding-bottom:35px}.footer-main{align-items:center;margin-bottom:150px}.footer-main h2 span{color:#6b6b72}.contact-links{display:flex;flex-direction:column;gap:28px}.contact-links a{font:14px Space Mono;color:#b7b7bc;border-bottom:1px solid #242428;padding-bottom:16px}.contact-links small{display:block;color:#57575e;font-size:8px;margin-bottom:7px}.footer-bottom{border-top:1px solid #242428;padding-top:20px;display:flex;justify-content:space-between;font-size:8px;color:#48484e}.boot{position:fixed;inset:0;z-index:100;background:#050505;display:grid;place-items:center;font-family:Space Mono,monospace}.boot-inner{width:min(550px,80vw)}.boot-brand{font-size:13px;letter-spacing:.15em;margin-bottom:45px}.boot-brand span{color:#927cb8}.boot-line{height:27px;font-size:10px;color:#303036;transition:.3s}.boot-line span{display:inline-block;width:38px;color:#3a3a40}.boot-line i{font-style:normal;color:#6e5a8f}.boot-line.active{color:#9a9aa1}.boot-progress{height:1px;background:#1b1b1f;margin-top:25px}.boot-progress i{display:block;height:100%;background:#6e5a8f;transition:.2s}.boot button{margin-top:30px;background:none;border:0;color:#505057;font:8px Space Mono;padding:0}.palette-backdrop{position:fixed;z-index:90;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:grid;place-items:start center;padding-top:18vh}.palette{width:min(600px,90vw);background:#0a0a0c;border:1px solid #303036;box-shadow:0 30px 100px #000000b3}.palette-input{height:60px;display:flex;align-items:center;gap:15px;padding:0 18px;border-bottom:1px solid #242428}.palette-input span{font-size:25px;color:#777}.palette-input input{flex:1;background:none;border:0;outline:0;color:#fff;font:13px Space Mono}.palette-input kbd{font:8px Space Mono;color:#55555c;border:1px solid #29292e;padding:5px}.palette-item{display:flex;width:100%;align-items:center;gap:18px;background:none;border:0;border-bottom:1px solid #17171a;color:#99999f;text-align:left;padding:17px 20px;font:11px Space Mono}.palette-item:hover{background:#101014;color:#fff}.palette-item span{color:#4c4c52}.palette-item b{margin-left:auto;color:#4f4f56}.palette-foot{padding:14px 20px;font:8px Space Mono;color:#44444a}@media(max-width:900px){.topbar{padding:0 20px}.top-meta span:first-child,.side-nav{display:none}.hero{padding-left:0}.hero-copy{left:8%;top:22%}.hero-readout{right:20px}.manifesto,.projects-section,.journey,.skills,footer,.cubed{margin-left:0;padding-left:8vw;padding-right:8vw}.section-code{left:8vw}.manifesto-layout,.skills-intro,.footer-main{grid-template-columns:1fr;gap:30px}.project-row{grid-template-columns:35px 1fr 90px;gap:12px}.project-desc,.project-tags{display:none}.skill-grid{grid-template-columns:repeat(2,1fr)}.cubed .scene{left:25%;opacity:.5}.cube-copy{left:8%;top:17%}.footer-main{margin-bottom:90px}.footer-bottom{gap:12px;flex-wrap:wrap}.side-nav{width:0}}@media(max-width:600px){.topbar{height:62px}.brand{font-size:11px}.top-meta{gap:8px}.top-meta button{padding:6px}.hero{min-height:650px}.hero-copy{top:18%;left:7%;right:7%}.hero h1{font-size:72px;margin:20px 0 28px}.hero-copy p{font-size:13px}.hero-actions{margin-top:25px}.hero-readout{display:none}.manifesto,.projects-section,.journey,.skills,footer{padding-top:110px;padding-bottom:110px}.manifesto h2,.section-head h2,.skills h2,footer h2{font-size:58px}.project-row{grid-template-columns:28px 1fr 70px;min-height:78px}.project-name{font-size:12px}.project-status{font-size:7px}.project-status i{display:none}.cubed{height:650px}.cube-copy{top:12%}.cube-copy h2{font-size:80px}.cubed .scene{left:0;top:18%;opacity:.55}.timeline-item{grid-template-columns:25px 90px 1fr;gap:12px}.timeline-item h3{font-size:14px}.timeline-item p{font-size:11px}.skill{height:110px;padding:13px}.skill b{font-size:14px}.footer-bottom{font-size:7px}.scroll-hint{left:7%;bottom:25px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.scene{display:none}.project-row{transition:none}.boot{display:none}}