@layer reset{*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;scrollbar-gutter:stable}body,h1,h2,h3,p,figure,blockquote,dl,dd{margin:0}ul,ol{margin:0;padding:0}img,picture,svg{max-inline-size:100%;display:block}button,input,textarea{color:inherit;font:inherit}button,a{-webkit-tap-highlight-color:transparent}}@layer tokens{:root{color-scheme:dark;--ink-0:#fff;--ink-1:#d9d4e8;--ink-2:#9f98b5;--ink-3:#837da0;--void-0:#07050d;--void-1:#0b0715;--surface:oklch(17% .035 300/.78);--surface-strong:oklch(21% .05 300/.94);--line:oklch(70% .08 300/.18);--line-strong:oklch(78% .12 300/.38);--accent:oklch(72% .19 304);--accent-soft:oklch(72% .19 304/.16);--accent-violet:oklch(72% .19 304);--accent-cyan:oklch(79% .13 210);--accent-lime:oklch(84% .14 132);--accent-orange:oklch(78% .16 62);--accent-rose:oklch(73% .18 8);--accent-blue:oklch(70% .16 255);--font-sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:"SFMono-Regular", Consolas, "Liberation Mono", monospace;--step--1:clamp(.72rem, .69rem + .14vw, .82rem);--step-0:clamp(.98rem, .92rem + .25vw, 1.12rem);--step-1:clamp(1.2rem, 1.06rem + .65vw, 1.62rem);--step-2:clamp(1.55rem, 1.2rem + 1.45vw, 2.4rem);--step-3:clamp(2.2rem, 1.35rem + 3.4vw, 4.6rem);--step-4:clamp(3.4rem, 1.25rem + 8vw, 9rem);--space-1:clamp(.5rem, .42rem + .3vw, .75rem);--space-2:clamp(.85rem, .68rem + .6vw, 1.25rem);--space-3:clamp(1.25rem, .95rem + 1.2vw, 2rem);--space-4:clamp(2rem, 1.35rem + 2.5vw, 4rem);--space-5:clamp(3rem, 2rem + 4vw, 6rem);--shell:min(92rem, calc(100vw - 2 * var(--space-3)));--measure:67ch;--ease-out:cubic-bezier(.16, 1, .3, 1)}@media (color-gamut:p3){:root{--accent:oklch(75% .23 304)}}}@layer base{@view-transition{navigation:auto}::view-transition-old(root),::view-transition-new(root){animation-duration:.42s;animation-timing-function:var(--ease-out)}html{background:var(--void-0);accent-color:var(--accent)}::highlight(project-search){color:var(--void-0);background:var(--accent-lime)}::highlight(capability-demo){color:var(--void-0);background:var(--accent-cyan);text-decoration:underline 2px var(--void-0)}body{background:radial-gradient(circle at 65% -10%, oklch(36% .14 305/.18), transparent 36rem), linear-gradient(145deg, var(--void-1), var(--void-0) 46%, #090511);min-block-size:100vh;color:var(--ink-1);font-family:var(--font-sans);font-size:var(--step-0);line-height:1.65;overflow-x:clip}body:before{z-index:-3;content:"";pointer-events:none;background:linear-gradient(90deg,#0000 49.9%,oklch(80% .08 300/.025) 50%,#0000 50.1%) 0 0/7rem 100%;position:fixed;inset:0}a{color:inherit;text-decoration-color:color-mix(in oklch, currentColor 35%, transparent);text-underline-offset:.24em}a:hover{text-decoration-color:var(--accent)}button{border:0}:focus-visible{outline:2px solid var(--accent);outline-offset:4px}::selection,::target-text{background:var(--accent);color:var(--void-0)}::highlight(search-match){background:color-mix(in oklch, var(--accent) 38%, transparent);color:var(--ink-0)}h1,h2,h3{color:var(--ink-0);letter-spacing:-.035em;text-wrap:balance;font-weight:680;line-height:.98}h1{font-size:var(--step-4)}h2{font-size:var(--step-3)}h3{font-size:var(--step-2)}p{text-wrap:pretty}small{color:var(--ink-2)}main{min-block-size:70vh}:root{interpolate-size:allow-keywords}h1,h2{text-box:trim-both cap alphabetic}}@layer layout{.shell{inline-size:var(--shell);margin-inline:auto}.page-shell{padding-block:clamp(8rem, 14vw, 14rem) var(--space-5)}.section{padding-block:var(--space-5);border-block-start:1px solid var(--line);scroll-margin-block-start:6rem}.section-heading{justify-content:space-between;align-items:end;gap:var(--space-3);margin-block-end:var(--space-4);display:flex}.section-heading h2{margin-block-start:.35rem}.ambient-grid{z-index:-2;opacity:.32;background-image:linear-gradient(var(--line) 1px, transparent 1px), linear-gradient(90deg, var(--line) 1px, transparent 1px);pointer-events:none;background-size:clamp(3rem,8vw,8rem) clamp(3rem,8vw,8rem);position:fixed;inset:0;mask-image:radial-gradient(circle at 65% 18%,#000,#0000 68%)}.hero{min-block-size:100svh;padding-block:7rem var(--space-4);grid-template-rows:auto 1fr auto;grid-template-columns:minmax(0,.9fr) minmax(18rem,.65fr);display:grid;position:relative}.hero-signal{border-block-end:1px solid var(--line);color:var(--ink-3);font:600 .68rem/1 var(--font-mono);letter-spacing:.14em;grid-column:1/-1;justify-content:space-between;padding-block-end:var(--space-1);display:flex}.portrait-stage{--pointer-x:0;--pointer-y:0;aspect-ratio:4/5;view-transition-name:portrait;grid-area:2/2/4;place-self:center end;inline-size:min(100%,38rem);transition:--pointer-x .18s ease-out,--pointer-y .18s ease-out;position:relative}.portrait-field{border:1px solid var(--line-strong);background:radial-gradient(circle at calc(50% + var(--pointer-x) * 10%) calc(42% + var(--pointer-y) * 8%), oklch(73% .22 304/.33), transparent 38%), radial-gradient(circle at 78% 72%, oklch(57% .18 329/.2), transparent 48%), linear-gradient(145deg, oklch(22% .09 295/.72), oklch(12% .035 310/.86));transform:translate(calc(var(--pointer-x) * .5rem), calc(var(--pointer-y) * .5rem)) rotate(calc(var(--pointer-x) * 1deg));border-radius:48% 52% 46% 54%/58% 38% 62% 42%;position:absolute;inset:12% 9% 24%;overflow:hidden;box-shadow:0 0 9rem oklch(60% .19 300/.14),inset 0 0 4rem oklch(70% .16 305/.08)}.portrait{object-fit:cover;object-position:center bottom;filter:drop-shadow(0 1.5rem 2rem #0008);block-size:100%;inline-size:100%;transform:translate(calc(var(--pointer-x) * -.3rem), calc(var(--pointer-y) * -.3rem))}.hero-copy{z-index:1;pointer-events:none;grid-area:2/1/auto/-1;align-self:center}.hero-copy>*{pointer-events:auto}.hero-copy h1{max-inline-size:9ch;margin-block:.4rem var(--space-3);text-transform:uppercase;view-transition-name:page-title}.hero-copy h1 span{display:block}.hero-copy h1 span:last-child{color:#0000;-webkit-text-stroke:1px var(--ink-0);transform:translate(clamp(1rem,7vw,7rem))}.hero-lede{max-inline-size:46ch;color:var(--ink-2);font-size:var(--step-1)}.hero-actions{flex-wrap:wrap;gap:.75rem;margin-block-start:var(--space-3);display:flex}.hero-status{grid-area:3/1;align-items:start;gap:.75rem;max-inline-size:30rem;display:flex}.hero-status p{color:var(--ink-2);font-size:var(--step--1)}.hero-status strong{color:var(--ink-0);text-transform:uppercase;letter-spacing:.1em;display:block}.featured-projects,.project-grid{gap:var(--space-4);display:grid}.experience-snapshot{gap:var(--space-5);grid-template-columns:1fr 1fr;display:grid}.experience-snapshot>div>p:not(.eyebrow){max-inline-size:48ch;margin-block:var(--space-2) var(--space-3);color:var(--ink-2)}.experience-snapshot ol{border-block-start:1px solid var(--line);list-style:none}.experience-snapshot li{gap:var(--space-2);padding-block:var(--space-2);border-block-end:1px solid var(--line);grid-template-columns:3rem 4.5rem 1fr;align-items:center;display:grid}.snapshot-company-logo{object-fit:contain;filter:drop-shadow(0 .4rem .8rem #0008);block-size:2.75rem;inline-size:2.75rem}.experience-snapshot time{color:var(--accent);font:var(--step--1)/1.6 var(--font-mono)}.experience-snapshot strong,.experience-snapshot small{display:block}.resource-section{gap:var(--space-5);grid-template-columns:minmax(15rem,.75fr) 1.25fr;display:grid}.resource-section header p:last-child{max-inline-size:44ch;color:var(--ink-2);margin-block-start:var(--space-2)}.platform-strip{padding-block-end:var(--space-5)}.platform-strip>a{padding:var(--space-2);border:1px solid var(--line);background:var(--surface);font:.7rem/1 var(--font-mono);letter-spacing:.08em;text-transform:uppercase;flex-wrap:wrap;align-items:center;gap:.7rem 1.6rem;text-decoration:none;display:flex}.platform-strip strong{color:var(--accent);align-items:center;gap:.5rem;margin-inline-start:auto;display:flex}.contact-layout{gap:var(--space-5);grid-template-columns:minmax(0,1.15fr) minmax(18rem,.7fr);display:grid}}@layer components{.eyebrow{color:var(--accent);font:650 var(--step--1)/1.25 var(--font-mono);letter-spacing:.13em;text-transform:uppercase}.button{border:1px solid var(--line-strong);background:color-mix(in oklch, var(--surface-strong) 86%, transparent);min-block-size:3.1rem;color:var(--ink-0);font:650 .76rem/1 var(--font-mono);letter-spacing:.09em;text-transform:uppercase;justify-content:center;align-items:center;gap:.7rem;padding-inline:1.35rem;text-decoration:none;transition:border-color .18s,background .18s,transform .18s;display:inline-flex}.button:hover{border-color:var(--accent);transform:translateY(-2px)}.button--primary{border-color:var(--accent);background:var(--accent);color:contrast-color(var(--accent))}@supports not (color:contrast-color(red)){.button--primary{color:var(--void-0)}}.text-link{color:var(--ink-0);font:650 var(--step--1)/1 var(--font-mono);letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:.5rem;display:inline-flex}.status-dot{background:oklch(82% .18 143);border-radius:50%;flex:none;block-size:.65rem;inline-size:.65rem;margin-block-start:.4rem;box-shadow:0 0 1rem oklch(82% .18 143/.8)}.page-header{gap:var(--space-4);min-block-size:32svh;grid-template-columns:8rem 1fr;align-items:start;padding-block-end:var(--space-4);display:grid}.page-header h1{margin-block:.4rem var(--space-2);text-transform:uppercase;view-transition-name:page-title}.page-header p:last-child{max-inline-size:50ch;color:var(--ink-2);font-size:var(--step-1)}.page-coordinate{border-block-start:1px solid var(--line-strong);color:var(--ink-3);font:.68rem/1 var(--font-mono);justify-content:space-between;padding-block-start:.5rem;display:flex}.project-card{--project-accent:var(--accent-violet);border:1px solid var(--line);background:var(--surface);grid-template-columns:minmax(0,1.1fr) minmax(18rem,.9fr);min-block-size:34rem;display:grid;position:relative;overflow:clip;container:project/inline-size}.project-card[data-accent=cyan]{--project-accent:var(--accent-cyan)}.project-card[data-accent=lime]{--project-accent:var(--accent-lime)}.project-card[data-accent=orange]{--project-accent:var(--accent-orange)}.project-card[data-accent=rose]{--project-accent:var(--accent-rose)}.project-card[data-accent=blue]{--project-accent:var(--accent-blue)}.project-card:after{z-index:-1;aspect-ratio:1;background:var(--project-accent);filter:blur(7rem);opacity:.12;content:"";border-radius:50%;position:absolute;inset:auto -10% -45% 20%}.project-visual{background:#f3f1f5;min-block-size:22rem;display:grid;overflow:hidden}.project-visual img{object-fit:contain;block-size:100%;inline-size:100%;transition:transform .7s var(--ease-out)}.project-card:hover .project-visual img{transform:scale(1.025)}.project-copy{padding:var(--space-4);flex-direction:column;justify-content:center;display:flex}.project-copy h2{margin-block:var(--space-2);font-size:var(--step-2)}.project-copy h2 a{text-decoration:none}.project-copy>p{color:var(--ink-2)}.project-meta{color:var(--project-accent);font:.68rem/1 var(--font-mono);letter-spacing:.1em;text-transform:uppercase;justify-content:space-between;display:flex}.tag-list{margin-block:var(--space-3);flex-wrap:wrap;gap:.45rem;list-style:none;display:flex}.tag-list li{border:1px solid color-mix(in oklch, var(--project-accent) 40%, transparent);color:var(--project-accent);font:.65rem/1 var(--font-mono);text-transform:uppercase;padding:.36rem .56rem}.resource-links{grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem;display:grid}.resource-link,.direct-links a{border:1px solid var(--line);background:var(--surface);align-items:center;gap:.9rem;min-block-size:4.6rem;padding:.9rem;text-decoration:none;transition:border-color .18s,background .18s;display:flex}.resource-link:hover,.direct-links a:hover{border-color:var(--accent);background:var(--accent-soft)}.resource-link strong,.resource-link small,.direct-links strong,.direct-links small{display:block}.resource-link strong,.direct-links strong{color:var(--ink-0);font-size:.82rem}.resource-link small,.direct-links small{font:.64rem/1.5 var(--font-mono)}.resource-link--disabled{opacity:.48}.section-index{z-index:5;inline-size:fit-content;border:1px solid var(--line);backdrop-filter:blur(18px);background:oklch(14% .03 300/.82);gap:.5rem;margin-block-end:var(--space-5);padding:.45rem;display:flex;position:sticky;inset-block-start:1rem}.section-index a{font:.65rem/1 var(--font-mono);text-transform:uppercase;padding:.55rem .75rem;text-decoration:none}.timeline>ol{list-style:none}.timeline-entry{gap:var(--space-4);padding-block:var(--space-4);border-block-start:1px solid var(--line);grid-template-columns:minmax(10rem,.42fr) 1fr;display:grid}.timeline-coordinate{color:var(--ink-3);font:.7rem/1.5 var(--font-mono);text-transform:uppercase;justify-content:space-between;display:flex}.timeline-entry article{max-inline-size:60rem}.timeline-entry article>header{justify-content:space-between;gap:var(--space-2);margin-block-end:var(--space-2);display:flex}.timeline-entry h3{font-size:var(--step-2)}.timeline-entry h3 a{text-decoration:none}.timeline-entry article>p,.timeline-entry header p{color:var(--ink-2)}.company-mark{background:0 0;border:0;flex:none;place-items:center;block-size:3.5rem;inline-size:3.5rem;text-decoration:none;display:grid}.company-mark img{object-fit:contain;filter:drop-shadow(0 .5rem 1rem #0008);block-size:100%;inline-size:100%}.experience-highlights{color:var(--ink-2);margin-block-start:var(--space-2);padding-inline-start:1.2rem}.experience-highlights li{padding-block:.25rem}.education>div{border-block-start:1px solid var(--line);grid-template-columns:repeat(2,1fr);display:grid}.education article{gap:var(--space-2);padding:var(--space-3);border-block-end:1px solid var(--line);grid-template-columns:5rem 1fr;display:grid}.education article+article{border-inline-start:1px solid var(--line)}.education time{color:var(--accent);font-family:var(--font-mono)}.education h3{font-size:var(--step-1);margin-block-end:.5rem}.prose{max-inline-size:var(--measure);margin-inline:auto}.prose h1,.prose h2{font-size:var(--step-2);margin-block:2.4em .7em}.prose p,.prose ul{margin-block-end:1.3em}.prose ul{padding-inline-start:1.4em}.prose li{margin-block:.45em}.prose a{color:var(--ink-0)}.project-tools{gap:var(--space-2);margin-block-end:var(--space-4);display:grid}.project-tools input,.contact-form input,.contact-form textarea{border:1px solid var(--line-strong);background:var(--surface);inline-size:100%;color:var(--ink-0);border-radius:0}.project-tools input{min-block-size:4rem;font-size:var(--step-1);padding-inline:1.2rem}.filter-list{flex-wrap:wrap;gap:.45rem;display:flex}.filter-chip{border:1px solid var(--line);font:.65rem/1 var(--font-mono);cursor:pointer;background:0 0;padding:.55rem .75rem}.filter-chip[aria-pressed=true]{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}.project-tools>p{color:var(--ink-3);font:.68rem/1 var(--font-mono)}.system-grid{gap:var(--space-5);grid-template-columns:.6fr 1fr;display:grid}.system-grid dl{border-block-start:1px solid var(--line)}.system-grid dl>div{gap:var(--space-2);padding-block:var(--space-2);border-block-end:1px solid var(--line);grid-template-columns:1fr 1fr;display:grid}.system-grid dt{color:var(--ink-2)}.system-grid dd{color:var(--ink-0);font-family:var(--font-mono);text-align:end}.capability-section .section-heading p:last-child{max-inline-size:50ch;color:var(--ink-2);margin-block-start:var(--space-1)}.capability-grid{border-block-start:1px solid var(--line);grid-template-columns:repeat(2,1fr);list-style:none;display:grid}.capability-grid li{border-block-end:1px solid var(--line)}.capability-grid li:nth-child(odd){border-inline-end:1px solid var(--line)}.capability-grid button{min-block-size:8.5rem;inline-size:100%;padding:var(--space-2);text-align:start;cursor:pointer;background:0 0;border:0;grid-template-columns:auto 1fr auto;align-items:center;gap:.75rem;transition:background .18s;display:grid}.capability-grid button:hover{background:var(--accent-soft)}.capability-grid strong,.capability-grid small{display:block}.capability-grid output{color:var(--ink-3);font:.65rem/1 var(--font-mono);text-transform:uppercase}.capability-grid output[data-supported=true]{color:oklch(82% .18 143)}.capability-action{text-align:end}.capability-action small{color:var(--accent);font:.58rem/1 var(--font-mono);text-transform:uppercase;margin-block-start:.5rem}.capability-light{block-size:.55rem;inline-size:.55rem;color:var(--ink-3);background:currentColor;border-radius:50%}.capability-lab{max-block-size:calc(100svh - 2rem);inline-size:min(54rem,100vi - 2rem);padding:var(--space-3);overflow-anchor:none;overscroll-behavior:contain;scrollbar-gutter:stable;border:1px solid var(--line-strong);color:var(--ink-1);opacity:0;transition:opacity .2s var(--ease-out), transform .2s var(--ease-out), display .2s allow-discrete, overlay .2s allow-discrete;background:oklch(13% .035 300/.98);margin:auto;overflow:auto;transform:translateY(1rem)scale(.98);box-shadow:0 3rem 10rem #000c}.capability-lab[open]{opacity:1;transform:none}@starting-style{.capability-lab[open]{opacity:0;transform:translateY(1rem)scale(.98)}}.capability-lab::backdrop{backdrop-filter:blur(10px);background:oklch(7% .025 300/.78)}.capability-lab>header{justify-content:space-between;gap:var(--space-2);border-block-end:1px solid var(--line);align-items:start;padding-block-end:var(--space-2);display:flex}.capability-lab>section{gap:var(--space-2);padding-block-start:var(--space-3);display:grid}.capability-lab>section>p{max-inline-size:65ch;color:var(--ink-2)}.demo-readout{padding:var(--space-2);border:1px solid var(--line);background:var(--void-0);color:var(--accent-cyan);font:.72rem/1.6 var(--font-mono);display:block}.demo-readout[data-blocked=true]{color:var(--accent-lime)}.view-demo{view-transition-name:capability-card;gap:var(--space-2);min-block-size:12rem;padding:var(--space-3);border:1px solid var(--line-strong);background:linear-gradient(135deg, var(--accent-soft), var(--surface));grid-template-columns:4rem 1fr;align-items:center;display:grid}.view-demo span{aspect-ratio:1;background:var(--accent);border-radius:50%;grid-row:1/3;inline-size:4rem}.view-demo strong,.view-demo small{display:block}.view-demo[data-alternate]{text-align:end;background:linear-gradient(225deg, oklch(79% .13 210/.2), var(--surface));grid-template-columns:1fr 7rem}.view-demo[data-alternate] span{background:var(--accent-cyan);border-radius:.5rem;grid-area:1/2/3;inline-size:7rem}.view-demo[data-alternate] strong:after{content:" → B"}html[data-capability-transition] .deck-dock{visibility:hidden;view-transition-name:none}html[data-capability-open]{overscroll-behavior:none;overflow:hidden}html[data-capability-open] body{overscroll-behavior:none;inline-size:100%;position:fixed;inset-block-start:calc(var(--capability-scroll-y,0) * -1px);inset-inline:0;overflow:hidden}html[data-capability-open] .deck-dock{visibility:hidden;pointer-events:none}.native-popover{inline-size:min(24rem,100vi - 2rem);padding:var(--space-3);border:1px solid var(--accent);background:var(--surface-strong);color:var(--ink-1);margin:auto;box-shadow:0 2rem 6rem #000b}.native-popover::backdrop{background:oklch(7% .02 300/.45)}.native-popover strong{color:var(--accent)}.resize-handle{z-index:3;background:var(--accent);block-size:3rem;inline-size:3rem;color:var(--void-0);cursor:nwse-resize;font:800 1.15rem/1 var(--font-mono);touch-action:none;user-select:none;border:0;place-items:center;padding:0;display:grid;position:absolute;inset:auto 0 0 auto}.resize-handle>span{line-height:1}.resize-handle:focus-visible{outline:2px solid var(--ink-0);outline-offset:-5px}[data-resizing]{user-select:none}.anchor-demo{border:1px dashed var(--accent);block-size:20rem;min-block-size:14rem;inline-size:min(100%,40rem);min-inline-size:14rem;max-inline-size:100%;position:relative}.anchor-scrollport{scrollbar-gutter:stable;block-size:100%;inline-size:100%;overflow:scroll}.anchor-canvas{background-image:linear-gradient(var(--line) 1px, transparent 1px), linear-gradient(90deg, var(--line) 1px, transparent 1px);background-size:3rem 3rem;block-size:42rem;inline-size:56rem;position:relative}.anchor-node{anchor-name:--demo-anchor;background:var(--accent);color:var(--void-0);transition:inset .7s var(--ease-out), background .3s;padding:1rem 1.5rem;position:absolute;inset-block-start:8rem;inset-inline-start:9rem}.anchor-canvas[data-anchor-distant] .anchor-node{background:var(--accent-cyan);inset-block-start:29rem;inset-inline-start:41rem}.anchor-callout,.anchor-satellite{position-anchor:--demo-anchor;background:var(--void-0);font:.68rem/1.5 var(--font-mono);position-try-fallbacks:flip-block, flip-inline;margin:.75rem;padding:.7rem;position:absolute}.anchor-callout{position-area:block-start span-inline-end;border:1px solid var(--accent-cyan);max-inline-size:15rem;color:var(--accent-cyan)}.anchor-satellite{position-area:inline-end center;border:1px solid var(--accent);color:var(--accent)}.anchor-origin{color:var(--ink-3);font:.62rem/1 var(--font-mono);text-transform:uppercase;position:absolute;inset:1rem auto auto 1rem}@supports not (position-anchor:--demo-anchor){.anchor-callout{inset-block-start:4rem;inset-inline-start:9rem}.anchor-satellite{inset-block-start:9rem;inset-inline-start:17rem}}.container-demo{border:1px dashed var(--accent);inline-size:min(100%,40rem);min-inline-size:14rem;max-inline-size:100%;padding:.4rem 3.4rem .4rem .4rem;position:relative;overflow:hidden;container:demo/inline-size}.container-demo>div{min-block-size:10rem;padding:var(--space-2);background:var(--surface);text-align:center;place-items:center;display:grid}.container-demo .resize-handle{cursor:ew-resize}.container-demo>div>span{aspect-ratio:1;background:var(--accent);inline-size:3rem;transition:background .24s var(--ease-out), scale .24s var(--ease-out);border-radius:0}.container-demo strong,.container-demo small{display:block}.container-wide{display:none!important}@container demo (width>28rem){.container-demo>div{text-align:start;grid-template-columns:5rem 1fr}.container-demo>div>span{background:var(--accent-cyan);grid-row:1/3;scale:1.2}.container-wide{display:block!important}.container-narrow{display:none!important}}.navigation-state-demo{gap:var(--space-2);align-items:center;display:flex}[data-navigation-pulse]{--mission-commit:0;aspect-ratio:1;border:1px solid var(--accent-cyan);background:conic-gradient(from calc(var(--mission-commit) * 31deg), var(--accent-cyan), transparent 45%, var(--accent));clip-path:polygon(50% 0,100% 22%,92% 78%,50% 100%,8% 78%,0 22%);inline-size:2.5rem;rotate:calc(var(--mission-commit) * 23deg);transition:rotate .5s,--mission-commit .5s}.navigation-state-output{white-space:pre-wrap}.highlight-toolbar{flex-wrap:wrap;gap:.5rem;display:flex}[data-highlight-demo]{padding:var(--space-3);border-inline-start:3px solid var(--accent-cyan);color:var(--ink-0);font-size:var(--step-2);cursor:text;user-select:text}::highlight(capability-violet){color:#fff;background:oklch(62% .26 300/.72);text-decoration:underline 2px oklch(88% .12 300)}::highlight(capability-cyan){color:oklch(12% .03 260);background:oklch(78% .14 210/.62);text-decoration:underline 2px wavy oklch(92% .12 195)}.webgpu-demo{aspect-ratio:2;border:1px solid var(--line-strong);background:radial-gradient(circle, var(--accent-soft), var(--void-0));touch-action:none;cursor:grab;inline-size:100%}.webgpu-demo:active{cursor:grabbing}.csp-visual{--csp-state:var(--accent-cyan);border:1px solid var(--line-strong);background:linear-gradient(135deg, var(--surface), var(--void-0));grid-template-columns:minmax(0,1fr) minmax(7rem,.55fr) minmax(0,1fr);align-items:stretch;min-block-size:11rem;display:grid;overflow:hidden}.csp-payload,.csp-sink{z-index:1;padding:var(--space-2);align-content:center;gap:.4rem;display:grid}.csp-payload span,.csp-sink span{color:var(--csp-state);font:700 .58rem/1 var(--font-mono);letter-spacing:.14em}.csp-payload strong,.csp-sink strong{color:var(--ink-0)}.csp-payload code,.csp-sink code{overflow-wrap:anywhere;color:var(--ink-3);font-size:.65rem}.csp-sink{text-align:end}.csp-channel{border-inline:1px solid var(--line);place-items:center;display:grid;position:relative;overflow:hidden}.csp-channel:before{aspect-ratio:1;border:1px solid var(--csp-state);clip-path:polygon(50% 0,100% 25%,90% 78%,50% 100%,10% 78%,0 25%);content:"";inline-size:4rem;transition:background .18s,scale .3s;position:absolute}.csp-channel b{z-index:1;background:var(--void-0);color:var(--csp-state);font:650 .52rem/1 var(--font-mono);letter-spacing:.08em;text-align:center;padding:.25rem}.csp-channel span{background:var(--accent-rose);block-size:1.2rem;inline-size:1.2rem;box-shadow:0 0 1.5rem var(--accent-rose);opacity:0;border-radius:50%;position:absolute;inset-inline-start:-1.5rem}.csp-visual[data-state=testing] .csp-channel span{animation:csp-payload .7s var(--ease-out) both}.csp-visual[data-state=blocked]{--csp-state:var(--accent-rose)}.csp-visual[data-state=blocked] .csp-channel:before{background:color-mix(in oklch, var(--accent-rose) 24%, transparent);scale:1.12}.csp-visual[data-state=blocked] .csp-sink{opacity:.35}.csp-visual[data-state=breached]{--csp-state:var(--accent-orange)}.csp-visual[data-state=breached] .csp-channel:before{background:color-mix(in oklch, var(--accent-orange) 24%, transparent)}.csp-report{padding:var(--space-2);border:1px solid var(--line);border-inline-start:4px solid var(--accent-cyan);background:var(--void-0);font-family:var(--font-mono);gap:.5rem;display:grid}.csp-report span{color:var(--accent-cyan);letter-spacing:.08em;font-size:.72rem}.csp-report code{overflow-wrap:anywhere;color:var(--ink-3);font-size:.65rem}.csp-report[data-blocked=true]{border-inline-start-color:var(--accent-rose)}.csp-report[data-blocked=true] span{color:var(--accent-rose)}.csp-report[data-blocked=false]{border-inline-start-color:var(--accent-orange)}.csp-report[data-blocked=false] span{color:var(--accent-orange)}@keyframes csp-payload{0%{opacity:0;translate:0}35%{opacity:1}72%{opacity:1;translate:4.3rem;scale:1}to{opacity:0;translate:4.3rem;scale:.2}}.personal-stats{gap:var(--space-5);grid-template-columns:.7fr 1fr;display:grid}.personal-stats dl{grid-template-columns:repeat(3,1fr);display:grid}.personal-stats dl>div{padding:var(--space-2);border:1px solid var(--line)}.personal-stats dt{color:var(--ink-3);font:.65rem/1 var(--font-mono);text-transform:uppercase}.personal-stats dd{color:var(--ink-0);font-size:var(--step-1);margin-block-start:.6rem}.contact-form{gap:var(--space-2);margin-block-start:var(--space-3);display:grid}.form-row{gap:var(--space-2);grid-template-columns:repeat(2,1fr);display:grid}.contact-form label{color:var(--ink-1);font:.72rem/1.4 var(--font-mono);text-transform:uppercase;gap:.45rem;display:grid}.contact-form label>span{color:var(--ink-3);font-size:.6rem}.contact-form input,.contact-form textarea{font-family:var(--font-sans);text-transform:none;padding:.9rem 1rem;font-size:1rem}.contact-form textarea{resize:vertical;field-sizing:content;min-block-size:10rem}.contact-form :user-invalid{border-color:var(--accent-rose)}.form-submit{align-items:center;gap:var(--space-2);display:flex}.form-submit p{max-inline-size:30ch;color:var(--ink-3);font-size:var(--step--1)}.contact-resources{align-content:start;gap:var(--space-3);padding:var(--space-3);border:1px solid var(--line);background:var(--surface);display:grid}.contact-resources>div>p:not(.eyebrow){margin-block:var(--space-2);color:var(--ink-2)}.contact-resources .resource-links{grid-template-columns:1fr}.direct-links{gap:.5rem;display:grid}.result-page{min-block-size:80svh;padding-block:var(--space-5);align-content:center;display:grid}.result-page h1{max-inline-size:11ch;margin-block:var(--space-1) var(--space-3)}.result-page>p:not(.eyebrow){max-inline-size:46ch;color:var(--ink-2);font-size:var(--step-1)}.result-page>div{gap:.75rem;margin-block-start:var(--space-3);display:flex}.notice{padding:var(--space-2);border:1px solid var(--line);color:var(--ink-2)}.site-footer{gap:var(--space-3);inline-size:var(--shell);padding-block:var(--space-4);border-block-start:1px solid var(--line);grid-template-columns:1fr auto;margin-inline:auto;display:grid}.site-footer p:not(.eyebrow){max-inline-size:48ch;color:var(--ink-2)}.site-footer nav{gap:.5rem;display:flex}.site-footer nav a{border:1px solid var(--line);place-items:center;block-size:2.8rem;inline-size:2.8rem;display:grid}.site-footer>small{font-family:var(--font-mono);grid-column:1/-1}.project-card,.timeline-entry{content-visibility:auto}.project-card{contain-intrinsic-block-size:auto 34rem}.timeline-entry{contain-intrinsic-block-size:auto 16rem}.experience-snapshot,.resource-section{content-visibility:auto;contain-intrinsic-block-size:auto 30rem}}@layer interactions{.capability-grid output[data-supported=false]{color:var(--accent-rose)}.capability-grid button:has(output[data-supported=true]) .capability-light{color:oklch(82% .18 143);box-shadow:0 0 .8rem}.capability-grid button:has(output[data-supported=false]) .capability-light{color:var(--accent-rose);box-shadow:0 0 .8rem}.csp-channel{color:var(--csp-state)}.csp-channel:before{clip-path:none;background:currentColor;border:0;block-size:72%;inline-size:2px;box-shadow:-1rem 0,1rem 0,0 0 1.4rem}.csp-visual:is([data-state=blocked],[data-state=breached]) .csp-channel:before{background:currentColor}.deck-dock{inset-block-start:max(1rem, env(safe-area-inset-top));inset-inline:max(1rem, env(safe-area-inset-left)) auto;z-index:50;border:1px solid var(--line-strong);backdrop-filter:blur(20px)saturate(130%);view-transition-name:command-dock;background:oklch(13% .035 300/.76);align-items:stretch;display:flex;position:fixed}html[data-capability-transition] .deck-dock{visibility:hidden;view-transition-name:none}.deck-identity{align-items:center;text-decoration:none;display:flex}.deck-monogram{border-inline-end:1px solid var(--line);block-size:3.15rem;inline-size:3.15rem;color:var(--ink-0);font:750 .72rem/1 var(--font-mono);letter-spacing:.1em;place-items:center;display:grid}.deck-current{color:var(--ink-0);font:650 .66rem/1 var(--font-mono);text-transform:uppercase;gap:.55rem;padding-inline:1rem;display:flex}.deck-current small{color:var(--accent)}.deck-trigger{border-inline-start:1px solid var(--line);color:var(--ink-0);cursor:pointer;font:650 .66rem/1 var(--font-mono);text-transform:uppercase;background:0 0;align-items:center;gap:.65rem;padding-inline:1rem;display:flex}.dock-shortcut{color:var(--ink-3);margin-inline-start:.2rem}.command-deck{max-block-size:calc(100dvh - 2rem);inline-size:min(76rem,100vw - 2rem);padding:var(--space-3);border:1px solid var(--line-strong);color:var(--ink-1);opacity:0;transition:opacity .24s var(--ease-out), transform .24s var(--ease-out), display .24s allow-discrete, overlay .24s allow-discrete;background:oklch(13% .035 300/.96);margin:auto;overflow:auto;transform:translateY(1.5rem)scale(.98);box-shadow:0 3rem 10rem #000b}.command-deck:popover-open{opacity:1;transform:none}@starting-style{.command-deck:popover-open{opacity:0;transform:translateY(1.5rem)scale(.98)}}.command-deck::backdrop{backdrop-filter:blur(8px);background:oklch(8% .03 300/.72)}[data-command-active]>a,a[data-command-active]{background:var(--accent-soft)}.deck-header{justify-content:space-between;align-items:start;margin-block-end:var(--space-3);display:flex}.deck-header h2{margin-block-start:.35rem}.icon-button{border:1px solid var(--line);cursor:pointer;background:0 0;place-items:center;block-size:3rem;inline-size:3rem;display:grid}.deck-search{border:1px solid var(--line-strong);grid-template-columns:auto 1fr auto;align-items:center;gap:.8rem;min-block-size:4rem;padding-inline:1rem;display:grid}.deck-search:focus-within{border-color:var(--accent);box-shadow:inset 0 -2px var(--accent)}.deck-search input{min-inline-size:0;color:var(--ink-0);font-size:var(--step-1);background:0 0;border:0;outline:0}.deck-search-hints{gap:.35rem;display:flex}kbd{border:1px solid var(--line);color:var(--ink-3);font:.6rem/1 var(--font-mono);padding:.3rem .45rem}.deck-history{margin-block:.6rem var(--space-2);justify-content:end;gap:.4rem;display:flex}.deck-history button{color:var(--ink-2);cursor:pointer;font:.65rem/1 var(--font-mono);background:0 0;align-items:center;gap:.35rem;padding:.45rem .65rem;display:flex}.deck-history button:disabled{opacity:.25;cursor:default}.deck-routes{border-block-start:1px solid var(--line);grid-template-columns:repeat(2,1fr);list-style:none;display:grid}.deck-routes li:nth-child(odd){border-inline-end:1px solid var(--line)}.deck-routes a{gap:var(--space-2);min-block-size:7rem;padding:var(--space-2);border-block-end:1px solid var(--line);grid-template-columns:3rem 1fr auto;align-items:center;text-decoration:none;transition:background .18s;display:grid}.deck-routes a:hover{background:oklch(72% .22 302/.08)}.deck-routes a[aria-current=page] .route-code:after{content:" · here"}.deck-routes strong,.deck-routes small{display:block}.deck-routes strong{color:var(--ink-0);font-size:var(--step-1)}.route-code{color:var(--accent);font:.68rem/1 var(--font-mono)}.deck-resources{margin-block-start:var(--space-3)}.deck-resources h3{color:var(--ink-3);font:.65rem/1 var(--font-mono);letter-spacing:.1em;text-transform:uppercase;margin-block-end:var(--space-1)}.deck-resources>div{grid-template-columns:repeat(4,1fr);gap:.5rem;display:grid}.deck-resources a{border:1px solid var(--line);align-items:center;gap:.65rem;padding:.8rem;text-decoration:none;display:flex}.deck-resources strong,.deck-resources small{font-size:.7rem;display:block}.deck-status{min-block-size:1rem;color:var(--ink-3);font:.65rem/1 var(--font-mono);text-align:end;margin-block-start:.6rem}.route-rail{inset-block:50% auto;inset-inline:auto max(.8rem, env(safe-area-inset-right));z-index:20;gap:0;display:grid;position:fixed;transform:translateY(-50%)}.route-rail a{border-block-end:1px solid var(--line);min-block-size:2.5rem;inline-size:2.5rem;color:var(--ink-3);font:.58rem/1 var(--font-mono);white-space:nowrap;text-transform:uppercase;transition:inline-size .22s var(--ease-out), color .18s, background .18s;background:oklch(14% .035 300/.82);border-radius:0;align-items:center;padding-inline:.25rem;text-decoration:none;display:flex;overflow:clip}.route-rail a:last-child{border-block-end:0}.route-rail-code{text-align:center;flex:0 0 2rem}.route-rail-label{opacity:0;transition:opacity .12s}.route-rail a:hover,.route-rail a:focus-visible{background:var(--surface-strong);inline-size:8.5rem;color:var(--ink-0)}.route-rail a:hover .route-rail-label,.route-rail a:focus-visible .route-rail-label{opacity:1}.route-rail a[aria-current=page]{color:var(--accent);box-shadow:inset 3px 0 var(--accent)}.route-rail:is(:hover,:focus-within) a{inline-size:8.5rem}.route-rail:is(:hover,:focus-within) .route-rail-label{opacity:1}}@layer utilities{[hidden]{display:none!important}.visually-hidden{clip:rect(0 0 0 0)!important;clip-path:inset(50%)!important;white-space:nowrap!important;block-size:1px!important;inline-size:1px!important;position:absolute!important;overflow:hidden!important}.skip-link{z-index:1000;background:var(--accent);color:var(--void-0);padding:.75rem 1rem;position:fixed;inset-block-start:.5rem;inset-inline-start:50%;transform:translate(-50%,-200%)}.skip-link:focus{transform:translate(-50%)}.honeypot{position:absolute!important;inset-inline-start:-10000px!important}}@property --pointer-x{syntax:"<number>";inherits:true;initial-value:0}@property --pointer-y{syntax:"<number>";inherits:true;initial-value:0}@property --mission-commit{syntax:"<number>";inherits:false;initial-value:0}@media (width<=900px){.route-rail{display:none}.hero{row-gap:var(--space-2);grid-template-rows:auto auto auto auto;grid-template-columns:1fr;min-block-size:auto;padding-block-start:6.5rem}.hero-signal{grid-row:1}.portrait-stage{grid-area:2/1;justify-self:center;inline-size:min(84vw,30rem)}.hero-copy{grid-area:3/1;margin-block-start:0;padding-block-start:var(--space-2)}.hero-copy h1 span:last-child{transform:translate(8vw)}.hero-status{grid-area:4/1;margin-block-start:var(--space-3)}.portrait-stage{aspect-ratio:1}.portrait-field{inset:8% 9% 13%}.experience-snapshot,.resource-section,.contact-layout,.system-grid,.personal-stats,.project-card{grid-template-columns:1fr}.timeline-entry{gap:var(--space-2);grid-template-columns:1fr}.page-header{grid-template-columns:1fr;min-block-size:28svh}.page-coordinate{max-inline-size:8rem}.capability-grid,.education>div{grid-template-columns:1fr}.capability-grid li:nth-child(odd),.education article+article{border-inline:0}.deck-resources>div{grid-template-columns:repeat(2,1fr)}}@media (width<=620px){:root{--shell:calc(100vw - 2rem)}.deck-dock{justify-content:space-between;inset-inline:.6rem}.deck-trigger span{display:none}.command-deck{border-block-end:0;border-inline:0;max-block-size:calc(100dvh - .5rem);inline-size:100vw;margin-block:auto 0}.deck-routes{grid-template-columns:1fr}.deck-routes li:nth-child(odd){border-inline:0}.deck-routes a{min-block-size:5.5rem}.deck-resources>div,.resource-links,.form-row,.personal-stats dl{grid-template-columns:1fr}.portrait-stage{inline-size:min(86vw,27rem);margin-inline:auto}.hero-copy{margin-block-start:0}.section-heading{flex-direction:column;align-items:start}.education article{grid-template-columns:4rem 1fr;padding-inline:0}.form-submit,.result-page>div{flex-direction:column;align-items:stretch}.site-footer{grid-template-columns:1fr}.command-deck{border-block-start:0;max-block-size:100dvh;margin-block:0;inset-block:0 auto}.capability-lab{block-size:calc(100svh - 1rem);max-block-size:calc(100svh - 1rem);inline-size:calc(100vi - 1rem);padding:var(--space-2);margin:0 auto;inset:.5rem 0 auto}.portrait-stage{margin-block-end:-3rem}.hero-copy h1{letter-spacing:0;font-size:clamp(3.35rem,17vw,4.6rem)}.hero-copy h1 span:last-child{letter-spacing:.025em;-webkit-text-stroke-width:.75px;transform:translate(3vw)}@container demo (width>15rem){.container-demo>div{text-align:start;grid-template-columns:4rem 1fr}.container-demo>div>span{background:var(--accent-cyan);grid-row:1/3;scale:1.1}.container-wide{display:block!important}.container-narrow{display:none!important}}.dock-shortcut,.deck-search-hints{display:none}}@media (hover:none),(pointer:coarse){.hero-copy h1 span:last-child{color:var(--void-0);-webkit-text-stroke:1.25px var(--ink-0);paint-order:stroke fill;text-shadow:0 0 2rem var(--accent-soft)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}@view-transition{navigation:none}}@media (prefers-contrast:more){:root{--line:oklch(82% .03 300/.55);--line-strong:oklch(92% .02 300/.82);--ink-2:#d7d2df;--ink-3:#b9b3cc}}@media (forced-colors:active){.ambient-grid,.portrait-field{display:none}.button,.project-card,.resource-link,.contact-resources{forced-color-adjust:auto}}@media print{.deck-dock,.route-rail,.site-footer,.ambient-grid,.section-index,.button{display:none!important}html,body{color:#000!important;background:#fff!important}body{font:10.5pt/1.45 Georgia,serif}main,.shell{inline-size:100%}.page-shell{padding:0}.page-header{min-block-size:0;padding-block-end:1cm}h1,h2,h3,a{color:#000!important}.timeline-entry,.education article{break-inside:avoid}.timeline-entry article>p,.timeline-entry header p,.experience-highlights{color:#222}}@supports (animation-timeline:view()){@layer interactions{@keyframes entry-reveal{0%{opacity:0;translate:0 1.25rem}}.timeline-entry,.project-card{animation:both entry-reveal view();animation-range:entry entry 35%}@media (prefers-reduced-motion:reduce){.timeline-entry,.project-card{animation:none}}}}