:root{--ink: #07090a;--ink-2: #0d1113;--panel: rgba(255,255,255,.025);--panel-brd: rgba(255,255,255,.08);--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", sans-serif;--mono: "JetBrains Mono", monospace}html[data-theme=light]{--ink: #ece9e0;--ink-2: #f7f5ee;--panel: rgba(0,0,0,.03);--panel-brd: rgba(0,0,0,.12);--text: #12181a;--muted: #586460;--lime: #4d7c0f;--cyan: #0b7e92;--magenta: #c41d6f;--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-amber{--accent: #ffc23d}.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-amber{--accent: #a86f04}html[data-theme=light] .accent-purple{--accent: #8b3dc4}html[data-theme=light] .accent-red{--accent: #d12f2f}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--ink);color:var(--text);font-family:var(--mono);overflow-x:hidden;line-height:1.6;-webkit-font-smoothing:antialiased;transition:background .3s,color .3s}body:after{content:"";position:fixed;inset:0;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")}html[data-theme=light] body:after{opacity:.02}body:before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;transition:background .3s;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%)}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{position:relative;z-index:1;max-width:1100px;margin:0 auto;padding:0 1.5rem}.hud{position:relative;z-index:5;display:flex;align-items:center;justify-content:space-between;max-width:1100px;margin:0 auto;padding:1rem 1.5rem;border-bottom:1px solid var(--panel-brd);font-family:var(--mono);font-size:.72rem;letter-spacing:.12em;text-transform:uppercase}.hud-home{color:var(--text);text-decoration:none;transition:color .2s}.hud-home:hover{color:var(--lime)}.hud-sub{color:var(--muted)}.hud-nav{display:flex;gap:1.4rem;align-items:center}.hud-nav a{color:var(--muted);text-decoration:none;transition:color .2s}.hud-nav a:hover,.hud-nav a.active{color:var(--lime)}.theme-toggle{background:none;border:none;cursor:pointer;color:var(--muted);display:inline-flex;padding:0;transition:color .2s}.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{width:7px;height:7px;border-radius:50%;background:var(--lime);box-shadow:0 0 10px var(--lime);animation:pulse 1.8s infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.8)}}.about-hero{position:relative;padding:4rem 0 3rem;min-height:56vh;display:flex;align-items:center}#constellation{position:absolute;inset:0;z-index:0;width:100%;height:100%}.about-hero-inner{position:relative;z-index:2;display:flex;align-items:center;gap:3rem}.about-hero-text{flex:1}.about-portrait{width:200px;height:200px;object-fit:contain;flex-shrink:0;border-radius:18px;filter:drop-shadow(0 10px 30px rgba(0,0,0,.4))}.eyebrow{font-family:var(--mono);font-size:.8rem;letter-spacing:.35em;text-transform:uppercase;color:var(--lime);margin-bottom:1.3rem;display:flex;align-items:center;gap:.8rem}.eyebrow:before{content:"";width:40px;height:1px;background:var(--lime);display:inline-block}h1.headline{font-family:var(--display);font-weight:800;font-size:clamp(2.4rem,6vw,4.6rem);line-height:1;letter-spacing:-.02em;margin-bottom:1.5rem}.headline .decode{color:var(--lime)}.sub{font-size:clamp(.95rem,1.3vw,1.08rem);color:var(--muted);max-width:54ch;line-height:1.75}.sub b{color:var(--text);font-weight:500}.sec{padding:4.5rem 0;position:relative}.sec-label{font-family:var(--mono);font-size:.75rem;letter-spacing:.3em;text-transform:uppercase;color:var(--cyan);margin-bottom:.8rem;display:flex}.sec-title{font-family:var(--display);font-weight:700;font-size:clamp(1.7rem,3.5vw,2.6rem);letter-spacing:-.01em;margin-bottom:2rem}.prose{color:var(--muted);max-width:64ch;line-height:1.8;margin-bottom:1.3rem;font-size:.98rem}.prose b{color:var(--text);font-weight:600}.pullquote{border-left:3px solid var(--lime);padding:.6rem 0 .6rem 1.5rem;margin:1.8rem 0;font-family:var(--display);font-weight:600;font-size:clamp(1.15rem,2vw,1.5rem);line-height:1.45;color:var(--text);max-width:60ch}.pullquote em{color:var(--lime);font-style:italic}.skill-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.1rem}.skill-card{position:relative;background:var(--ink-2);border:1px solid var(--panel-brd);border-radius:16px;padding:1.75rem;transform-style:preserve-3d;transition:transform .12s ease,border-color .3s;overflow:hidden;will-change:transform}.skill-card:hover{border-color:var(--accent)}.skill-card .glare{position:absolute;inset:0;opacity:0;transition:opacity .3s;pointer-events:none;background:radial-gradient(circle at var(--mx,50%) var(--my,50%),color-mix(in oklab,var(--accent) 20%,transparent),transparent 45%)}.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);font-weight:700;font-size:1.2rem;margin-bottom:.5rem;transform:translateZ(25px)}.skill-card p{color:var(--muted);font-size:.88rem;line-height:1.6;transform:translateZ(15px)}.practice-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem;margin-top:1.5rem}.practice{position:relative;display:flex;align-items:center;gap:1rem;padding:1.25rem 1.4rem;border-radius:14px;background:var(--ink-2);border:1px solid var(--panel-brd);text-decoration:none;color:var(--text);transform-style:preserve-3d;transition:transform .12s ease,border-color .3s;overflow:hidden;will-change:transform}.practice:hover{border-color:var(--accent)}.practice .glare{position:absolute;inset:0;opacity:0;transition:opacity .3s;pointer-events:none;background:radial-gradient(circle at var(--mx,50%) var(--my,50%),color-mix(in oklab,var(--accent) 22%,transparent),transparent 50%)}.practice:hover .glare{opacity:1}.practice img{width:40px;height:40px;flex-shrink:0;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{display:grid;grid-template-columns:1.5fr 1fr;gap:2.5rem;align-items:center;background:var(--ink-2);border:1px solid var(--panel-brd);border-left:3px solid var(--lime);border-radius:16px;padding:2.5rem 3rem}.headed-main{color:var(--muted);line-height:1.8;font-size:1.05rem}.headed-em{font-family:var(--display);font-weight:700;color:var(--lime);font-size:clamp(1.2rem,1.9vw,1.55rem);line-height:1.4}.cta-row{display:flex;gap:1rem;flex-wrap:wrap}.btn{position:relative;font-family:var(--mono);font-weight:500;font-size:.9rem;letter-spacing:.03em;padding:.95rem 1.7rem;border-radius:10px;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;gap:.6rem;transition:transform .15s ease,box-shadow .25s ease,border-color .25s;will-change:transform}.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:6rem 0 4rem}.footcta h2{font-family:var(--display);font-weight:800;font-size:clamp(2rem,5vw,3.2rem);letter-spacing:-.02em;margin-bottom:1.2rem}.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);padding:1.5rem 0;position:relative;z-index:1}.footbar-inner{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;font-family:var(--mono);font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.foot-live{display:flex;align-items:center;gap:.5rem}.reveal{opacity:0;transform:translateY(28px);transition:opacity .8s cubic-bezier(.2,.7,.2,1),transform .8s cubic-bezier(.2,.7,.2,1)}.reveal.in{opacity:1;transform:none}@media(max-width:780px){.about-hero-inner{flex-direction:column-reverse;text-align:center;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;transform:none;transition:none}.dot{animation:none}body,body:before{transition:none}*{scroll-behavior:auto}}