:root{--c-void: #0c0c0d;--c-surface: #131315;--c-line: #242428;--c-ghost: #121214;--c-far: #46464b;--c-mid: #84848b;--c-near: #fafafb;--c-muted: color-mix(in oklab, var(--c-near) 60%, var(--c-void));--c-origin: #fafafb;--ff-display: "Roboto Flex Variable", system-ui, sans-serif;--ff-body: "Inter Variable", system-ui, sans-serif;--ff-label: "Space Grotesk Variable", ui-sans-serif, system-ui, sans-serif;--fs-100: clamp(.72rem, .68rem + .2vw, .8rem);--fs-200: clamp(.95rem, .9rem + .25vw, 1.06rem);--fs-300: clamp(1.1rem, .95rem + .7vw, 1.5rem);--fs-400: clamp(1.6rem, 1.1rem + 2vw, 2.6rem);--fs-600: clamp(2.2rem, 1.2rem + 4vw, 4rem);--fs-hero: clamp(2.8rem, .5rem + 11vw, 9rem);--sp-1: .25rem;--sp-2: .5rem;--sp-3: .75rem;--sp-4: 1rem;--sp-6: 1.5rem;--sp-8: 2rem;--sp-12: 3rem;--sp-16: 4rem;--sp-24: 6rem;--sp-32: 8rem;--container: 76rem;--measure: 46ch;--gutter: clamp(1.25rem, 6vw, 4.5rem);--radius: 6px;--hairline: 1px solid var(--c-line);--z-ghost: 0;--z-grain: 1;--z-base: 2;--z-header: 50;--z-panel: 90;--z-skip: 100;--dur-fast: .2s;--dur: .42s;--dur-slow: .9s;--dur-modal: .42s;--ease: cubic-bezier(.2, 1, .3, 1);--ease-inout: cubic-bezier(.65, 0, .35, 1)}@media(prefers-reduced-motion:reduce){:root{--dur-fast: 0ms;--dur: 0ms;--dur-slow: 0ms}}*,*:before,*:after{box-sizing:border-box}*{margin:0}html{-webkit-text-size-adjust:100%}body{min-height:100vh;background:var(--c-void);color:var(--c-near);font-family:var(--ff-body);font-size:var(--fs-200);line-height:1.6;font-synthesis:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}img,picture,svg,canvas{display:block;max-width:100%}input,button,textarea,select{font:inherit;color:inherit}button{cursor:pointer;background:none;border:none}ul,ol{list-style:none;padding:0}a{color:inherit;text-decoration:none}h1,h2,h3{font-weight:500;line-height:1;letter-spacing:-.025em}.label{font-family:var(--ff-label);font-size:var(--fs-100);letter-spacing:.2em;text-transform:uppercase;color:var(--c-mid)}:focus-visible{outline:2px solid var(--c-near);outline-offset:3px;border-radius:2px}:focus:not(:focus-visible){outline:none}.skip-link{position:fixed;top:var(--sp-2);left:var(--sp-2);z-index:var(--z-skip);padding:var(--sp-2) var(--sp-4);background:var(--c-near);color:var(--c-void);font-family:var(--ff-label);font-size:var(--fs-100);border-radius:var(--radius);transform:translateY(-160%);transition:transform var(--dur) var(--ease)}.skip-link:focus{transform:translateY(0)}::selection{background:var(--c-near);color:var(--c-void)}[data-reveal]{opacity:0;transform:translateY(16px);transition:opacity var(--dur-slow) var(--ease),transform var(--dur-slow) var(--ease)}[data-reveal].is-in{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){[data-reveal]{opacity:1;transform:none}}.ghost{position:fixed;inset:0;z-index:var(--z-ghost);display:grid;place-items:center;pointer-events:none;font-family:var(--ff-display);font-size:38vw;line-height:1;letter-spacing:-.04em;color:var(--c-ghost);font-variation-settings:"wght" 800,"wdth" 55;user-select:none;will-change:transform}.grain{position:fixed;inset:0;z-index:var(--z-grain);pointer-events:none;opacity:.05;mix-blend-mode:screen;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='140' height='140'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/><feColorMatrix type='saturate' values='0'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>");background-size:200px 200px;animation:grain 1.1s steps(5) infinite}@keyframes grain{0%{transform:translate(0)}25%{transform:translate(-6%,4%)}50%{transform:translate(5%,-6%)}75%{transform:translate(-4%,5%)}to{transform:translate(0)}}@media(prefers-reduced-motion:reduce){.grain{animation:none}}@media(pointer:coarse){.grain{display:none}}.site-header,#main,.site-footer{position:relative;z-index:var(--z-base)}.shell{width:min(100% - calc(var(--gutter) * 2),var(--container));margin-inline:auto}.site-header{position:fixed;top:0;left:0;right:0;z-index:var(--z-header);display:flex;justify-content:center;padding:var(--sp-4) var(--gutter);pointer-events:none}.header-bar{pointer-events:auto;display:flex;align-items:center;justify-content:space-between;gap:var(--sp-8);width:100%;max-width:62rem;margin-inline:auto;padding:10px 16px;border:1px solid transparent;border-radius:999px;background:transparent;-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0);transition:max-width .6s var(--ease),gap .6s var(--ease),padding .45s var(--ease),background .45s var(--ease),border-color .45s var(--ease),box-shadow .45s var(--ease),backdrop-filter .45s var(--ease)}.site-header[data-scrolled=true] .header-bar{max-width:30rem;gap:var(--sp-6);padding:8px 12px 8px 20px;background:color-mix(in oklab,var(--c-mid) 16%,transparent);border-color:color-mix(in oklab,var(--c-near) 12%,transparent);-webkit-backdrop-filter:saturate(1.3) blur(16px);backdrop-filter:saturate(1.3) blur(16px);box-shadow:0 12px 34px -14px #000000a6}.brand{font-family:var(--ff-label);font-size:var(--fs-100);letter-spacing:.2em;color:var(--c-near)}.site-nav{display:flex;gap:clamp(var(--sp-4),3vw,var(--sp-8));font-family:var(--ff-label);font-size:var(--fs-100)}.site-nav a{color:var(--c-mid);transition:color var(--dur-fast) var(--ease)}.site-nav a:hover,.site-nav a:focus-visible,.site-nav a[aria-current=true]{color:var(--c-near)}.hero{min-height:100svh;display:flex;flex-direction:column;justify-content:center;padding-block:var(--sp-32) var(--sp-24)}.hero__inner{width:min(100% - calc(var(--gutter) * 2),var(--container));margin-inline:auto}.section{padding-block:clamp(var(--sp-24),16vh,var(--sp-32));scroll-margin-top:var(--sp-16)}.section__head{margin-bottom:var(--sp-16)}.site-footer{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:var(--sp-4) var(--sp-8);padding:var(--sp-16) var(--gutter) var(--sp-24);border-top:var(--hairline);color:var(--c-mid);font-family:var(--ff-label);font-size:var(--fs-100)}.footer-legal{display:flex;gap:var(--sp-6);letter-spacing:.08em}.footer-legal a{color:var(--c-mid);transition:color var(--dur-fast) var(--ease)}.footer-legal a:hover,.footer-legal a:focus-visible{color:var(--c-near)}.skills__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,15rem),1fr));gap:var(--sp-8);margin-bottom:var(--sp-24)}@media(max-width:640px){.site-header{padding:var(--sp-4) var(--gutter)}}.hero__eyebrow{margin-bottom:var(--sp-8);display:inline-flex;align-items:center;gap:var(--sp-3)}.hero__eyebrow .pulse{width:7px;height:7px;border-radius:50%;background:var(--c-near);box-shadow:0 0 color-mix(in oklab,var(--c-near) 40%,transparent);animation:pulse 2.4s var(--ease) infinite}@keyframes pulse{0%{box-shadow:0 0 color-mix(in oklab,var(--c-near) 45%,transparent)}70%{box-shadow:0 0 0 10px transparent}to{box-shadow:0 0 0 0 transparent}}@media(prefers-reduced-motion:reduce){.hero__eyebrow .pulse{animation:none}}.hero__title{font-family:var(--ff-display);font-size:var(--fs-hero);line-height:.92;letter-spacing:-.035em;color:var(--c-near);font-variation-settings:"wght" 640,"wdth" 78,"opsz" 144}.hero__title .line{display:block;overflow:hidden;padding-bottom:.04em}.hero__title .line__inner{display:inline-block;will-change:transform}.hero__title .ch{display:inline-block;font-variation-settings:"wght" 640,"wdth" 78,"opsz" 144;will-change:font-variation-settings}.hero__sub{margin-top:var(--sp-8);max-width:var(--measure);font-size:var(--fs-300);color:var(--c-muted)}.hero__sub .line__inner{display:inline-block}.hero__cta{margin-top:var(--sp-12);display:flex;gap:var(--sp-4);flex-wrap:wrap;align-items:center}.scroll-cue{margin-top:var(--sp-16);font-family:var(--ff-label);font-size:var(--fs-100);letter-spacing:.2em;text-transform:uppercase;color:var(--c-far);display:inline-flex;align-items:center;gap:var(--sp-2)}.btn{display:inline-flex;align-items:center;gap:var(--sp-2);padding:var(--sp-3) var(--sp-6);font-family:var(--ff-label);font-size:var(--fs-100);letter-spacing:.04em;border-radius:40px;border:1px solid var(--c-line);color:var(--c-near);background:var(--c-surface);transition:transform var(--dur-fast) var(--ease),border-color var(--dur-fast) var(--ease),background var(--dur-fast) var(--ease),color var(--dur-fast) var(--ease)}.btn:hover,.btn:focus-visible{transform:translateY(-2px);border-color:var(--c-near)}.btn--primary{background:var(--c-near);color:var(--c-void);border-color:var(--c-near)}.btn--primary:hover,.btn--primary:focus-visible{background:color-mix(in oklab,var(--c-near) 88%,var(--c-void))}.section__title{font-family:var(--ff-display);font-size:var(--fs-400);margin-top:var(--sp-4);color:var(--c-near);font-variation-settings:"wght" 600,"wdth" 90}.about{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(var(--sp-8),5vw,var(--sp-16));align-items:start}.about__lead{font-family:var(--ff-display);font-size:var(--fs-300);font-variation-settings:"wght" 420,"wdth" 100;line-height:1.4;color:var(--c-near);max-width:var(--measure)}.about__principles{margin:0}.about__k{font-family:var(--ff-label);font-size:var(--fs-100);letter-spacing:.1em;text-transform:uppercase;color:var(--c-near);margin-top:var(--sp-4);padding-top:var(--sp-4);border-top:var(--hairline)}.about__principles>.about__k:first-of-type{margin-top:0;padding-top:0;border-top:0}.about__v{margin:var(--sp-1) 0 0;color:var(--c-muted);max-width:var(--measure)}@media(max-width:680px){.about{grid-template-columns:1fr}}.work-list{position:relative;border-top:var(--hairline)}.work-marker{position:absolute;left:0;top:0;width:100%;height:0;opacity:0;z-index:0;pointer-events:none;background:var(--c-surface);border-left:2px solid var(--c-near);will-change:transform,height,opacity}.work-item{position:relative;z-index:1;display:grid;grid-template-columns:minmax(56px,auto) 1fr auto;gap:var(--sp-6);align-items:baseline;padding:clamp(var(--sp-6),4vw,var(--sp-12)) var(--sp-2);border-bottom:var(--hairline);color:inherit}.work-item__num{font-family:var(--ff-display);font-variation-settings:"wght" 300,"wdth" 60,"opsz" 144;font-size:var(--fs-600);color:var(--c-far);transition:color .26s var(--ease)}.work-item.is-active .work-item__num{color:var(--c-near)}.work-item__main{min-width:0}.work-item__title{font-family:var(--ff-display);font-size:var(--fs-400);font-variation-settings:"wght" 600,"wdth" 95;color:var(--c-mid);display:inline-flex;align-items:center;gap:var(--sp-3);text-align:left;transition:color .26s var(--ease),transform .34s var(--ease)}.work-item.is-active .work-item__title{color:var(--c-near);transform:translate(14px)}.work-item__title .arrow{opacity:0;transform:translate(-10px);transition:opacity .26s var(--ease),transform .34s var(--ease);color:var(--c-mid);font-family:var(--ff-body)}.work-item.is-active .work-item__title .arrow{opacity:1;transform:translate(0)}.work-item__blurb{margin-top:var(--sp-3);color:var(--c-muted);max-width:var(--measure)}.work-item__meta{display:flex;flex-direction:column;align-items:flex-end;gap:var(--sp-2);text-align:right;font-family:var(--ff-label);font-size:var(--fs-100);color:var(--c-far);white-space:nowrap}.status{letter-spacing:.1em;text-transform:uppercase;color:var(--c-mid)}.tags{display:flex;flex-wrap:wrap;gap:var(--sp-2);margin-top:var(--sp-4)}.tag{font-family:var(--ff-label);font-size:var(--fs-100);color:var(--c-mid);padding:var(--sp-1) var(--sp-3);border:var(--hairline);border-radius:30px}.skill-group__label{font-family:var(--ff-label);font-size:var(--fs-100);letter-spacing:.1em;text-transform:uppercase;color:var(--c-near);padding-bottom:var(--sp-3);margin-bottom:var(--sp-4);border-bottom:var(--hairline)}.skill-group__items{display:flex;flex-wrap:wrap;gap:var(--sp-2)}.timeline{position:relative;border-left:var(--hairline);margin-left:var(--sp-1)}.timeline__dot{position:absolute;left:-6px;top:0;width:12px;height:12px;border-radius:50%;background:var(--c-near);box-shadow:0 0 0 4px var(--c-void);opacity:0;z-index:2;pointer-events:none;will-change:transform}.timeline__item{position:relative;padding:var(--sp-8) 0 var(--sp-8) var(--sp-8)}.timeline__item:before{content:"";position:absolute;left:-5px;top:calc(var(--sp-8) + .4em);width:9px;height:9px;border-radius:50%;background:var(--c-void);border:1px solid var(--c-far);transition:background var(--dur) var(--ease),border-color var(--dur) var(--ease)}.timeline__item.is-active:before{border-color:var(--c-mid)}.timeline__range{font-family:var(--ff-label);font-size:var(--fs-100);letter-spacing:.08em;color:var(--c-far)}.timeline__role{font-family:var(--ff-display);font-size:var(--fs-300);font-variation-settings:"wght" 600,"wdth" 95;margin-block:var(--sp-1);color:var(--c-near)}.timeline__org{color:var(--c-mid)}.timeline__summary{margin-top:var(--sp-2);color:var(--c-muted);max-width:var(--measure)}.contact__body{display:flex;flex-direction:column;align-items:flex-start;gap:var(--sp-8)}.contact__email{position:relative;isolation:isolate;font-family:var(--ff-display);font-size:var(--fs-600);font-variation-settings:"wght" 500,"wdth" 100;letter-spacing:-.02em;color:var(--c-near);width:fit-content;transform-origin:left center;background:linear-gradient(var(--c-near),var(--c-near)) no-repeat left bottom / 0% 2px;transition:background-size var(--dur) var(--ease),font-variation-settings var(--dur) var(--ease),transform var(--dur) var(--ease)}.contact__email:before{content:attr(data-text);position:absolute;inset:-.7em -.95em;padding:.7em .95em;z-index:-1;pointer-events:none;color:var(--c-near);font-variation-settings:inherit;text-shadow:0 0 6px color-mix(in oklab,var(--c-near) 85%,transparent),0 0 16px color-mix(in oklab,var(--c-near) 55%,transparent),0 0 30px color-mix(in oklab,var(--c-near) 35%,transparent);opacity:0;transition:opacity var(--dur) var(--ease),font-variation-settings var(--dur) var(--ease);-webkit-mask-image:linear-gradient(100deg,transparent 42%,rgba(0,0,0,.55) 48%,#000 50%,rgba(0,0,0,.55) 52%,transparent 58%);mask-image:linear-gradient(100deg,transparent 42%,rgba(0,0,0,.55) 48%,#000 50%,rgba(0,0,0,.55) 52%,transparent 58%);-webkit-mask-size:300% 100%;mask-size:300% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:100% 0;mask-position:100% 0}.contact__email:hover,.contact__email:focus-visible{background-size:100% 2px;font-variation-settings:"wght" 800,"wdth" 120;transform:scale(1.06)}.contact__email:hover:before,.contact__email:focus-visible:before{opacity:1;animation:email-sweep 2.6s linear infinite}@keyframes email-sweep{0%{-webkit-mask-position:100% 0;mask-position:100% 0}to{-webkit-mask-position:0% 0;mask-position:0% 0}}@media(prefers-reduced-motion:reduce){.contact__email{transform:none!important}.contact__email:before{animation:none;opacity:0}}.socials{display:flex;flex-wrap:wrap;gap:var(--sp-6);font-family:var(--ff-label);font-size:var(--fs-100)}.socials a{color:var(--c-mid);display:inline-flex;gap:var(--sp-2);transition:color var(--dur-fast) var(--ease)}.socials a:after{content:"↗";color:var(--c-far)}.socials a:hover,.socials a:focus-visible{color:var(--c-near)}.panel{position:fixed;inset:0;z-index:var(--z-panel);display:grid;place-items:center;padding:var(--gutter)}.panel[hidden]{display:none}.panel__backdrop{position:absolute;inset:0;background:color-mix(in oklab,var(--c-void) 78%,transparent);backdrop-filter:blur(0);opacity:0;transition:opacity var(--dur-modal) var(--ease),backdrop-filter var(--dur-modal) var(--ease)}.panel.is-open .panel__backdrop{opacity:1;backdrop-filter:blur(6px)}.panel__card{position:relative;width:min(100%,36rem);max-height:85vh;overflow-y:auto;padding:var(--sp-12) var(--sp-8) var(--sp-8);background:var(--c-surface);border:1px solid var(--c-line);border-radius:var(--radius);box-shadow:0 30px 90px -20px #000;transform-origin:var(--ox, 50%) var(--oy, 0%);transform:translateY(8px) scale(.86);opacity:0;transition:opacity var(--dur-modal) var(--ease),transform var(--dur-modal) var(--ease-inout)}.panel.is-open .panel__card{transform:none;opacity:1}.panel__card:focus{outline:none}.panel__card>:not(.panel__close){opacity:0;transform:translateY(8px);transition:opacity var(--dur-modal) var(--ease),transform var(--dur-modal) var(--ease)}.panel.is-open .panel__card>:not(.panel__close){opacity:1;transform:none}.panel.is-open .panel__card>:not(.panel__close):nth-child(2){transition-delay:90ms}.panel.is-open .panel__card>:not(.panel__close):nth-child(3){transition-delay:.13s}.panel.is-open .panel__card>:not(.panel__close):nth-child(4){transition-delay:.17s}.panel.is-open .panel__card>:not(.panel__close):nth-child(5){transition-delay:.21s}.panel.is-open .panel__card>:not(.panel__close):nth-child(6){transition-delay:.25s}.panel.is-open .panel__card>:not(.panel__close):nth-child(7){transition-delay:.29s}.panel__card>.panel__index,.panel__card>.panel__title,.panel__card>.panel__meta,.panel__card>.panel__blurb{opacity:1;transform:none;transition:none}.panel__close{position:absolute;top:var(--sp-4);right:var(--sp-6);font-size:1.6rem;line-height:1;color:var(--c-mid);transition:color var(--dur-fast) var(--ease)}.panel__close:hover,.panel__close:focus-visible{color:var(--c-near)}.panel__index{font-family:var(--ff-label);font-size:var(--fs-100);letter-spacing:.16em;text-transform:uppercase;color:var(--c-far)}.panel__title{font-family:var(--ff-display);font-size:var(--fs-600);font-variation-settings:"wght" 700,"wdth" 110;margin-block:var(--sp-2) var(--sp-1);color:var(--c-near)}.panel__meta{font-family:var(--ff-label);font-size:var(--fs-100);letter-spacing:.06em;color:var(--c-mid);margin-bottom:var(--sp-6)}.panel__blurb{color:var(--c-muted)}.panel__links{display:flex;gap:var(--sp-3);flex-wrap:wrap;margin-top:var(--sp-8)}@media(max-width:680px){.work-item{grid-template-columns:auto 1fr;gap:var(--sp-3) var(--sp-4)}.work-item__meta{grid-column:2;flex-direction:row;align-items:center;align-self:start}}.field{position:relative;width:100%;aspect-ratio:16 / 10;max-height:70svh;margin-bottom:var(--sp-16);border:var(--hairline);border-radius:var(--radius);overflow:hidden;background:radial-gradient(120% 120% at 50% 50%,color-mix(in oklab,var(--c-surface) 50%,transparent),transparent 72%)}.field__canvas{position:absolute;inset:0;width:100%;height:100%;display:block}.field__hud{position:absolute;left:var(--sp-4);bottom:var(--sp-3);display:flex;flex-direction:column;gap:2px;pointer-events:none;font-family:var(--ff-label);font-size:var(--fs-100)}.field__hud-coord{color:var(--c-mid);letter-spacing:.08em;font-variant-numeric:tabular-nums}.field__hud-label{color:var(--c-far);letter-spacing:.18em;text-transform:uppercase}@media(max-width:640px){.field{aspect-ratio:4 / 5}}