:root{--display:"Space Grotesk",system-ui,sans-serif;--sans:"Spline Sans",system-ui,sans-serif;--mono:"Space Mono",ui-monospace,monospace;--maxw:1180px;--gutter:clamp(20px,5vw,72px);--radius:14px;--radius-sm:9px;--ease:cubic-bezier(0.22,1,0.36,1);--ease-in-out:cubic-bezier(0.65,0,0.35,1);--star-cyan:oklch(0.82 0.13 200);--star-violet:oklch(0.74 0.15 292);--star-amber:oklch(0.83 0.13 72);--star-rose:oklch(0.76 0.15 358)}:root,[data-theme=dark]{--bg:oklch(0.158 0.022 274);--bg-2:oklch(0.185 0.024 274);--surface:oklch(0.222 0.026 274);--surface-2:oklch(0.265 0.028 274);--text:oklch(0.965 0.008 280);--text-soft:oklch(0.79 0.018 280);--muted:oklch(0.60 0.020 280);--border:oklch(0.32 0.024 278);--border-strong:oklch(0.44 0.030 278);--accent:var(--star-cyan);--accent-2:var(--star-violet);--on-accent:oklch(0.16 0.03 274);--glow:0.55;--halo:radial-gradient(60% 60% at 50% 38%,oklch(0.30 0.05 274/0.9),transparent 70%);color-scheme:dark}[data-theme=light]{--bg:oklch(0.975 0.006 274);--bg-2:oklch(0.948 0.008 274);--surface:oklch(0.995 0.003 274);--surface-2:oklch(0.93 0.010 274);--text:oklch(0.215 0.022 280);--text-soft:oklch(0.40 0.020 280);--muted:oklch(0.55 0.018 280);--border:oklch(0.89 0.008 274);--border-strong:oklch(0.80 0.012 274);--accent:oklch(0.55 0.14 224);--accent-2:oklch(0.52 0.18 292);--on-accent:oklch(0.99 0.01 224);--glow:0.18;--halo:radial-gradient(60% 60% at 50% 38%,oklch(0.86 0.02 274/0.9),transparent 70%);color-scheme:light}*,:after,:before{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;overflow-x:clip}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--sans);font-size:16px;line-height:1.62;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden;transition:background-color .6s var(--ease),color .6s var(--ease)}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}::selection{background:var(--accent);color:var(--on-accent)}.wrap{max-width:var(--maxw);margin-inline:auto;padding-inline:var(--gutter)}.display{font-family:var(--display);font-weight:600;letter-spacing:-.03em}.eyebrow{font-family:var(--mono);font-size:11.5px;letter-spacing:.22em;text-transform:uppercase;color:var(--muted);display:inline-flex;align-items:center;gap:12px}.eyebrow .idx{color:var(--accent)}.eyebrow:before{content:"";width:26px;height:1px;background:var(--border-strong)}.section{padding-block:clamp(84px,12vw,150px);position:relative;overflow-x:clip}.section-head{margin-bottom:clamp(40px,6vw,68px);max-width:60ch}.section-head h2{font-family:var(--display);font-weight:700;font-size:clamp(34px,6vw,64px);line-height:.98;letter-spacing:-.035em;margin:20px 0 0}.section-head .lede{color:var(--text-soft);max-width:50ch;margin:18px 0 0;font-size:17px}.section-head,.section-head>*{position:relative}.section-head>*{z-index:1}.ghost-num{position:absolute;z-index:0!important;right:-.06em;top:-.62em;font-family:var(--display);font-weight:700;line-height:.8;font-size:clamp(150px,24vw,360px);letter-spacing:-.06em;color:transparent;-webkit-text-stroke:1.5px var(--border);opacity:.55;pointer-events:none;user-select:none}.field-head .ghost-num{right:-.02em;top:-.5em}@media (max-width:700px){.ghost-num{font-size:120px;opacity:.4;right:-.04em}}.nav{position:sticky;top:0;z-index:60;background:color-mix(in oklab,var(--bg) 72%,transparent);backdrop-filter:saturate(1.3) blur(16px);-webkit-backdrop-filter:saturate(1.3) blur(16px);border-bottom:1px solid transparent;transition:border-color .4s var(--ease),background-color .4s var(--ease)}.nav.scrolled{border-bottom-color:var(--border)}.nav-inner{max-width:var(--maxw);margin-inline:auto;padding:15px var(--gutter);justify-content:space-between;gap:24px}.brand,.nav-inner{display:flex;align-items:center}.brand{gap:11px;font-family:var(--mono);font-size:14px;font-weight:700;letter-spacing:.01em}.brand .star{width:11px;height:11px;position:relative;color:var(--accent)}.brand .star:after,.brand .star:before{content:"";position:absolute;inset:0;background:currentColor;clip-path:polygon(50% 0,60% 40%,100% 50%,60% 60%,50% 100%,40% 60%,0 50%,40% 40%);animation:twinkle 3.4s var(--ease) infinite}.brand .star:after{filter:blur(3px);opacity:calc(var(--glow) + .2)}@keyframes twinkle{0%,to{transform:scale(1) rotate(0)}50%{transform:scale(.7) rotate(45deg)}}@media (prefers-reduced-motion:reduce){.brand .star:after,.brand .star:before{animation:none}}.nav-links{display:flex;align-items:center;gap:2px}.nav-links a{font-family:var(--mono);font-size:12px;letter-spacing:.04em;color:var(--text-soft);padding:8px 13px;border-radius:100px;transition:color .2s,background-color .2s}.nav-links a:hover{color:var(--text);background:var(--surface)}.nav-right{display:flex;align-items:center;gap:12px}.theme-toggle{font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;display:inline-flex;align-items:center;gap:9px;background:var(--surface);color:var(--text-soft);border:1px solid var(--border);border-radius:100px;padding:8px 14px 8px 11px;cursor:pointer;transition:border-color .2s,color .2s}.theme-toggle:hover{border-color:var(--border-strong);color:var(--text)}.theme-toggle .glyph{width:14px;height:14px;border-radius:50%;background:var(--text-soft);box-shadow:inset 4px -3px 0 0 var(--surface);transition:all .45s var(--ease)}[data-theme=light] .theme-toggle .glyph{box-shadow:inset 5px -1px 0 0 var(--surface);transform:rotate(-22deg)}@media (max-width:780px){.nav-links{display:none}}.hero{position:relative;padding-top:clamp(48px,8vw,100px);padding-bottom:clamp(60px,9vw,120px);overflow:hidden}.hero-sky{position:absolute;inset:0;z-index:0;pointer-events:none}.hero-sky canvas{width:100%;height:100%;display:block;opacity:calc(.45 + var(--glow) * .55)}.hero-sky:after{content:"";position:absolute;inset:0;background:var(--halo)}.hero .wrap{position:relative;z-index:1}.hero-grid{display:grid;grid-template-columns:1.3fr .85fr;gap:clamp(36px,6vw,90px);align-items:center}.hero-eyebrow{margin-bottom:30px}.hero h1{font-family:var(--display);font-weight:700;font-size:clamp(56px,13vw,148px);line-height:.86;letter-spacing:-.05em;margin:0}.hero-planet{position:absolute;right:-8%;top:4%;width:min(48vw,600px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 36% 30%,color-mix(in oklab,var(--star-violet) 60%,#fff) 0,var(--star-violet) 32%,color-mix(in oklab,var(--star-violet) 42%,#000) 78%,transparent 100%);box-shadow:inset -36px -46px 90px oklch(0 0 0/.6),0 0 120px -10px var(--star-violet);filter:blur(2px);opacity:.17;pointer-events:none;z-index:0;animation:floatp 26s ease-in-out infinite}[data-theme=light] .hero-planet{opacity:.1}@keyframes floatp{0%,to{transform:translateY(0)}50%{transform:translateY(-26px)}}.hero h1 .l2{display:block}.hero h1 .grad{background:linear-gradient(104deg,var(--accent),var(--accent-2) 48%,var(--accent) 96%);background-size:220% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:heroShimmer 7.5s linear infinite}@keyframes heroShimmer{to{background-position:220% 0}}.hero h1 .stroke{color:transparent;-webkit-text-stroke:1.4px var(--border-strong);animation:strokeGlow 5s var(--ease-in-out) infinite}@keyframes strokeGlow{0%,to{-webkit-text-stroke-color:var(--border-strong);text-shadow:none}50%{-webkit-text-stroke-color:color-mix(in oklab,var(--accent) 70%,var(--border-strong));text-shadow:0 0 30px color-mix(in oklab,var(--accent) 42%,transparent)}}@media (prefers-reduced-motion:reduce){.hero h1 .grad,.hero h1 .stroke{animation:none}}.role-rotator{display:flex;align-items:baseline;gap:14px;margin-bottom:26px;flex-wrap:wrap}.rr-pre{font-family:var(--mono);font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--muted);transform:translateY(-2px)}.rr-line{display:inline-flex;align-items:baseline;gap:5px;min-height:1.15em}.rr-text{font-family:var(--display);font-weight:700;font-size:clamp(22px,3.1vw,36px);letter-spacing:-.02em;line-height:1;white-space:nowrap;background:linear-gradient(100deg,var(--rr-a,var(--accent)),var(--rr-b,var(--accent-2)));-webkit-background-clip:text;background-clip:text;color:transparent;transition:opacity .38s var(--ease),transform .38s var(--ease),filter .38s var(--ease);will-change:opacity,transform,filter}.rr-text.rr-out{opacity:0;transform:translateY(-16px) skewX(-7deg);filter:blur(9px)}.rr-text.rr-in{animation:rrIn .56s var(--ease) both}@keyframes rrIn{0%{opacity:0;transform:translateY(18px) skewX(7deg);filter:blur(9px)}to{opacity:1;transform:none;filter:blur(0)}}.rr-caret{width:3px;height:.92em;align-self:center;border-radius:2px;background:var(--rr-a,var(--accent));box-shadow:0 0 11px var(--rr-a,var(--accent));animation:rrBlink 1.05s steps(1) infinite}@keyframes rrBlink{0%,54%{opacity:1}55%,to{opacity:0}}@media (prefers-reduced-motion:reduce){.rr-caret{animation:none}.rr-text{transition:opacity .3s}}.hero-sub{font-size:clamp(16px,1.7vw,19px);color:var(--text-soft);max-width:46ch;margin:32px 0 0}.hero-sub b{color:var(--text);font-weight:600}.hero-cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:36px}.btn{font-family:var(--mono);font-size:13px;letter-spacing:.03em;display:inline-flex;align-items:center;gap:9px;padding:14px 22px;border-radius:100px;border:1px solid transparent;cursor:pointer;transition:transform .2s var(--ease),background-color .2s,border-color .2s,color .2s,box-shadow .3s}.btn:hover{transform:translateY(-2px)}.btn .arrow{transition:transform .25s var(--ease)}.btn:hover .arrow{transform:translate(2px,-2px)}.btn-primary{background:var(--accent);color:var(--on-accent);font-weight:700;box-shadow:0 0 0 0 transparent}.btn-primary:hover{box-shadow:0 12px 40px -10px color-mix(in oklab,var(--accent) 70%,transparent)}.btn-ghost{background:color-mix(in oklab,var(--surface) 60%,transparent);color:var(--text);border-color:var(--border-strong)}.btn-ghost:hover{border-color:var(--text-soft)}.certbar{margin-top:44px;display:flex;align-items:center;gap:16px;flex-wrap:wrap}.certbar .label{font-family:var(--mono);font-size:10.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--muted)}.certbar .chips{display:flex;gap:8px;flex-wrap:wrap}.cert-chip{font-family:var(--mono);font-size:11px;letter-spacing:.03em;padding:6px 12px;border:1px solid var(--border);border-radius:100px;color:var(--text-soft);background:color-mix(in oklab,var(--surface) 70%,transparent)}.hero-portrait{position:relative;justify-self:center;width:100%;max-width:340px}.portrait-frame{position:relative;aspect-ratio:1/1.12;border-radius:var(--radius);padding:13px;background:linear-gradient(165deg,var(--surface),var(--bg-2));border:1px solid var(--border-strong);box-shadow:0 30px 80px -30px oklch(0 0 0/.7)}.portrait-frame:before{content:"";position:absolute;inset:-1px;border-radius:var(--radius);padding:1px;pointer-events:none;background:linear-gradient(150deg,var(--accent),transparent 40%,var(--accent-2) 95%);opacity:.7;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude}.portrait-inner{width:100%;height:100%;border-radius:8px;overflow:hidden;position:relative;background:radial-gradient(120% 90% at 30% 10%,color-mix(in oklab,var(--accent) 22%,transparent),transparent 60%),repeating-linear-gradient(135deg,var(--bg) 0 9px,var(--bg-2) 9px 18px);display:grid;place-items:center}.portrait-art{width:100%;height:100%;display:block}.pa-orbits{animation:pa-spin 80s linear infinite}.pa-orbit,.pa-orbits{transform-origin:150px 178px}.pa-orbit-a{animation:pa-spin 14s linear infinite}.pa-orbit-b{animation:pa-spin-rev 9s linear infinite}.pa-code{animation:pa-pulse 4.5s ease-in-out infinite}.pa-stars circle{animation:pa-twinkle 3.4s ease-in-out infinite}.pa-stars .s2{animation-delay:.9s}.pa-stars .s3{animation-delay:1.8s}@keyframes pa-spin{to{transform:rotate(1turn)}}@keyframes pa-spin-rev{to{transform:rotate(-1turn)}}@keyframes pa-pulse{0%,to{opacity:.86}50%{opacity:1}}@keyframes pa-twinkle{0%,to{opacity:.3}50%{opacity:1}}@media (prefers-reduced-motion:reduce){.pa-code,.pa-orbit-a,.pa-orbit-b,.pa-orbits,.pa-stars circle{animation:none}}.tick{position:absolute;width:10px;height:10px;border:1px solid var(--accent);z-index:2}.tick.tl{left:-1px;border-right:0}.tick.tl,.tick.tr{top:-1px;border-bottom:0}.tick.tr{right:-1px;border-left:0}.tick.bl{left:-1px;border-right:0}.tick.bl,.tick.br{bottom:-1px;border-top:0}.tick.br{right:-1px;border-left:0}.portrait-meta{margin-top:16px;display:flex;flex-direction:column;gap:8px;font-family:var(--mono);font-size:11px;color:var(--muted)}.portrait-meta .row{display:flex;justify-content:space-between;gap:12px}.portrait-meta .row span:last-child{color:var(--text-soft)}.status-live{color:var(--accent)!important;display:inline-flex;align-items:center;gap:7px}.status-live:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 8px var(--accent)}@media (max-width:900px){.hero-grid{grid-template-columns:1fr;gap:48px}.hero-portrait{order:-1;max-width:280px}}.work-list{display:flex;flex-direction:column;gap:0}.project{display:grid;grid-template-columns:.95fr 1.05fr;gap:clamp(28px,5vw,72px);align-items:center;padding-block:clamp(44px,6vw,80px);border-top:1px solid var(--border)}.project:first-child{border-top:0;padding-top:0}.project.flip .proj-media{order:2}.proj-num{font-size:13px;color:var(--accent);letter-spacing:.12em}.proj-kicker,.proj-num{font-family:var(--mono)}.proj-kicker{font-size:11.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin:16px 0 0}.proj-title{font-family:var(--display);font-weight:600;font-size:clamp(27px,3.6vw,42px);line-height:1.04;letter-spacing:-.03em;margin:14px 0 0;text-wrap:balance}.proj-desc{color:var(--text-soft);margin:18px 0 0;max-width:52ch;font-size:15.5px}.tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}.tag{font-size:11px;letter-spacing:.02em;padding:6px 11px;border-radius:100px;background:color-mix(in oklab,var(--surface) 70%,transparent);border:1px solid var(--border);color:var(--text-soft)}.proj-link,.tag{font-family:var(--mono)}.proj-link{display:inline-flex;align-items:center;gap:9px;font-size:13px;margin-top:28px;color:var(--text);border-bottom:1px solid var(--border-strong);padding-bottom:3px;transition:gap .22s var(--ease),border-color .2s,color .2s}.proj-link:hover{gap:14px;color:var(--accent);border-color:var(--accent)}.proj-media{position:relative;border-radius:var(--radius);overflow:hidden;border:1px solid var(--border);background:var(--bg-2);box-shadow:0 28px 70px -34px oklch(0 0 0/.6);transition:transform .4s var(--ease),box-shadow .4s var(--ease),border-color .3s}.project:hover .proj-media{transform:translateY(-4px);border-color:var(--border-strong)}.proj-media .bar{display:flex;align-items:center;gap:6px;padding:11px 13px;border-bottom:1px solid var(--border);background:var(--surface)}.proj-media .bar i{width:9px;height:9px;border-radius:50%;background:var(--border-strong)}.proj-media .bar .url{margin-left:10px;font-family:var(--mono);font-size:11px;color:var(--muted)}.proj-canvas{aspect-ratio:16/10;position:relative;overflow:hidden;background:radial-gradient(130% 100% at 80% 0,color-mix(in oklab,var(--m1) 26%,transparent),transparent 55%),radial-gradient(120% 120% at 10% 100%,color-mix(in oklab,var(--m2) 24%,transparent),transparent 60%),var(--bg)}.proj-canvas .grid-lines{position:absolute;inset:0;background-image:linear-gradient(var(--border) 1px,transparent 1px),linear-gradient(90deg,var(--border) 1px,transparent 1px);background-size:40px 40px;opacity:.5;-webkit-mask:radial-gradient(80% 80% at 50% 50%,#000,transparent 78%);mask:radial-gradient(80% 80% at 50% 50%,#000,transparent 78%)}.proj-canvas .big{position:absolute;inset:0;display:grid;place-items:center;padding:24px;text-align:center}.proj-canvas .big .num{font-family:var(--display);font-weight:600;font-size:clamp(64px,12vw,128px);letter-spacing:-.05em;line-height:.8;background:linear-gradient(135deg,var(--m1),var(--m2));-webkit-background-clip:text;background-clip:text;color:transparent}.proj-canvas .big .cap{font-family:var(--mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--text-soft);margin-top:14px}.proj-canvas .chip-orbit{position:absolute;font-family:var(--mono);font-size:10.5px;color:var(--text-soft);padding:5px 10px;border:1px solid var(--border-strong);border-radius:100px;background:color-mix(in oklab,var(--surface) 80%,transparent);backdrop-filter:blur(4px)}@media (max-width:840px){.project,.project.flip{grid-template-columns:1fr;gap:28px}.proj-media,.project.flip .proj-media{order:-1}}#skills{background:var(--bg-2);border-block:1px solid var(--border)}.field-head{justify-content:space-between;align-items:flex-end;gap:24px}.field-head,.field-legend{display:flex;flex-wrap:wrap}.field-legend{gap:16px;font-family:var(--mono);font-size:11px;color:var(--muted)}.field-legend .lg{display:inline-flex;align-items:center;gap:7px}.field-legend .lg .d{width:9px;height:9px;border-radius:50%;box-shadow:0 0 8px currentColor}.field-hint{font-family:var(--mono);font-size:11px;color:var(--muted);letter-spacing:.04em}.field{position:relative;margin-top:34px;height:clamp(440px,62vh,600px);border:1px solid var(--border);border-radius:var(--radius);background:radial-gradient(80% 70% at 50% 40%,color-mix(in oklab,var(--surface) 60%,transparent),transparent 75%),var(--bg);overflow:hidden;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none}.field.dragging{cursor:grabbing}.field-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:132px;height:132px;border-radius:50%;pointer-events:none;display:grid;place-items:center;text-align:center;border:1px dashed var(--border-strong);color:var(--muted);font-size:10px;letter-spacing:.14em;text-transform:uppercase}.chip,.field-core{font-family:var(--mono)}.chip{position:absolute;top:0;left:0;will-change:transform;display:inline-flex;align-items:center;gap:8px;white-space:nowrap;padding:9px 15px;border-radius:100px;font-size:13px;font-weight:500;letter-spacing:.01em;background:color-mix(in oklab,var(--surface) 88%,transparent);border:1px solid var(--border-strong);color:var(--text);box-shadow:0 6px 20px -10px oklch(0 0 0/.5);transition:border-color .25s,box-shadow .25s,color .2s}.chip .logo-wrap{width:18px;height:18px;flex:none;position:relative;display:grid;place-items:center}.chip .logo-wrap:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--c);box-shadow:0 0 10px var(--c)}.chip .logo,.chip .logo-wrap.has-logo:before{display:none}.chip .logo{width:18px;height:18px;background:var(--c);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;filter:drop-shadow(0 0 9px color-mix(in oklab,var(--c) 70%,transparent));transition:transform .25s var(--ease),filter .25s}.chip .logo-wrap.has-logo .logo{display:block}.chip.held .logo,.chip.lit .logo,.chip:hover .logo{transform:scale(1.14);filter:drop-shadow(0 0 14px var(--c))}.chip .m{font-size:9.5px;color:var(--muted);letter-spacing:.08em}.chip.lit,.chip:hover{border-color:var(--c);color:var(--text);box-shadow:0 0 0 1px var(--c),0 10px 30px -10px var(--c)}.chip.held{z-index:5;border-color:var(--c);box-shadow:0 0 0 1px var(--c),0 18px 44px -12px var(--c)}@media (max-width:560px){.chip{font-size:12px;padding:8px 12px}}#certs,.cosmos{position:relative}.cosmos{margin-top:8px;border-radius:20px;overflow:hidden;background:oklch(.135 .026 274);border:1px solid oklch(.3 .03 278);color:oklch(.95 .01 280);box-shadow:0 40px 100px -50px oklch(0 0 0/.8)}.cosmos .cosmos-sky{position:absolute;inset:0}.cosmos .cosmos-sky canvas{width:100%;height:100%;display:block}.cosmos-grid{display:grid;grid-template-columns:1.2fr .8fr;z-index:1}.cosmos-grid,.orbit-stage{min-height:760px;position:relative}.orbit-center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;text-align:center;z-index:3;pointer-events:none}.orbit-sun{width:112px;height:112px;border-radius:50%;background:radial-gradient(circle at 38% 32%,var(--star-amber),oklch(.5 .13 60) 70%);box-shadow:0 0 0 1px oklch(.7 .1 70/.4),0 0 60px -6px var(--star-amber),inset -8px -8px 22px oklch(0 0 0/.45);position:relative}.orbit-sun:after{content:"";position:absolute;inset:-16px;border-radius:50%;border:1px dashed oklch(.7 .08 70/.35);animation:spin 60s linear infinite}.orbit-center .sun-label{margin-top:16px;font-family:var(--mono);font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:oklch(.7 .02 280)}.orbit-ring{border:1px solid oklch(.42 .03 278/.55);border-radius:50%;pointer-events:none}.orbit-ring,.orbit-rotor{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.orbit-rotor{width:0;height:0}.orbit-rotor.spin{animation:spin var(--dur,60s) linear infinite}@keyframes spin{to{transform:translate(-50%,-50%) rotate(1turn)}}.cert-node{position:absolute;transform:translate(-50%,-50%);width:var(--size,16px);height:var(--size,16px);cursor:pointer;z-index:4}.cert-node.active,.cert-node:hover{z-index:6}.cert-body{position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle at 33% 28%,color-mix(in oklab,#fff 62%,var(--c)) 0,var(--c) 42%,color-mix(in oklab,var(--c) 48%,#000) 92%);box-shadow:inset -2px -3px 7px color-mix(in oklab,#000 58%,transparent),inset 2px 2px 6px color-mix(in oklab,#fff 28%,transparent),0 0 0 1px color-mix(in oklab,var(--c) 28%,transparent),0 0 22px 3px color-mix(in oklab,var(--c) 50%,transparent);transition:transform .6s var(--ease),box-shadow .45s,opacity .55s var(--ease)}.cert-node:not(.active) .cert-body{opacity:.5}.cert-node:not(.active):hover .cert-body{opacity:1}.cert-node:hover .cert-body{transform:scale(1.4)}.cert-node.active .cert-body{transform:scale(2);box-shadow:inset -3px -4px 10px color-mix(in oklab,#000 58%,transparent),inset 3px 3px 8px color-mix(in oklab,#fff 30%,transparent),0 0 0 1px color-mix(in oklab,var(--c) 35%,transparent),0 0 52px 12px color-mix(in oklab,var(--c) 62%,transparent)}.cert-body .pring{position:absolute;left:50%;top:50%;width:300%;height:300%;transform:translate(-50%,-50%) rotateX(73deg) rotate(-18deg);border-radius:50%;pointer-events:none;border:2px solid color-mix(in oklab,var(--c) 65%,transparent);box-shadow:0 0 16px color-mix(in oklab,var(--c) 45%,transparent)}.cert-body .pring:after{content:"";position:absolute;inset:5px;border-radius:50%;border:1px solid color-mix(in oklab,var(--c) 30%,transparent)}.cert-body .moon-orbit{position:absolute;left:50%;top:50%;width:0;height:0;transform:translate(-50%,-50%);pointer-events:none;animation:spin 7s linear infinite}.cert-body .moon{position:absolute;left:0;top:0;width:5px;height:5px;border-radius:50%;transform:translate(-50%,-50%) translateX(18px);background:oklch(.95 .02 280);box-shadow:0 0 8px oklch(.9 .04 280)}.cosmos.paused .cert-body .moon-orbit{animation-play-state:paused}.cert-node.active .cert-body:before{content:"";position:absolute;left:50%;top:50%;width:210%;height:210%;transform:translate(-50%,-50%);border-radius:50%;pointer-events:none;border:1px solid color-mix(in oklab,var(--c) 70%,transparent);animation:focuspulse 2.4s var(--ease) infinite}@keyframes focuspulse{0%{transform:translate(-50%,-50%) scale(.5);opacity:.85}70%{opacity:0}to{transform:translate(-50%,-50%) scale(1.3);opacity:0}}.cosmos.paused .cert-node.active .cert-body:before{animation-play-state:paused}.cert-node:after{content:attr(data-short);position:absolute;left:50%;top:calc(100% + 14px);transform:translateX(-50%);font-family:var(--mono);font-size:9.5px;letter-spacing:.08em;white-space:nowrap;color:oklch(.78 .02 280);opacity:0;transition:opacity .25s;pointer-events:none;z-index:7}.cert-node.active:after,.cert-node:hover:after{opacity:1}.cert-node.active:after{font-size:10px;font-weight:700;color:var(--c);top:calc(100% + var(--size, 16px))}.cosmos.paused .orbit-rotor.spin,.cosmos.paused .orbit-rotor.spin .cert-node,.cosmos.paused .orbit-sun:after{animation-play-state:paused}.orbit-readout{border-left:1px solid oklch(.3 .03 278);padding:clamp(28px,4vw,48px);display:flex;flex-direction:column;justify-content:center;min-height:760px}.ro-counter{font-family:var(--mono);font-size:11px;letter-spacing:.16em;color:oklch(.6 .02 280)}.ro-card{margin-top:18px}.ro-issuer{display:inline-flex;align-items:center;gap:9px;font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:oklch(.72 .02 280)}.ro-issuer .d{width:9px;height:9px;border-radius:50%;background:var(--c,var(--star-amber));box-shadow:0 0 10px var(--c,var(--star-amber))}.ro-title{font-family:var(--display);font-weight:600;font-size:clamp(24px,3vw,34px);line-height:1.06;letter-spacing:-.03em;margin:16px 0 0;transition:opacity .3s}.ro-desc{color:oklch(.78 .02 280);margin:14px 0 0;font-size:15px;max-width:42ch}.ro-verify{display:none;align-items:center;gap:7px;margin:18px 0 0;font-family:var(--mono);font-size:11.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--c,var(--star-cyan));text-decoration:none;width:fit-content;border-bottom:1px solid transparent;transition:border-color .25s,opacity .25s}.ro-verify.on{display:inline-flex}.ro-verify svg{transition:transform .25s}.ro-verify:hover{border-bottom-color:currentColor}.ro-verify:hover svg{transform:translate(2px,-2px)}.ro-verify:focus-visible{outline:2px solid var(--c,var(--star-cyan));outline-offset:4px;border-radius:2px}.ro-foot{margin-top:26px;padding-top:18px;border-top:1px dashed oklch(.34 .03 278);display:flex;align-items:center;justify-content:space-between;gap:16px;font-family:var(--mono);font-size:11.5px;color:oklch(.6 .02 280);flex-wrap:wrap}.ro-foot .verified{color:var(--star-cyan);display:inline-flex;align-items:center;gap:7px}.ro-foot .verified:before{content:"✓"}.ro-progress{height:2px;border-radius:4px;margin-top:26px;background:oklch(.3 .03 278);overflow:hidden}.ro-progress i{display:block;height:100%;width:0;border-radius:4px;background:var(--c,var(--star-amber));box-shadow:0 0 10px var(--c,var(--star-amber))}.ro-dots{display:flex;gap:8px;margin-top:18px}.ro-dots button{width:26px;height:4px;border-radius:4px;border:0;cursor:pointer;padding:0;background:oklch(.34 .03 278);transition:background .25s,transform .2s}.ro-dots button:hover{transform:scaleY(1.6)}.ro-dots button.on{background:var(--c,var(--star-amber));box-shadow:0 0 10px var(--c,var(--star-amber))}.ro-fade{opacity:0}@media (max-width:880px){.cosmos-grid{grid-template-columns:1fr}.orbit-stage{min-height:480px}.orbit-readout{border-left:0;border-top:1px solid oklch(.3 .03 278);min-height:auto}}#about{background:var(--bg-2);border-block:1px solid var(--border)}.about-grid{display:grid;grid-template-columns:1fr .9fr;gap:clamp(40px,6vw,90px);align-items:start}.about-statement{font-family:var(--display);font-weight:500;font-size:clamp(22px,2.6vw,30px);line-height:1.34;letter-spacing:-.02em;color:var(--text);margin:0;text-wrap:pretty}.about-statement+.about-statement{margin-top:24px;font-family:var(--sans);font-weight:400;font-size:clamp(16px,1.8vw,18px);color:var(--text-soft);line-height:1.62;letter-spacing:0}.about-statement .hl{background:linear-gradient(transparent 62%,color-mix(in oklab,var(--accent) 38%,transparent) 0)}.xp-label{font-family:var(--mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin-bottom:6px}.xp-item{display:grid;grid-template-columns:1fr auto;gap:6px 16px;padding:18px 0;border-top:1px solid var(--border);position:relative}.xp-item:before{content:"";position:absolute;left:-1px;top:18px;width:0;height:0}.xp-item .role{font-weight:600;font-size:15.5px}.xp-item .co{color:var(--text-soft);font-size:14px;margin-top:2px}.xp-item .dates{font-family:var(--mono);font-size:11.5px;color:var(--muted);white-space:nowrap;text-align:right;padding-top:3px}@media (max-width:860px){.about-grid{grid-template-columns:1fr;gap:44px}}.contact{position:relative;overflow:hidden}.contact .contact-sky{position:absolute;inset:0;pointer-events:none}.contact .contact-sky canvas{width:100%;height:100%;display:block;opacity:calc(.4 + var(--glow) * .5)}.contact-inner{text-align:center;padding-block:clamp(96px,14vw,170px);position:relative;z-index:1}.contact h2{font-family:var(--display);font-weight:700;font-size:clamp(44px,9vw,104px);line-height:.92;letter-spacing:-.04em;margin:20px 0 0}.contact h2 .grad{background:linear-gradient(104deg,var(--accent),var(--accent-2));-webkit-background-clip:text;background-clip:text;color:transparent}.contact .lede{color:var(--text-soft);margin:22px auto 0;max-width:42ch;font-size:17px}.mail-link{display:inline-flex;align-items:center;gap:12px;font-family:var(--mono);font-size:clamp(15px,2.4vw,23px);margin-top:40px;color:var(--text);border-bottom:1.5px solid var(--border-strong);padding-bottom:6px;transition:gap .22s var(--ease),border-color .2s,color .2s}.mail-link:hover{gap:16px;color:var(--accent);border-color:var(--accent)}.social{display:flex;justify-content:center;gap:10px;margin-top:42px;flex-wrap:wrap}.social a{font-family:var(--mono);font-size:12px;display:inline-flex;align-items:center;gap:8px;padding:11px 19px;border:1px solid var(--border);border-radius:100px;background:color-mix(in oklab,var(--surface) 70%,transparent);color:var(--text-soft);transition:border-color .2s,color .2s,transform .18s var(--ease)}.social a:hover{border-color:var(--text-soft);color:var(--text);transform:translateY(-2px)}footer{padding:32px var(--gutter);border-top:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;max-width:var(--maxw);margin-inline:auto;font-family:var(--mono);font-size:11px;color:var(--muted);letter-spacing:.04em}.reveal-ready .reveal{opacity:0}.reveal-ready .reveal.in{animation:reveal-in .8s var(--ease) both}@keyframes reveal-in{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.reveal-ready .reveal{opacity:1!important}.cert-node .moon-orbit,.cert-node.active:before,.hero-planet,.orbit-rotor.spin,.orbit-rotor.spin .cert-node,.orbit-sun:after,.reveal-ready .reveal.in{animation:none!important}}.cosmic-layer{position:absolute;inset:0;z-index:0;overflow:visible;pointer-events:none}.cosmic-layer canvas{position:absolute;inset:0;width:100%;height:100%;display:block;opacity:calc(.35 + var(--glow) * .45)}#about>.wrap,#skills>.wrap,#work>.section-head,#work>.work-list{position:relative;z-index:1}.planet-deco{position:absolute;border-radius:50%;pointer-events:none;background:radial-gradient(circle at 34% 28%,color-mix(in oklab,var(--p) 72%,#fff) 0,var(--p) 38%,color-mix(in oklab,var(--p) 40%,#000) 84%,transparent 100%);box-shadow:inset -18px -24px 56px oklch(0 0 0/.55),0 0 90px -8px var(--p);opacity:var(--po,.24);filter:blur(.3px);animation:floatp var(--pd,24s) ease-in-out infinite}[data-theme=light] .planet-deco{opacity:calc(var(--po, .24) * .6)}.planet-deco.ringed:after{content:"";position:absolute;left:50%;top:50%;width:196%;height:52%;transform:translate(-50%,-50%) rotate(-24deg);border-radius:50%;border:3px solid color-mix(in oklab,var(--p) 55%,transparent);border-bottom:3px solid transparent;opacity:.75}.nebula{position:absolute;border-radius:50%;pointer-events:none;background:radial-gradient(circle,color-mix(in oklab,var(--n) 60%,transparent),transparent 68%);filter:blur(52px);opacity:var(--no,.3);animation:nebPulse var(--nd,16s) ease-in-out infinite}[data-theme=light] .nebula{opacity:calc(var(--no, .3) * .5)}@keyframes nebPulse{0%,to{opacity:calc(var(--no, .3) * .65);transform:scale(1)}50%{opacity:var(--no,.3);transform:scale(1.08)}}.hero-planet{width:min(60vw,760px)!important;opacity:.28!important;filter:blur(1px)!important}[data-theme=light] .hero-planet{opacity:.14!important}.hero-portrait{overflow:visible}.hero-bigplanet{z-index:0;width:clamp(440px,52vw,760px);aspect-ratio:1/1;right:-6%;bottom:-28%;background:radial-gradient(circle at 73% 26%,oklch(.93 .05 220) 0,oklch(.82 .13 218) 9%,oklch(.62 .15 232) 21%,oklch(.4 .12 256) 38%,oklch(.24 .06 268) 56%,oklch(.165 .03 274) 70%);box-shadow:inset -30px -42px 130px oklch(0 0 0/.66),0 0 0 1px oklch(.82 .12 220/.22),0 0 180px -10px oklch(.7 .14 224/.55);opacity:.92;animation:floatp 30s ease-in-out infinite}.hero-bigplanet,.hero-bigplanet:after{position:absolute;border-radius:50%;pointer-events:none}.hero-bigplanet:after{content:"";inset:-3%;background:radial-gradient(circle at 73% 26%,oklch(.95 .06 215/.55) 0,transparent 26%);mix-blend-mode:screen;opacity:.9}[data-theme=light] .hero-bigplanet{opacity:.5}.hero-bigplanet .hbp-ring{position:absolute;left:50%;top:50%;width:182%;height:48%;transform:translate(-50%,-50%) rotate(-24deg);border-radius:50%;border:7px solid color-mix(in oklab,var(--star-cyan) 62%,transparent);border-bottom:7px solid transparent;opacity:.8;box-shadow:0 0 40px -6px color-mix(in oklab,var(--star-cyan) 45%,transparent)}@media (max-width:900px){.hero-bigplanet{width:clamp(380px,80vw,560px);right:-16%;bottom:-14%;opacity:.85}}.hero-planet{opacity:.15!important}.astro-rig{position:absolute;z-index:5;pointer-events:none;left:-54%;top:-78%;width:106%;height:112%}.astro-tether{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.astro-tether path{fill:none;stroke:color-mix(in oklab,var(--star-cyan) 72%,#fff);stroke-width:1.4;stroke-dasharray:5 7;stroke-linecap:round;opacity:.5;vector-effect:non-scaling-stroke;filter:drop-shadow(0 0 5px color-mix(in oklab,var(--star-cyan) 60%,transparent))}.astro-photo{position:absolute;left:6%;top:0;width:58%;height:auto;transform:rotate(-7deg);transform-origin:60% 70%;filter:drop-shadow(0 26px 34px oklch(0 0 0/.55)) drop-shadow(0 0 32px color-mix(in oklab,var(--star-cyan) 28%,transparent));animation:astroDrift 13s var(--ease-in-out) infinite}@keyframes astroDrift{0%,to{transform:translate(0) rotate(-7deg)}50%{transform:translate(-9px,-15px) rotate(-3deg)}}@media (max-width:900px){.astro-rig{left:auto;right:-8%;top:-16%;width:58%;height:auto}.astro-tether{display:none}.astro-photo{position:absolute;left:0;top:0;width:90%;transform:rotate(-8deg)}}@media (max-width:560px){.astro-rig{right:-4%;top:-12%;width:50%}.astro-photo{width:92%}}@media (max-width:380px){.astro-rig{width:46%;top:-9%}}@media (prefers-reduced-motion:reduce){.astro-photo{animation:none}}.skills-cluster{display:flex;flex-direction:column;gap:clamp(30px,4vw,48px);margin-top:clamp(34px,4vw,52px)}.skill-group-head{display:flex;align-items:center;gap:13px;margin-bottom:20px}.skill-group-head .gd{width:11px;height:11px;border-radius:50%;background:currentColor;box-shadow:0 0 14px currentColor;flex:none}.skill-group-head h3{font-family:var(--mono);font-size:12.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--text-soft);margin:0;font-weight:400;white-space:nowrap}.skill-group-head .ln{flex:1;height:1px;background:linear-gradient(90deg,color-mix(in oklab,currentColor 40%,transparent),transparent)}.skill-group-head .ct{font-family:var(--mono);font-size:11px;color:var(--muted);letter-spacing:.1em}.logo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(148px,1fr));gap:14px}.logo-tile{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;padding:28px 16px 22px;border-radius:18px;overflow:hidden;background:linear-gradient(165deg,color-mix(in oklab,var(--surface) 72%,transparent),color-mix(in oklab,var(--bg-2) 82%,transparent));border:1px solid var(--border);transition:transform .32s var(--ease),border-color .32s,box-shadow .32s}.logo-tile:before{content:"";position:absolute;left:50%;top:32%;width:130px;height:130px;transform:translate(-50%,-50%);background:radial-gradient(circle,color-mix(in oklab,var(--c) 65%,transparent),transparent 70%);opacity:0;filter:blur(16px);transition:opacity .38s;pointer-events:none}.logo-tile:focus-visible,.logo-tile:hover{transform:translateY(-6px);border-color:color-mix(in oklab,var(--c) 75%,transparent);outline:none;box-shadow:0 20px 50px -22px var(--c),0 0 0 1px color-mix(in oklab,var(--c) 45%,transparent)}.logo-tile:focus-visible:before,.logo-tile:hover:before{opacity:.6}.logo-tile .lg-logo{width:56px;height:56px;object-fit:contain;position:relative;z-index:1;filter:drop-shadow(0 6px 14px color-mix(in oklab,var(--c) 45%,transparent));transition:transform .32s var(--ease)}.logo-tile:focus-visible .lg-logo,.logo-tile:hover .lg-logo{transform:scale(1.14)}.logo-tile .lg-name{font-family:var(--display);font-weight:600;font-size:15px;letter-spacing:-.01em;color:var(--text);text-align:center;line-height:1.16;position:relative;z-index:1}.logo-tile .lg-meta{font-family:var(--mono);font-size:9.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);position:relative;z-index:1}.lg-fallback{width:56px;height:56px;border-radius:50%;display:grid;place-items:center;position:relative;z-index:1;font-family:var(--display);font-weight:700;font-size:23px;color:var(--c);background:radial-gradient(circle at 35% 30%,color-mix(in oklab,var(--c) 42%,transparent),color-mix(in oklab,var(--c) 12%,transparent));box-shadow:inset 0 0 0 1px color-mix(in oklab,var(--c) 50%,transparent),0 0 20px color-mix(in oklab,var(--c) 40%,transparent)}@media (max-width:560px){.logo-grid{grid-template-columns:repeat(auto-fill,minmax(116px,1fr));gap:10px}.logo-tile{padding:22px 10px 16px;gap:12px;border-radius:14px}.lg-fallback,.logo-tile .lg-logo{width:46px;height:46px}}.cert-decal{position:absolute;left:50%;top:50%;width:66%;height:66%;transform:translate(-50%,-50%);border-radius:50%;z-index:2;pointer-events:none;background:radial-gradient(circle at 38% 30%,#fff,#e9edf8 78%);box-shadow:inset -2px -3px 6px oklch(0 0 0/.22),inset 2px 2px 5px #fff,0 1px 5px oklch(0 0 0/.4);display:grid;place-items:center}.cert-logo{width:66%;height:66%;object-fit:contain;display:block}.cert-node:not(.active) .cert-decal{opacity:.88}@media (prefers-reduced-motion:reduce){.nebula,.planet-deco{animation:none!important}}.hero-sky{background:radial-gradient(105% 75% at 82% 4%,oklch(.42 .16 292/.55),transparent 56%),radial-gradient(95% 80% at 6% 102%,oklch(.4 .13 222/.5),transparent 55%),radial-gradient(70% 55% at 50% 120%,oklch(.46 .14 300/.4),transparent 60%),radial-gradient(135% 120% at 50% -10%,oklch(.205 .045 276),oklch(.128 .022 274) 72%)}.hero-sky canvas{opacity:calc(.6 + var(--glow) * .55)}.hero-sky:after{background:radial-gradient(58% 52% at 40% 40%,oklch(.4 .1 286/.55),transparent 72%)}[data-theme=light] .hero-sky{background:radial-gradient(100% 75% at 82% 2%,oklch(.74 .1 292/.4),transparent 58%),radial-gradient(95% 80% at 4% 104%,oklch(.78 .09 222/.36),transparent 58%),radial-gradient(135% 120% at 50% -10%,oklch(.965 .012 286),oklch(.94 .008 274) 74%)}.hero-copy{position:relative}.hero-copy:before{content:"";position:absolute;z-index:-1;pointer-events:none;left:-16%;top:-10%;width:82%;height:96%;background:radial-gradient(closest-side,oklch(.58 .15 290/.3),transparent 76%);filter:blur(26px)}[data-theme=light] .hero-copy:before{background:radial-gradient(closest-side,oklch(.7 .12 286/.22),transparent 78%)}.hero h1{font-size:clamp(60px,13.5vw,158px);letter-spacing:-.055em}.hero h1 .grad{filter:drop-shadow(0 0 34px color-mix(in oklab,var(--accent) 38%,transparent))}.hero h1 .stroke{-webkit-text-stroke-width:1.7px}.hero-sky .nebula{filter:blur(58px)}@media (prefers-reduced-motion:reduce){.hero-copy:before{filter:blur(26px)}}.shots-view{position:relative;overflow:hidden;background:var(--bg)}.shots-track{display:flex;height:100%;will-change:transform;transition:transform .85s var(--ease)}.shots-track img{flex:0 0 100%;width:100%;height:100%;display:block;object-fit:cover;object-position:top center}@media (prefers-reduced-motion:reduce){.shots-track{transition:none}}.proj-media>.shots-view{aspect-ratio:1921/876}.shots-dots{display:flex;justify-content:center;gap:7px;z-index:4}.proj-media:not(.phone) .shots-dots{position:absolute;left:0;right:0;bottom:12px}.shots-dots button{width:22px;height:4px;border-radius:4px;border:0;padding:0;cursor:pointer;background:color-mix(in oklab,var(--text) 38%,transparent);transition:background .25s,transform .2s,width .25s}.shots-dots button:hover{transform:scaleY(1.7)}.shots-dots button.on{width:30px;background:var(--m1,var(--accent));box-shadow:0 0 10px var(--m1,var(--accent))}.proj-media.phone{background:transparent;border:0;box-shadow:none;overflow:visible;display:flex;flex-direction:column;align-items:center;gap:20px;padding:6px 0}.project:hover .proj-media.phone{transform:none}.phone-frame{position:relative;width:min(264px,76%);padding:11px;border-radius:42px;background:linear-gradient(158deg,var(--surface-2),var(--bg-2) 60%,oklch(.12 .02 274));border:1px solid var(--border-strong);box-shadow:0 44px 90px -38px oklch(0 0 0/.8),inset 0 0 0 2px oklch(0 0 0/.5),0 0 70px -24px var(--m1,var(--accent));transition:transform .45s var(--ease),box-shadow .4s}.project:hover .phone-frame{transform:translateY(-6px);box-shadow:0 56px 110px -40px oklch(0 0 0/.85),inset 0 0 0 2px oklch(0 0 0/.5),0 0 90px -22px var(--m1,var(--accent))}.phone-frame:after,.phone-frame:before{content:"";position:absolute;left:-2px;width:2px;border-radius:2px;background:var(--border-strong)}.phone-frame:before{top:92px;height:30px}.phone-frame:after{top:132px;height:52px}.phone-frame .shots-view{aspect-ratio:1080/2340;border-radius:32px;background:#05060a}.proj-media.phone .shots-dots{position:static}@media (max-width:840px){.phone-frame{width:min(248px,70%)}}