:root{color-scheme:dark;--ink:#07090a;--ink-2:#0d1113;--panel:#ffffff06;--panel-brd:#ffffff14;--text:#e9f1ee;--muted:#79857f;--lime:#b6ff3c;--cyan:#41efff;--magenta:#ff4d9d;--btn-primary-text:#06251a;--glow-1:#41efff;--glow-2:#b6ff3c;--glow-3:#ff4d9d;--display:"Syne", "Syne Fallback", "Syne Glyph Fallback", sans-serif;--mono:"JetBrains Mono", "JetBrains Mono Fallback", monospace}html[data-theme=light]{color-scheme:light;--ink:#ece9e0;--ink-2:#f7f5ee;--panel:#00000008;--panel-brd:#0000001f;--text:#12181a;--muted:#515c59;--lime:#4d7c0f;--cyan:#08697a;--magenta:#c41d6f;--lime-ink:#3e6700;--btn-primary-text:#f6f4ec;--glow-1:#7cc9ff;--glow-2:#a9dd6a;--glow-3:#ff9ec9}.accent-cyan{--accent:#41efff}.accent-magenta{--accent:#ff4d9d}.accent-lime{--accent:#b6ff3c}.accent-canary{--accent:#f2e300}.accent-purple{--accent:#d96bff}.accent-red{--accent:#ff5c5c}html[data-theme=light] .accent-cyan{--accent:#0b8ca0}html[data-theme=light] .accent-magenta{--accent:#c41d6f}html[data-theme=light] .accent-lime{--accent:#5a8f12}html[data-theme=light] .accent-canary{--accent:#797100}html[data-theme=light] .accent-purple{--accent:#8b3dc4}html[data-theme=light] .accent-red{--accent:#d12f2f}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--ink);color:var(--text);font-family:var(--mono);-webkit-font-smoothing:antialiased;line-height:1.6;transition:background .3s,color .3s;overflow-x:hidden}body:after{content:"";pointer-events:none;z-index:9999;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}html[data-theme=light] body:after{opacity:.02}body:before{content:"";z-index:0;pointer-events:none;background:radial-gradient(55vw 45vh at 12% 0%, color-mix(in oklab, var(--glow-1) 12%, transparent), transparent 70%), radial-gradient(50vw 45vh at 92% 12%, color-mix(in oklab, var(--glow-2) 11%, transparent), transparent 70%), radial-gradient(55vw 50vh at 60% 100%, color-mix(in oklab, var(--glow-3) 8%, transparent), transparent 70%);transition:background .3s;position:fixed;inset:0}html[data-theme=light] body:before{background:radial-gradient(55vw 45vh at 12% 0%, color-mix(in oklab, var(--glow-1) 48%, transparent), transparent 72%), radial-gradient(50vw 45vh at 92% 12%, color-mix(in oklab, var(--glow-2) 44%, transparent), transparent 72%), radial-gradient(55vw 50vh at 60% 100%, color-mix(in oklab, var(--glow-3) 34%, transparent), transparent 72%)}.wrap{z-index:1;max-width:1100px;margin:0 auto;padding:0 1.5rem;position:relative}.hud{z-index:5;border-bottom:1px solid var(--panel-brd);max-width:1100px;font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;flex-wrap:wrap;justify-content:space-between;align-items:center;margin:0 auto;padding:1rem 1.5rem;font-size:.72rem;display:flex;position:relative}.hud-home{color:var(--text);margin-block:-3px;padding-block:3px;text-decoration:none;transition:color .2s}.hud-home:hover{color:var(--lime-ink,var(--lime))}.hud-sub{color:var(--muted)}.hud-nav{flex-wrap:wrap;align-items:center;gap:1.4rem;display:flex}.hud-nav a{color:var(--muted);margin-block:-3px;padding-block:3px;text-decoration:none;transition:color .2s}.hud-nav a:hover{color:var(--lime-ink,var(--lime))}.theme-toggle{cursor:pointer;color:var(--muted);background:0 0;border:none;justify-content:center;align-items:center;min-width:24px;min-height:24px;margin:-4px;padding:0;transition:color .2s;display:inline-flex}.theme-toggle:hover{color:var(--lime)}.theme-toggle .ico{width:16px;height:16px}html[data-theme=dark] .ico-moon,html[data-theme=light] .ico-sun{display:none}.dot{background:var(--lime);width:7px;height:7px;box-shadow:0 0 10px var(--lime);border-radius:50%;animation:1.8s infinite pulse}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.8)}}.about-hero{align-items:center;min-height:56vh;padding:4rem 0 3rem;display:flex;position:relative}#constellation{z-index:0;width:100%;height:100%;position:absolute;inset:0}.about-hero-inner{z-index:2;align-items:center;gap:3rem;min-width:0;display:flex;position:relative}.about-hero-text{flex:1}.about-portrait{object-fit:contain;filter:drop-shadow(0 10px 30px #0006);border-radius:18px;flex-shrink:0;width:200px;height:200px}.eyebrow{font-family:var(--mono);letter-spacing:.35em;text-transform:uppercase;color:var(--lime-ink,var(--lime));align-items:center;gap:.8rem;margin-bottom:1.3rem;font-size:.8rem;display:flex}.eyebrow:before{content:"";background:var(--lime);width:40px;height:1px;display:inline-block}h1.headline{font-family:var(--display);letter-spacing:-.02em;margin-bottom:1.5rem;font-size:clamp(min(2.4rem,12vw),6vw,4.6rem);font-weight:800;line-height:1}.headline .decode{color:var(--lime)}.sub{color:var(--muted);max-width:54ch;font-size:clamp(.95rem,1.3vw,1.08rem);line-height:1.75}.sub b{color:var(--text);font-weight:500}.sec{padding-block:4.5rem;position:relative}.sec-label{font-family:var(--mono);letter-spacing:.3em;text-transform:uppercase;color:var(--cyan);margin-bottom:.8rem;font-size:.75rem;display:flex}.sec-title{font-family:var(--display);letter-spacing:-.01em;margin-bottom:2rem;font-size:clamp(1.7rem,3.5vw,2.6rem);font-weight:700}.prose{color:var(--muted);max-width:64ch;margin-bottom:1.3rem;font-size:.98rem;line-height:1.8}.prose b{color:var(--text);font-weight:600}.pullquote{border-left:3px solid var(--lime);font-family:var(--display);color:var(--text);max-width:60ch;margin:1.8rem 0;padding:.6rem 0 .6rem 1.5rem;font-size:clamp(1.15rem,2vw,1.5rem);font-weight:600;line-height:1.45}.pullquote em{color:var(--lime-ink,var(--lime));font-style:italic}.skill-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.1rem;display:grid}.skill-card{background:var(--ink-2);border:1px solid var(--panel-brd);transform-style:preserve-3d;will-change:transform;border-radius:16px;padding:1.75rem;transition:transform .12s,border-color .3s;position:relative;overflow:hidden}.skill-card:hover{border-color:var(--accent)}.skill-card .glare{opacity:0;pointer-events:none;background:radial-gradient(circle at var(--mx,50%) var(--my,50%), color-mix(in oklab, var(--accent) 20%, transparent), transparent 45%);transition:opacity .3s;position:absolute;inset:0}.skill-card:hover .glare{opacity:1}.skill-icon{width:30px;height:30px;color:var(--accent);margin-bottom:1rem;transform:translateZ(30px)}.skill-card h3{font-family:var(--display);margin-bottom:.5rem;font-size:1.2rem;font-weight:700;transform:translateZ(25px)}.skill-card p{color:var(--muted);font-size:.88rem;line-height:1.6;transform:translateZ(15px)}.practice-grid{grid-template-columns:repeat(auto-fit,minmax(max(260px,34%),1fr));gap:1rem;margin-top:1.5rem;display:grid}.practice{background:var(--ink-2);border:1px solid var(--panel-brd);color:var(--text);transform-style:preserve-3d;will-change:transform;border-radius:14px;align-items:center;gap:1rem;padding:1.25rem 1.4rem;text-decoration:none;transition:transform .12s,border-color .3s;display:flex;position:relative;overflow:hidden}.practice:hover{border-color:var(--accent)}.practice .glare{opacity:0;pointer-events:none;background:radial-gradient(circle at var(--mx,50%) var(--my,50%), color-mix(in oklab, var(--accent) 22%, transparent), transparent 50%);transition:opacity .3s;position:absolute;inset:0}.practice:hover .glare{opacity:1}.practice img{flex-shrink:0;width:40px;height:40px;transform:translateZ(28px)}.practice div{transform:translateZ(18px)}.practice strong{font-family:var(--display);font-size:1.05rem;display:block}.practice span{color:var(--muted);font-size:.82rem}.headed-panel{background:var(--ink-2);border:1px solid var(--panel-brd);border-left:3px solid var(--lime);border-radius:16px;grid-template-columns:1.5fr 1fr;align-items:center;gap:2.5rem;padding:2.5rem 3rem;display:grid}.headed-main{color:var(--muted);font-size:1.05rem;line-height:1.8}.headed-em{font-family:var(--display);color:var(--lime);font-size:clamp(1.2rem,1.9vw,1.55rem);font-weight:700;line-height:1.4}.cta-row{flex-wrap:wrap;gap:1rem;display:flex}.btn{font-family:var(--mono);letter-spacing:.03em;cursor:pointer;will-change:transform;border-radius:10px;align-items:center;gap:.6rem;padding:.95rem 1.7rem;font-size:.9rem;font-weight:500;text-decoration:none;transition:transform .15s,box-shadow .25s,border-color .25s;display:inline-flex;position:relative}.btn-primary{background:var(--lime);color:var(--btn-primary-text)}.btn-primary:hover{box-shadow:0 10px 40px -8px var(--lime)}.btn-ghost{background:var(--panel);color:var(--text);border:1px solid var(--panel-brd)}.btn-ghost:hover{border-color:var(--cyan);box-shadow:0 10px 40px -12px var(--cyan)}.footcta{text-align:center;padding-block:6rem 4rem}.footcta h2{font-family:var(--display);letter-spacing:-.02em;margin-bottom:1.2rem;font-size:clamp(min(2rem,10vw),5vw,3.2rem);font-weight:800}.footcta .accent{color:var(--lime)}.foot-sub{color:var(--muted);max-width:46ch;margin:0 auto 2.5rem;font-size:.95rem;line-height:1.7}.footbar{border-top:1px solid var(--panel-brd);z-index:1;padding:1.5rem 0;position:relative}.footbar-inner{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;font-size:.72rem;display:flex}.foot-live{align-items:center;gap:.5rem;display:flex}.reveal{opacity:0;transition:opacity .8s cubic-bezier(.2,.7,.2,1),transform .8s cubic-bezier(.2,.7,.2,1);transform:translateY(28px)}.reveal.in{opacity:1;transform:none}.skip-link:focus-visible,.hud-home:focus-visible,.hud-nav a:focus-visible,.theme-toggle:focus-visible,.btn:focus-visible,.practice:focus-visible{outline:2px solid var(--lime);outline-offset:2px}.skip-link{top:.75rem;z-index:10000;clip:rect(0 0 0 0);position:fixed;inset-inline-start:.75rem}.skip-link:focus{clip:auto;background:var(--lime);color:var(--btn-primary-text);padding:.5rem 1rem;text-decoration:none}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;-webkit-user-select:none;user-select:none;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.practice:focus-visible{outline-color:var(--accent)}@media (width<=780px){.about-hero-inner{text-align:center;flex-direction:column-reverse;gap:1.5rem}.eyebrow{justify-content:center}.sub{margin:0 auto}.about-portrait{width:150px;height:150px}.hud-sub{display:none}.headed-panel{grid-template-columns:1fr;gap:1.2rem;padding:1.75rem 2rem}}@media (prefers-reduced-motion:reduce){.reveal{opacity:1;transition:none;transform:none}.dot{animation:none}body,body:before{transition:none}html,*{scroll-behavior:auto}}