:root{--font-display:Inter Display, Inter Tight, Inter, SF Pro Display, Segoe UI Variable Display, Segoe UI, system-ui, -apple-system, sans-serif;--font-body:Inter, SF Pro Text, Segoe UI Variable Text, Segoe UI, system-ui, -apple-system, sans-serif;--font-mono:JetBrains Mono, SF Mono, Cascadia Code, Roboto Mono, ui-monospace, Menlo, Consolas, monospace;--text-display:clamp(2.75rem, .9375rem + 9.0625vw, 10rem);--text-h1:clamp(2.25rem, 1.5625rem + 3.4375vw, 5rem);--text-h2:clamp(2rem, 1.4375rem + 2.8125vw, 4.25rem);--text-h3:clamp(1.25rem, 1.125rem + .625vw, 1.75rem);--text-body-lg:clamp(1.0625rem, .9844rem + .3906vw, 1.375rem);--text-body:clamp(1rem, .9844rem + .0781vw, 1.0625rem);--text-body-sm:clamp(.875rem, .8594rem + .0781vw, .9375rem);--text-eyebrow:clamp(.75rem, .7344rem + .0781vw, .8125rem);--text-caption:clamp(.75rem, .7344rem + .0781vw, .8125rem);--text-label:clamp(.6875rem, .6719rem + .0781vw, .75rem);--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2rem;--space-7:3rem;--space-8:4rem;--space-9:6rem;--space-10:8rem;--space-11:12rem;--radius-xs:.375rem;--radius-sm:.625rem;--radius-md:1rem;--radius-lg:1.5rem;--radius-xl:2rem;--radius-pill:999px;--duration-instant:.1s;--duration-fast:.18s;--duration-normal:.32s;--duration-slow:.64s;--duration-slower:.96s;--duration-ambient:28s;--ease-standard:cubic-bezier(.2, 0, 0, 1);--ease-smooth:cubic-bezier(.22, 1, .36, 1);--ease-expressive:cubic-bezier(.16, 1, .3, 1);--ease-emphasized:cubic-bezier(.05, .7, .1, 1);--ease-spring:cubic-bezier(.34, 1.4, .64, 1);--ease-exit:cubic-bezier(.4, 0, 1, 1);--container-max:80rem;--container-wide:86rem;--gutter:clamp(1.25rem, .75rem + 2.5vw, 3rem);--grid-gap:clamp(1rem, .5rem + 1.5vw, 2rem);--section-space:clamp(5rem, 3rem + 6vw, 8.5rem);--header-height:4.5rem;--motion-fast:var(--duration-fast);--motion-normal:var(--duration-normal);--motion-slow:var(--duration-slow);--parallax-strength:1;--gradient-text:linear-gradient(96deg, var(--color-text) 0%, var(--color-text) 30%, var(--color-accent) 72%, var(--color-accent-2) 100%);--gradient-accent:linear-gradient(110deg, var(--color-accent) 0%, var(--color-accent-3) 55%, var(--color-accent-2) 100%);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-bg:#07080a;--color-bg-elevated:#0c0e11;--color-surface:#ffffff06;--color-surface-elevated:#ffffff0d;--color-surface-strong:#121418;--color-glass:#0e10149e;--color-text:#f2f1ed;--color-text-muted:#a3a5aa;--color-text-subtle:#7d8087;--color-border:#ffffff14;--color-border-strong:#ffffff29;--color-accent:#8ef0c6;--color-accent-strong:#c2f9e1;--color-accent-contrast:#03140d;--color-accent-soft:#8ef0c61a;--color-accent-2:#a49cff;--color-accent-3:#7cc4ff;--color-focus:#c2f9e1;--color-danger:#ff9b94;--color-danger-soft:#ff9b941a;--color-success:#8ef0c6;--color-grid-line:#ffffff0b;--color-spotlight:#8ef0c612;--color-glow-1:#8ef0c621;--color-glow-2:#a49cff1f;--color-glow-3:#7cc4ff14;--color-selection:#8ef0c647;--color-bloom:#ffffff0f;--shadow-sm:0 1px 2px #0006;--shadow-md:0 12px 32px -12px #0009;--shadow-lg:0 40px 90px -30px #000000bf;--shadow-inset:inset 0 1px 0 #ffffff0d;--noise-opacity:.045;--gradient-border:linear-gradient(160deg, #ffffff2e, #ffffff05 40%, #ffffff14)}@media (width<=47.99rem){:root{--parallax-strength:.5}}@media (width<=29.99rem){:root{--section-space:clamp(3.5rem, 12vw, 4.5rem)}}@media (prefers-reduced-motion:reduce){:root{--parallax-strength:0}}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--color-bg:#f4f3ef;--color-bg-elevated:#fbfaf7;--color-surface:#0c0d1006;--color-surface-elevated:#ffffffb3;--color-surface-strong:#fff;--color-glass:#fbfaf7b8;--color-text:#0c0d10;--color-text-muted:#4c5057;--color-text-subtle:#676b72;--color-border:#0c0d1017;--color-border-strong:#0c0d102e;--color-accent:#0a7a55;--color-accent-strong:#065c40;--color-accent-contrast:#f2fff9;--color-accent-soft:#0a7a5514;--color-accent-2:#5b4fd6;--color-accent-3:#1f6fd1;--color-focus:#0a7a55;--color-danger:#b42318;--color-danger-soft:#b4231812;--color-success:#0a7a55;--color-grid-line:#0c0d100e;--color-spotlight:#0a7a550f;--color-glow-1:#0a7a551a;--color-glow-2:#5b4fd617;--color-glow-3:#1f6fd10f;--color-selection:#0a7a552e;--color-bloom:#ffffffe6;--shadow-sm:0 1px 2px #0c0d100f;--shadow-md:0 12px 32px -14px #0c0d102e;--shadow-lg:0 40px 90px -36px #0c0d1047;--shadow-inset:inset 0 1px 0 #fffc;--noise-opacity:.03;--gradient-border:linear-gradient(160deg, #0c0d1024, #0c0d1008 40%, #0c0d1014)}@media (prefers-color-scheme:light){:root[data-theme=system]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--color-bg:#f4f3ef;--color-bg-elevated:#fbfaf7;--color-surface:#0c0d1006;--color-surface-elevated:#ffffffb3;--color-surface-strong:#fff;--color-glass:#fbfaf7b8;--color-text:#0c0d10;--color-text-muted:#4c5057;--color-text-subtle:#676b72;--color-border:#0c0d1017;--color-border-strong:#0c0d102e;--color-accent:#0a7a55;--color-accent-strong:#065c40;--color-accent-contrast:#f2fff9;--color-accent-soft:#0a7a5514;--color-accent-2:#5b4fd6;--color-accent-3:#1f6fd1;--color-focus:#0a7a55;--color-danger:#b42318;--color-danger-soft:#b4231812;--color-success:#0a7a55;--color-grid-line:#0c0d100e;--color-spotlight:#0a7a550f;--color-glow-1:#0a7a551a;--color-glow-2:#5b4fd617;--color-glow-3:#1f6fd10f;--color-selection:#0a7a552e;--color-bloom:#ffffffe6;--shadow-sm:0 1px 2px #0c0d100f;--shadow-md:0 12px 32px -14px #0c0d102e;--shadow-lg:0 40px 90px -36px #0c0d1047;--shadow-inset:inset 0 1px 0 #fffc;--noise-opacity:.03;--gradient-border:linear-gradient(160deg, #0c0d1024, #0c0d1008 40%, #0c0d1014)}}*,:before,:after{box-sizing:border-box}*{margin:0}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{min-height:100svh}img,picture,svg,video,canvas{max-width:100%;display:block}input,button,textarea,select{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:0;padding:0}ul,ol{padding:0;list-style:none}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}a{color:inherit;text-decoration:none}textarea{resize:vertical}[hidden]{display:none}html{background-color:var(--color-bg);scroll-padding-top:calc(var(--header-height) + var(--space-4))}@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}body{color:var(--color-text);font-family:var(--font-body);font-size:var(--text-body);font-feature-settings:"ss01", "cv11";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;line-height:1.65;overflow-x:clip}main{isolation:isolate;position:relative}::selection{background:var(--color-selection);color:var(--color-text)}button,a,select,input,textarea,label{-webkit-tap-highlight-color:transparent;touch-action:manipulation}:where(html){scrollbar-color:var(--color-border-strong) transparent}::view-transition-old(root){animation-duration:var(--duration-slow);animation-timing-function:var(--ease-smooth)}::view-transition-new(root){animation-duration:var(--duration-slow);animation-timing-function:var(--ease-smooth)}h1,h2,h3,h4{color:var(--color-text);text-wrap:balance}p{text-wrap:pretty}code,kbd,samp{font-family:var(--font-mono);font-size:.92em}.t-display{font-family:var(--font-display);font-size:var(--text-display);letter-spacing:-.055em;font-weight:600;line-height:.92}.t-h1{font-family:var(--font-display);font-size:var(--text-h1);letter-spacing:-.045em;font-weight:600;line-height:1}.t-h2{font-family:var(--font-display);font-size:var(--text-h2);letter-spacing:-.04em;font-weight:600;line-height:1.02}.t-h3{font-family:var(--font-display);font-size:var(--text-h3);letter-spacing:-.02em;font-weight:600;line-height:1.2}.t-body-lg{font-family:var(--font-body);font-size:var(--text-body-lg);letter-spacing:-.011em;font-weight:400;line-height:1.55}.t-body{font-family:var(--font-body);font-size:var(--text-body);letter-spacing:-.006em;font-weight:400;line-height:1.65}.t-body-sm{font-family:var(--font-body);font-size:var(--text-body-sm);letter-spacing:0;font-weight:400;line-height:1.6}.t-caption{font-family:var(--font-body);font-size:var(--text-caption);letter-spacing:.01em;color:var(--color-text-subtle);font-weight:400;line-height:1.45}.t-label{font-family:var(--font-mono);font-size:var(--text-label);letter-spacing:.08em;text-transform:uppercase;font-weight:500;line-height:1.3}.eyebrow{font-family:var(--font-mono);font-size:var(--text-eyebrow);letter-spacing:.16em;align-items:center;gap:var(--space-3);color:var(--color-text-muted);text-transform:uppercase;font-weight:500;line-height:1.3;display:inline-flex}.tone-muted{color:var(--color-text-subtle)}.tone-accent{color:var(--color-accent)}.tone-gradient{background:var(--gradient-text);color:#0000;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.text-muted{color:var(--color-text-muted)}.prose{gap:var(--space-5);color:var(--color-text-muted);max-width:38rem;display:grid}.visually-hidden:not(:focus,:active){clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{z-index:100;top:var(--space-3);left:var(--space-3);padding:var(--space-3) var(--space-5);border-radius:var(--radius-pill);background:var(--color-text);color:var(--color-bg);transition:transform var(--duration-normal) var(--ease-expressive);font-weight:500;position:fixed;transform:translateY(-200%)}.skip-link:focus-visible{transform:translateY(0)}:focus-visible{outline:2px solid var(--color-focus);outline-offset:3px}:focus:not(:focus-visible){outline:none}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;animation-iteration-count:1!important}}@keyframes drift{0%{transform:translate(0,0)scale(1)}to{transform:translate(-6vmax,4vmax)scale(1.08)}}@keyframes progress-grow{to{transform:scaleX(1)}}@keyframes rise-in{0%{transform:translateY(105%)}to{transform:translate(0,0)}}@keyframes fade-up{0%{opacity:0;transform:translateY(1rem)}to{opacity:1;transform:translate(0,0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes pulse-ring{0%{opacity:.7;transform:scale(1)}to{opacity:0;transform:scale(2.6)}}@keyframes caret-blink{0%,45%{opacity:1}55%,to{opacity:0}}@keyframes marquee{to{transform:translate(-50%)}}@keyframes dash-flow{to{stroke-dashoffset:-48px}}@keyframes travel-y{0%{transform:translateY(-100%)}to{transform:translateY(200%)}}@keyframes scroll-cue{0%{transform-origin:top;transform:scaleY(0)}45%{transform-origin:top;transform:scaleY(1)}55%{transform-origin:bottom;transform:scaleY(1)}to{transform-origin:bottom;transform:scaleY(0)}}@keyframes float-y{0%{transform:translateY(-.4rem)}to{transform:translateY(.4rem)}}@keyframes spin{to{transform:rotate(360deg)}}.container{width:100%;max-width:calc(var(--container-max) + 2 * var(--gutter));padding-inline:var(--gutter);margin-inline:auto}@media (width>=120rem){.container{max-width:calc(var(--container-wide) + 2 * var(--gutter))}}.grid{--grid-columns:4;grid-template-columns:repeat(var(--grid-columns), minmax(0, 1fr));gap:var(--grid-gap);display:grid}@media (width>=48rem){.grid{--grid-columns:8}}@media (width>=64rem){.grid{--grid-columns:12}}.stack{--stack-gap:var(--space-4);gap:var(--stack-gap);flex-direction:column;display:flex}.stack--sm{--stack-gap:var(--space-2)}.stack--lg{--stack-gap:var(--space-6)}.cluster{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.site-header{z-index:50;position:fixed;inset:0 0 auto}#main-content:focus{outline:none}.section{padding-block:var(--section-space);scroll-margin-top:0;position:relative}.section--tight{padding-block:calc(var(--section-space) * .66)}.section__body{margin-top:clamp(var(--space-7), 4vw + 1rem, var(--space-9))}.section--split .section__layout{gap:var(--space-7);grid-template-columns:minmax(0,1fr);display:grid}@media (width>=64rem){.section--split .section__layout{gap:var(--grid-gap);column-gap:clamp(var(--space-7), 5vw, var(--space-10));grid-template-columns:minmax(0,5fr) minmax(0,7fr)}.section--split .section__aside{top:calc(var(--header-height) + var(--space-7));align-self:start;position:sticky}}.section--split .section__body{margin-top:0}.section-header{gap:var(--space-5);display:grid}.section-header__meta{font-family:var(--font-mono);font-size:var(--text-label);letter-spacing:.08em;align-items:center;gap:var(--space-3);color:var(--color-text-subtle);text-transform:uppercase;font-weight:500;line-height:1.3;display:flex}.section-header__index{color:var(--color-accent)}.section-header__rule{background:linear-gradient(90deg, var(--color-border-strong), transparent);transform-origin:0;flex:1;height:1px}.section-header__title{font-family:var(--font-display);font-size:var(--text-h2);letter-spacing:-.04em;max-width:18ch;font-weight:600;line-height:1.02}.section-header__title--wide{max-width:24ch}.section-header__lead{font-family:var(--font-body);font-size:var(--text-body-lg);letter-spacing:-.011em;max-width:36rem;color:var(--color-text-muted);font-weight:400;line-height:1.55}.ambient{z-index:-1;pointer-events:none;contain:strict;position:fixed;inset:0;overflow:hidden}.ambient__bloom{background:radial-gradient(50% 60% at 50% 0%, var(--color-bloom), transparent 70%);height:70vh;position:absolute;inset:-20% -10% auto}.ambient__glow{aspect-ratio:1;will-change:transform;border-radius:50%;width:60vmax;position:absolute}.ambient__glow--a{background:radial-gradient(closest-side, var(--color-glow-1), transparent);top:-25vmax;right:-18vmax}.ambient__glow--b{background:radial-gradient(closest-side, var(--color-glow-2), transparent);top:35vh;left:-28vmax}.ambient__glow--c{background:radial-gradient(closest-side, var(--color-glow-3), transparent);bottom:-35vmax;right:10vw}@media (prefers-reduced-motion:no-preference){.ambient__glow--a{animation:drift var(--duration-ambient) ease-in-out infinite alternate}.ambient__glow--b{animation:drift var(--duration-ambient) ease-in-out -9s infinite alternate-reverse}}.ambient__grid{background-image:linear-gradient(var(--color-grid-line) 1px, transparent 1px), linear-gradient(90deg, var(--color-grid-line) 1px, transparent 1px);opacity:.55;background-position:top;background-size:6rem 6rem;position:absolute;inset:0;-webkit-mask-image:radial-gradient(80% 55% at 50% 0,#000 10%,#0000 75%);mask-image:radial-gradient(80% 55% at 50% 0,#000 10%,#0000 75%)}.ambient__noise{opacity:var(--noise-opacity);mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:160px 160px;position:absolute;inset:0}.scroll-progress{z-index:80;background:var(--gradient-accent);transform-origin:0;pointer-events:none;height:2px;display:none;position:fixed;inset:0 0 auto;transform:scaleX(0)}@supports (animation-timeline:scroll()){.scroll-progress{animation:linear both progress-grow;animation-timeline:scroll(root);display:block}}.icon{stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;fill:none;flex-shrink:0;width:1em;height:1em}.tag{font-family:var(--font-mono);font-size:var(--text-label);letter-spacing:.08em;align-items:center;gap:var(--space-2);min-height:1.75rem;padding:0 var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-pill);background:var(--color-surface);color:var(--color-text-muted);text-transform:uppercase;white-space:nowrap;transition:border-color var(--duration-normal) var(--ease-standard), color var(--duration-normal) var(--ease-standard), background-color var(--duration-normal) var(--ease-standard);font-weight:500;line-height:1.3;display:inline-flex}.tag-list{gap:var(--space-2);flex-wrap:wrap;display:flex}.status{font-family:var(--font-mono);font-size:var(--text-label);letter-spacing:.08em;align-items:center;gap:var(--space-3);color:var(--color-text-muted);text-transform:uppercase;font-weight:500;line-height:1.3;display:inline-flex}.status__dot{background:var(--color-accent);width:.5rem;height:.5rem;box-shadow:0 0 12px var(--color-accent);border-radius:50%;position:relative}.status__dot:after{content:"";border-radius:inherit;background:var(--color-accent);position:absolute;inset:0}@media (prefers-reduced-motion:no-preference){.status__dot:after{animation:pulse-ring 2.4s var(--ease-smooth) infinite}}.kbd-index{font-family:var(--font-mono);font-size:var(--text-label);letter-spacing:.08em;color:var(--color-text-subtle);font-variant-numeric:tabular-nums;font-weight:500;line-height:1.3}.button{--button-height:2.875rem;--button-pad:1.375rem;--lift:0px;--press:1;isolation:isolate;justify-content:center;align-items:center;gap:var(--space-2);min-height:var(--button-height);padding:0 var(--button-pad);border-radius:var(--radius-pill);font-family:var(--font-body);letter-spacing:-.01em;white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;transform:translate3d(var(--magnet-x,0px), calc(var(--magnet-y,0px) + var(--lift)), 0) scale(var(--press));transition:transform var(--duration-normal) var(--ease-spring), background-color var(--duration-normal) var(--ease-standard), border-color var(--duration-normal) var(--ease-standard), color var(--duration-normal) var(--ease-standard), opacity var(--duration-normal) var(--ease-standard);border:1px solid #0000;font-size:.9375rem;font-weight:500;line-height:1;text-decoration:none;display:inline-flex;position:relative}.button:active{--press:.97;transition-duration:var(--duration-instant)}.button:focus-visible{outline:2px solid var(--color-focus);outline-offset:3px}.button:disabled,.button[aria-disabled=true]{opacity:.42;cursor:not-allowed;--press:1;--lift:0px}.button__label{position:relative}.button__icon{transition:transform var(--duration-normal) var(--ease-expressive);display:inline-flex}@media (hover:hover) and (pointer:fine){.button:not(:disabled):hover .button__icon{transform:translate(3px)}.button:not(:disabled):hover .button__icon--diagonal{transform:translate(2px,-2px)}.button:not(:disabled):hover .button__icon--down{transform:translateY(2px)}}.button--sm{--button-height:2.375rem;--button-pad:1rem;font-size:.875rem}.button--lg{--button-height:3.375rem;--button-pad:1.75rem;font-size:1rem}.button--primary{background-color:var(--color-text);color:var(--color-bg)}.button--primary:before{content:"";z-index:-1;border-radius:inherit;box-shadow:0 0 0 1px var(--color-accent), 0 10px 36px -10px var(--color-accent);opacity:0;transition:opacity var(--duration-normal) var(--ease-standard);position:absolute;inset:-1px}@media (hover:hover) and (pointer:fine){.button--primary:hover{--lift:-2px}.button--primary:hover:not(:disabled):before{opacity:.55}}.button--secondary{border-color:var(--color-border-strong);background-color:var(--color-surface);color:var(--color-text)}@media (hover:hover) and (pointer:fine){.button--secondary:hover{--lift:-2px;border-color:var(--color-text-subtle);background-color:var(--color-surface-elevated)}}.button--ghost{color:var(--color-text-muted)}@media (hover:hover) and (pointer:fine){.button--ghost:hover{background-color:var(--color-surface-elevated);color:var(--color-text)}}.button--text{--button-height:auto;--button-pad:0;border-radius:var(--radius-xs);color:var(--color-text);padding-block:var(--space-1)}.button--text .button__label{transition:background-size var(--duration-normal) var(--ease-expressive);background:linear-gradient(currentColor,currentColor) 0 100%/0% 1px no-repeat}@media (hover:hover) and (pointer:fine){.button--text:hover .button__label{background-size:100% 1px}}.button--icon{--button-pad:0;width:var(--button-height);border-color:var(--color-border);background-color:var(--color-surface);color:var(--color-text-muted)}@media (hover:hover) and (pointer:fine){.button--icon:hover{border-color:var(--color-border-strong);background-color:var(--color-surface-elevated);color:var(--color-text)}}.button--block{width:100%}.link{color:var(--color-text);background:linear-gradient(currentColor, currentColor) 0 100%/0% 1px no-repeat, linear-gradient(var(--color-border-strong), var(--color-border-strong)) 0 100%/100% 1px no-repeat;transition:background-size var(--duration-normal) var(--ease-expressive), color var(--duration-fast) var(--ease-standard), opacity var(--duration-fast) var(--ease-standard);padding-bottom:2px;position:relative}@media (hover:hover) and (pointer:fine){.link:hover{color:var(--color-accent-strong);background-size:100% 1px,100% 1px}}.link:active{opacity:.7}.link:focus-visible{outline:2px solid var(--color-focus);outline-offset:4px;border-radius:2px}.link--quiet{color:var(--color-text-muted);background:linear-gradient(currentColor,currentColor) 0 100%/0% 1px no-repeat}@media (hover:hover) and (pointer:fine){.link--quiet:hover{color:var(--color-text);background-size:100% 1px}}.link-arrow{align-items:center;gap:var(--space-2);display:inline-flex}.link-arrow .icon{transition:transform var(--duration-normal) var(--ease-expressive)}@media (hover:hover) and (pointer:fine){.link-arrow:hover .icon{transform:translate(2px,-2px)}}.navbar{height:var(--header-height);position:relative}.navbar:before{content:"";border-bottom:1px solid var(--color-border);background:var(--color-glass);box-shadow:var(--shadow-sm);opacity:0;transition:opacity var(--duration-slow) var(--ease-smooth);position:absolute;inset:0}@supports ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.navbar:before{-webkit-backdrop-filter:blur(18px)saturate(1.5);backdrop-filter:blur(18px)saturate(1.5)}}.navbar[data-scrolled=true]:before{opacity:1}.navbar__inner{justify-content:space-between;align-items:center;gap:var(--space-5);height:100%;display:flex;position:relative}.navbar__actions{align-items:center;gap:var(--space-2);display:flex}.navbar__controls{align-items:center;gap:var(--space-2);display:none}@media (width>=64rem){.navbar__controls{display:flex}}.navbar__cta{display:none}@media (width>=80rem){.navbar__cta{display:inline-flex}}.brand{align-items:center;gap:var(--space-3);border-radius:var(--radius-sm);color:var(--color-text);display:inline-flex}.brand:focus-visible{outline:2px solid var(--color-focus);outline-offset:4px}.brand__mark:before{content:"";border-radius:inherit;background:var(--gradient-border);pointer-events:none;-webkit-mask-composite:xor;padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.brand__mark{border-radius:var(--radius-sm);background:var(--color-surface-elevated);width:2.125rem;height:2.125rem;font-family:var(--font-mono);letter-spacing:.02em;transition:transform var(--duration-normal) var(--ease-spring);place-items:center;font-size:.6875rem;font-weight:600;display:grid;position:relative}.brand__mark:after{content:"";background:var(--color-accent);width:.375rem;height:.375rem;box-shadow:0 0 10px var(--color-accent);border-radius:50%;position:absolute;bottom:-2px;right:-2px}.brand:hover .brand__mark{transform:rotate(-6deg)}.brand__name{font-family:var(--font-display);letter-spacing:-.02em;font-size:.9375rem;font-weight:600}.brand__meta{font-family:var(--font-mono);font-size:var(--text-label);letter-spacing:.08em;color:var(--color-text-subtle);font-weight:500;line-height:1.3;display:none}@media (width>=30rem){.brand__meta{display:inline}}.nav-links{display:none}@media (width>=64rem){.nav-links{display:block}}.nav-links__list{border:1px solid var(--color-border);border-radius:var(--radius-pill);background:var(--color-surface);align-items:center;gap:2px;padding:4px;display:flex}.nav-links__link{align-items:center;gap:var(--space-2);border-radius:var(--radius-pill);color:var(--color-text-muted);letter-spacing:-.005em;transition:color var(--duration-fast) var(--ease-standard), background-color var(--duration-normal) var(--ease-standard);padding:.5rem .875rem;font-size:.875rem;font-weight:450;display:inline-flex;position:relative}.nav-links__link:before{content:"";background:var(--color-accent);width:.3125rem;height:.3125rem;transition:transform var(--duration-normal) var(--ease-spring);border-radius:50%;margin-left:-.125rem;transform:scale(0)}.nav-links__link:not([aria-current=location]):before{width:0;margin-left:0}@media (hover:hover) and (pointer:fine){.nav-links__link:hover{color:var(--color-text);background-color:var(--color-surface-elevated)}}.nav-links__link[aria-current=location]{color:var(--color-text);background-color:var(--color-surface-elevated)}.nav-links__link[aria-current=location]:before{transform:scale(1)}.nav-links__link:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.menu-toggle{align-items:center;gap:var(--space-3);min-height:2.75rem;padding:0 var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-pill);background:var(--color-surface);color:var(--color-text);font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;transition:border-color var(--duration-normal) var(--ease-standard), background-color var(--duration-normal) var(--ease-standard);font-size:.6875rem;display:inline-flex}@media (hover:hover) and (pointer:fine){.menu-toggle:hover{border-color:var(--color-border-strong);background-color:var(--color-surface-elevated)}}.menu-toggle:focus-visible{outline:2px solid var(--color-focus);outline-offset:3px}@media (width>=64rem){.menu-toggle{display:none}}.menu-toggle__lines{justify-items:end;gap:5px;width:1.25rem;display:grid}.menu-toggle__lines span{height:1.5px;transition:width var(--duration-normal) var(--ease-expressive);background:currentColor;border-radius:1px;display:block}.menu-toggle__lines span:first-child{width:100%}.menu-toggle__lines span:last-child{width:60%}.menu-toggle:hover .menu-toggle__lines span:last-child{width:100%}.mobile-menu{z-index:60;overscroll-behavior:contain;background:radial-gradient(80% 50% at 100% 0%, var(--color-glow-1), transparent 70%), radial-gradient(70% 50% at 0% 100%, var(--color-glow-2), transparent 70%), var(--color-bg);visibility:hidden;clip-path:inset(0 0 100% round 0 0 1.5rem 1.5rem);transition:clip-path var(--duration-slow) var(--ease-expressive), visibility 0s linear var(--duration-slow);flex-direction:column;display:flex;position:fixed;inset:0;overflow-y:auto}.mobile-menu[data-open=true]{visibility:visible;clip-path:inset(0);transition:clip-path var(--duration-slower) var(--ease-expressive), visibility 0s linear 0s}@media (width>=64rem){.mobile-menu{display:none}}@media (prefers-reduced-motion:reduce){.mobile-menu{clip-path:none;opacity:0;transition:opacity var(--duration-normal) linear, visibility 0s linear var(--duration-normal)}.mobile-menu[data-open=true]{clip-path:none;opacity:1;transition:opacity var(--duration-normal) linear, visibility 0s linear 0s}}.mobile-menu__header{min-height:var(--header-height);justify-content:space-between;align-items:center;display:flex}.mobile-menu__close{min-height:2.75rem}.mobile-menu__nav{padding-block:var(--space-6);flex:1;align-items:center;display:flex}.mobile-menu__nav>nav{width:100%}.mobile-menu__list{counter-reset:menu;width:100%}.mobile-menu__item{border-bottom:1px solid var(--color-border);opacity:0;transition:opacity var(--duration-normal) var(--ease-standard), transform var(--duration-normal) var(--ease-standard);transform:translateY(1.25rem)}.mobile-menu[data-open=true] .mobile-menu__item{opacity:1;transition:opacity var(--duration-slow) var(--ease-smooth), transform var(--duration-slower) var(--ease-expressive);transition-delay:calc(.14s + var(--i,0) * 55ms);transform:none}@media (prefers-reduced-motion:reduce){.mobile-menu__item{transform:none}}.mobile-menu__link{align-items:baseline;gap:var(--space-4);color:var(--color-text);font-family:var(--font-display);letter-spacing:-.04em;padding-block:clamp(.75rem,2.5vh,1.125rem);font-size:clamp(1.75rem,1rem + 4vw,2.75rem);font-weight:600;line-height:1.05;display:flex}.mobile-menu__link .icon{color:var(--color-text-subtle);transition:transform var(--duration-normal) var(--ease-expressive), color var(--duration-normal) var(--ease-standard);align-self:center;margin-left:auto;font-size:1.25rem}.mobile-menu__link[aria-current=location] .mobile-menu__index{color:var(--color-accent)}.mobile-menu__link:active .icon,.mobile-menu__link:focus-visible .icon{color:var(--color-accent);transform:translate(4px)}.mobile-menu__link:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px;border-radius:var(--radius-xs)}.mobile-menu__index{font-family:var(--font-mono);font-size:var(--text-label);letter-spacing:.08em;min-width:2ch;color:var(--color-text-subtle);font-weight:500;line-height:1.3;transform:translateY(-.6em)}.mobile-menu__footer{gap:var(--space-5);padding-block:var(--space-5) max(var(--space-6), env(safe-area-inset-bottom));border-top:1px solid var(--color-border);opacity:0;transition:opacity var(--duration-normal) var(--ease-standard);display:grid}.mobile-menu[data-open=true] .mobile-menu__footer{opacity:1;transition-delay:.42s}.mobile-menu__controls{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.mobile-menu__controls .segmented__option{min-width:2.75rem;min-height:2.75rem}.mobile-menu__controls .theme-toggle{--button-height:2.75rem}.segmented{border:1px solid var(--color-border);border-radius:var(--radius-pill);background:var(--color-surface);grid-auto-columns:1fr;grid-auto-flow:column;padding:3px;display:inline-grid;position:relative}.segmented:before{content:"";width:calc((100% - 6px) / var(--count,2));border-radius:var(--radius-pill);background:var(--color-surface-elevated);box-shadow:var(--shadow-inset), 0 0 0 1px var(--color-border);transform:translate3d(calc(var(--index,0) * 100%), 0, 0);transition:transform var(--duration-normal) var(--ease-spring);position:absolute;top:3px;bottom:3px;left:3px}.segmented__option{min-width:2.5rem;min-height:2rem;padding:0 var(--space-3);border-radius:var(--radius-pill);color:var(--color-text-subtle);font-family:var(--font-mono);letter-spacing:.1em;transition:color var(--duration-fast) var(--ease-standard);font-size:.6875rem;font-weight:500;position:relative}.segmented__option[aria-pressed=true]{color:var(--color-text)}@media (hover:hover) and (pointer:fine){.segmented__option:hover{color:var(--color-text)}}.segmented__option:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.theme-toggle{position:relative;overflow:hidden}.theme-toggle__icon{transition:transform var(--duration-slow) var(--ease-expressive), opacity var(--duration-normal) var(--ease-standard);place-items:center;font-size:1.0625rem;display:grid;position:absolute;inset:0}.theme-toggle[data-mode=dark] .theme-toggle__icon--sun,.theme-toggle[data-mode=light] .theme-toggle__icon--moon{opacity:0;transform:translateY(110%)rotate(-45deg)}.marquee{padding-block:clamp(var(--space-5), 3vw, var(--space-7));border-block:1px solid var(--color-border);position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 12% 88%,#0000);mask-image:linear-gradient(90deg,#0000,#000 12% 88%,#0000)}.marquee__track{width:max-content;display:flex}@media (prefers-reduced-motion:no-preference){.marquee__track{animation:48s linear infinite marquee}}.marquee:hover .marquee__track{animation-play-state:paused}.marquee__group{flex-shrink:0;align-items:center;display:flex}.marquee__item{align-items:center;gap:clamp(var(--space-5), 3vw, var(--space-7));padding-right:clamp(var(--space-5), 3vw, var(--space-7));color:var(--color-text-subtle);font-family:var(--font-display);letter-spacing:-.035em;white-space:nowrap;font-size:clamp(1.5rem,1rem + 2.4vw,3rem);font-weight:500;display:inline-flex}.marquee__item:nth-child(2n){color:#0000;-webkit-text-stroke:1px var(--color-border-strong)}.marquee__item:after{content:"";background:var(--color-accent);opacity:.7;border-radius:2px;width:.5rem;height:.5rem;transform:rotate(45deg)}.cursor-glow{background:radial-gradient(closest-side, var(--color-spotlight), transparent);opacity:0;pointer-events:none;will-change:transform;width:40rem;height:40rem;transition:opacity var(--duration-slower) var(--ease-smooth);border-radius:50%;margin:-20rem 0 0 -20rem;display:none;position:absolute;top:0;left:0}.cursor-glow[data-active=true]{opacity:1}@media (hover:hover) and (pointer:fine){.cursor-glow{display:block}}@media (prefers-reduced-motion:reduce){.cursor-glow{display:none}}.card{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-inset);position:relative}.card:after{content:"";border-radius:inherit;background:radial-gradient(32rem circle at var(--pointer-x,50%) var(--pointer-y,0%), var(--color-spotlight), transparent 45%);opacity:0;pointer-events:none;transition:opacity var(--duration-slow) var(--ease-smooth);position:absolute;inset:0}@media (hover:hover) and (pointer:fine){.card:hover:after{opacity:1}}.card{transition:border-color var(--duration-normal) var(--ease-standard), background-color var(--duration-normal) var(--ease-standard), transform var(--duration-slow) var(--ease-expressive);overflow:hidden}.form,.form__row{gap:var(--space-5);display:grid}@media (width>=48rem){.form__row{grid-template-columns:repeat(2,minmax(0,1fr))}}.form-field{gap:var(--space-2);display:grid}.form-field__label{font-family:var(--font-mono);font-size:var(--text-label);letter-spacing:.08em;color:var(--color-text-muted);text-transform:uppercase;justify-content:space-between;font-weight:500;line-height:1.3;display:flex}.form-field__optional{color:var(--color-text-subtle)}.input{width:100%;min-height:3.25rem;padding:0 var(--space-4);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);transition:border-color var(--duration-normal) var(--ease-standard), background-color var(--duration-normal) var(--ease-standard), box-shadow var(--duration-normal) var(--ease-standard);font-size:1rem;line-height:1.5}.input::placeholder{color:var(--color-text-subtle);opacity:1}@media (hover:hover) and (pointer:fine){.input:hover{border-color:var(--color-text-subtle)}}.input:focus-visible,.input:focus{border-color:var(--color-accent);background:var(--color-surface-elevated);box-shadow:0 0 0 4px var(--color-accent-soft);outline:none}.input[aria-invalid=true]{border-color:var(--color-danger);box-shadow:0 0 0 4px var(--color-danger-soft)}.input:disabled{opacity:.5;cursor:not-allowed}.input--textarea{min-height:9rem;padding-block:var(--space-4)}.form-field__message{font-family:var(--font-body);font-size:var(--text-caption);letter-spacing:.01em;align-items:center;gap:var(--space-2);color:var(--color-danger);animation:fade-up var(--duration-normal) var(--ease-expressive);font-weight:400;line-height:1.45;display:flex}.form__footer{justify-content:space-between;align-items:center;gap:var(--space-4);flex-wrap:wrap;display:flex}.form__note{font-family:var(--font-body);font-size:var(--text-caption);letter-spacing:.01em;max-width:22rem;color:var(--color-text-subtle);font-weight:400;line-height:1.45}.form-success{justify-items:start;gap:var(--space-4);padding-block:var(--space-6);animation:fade-up var(--duration-slow) var(--ease-expressive);display:grid}.form-success__icon{background:var(--color-accent-soft);width:3rem;height:3rem;color:var(--color-accent);box-shadow:0 0 0 1px var(--color-accent-soft);border-radius:50%;place-items:center;font-size:1.375rem;display:grid}.spinner{border:1.5px solid;border-right-color:#0000;border-radius:50%;width:1em;height:1em;animation:.7s linear infinite spin}.code-window{background:var(--color-glass);border:1px solid var(--color-border);box-shadow:var(--shadow-inset), var(--shadow-md)}@supports ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.code-window{-webkit-backdrop-filter:blur(20px)saturate(1.4);backdrop-filter:blur(20px)saturate(1.4)}@media (width<=47.99rem){.code-window{-webkit-backdrop-filter:blur(10px)saturate(1.2);backdrop-filter:blur(10px)saturate(1.2)}}}.code-window{border-radius:var(--radius-lg);box-shadow:var(--shadow-inset), var(--shadow-lg);position:relative;overflow:hidden}.code-window__bar{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border);display:flex}.code-window__dots{gap:6px;display:flex}.code-window__dots span{background:var(--color-border-strong);border-radius:50%;width:.5625rem;height:.5625rem}.code-window__tab{font-family:var(--font-mono);font-size:var(--text-label);letter-spacing:.08em;padding:var(--space-1) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-xs);background:var(--color-surface);color:var(--color-text-muted);text-transform:none;letter-spacing:.02em;font-weight:500;line-height:1.3}.code-window__badge{font-family:var(--font-mono);font-size:var(--text-label);letter-spacing:.08em;color:var(--color-accent);margin-left:auto;font-weight:500;line-height:1.3}.code-window__body{padding:var(--space-4) 0 var(--space-5);font-family:var(--font-mono);white-space:pre;font-size:clamp(.6875rem,.6rem + .25vw,.8125rem);line-height:1.85;overflow:hidden}.code-line{padding-right:var(--space-4);display:flex}.code-line--active{background:linear-gradient(90deg, var(--color-accent-soft), transparent 80%);box-shadow:inset 2px 0 0 var(--color-accent)}.code-line__number{width:3rem;padding-right:var(--space-4);color:var(--color-text-subtle);text-align:right;opacity:.6;-webkit-user-select:none;user-select:none;flex-shrink:0}.tok-kw{color:var(--color-accent-2)}.tok-fn{color:var(--color-accent)}.tok-str{color:var(--color-accent-3)}.tok-type{color:var(--color-text)}.tok-punc{color:var(--color-text-subtle)}.tok-text{color:var(--color-text-muted)}.code-caret{vertical-align:text-bottom;background:var(--color-accent);width:.5em;height:1.1em;margin-left:1px;display:inline-block}@media (prefers-reduced-motion:no-preference){.code-caret{animation:1.1s step-end infinite caret-blink}}.node-graph{width:100%;height:auto;overflow:visible}.node-graph__edge{fill:none;stroke:var(--color-border-strong);stroke-width:1px}.node-graph__flow{fill:none;stroke:var(--color-accent);stroke-width:1.25px;stroke-linecap:round;stroke-dasharray:3 21;opacity:.8}@media (prefers-reduced-motion:no-preference){.node-graph__flow{animation:2.4s linear infinite dash-flow}}.node-graph__node{fill:var(--color-bg-elevated);stroke:var(--color-border-strong);stroke-width:1px}.node-graph__node--active{fill:var(--color-accent-soft);stroke:var(--color-accent)}.node-graph__core{fill:var(--color-accent)}.node-graph__halo{fill:var(--color-accent);opacity:.18;transform-box:fill-box;transform-origin:50%}@media (prefers-reduced-motion:no-preference){.node-graph__halo{animation:pulse-ring 3s var(--ease-smooth) infinite}}.node-graph__label{fill:var(--color-text-subtle);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;font-size:7px}.artwork{aspect-ratio:16/10;border-radius:var(--radius-md);background:radial-gradient(80% 70% at 85% 0%, var(--artwork-glow,var(--color-glow-1)), transparent 70%), linear-gradient(180deg, var(--color-surface-elevated), var(--color-surface));border:1px solid var(--color-border);isolation:isolate;position:relative;overflow:hidden}.artwork:before{content:"";z-index:-1;background-image:linear-gradient(var(--color-grid-line) 1px, transparent 1px), linear-gradient(90deg, var(--color-grid-line) 1px, transparent 1px);background-size:1.5rem 1.5rem;position:absolute;inset:0;-webkit-mask-image:radial-gradient(at 50% 40%,#000,#0000 75%);mask-image:radial-gradient(at 50% 40%,#000,#0000 75%)}.artwork--graph{--artwork-glow:var(--color-glow-3)}.artwork--layers{--artwork-glow:var(--color-glow-2)}.artwork__stage{transition:transform var(--duration-slower) var(--ease-expressive);place-items:center;padding:8% 9%;display:grid;position:absolute;inset:0}.art-panel{border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);background:var(--color-bg-elevated);width:100%;box-shadow:var(--shadow-lg);position:relative;overflow:hidden}.art-panel--shot{flex-direction:column;max-height:100%;display:flex}.art-shot{aspect-ratio:16/10;object-fit:cover;object-position:top center;flex:auto;width:100%;height:auto;min-height:0;display:block}.art-bar{border-radius:var(--radius-pill);background:var(--color-border-strong);height:.4375rem;display:block}.art-bar--accent{background:var(--gradient-accent)}.art-bar--soft{background:var(--color-border)}.art-browser__chrome{border-bottom:1px solid var(--color-border);align-items:center;gap:5px;padding:.5rem .625rem;display:flex}.art-browser__chrome>span:not(.art-browser__url){background:var(--color-border-strong);border-radius:50%;width:.375rem;height:.375rem}.art-browser__url{border-radius:var(--radius-pill);background:var(--color-surface-elevated);flex:1;max-width:45%;height:.75rem;margin-inline:auto}.art-browser__body{grid-template-columns:22% 1fr;gap:.75rem;padding:.75rem;display:grid}.art-browser__side{align-content:start;gap:.5rem;display:grid}.art-browser__main{gap:.625rem;display:grid}.art-browser__hero{border-radius:var(--radius-xs);background:linear-gradient(120deg, var(--color-accent-soft), transparent);border:1px solid var(--color-border);gap:.4375rem;padding:.875rem;display:grid}.art-browser__cards{grid-template-columns:repeat(3,1fr);gap:.5rem;display:grid}.art-browser__cards span{aspect-ratio:4/3;border-radius:var(--radius-xs);border:1px solid var(--color-border);background:var(--color-surface-elevated)}.art-graph__body{gap:.75rem;padding:.875rem;display:grid}.art-graph__kpis{grid-template-columns:repeat(3,1fr);gap:.5rem;display:grid}.art-graph__kpis span{border-radius:var(--radius-xs);border:1px solid var(--color-border);gap:.3125rem;padding:.5rem;display:grid}.art-graph__chart{width:100%;height:auto}.art-graph__line{fill:none;stroke:var(--color-accent);stroke-width:1.5px;stroke-linejoin:round}.art-graph__grid{stroke:var(--color-border);stroke-width:.5px}.art-graph__dot{fill:var(--color-bg-elevated);stroke:var(--color-accent);stroke-width:1.5px}.artwork--layers .artwork__stage{perspective:60rem}.art-layers{aspect-ratio:1;width:58%;transform-style:preserve-3d;position:relative;transform:rotateX(58deg)rotate(-42deg)}.art-layers__plane{border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);background:var(--color-bg-elevated);box-shadow:var(--shadow-md);transform:translate3d(0, 0, calc(var(--depth) * 2.5rem));transition:transform var(--duration-slower) var(--ease-expressive);position:absolute;inset:0}.art-layers__plane:nth-child(2){background:linear-gradient(135deg, var(--color-surface-elevated), var(--color-bg-elevated))}.art-layers__plane:last-child{border-color:var(--color-accent);background:linear-gradient(var(--color-grid-line) 1px, transparent 1px) 0 0/1rem 1rem, linear-gradient(90deg, var(--color-grid-line) 1px, transparent 1px) 0 0/1rem 1rem, var(--color-accent-soft);box-shadow:0 0 40px -10px var(--color-accent)}.art-terminal{font-family:var(--font-mono);color:var(--color-text-muted);white-space:pre;padding:.875rem 1rem;font-size:clamp(.5625rem,.45rem + .3vw,.75rem);line-height:1.9}.art-terminal__prompt,.art-terminal__ok{color:var(--color-accent)}.art-terminal__dim{color:var(--color-text-subtle)}.hero{--p:var(--scroll-progress,0);--s:var(--parallax-strength,1);min-height:100svh;padding-top:calc(var(--header-height) + clamp(var(--space-6), 6vh, var(--space-9)));padding-bottom:var(--space-6);display:flex;position:relative;overflow:clip}.hero__backdrop{z-index:-1;pointer-events:none;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 55%,#0000 100%);mask-image:linear-gradient(#000 55%,#0000 100%)}.hero__glow{aspect-ratio:1.6;background:radial-gradient(closest-side at 60% 55%, var(--color-glow-1), transparent), radial-gradient(closest-side at 35% 45%, var(--color-glow-2), transparent);width:min(70rem,120vw);transform:translate3d(-50%, calc(var(--p) * 30vh * var(--s)), 0);will-change:transform;position:absolute;top:-30%;left:50%}.hero__grid{background-image:linear-gradient(var(--hero-grid-color) 1px, transparent 1px), linear-gradient(90deg, var(--hero-grid-color) 1px, transparent 1px);transform:translate3d(0, calc(var(--p) * 14vh * var(--s)), 0);background-position:top;background-size:4.5rem 4.5rem;position:absolute;inset:-10% 0 0}.hero__grid--base{--hero-grid-color:var(--color-grid-line);-webkit-mask-image:radial-gradient(75% 65% at 60% 35%,#000 20%,#0000 80%);mask-image:radial-gradient(75% 65% at 60% 35%,#000 20%,#0000 80%)}.hero__grid--spot{--hero-grid-color:color-mix(in srgb, var(--color-accent) 28%, transparent);-webkit-mask-image:radial-gradient(16rem circle at var(--pointer-x,72%) calc(var(--pointer-y,38%) + 10%), #000, transparent 75%);mask-image:radial-gradient(16rem circle at var(--pointer-x,72%) calc(var(--pointer-y,38%) + 10%), #000, transparent 75%);opacity:.8}.hero__inner{gap:clamp(var(--space-7), 6vh, var(--space-9));flex-direction:column;display:flex}.hero__content{gap:clamp(var(--space-5), 4vh, var(--space-7));transform:translate3d(0, calc(var(--p) * 8vh * var(--s)), 0);opacity:calc(1 - var(--p) * .85);flex-direction:column;flex:1;display:flex}.hero__title{font-family:var(--font-display);font-size:var(--text-display);letter-spacing:-.055em;margin-inline-start:-.04em;font-weight:600;line-height:.92}.hero__line{margin-bottom:-.08em;padding-bottom:.08em;display:block;overflow:hidden}.hero__line-inner{display:inline-block}@media (width>=64rem){.hero__line--offset{padding-left:1.6em}}.hero__lower{gap:var(--space-8);grid-template-columns:minmax(0,1fr);align-items:start;display:grid}@media (width>=64rem){.hero__lower{gap:clamp(var(--space-7), 6vw, var(--space-10));grid-template-columns:minmax(0,5fr) minmax(0,6fr)}}.hero__copy{gap:var(--space-6);max-width:30rem;padding-top:var(--space-2);display:grid}.hero__summary{font-family:var(--font-body);font-size:var(--text-body-lg);letter-spacing:-.011em;color:var(--color-text-muted);font-weight:400;line-height:1.55}.hero__actions{justify-items:start;gap:var(--space-3);display:grid}.hero__featured-actions{gap:var(--space-3);flex-wrap:wrap;display:flex}.hero__featured-actions .button{--button-pad:.75rem;font-size:.875rem}.hero__resume-cta{border-color:var(--color-accent);color:var(--color-accent)}.hero__footer{justify-content:space-between;align-items:flex-end;gap:var(--space-6);padding-top:var(--space-5);border-top:1px solid var(--color-border);display:flex}.scroll-cue{font-family:var(--font-mono);font-size:var(--text-label);letter-spacing:.08em;align-items:center;gap:var(--space-3);padding-block:var(--space-2);border-radius:var(--radius-xs);color:var(--color-text-muted);text-transform:uppercase;transition:color var(--duration-fast) var(--ease-standard);font-weight:500;line-height:1.3;display:inline-flex}@media (hover:hover) and (pointer:fine){.scroll-cue:hover{color:var(--color-text)}}.scroll-cue__line{background:var(--color-border);width:1px;height:2rem;position:relative;overflow:hidden}.scroll-cue__line:after{content:"";background:var(--color-accent);position:absolute;inset:0}@media (prefers-reduced-motion:no-preference){.scroll-cue__line:after{animation:scroll-cue 2.4s var(--ease-smooth) infinite}}.hero__meta{gap:clamp(var(--space-6), 4vw, var(--space-9));display:none}@media (width>=48rem){.hero__meta{display:flex}}.hero__meta-item{gap:var(--space-1);display:grid}.hero__meta-item dt{font-family:var(--font-mono);font-size:var(--text-label);letter-spacing:.08em;color:var(--color-text-subtle);text-transform:uppercase;font-weight:500;line-height:1.3}.hero__meta-item dd{font-family:var(--font-mono);color:var(--color-text);margin:0;font-size:.8125rem}@media (prefers-reduced-motion:no-preference){.hero__line-inner{animation:rise-in var(--duration-slower) var(--ease-expressive) both;animation-delay:calc(.12s + var(--i,0) * .11s)}[data-intro]{animation:fade-up var(--duration-slower) var(--ease-expressive) both;animation-delay:var(--intro-delay,0s)}}@media (prefers-reduced-motion:reduce){[data-intro]{animation:fade-in var(--duration-slow) linear both}}.hero-visual{width:100%;max-width:38rem;padding:var(--space-6) var(--space-4) var(--space-9);margin-inline:auto;position:relative}@media (width>=64rem){.hero-visual{margin-inline:auto 0}}@media (width>=80rem){.hero-visual{margin-top:calc(-1 * var(--space-8))}}.hero-visual__halo{z-index:-1;background:radial-gradient(closest-side, var(--color-glow-1), transparent);border-radius:50%;position:absolute;inset:10% 5%}.hero-visual__layer{transform:translate3d(0, calc(var(--p) * var(--depth,0) * var(--s)), 0);will-change:transform}.hero-visual__layer--window{--depth:-5vh}.hero-visual__layer--graph{--depth:-12vh;width:min(48%,15rem);position:absolute;bottom:0;left:0}@media (width>=64rem){.hero-visual__layer--graph{left:-10%}}.hero-visual__layer--chip{--depth:-18vh;position:absolute;top:0;right:0}@media (width>=64rem){.hero-visual__layer--chip{right:-4%}}@media (prefers-reduced-motion:no-preference){.hero-visual__float{animation:6s ease-in-out infinite alternate float-y}}.hero-visual__float--late{animation-delay:-3s}.hero-visual__card{background:var(--color-glass);border:1px solid var(--color-border);box-shadow:var(--shadow-inset), var(--shadow-md)}@supports ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.hero-visual__card{-webkit-backdrop-filter:blur(16px)saturate(1.4);backdrop-filter:blur(16px)saturate(1.4)}@media (width<=47.99rem){.hero-visual__card{-webkit-backdrop-filter:blur(8px)saturate(1.2);backdrop-filter:blur(8px)saturate(1.2)}}}.hero-visual__card{gap:var(--space-2);padding:var(--space-3) var(--space-4) var(--space-4);border-radius:var(--radius-md);display:grid}.hero-visual__card-label{font-family:var(--font-mono);font-size:var(--text-label);letter-spacing:.08em;color:var(--color-text-subtle);text-transform:uppercase;justify-content:space-between;font-weight:500;line-height:1.3;display:flex}@media (width<=22.5rem){.hero__featured-actions{flex-direction:column;align-items:stretch;width:min(100%,18rem)}.hero__featured-actions .button{width:100%}}@media (width<=29.99rem){.code-window__bar{gap:var(--space-2);padding-inline:var(--space-3)}.code-window__dots{flex-shrink:0;gap:4px}.code-window__dots span{width:.375rem;height:.375rem}.code-window__tab{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.code-window__badge{flex-shrink:0;font-size:.625rem}.hero__actions{justify-items:stretch;width:min(100%,20rem)}.hero__featured-actions{width:100%}.hero__featured-actions .button{--button-pad:.5rem;flex:1 1 0;min-width:0}.hero__actions>.button{width:100%}.hero-visual{padding:var(--space-6) 0}.hero-visual__layer--graph{width:100%;margin:var(--space-4) 0 0;position:relative;inset:auto}.hero-visual__card{gap:var(--space-3);padding:var(--space-5) clamp(var(--space-4), 5vw, var(--space-6))}.hero-visual__chip{white-space:nowrap;font-size:.625rem}}.hero-visual__chip{background:var(--color-glass);border:1px solid var(--color-border);box-shadow:var(--shadow-inset), var(--shadow-md)}@supports ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.hero-visual__chip{-webkit-backdrop-filter:blur(16px)saturate(1.4);backdrop-filter:blur(16px)saturate(1.4)}@media (width<=47.99rem){.hero-visual__chip{-webkit-backdrop-filter:blur(8px)saturate(1.2);backdrop-filter:blur(8px)saturate(1.2)}}}.hero-visual__chip{font-family:var(--font-mono);font-size:var(--text-label);letter-spacing:.08em;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-pill);color:var(--color-text-muted);text-transform:uppercase;font-weight:500;line-height:1.3;display:inline-flex}.hero-visual__chip strong{color:var(--color-text);font-weight:500}.about__layout{gap:var(--space-8);grid-template-columns:minmax(0,1fr);display:grid}@media (width>=64rem){.about__layout{column-gap:clamp(var(--space-7), 7vw, var(--space-11));grid-template-columns:minmax(0,5fr) minmax(0,6fr);align-items:start}}.about__visual{border:1px solid var(--color-border);border-radius:var(--radius-xl);background:var(--color-surface);box-shadow:var(--shadow-inset);gap:var(--space-5);padding:var(--space-5);background:radial-gradient(70% 60% at 30% 20%, var(--color-accent-soft), transparent 70%), var(--color-surface);display:grid;position:relative;overflow:hidden}.about__visual-meta{font-family:var(--font-mono);font-size:var(--text-label);letter-spacing:.08em;color:var(--color-text-subtle);text-transform:uppercase;justify-content:space-between;font-weight:500;line-height:1.3;display:flex}.about__content{gap:var(--space-7);display:grid}.about__lead{font-family:var(--font-body);font-size:var(--text-body-lg);letter-spacing:-.011em;color:var(--color-text);max-width:34rem;font-weight:400;line-height:1.55}.about__stats{gap:var(--space-4);padding-top:var(--space-6);border-top:1px solid var(--color-border);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.about__stat{gap:var(--space-2);display:grid}.about__stat dt{font-family:var(--font-mono);font-size:var(--text-label);letter-spacing:.08em;color:var(--color-text-subtle);text-transform:uppercase;order:2;font-weight:500;line-height:1.3}.about__stat dd{font-family:var(--font-display);letter-spacing:-.045em;font-variant-numeric:tabular-nums;order:1;margin:0;font-size:clamp(1.75rem,1.2rem + 2vw,3rem);font-weight:600;line-height:1}.experience-list{border-top:1px solid var(--color-border)}.experience-item{gap:var(--space-4);padding:clamp(var(--space-6), 3vw, var(--space-7)) 0;border-bottom:1px solid var(--color-border);isolation:isolate;display:grid;position:relative}.experience-item:before{content:"";inset:0 calc(-1 * min(var(--space-5), var(--gutter)));z-index:-1;border-radius:var(--radius-lg);background:radial-gradient(30rem circle at var(--pointer-x,30%) var(--pointer-y,50%), var(--color-spotlight), transparent 60%), var(--color-surface);opacity:0;transition:opacity var(--duration-slow) var(--ease-smooth);position:absolute}.experience-item:after{content:"";top:var(--space-6);bottom:var(--space-6);left:calc(-1 * min(var(--space-5), var(--gutter)));background:var(--color-accent);width:2px;transition:transform var(--duration-slow) var(--ease-expressive);border-radius:2px;position:absolute;transform:scaleY(0)}@media (hover:hover) and (pointer:fine){.experience-item:hover:before{opacity:1}.experience-item:hover:after{transform:scaleY(1)}.experience-item:hover .experience-item__index{color:var(--color-accent)}.experience-item:hover .experience-item__role{transform:translate(4px)}.experience-item:hover .tag{border-color:var(--color-border-strong);color:var(--color-text)}}@media (width>=64rem){.experience-item{gap:var(--grid-gap);grid-template-columns:4rem minmax(0,2fr) minmax(0,5fr) minmax(0,3fr);align-items:start}}.experience-item--featured:after{transform:scaleY(1)}.experience-item--featured .experience-item__role{color:var(--color-accent)}.experience-item__top{align-items:center;gap:var(--space-4);display:flex}@media (width>=64rem){.experience-item__top{display:contents}}.experience-item__index{font-family:var(--font-mono);font-size:var(--text-label);letter-spacing:.08em;color:var(--color-text-subtle);transition:color var(--duration-normal) var(--ease-standard);font-weight:500;line-height:1.3}@media (width>=64rem){.experience-item__index{padding-top:.5rem}}.experience-item__period{font-family:var(--font-mono);font-size:var(--text-label);letter-spacing:.08em;color:var(--color-text-muted);text-transform:uppercase;font-weight:500;line-height:1.3}@media (width>=64rem){.experience-item__period{padding-top:.5rem}}.experience-item__main{gap:var(--space-3);display:grid}.experience-item__role{font-family:var(--font-display);font-size:var(--text-h3);letter-spacing:-.02em;transition:transform var(--duration-slow) var(--ease-expressive);font-weight:600;line-height:1.2}.experience-item__org{font-family:var(--font-body);font-size:var(--text-body-sm);letter-spacing:0;color:var(--color-accent);font-weight:400;line-height:1.6}.experience-item__summary{color:var(--color-text-muted);max-width:40rem}.experience-item__highlights{gap:var(--space-2);color:var(--color-text-muted);margin:0;padding-left:1.1rem;font-size:.9375rem;display:grid}.experience-item__highlights li::marker{color:var(--color-accent)}@media (width>=64rem){.experience-item__tags{justify-content:flex-end;padding-top:.25rem}}.skills-list{gap:var(--space-4);display:grid}.skill-group{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-inset);position:relative}.skill-group:after{content:"";border-radius:inherit;background:radial-gradient(26rem circle at var(--pointer-x,50%) var(--pointer-y,0%), var(--color-spotlight), transparent 45%);opacity:0;pointer-events:none;transition:opacity var(--duration-slow) var(--ease-smooth);position:absolute;inset:0}@media (hover:hover) and (pointer:fine){.skill-group:hover:after{opacity:1}}.skill-group{gap:var(--space-5);padding:clamp(var(--space-5), 3vw, var(--space-7));transition:border-color var(--duration-normal) var(--ease-standard);display:grid}@media (hover:hover) and (pointer:fine){.skill-group:hover{border-color:var(--color-border-strong)}.skill-group:hover .tag{border-color:var(--color-border-strong);color:var(--color-text)}.skill-group:hover .skill-group__glyph{background:var(--color-accent);transform:rotate(45deg)scale(1.1)}}@media (width>=48rem){.skill-group{gap:var(--space-6);grid-template-columns:minmax(0,2fr) minmax(0,3fr)}}.skill-group__header{align-content:start;gap:var(--space-3);display:grid}.skill-group__index{font-family:var(--font-mono);font-size:var(--text-label);letter-spacing:.08em;align-items:center;gap:var(--space-3);color:var(--color-text-subtle);font-weight:500;line-height:1.3;display:flex}.skill-group__glyph{border:1px solid var(--color-accent);width:.5rem;height:.5rem;transition:transform var(--duration-slow) var(--ease-spring), background-color var(--duration-normal) var(--ease-standard);border-radius:2px}.skill-group__name{font-family:var(--font-display);font-size:var(--text-h3);letter-spacing:-.02em;font-weight:600;line-height:1.2}.skill-group__description{font-family:var(--font-body);font-size:var(--text-body-sm);letter-spacing:0;color:var(--color-text-muted);font-weight:400;line-height:1.6}.skill-group__tags{align-content:start}.skills__legend{margin-top:var(--space-8);padding-top:var(--space-5);border-top:1px solid var(--color-border);display:none}@media (width>=64rem){.skills__legend{gap:var(--space-3);display:grid}}.skills__legend-item{font-family:var(--font-mono);font-size:var(--text-label);letter-spacing:.08em;color:var(--color-text-subtle);text-transform:uppercase;justify-content:space-between;font-weight:500;line-height:1.3;display:flex}.system__layout{gap:var(--space-8);grid-template-columns:minmax(0,1fr);display:grid}@media (width>=64rem){.system__layout{column-gap:clamp(var(--space-7), 6vw, var(--space-10));grid-template-columns:minmax(0,4fr) minmax(0,7fr);align-items:start}}.system__principles{border-top:1px solid var(--color-border);display:grid}.principle{gap:var(--space-3);padding-block:var(--space-5);border-bottom:1px solid var(--color-border);grid-template-columns:2.5rem minmax(0,1fr);display:grid}.principle__index{font-family:var(--font-mono);font-size:var(--text-label);letter-spacing:.08em;color:var(--color-accent);padding-top:.3rem;font-weight:500;line-height:1.3}.principle__title{font-family:var(--font-display);font-size:var(--text-h3);letter-spacing:-.02em;font-size:1.125rem;font-weight:600;line-height:1.2}.principle__text{font-family:var(--font-body);font-size:var(--text-body-sm);letter-spacing:0;margin-top:var(--space-2);color:var(--color-text-muted);font-weight:400;line-height:1.6}.arch{border:1px solid var(--color-border);border-radius:var(--radius-xl);background:var(--color-surface);box-shadow:var(--shadow-inset);position:relative}.arch:before{content:"";border-radius:inherit;background:var(--gradient-border);pointer-events:none;-webkit-mask-composite:xor;padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.arch{background:radial-gradient(60% 40% at 50% 0%, var(--color-accent-soft), transparent 70%), var(--color-surface);overflow:hidden}.arch__bar{font-family:var(--font-mono);font-size:var(--text-label);letter-spacing:.08em;justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-border);color:var(--color-text-subtle);text-transform:uppercase;font-weight:500;line-height:1.3;display:flex}.arch__tiers{gap:var(--space-6);padding:var(--space-6) clamp(var(--space-4), 3vw, var(--space-6));display:grid;position:relative}.arch__tier{gap:var(--space-3);display:grid;position:relative}@media (width>=48rem){.arch__tier{align-items:center;gap:var(--space-5);grid-template-columns:7rem minmax(0,1fr)}}.arch__connector{left:50%;bottom:calc(-1 * var(--space-6));width:1px;height:var(--space-6);background:linear-gradient(var(--color-border-strong), var(--color-accent));position:absolute;overflow:hidden}.arch__connector:after{content:"";background:linear-gradient(transparent, var(--color-accent-strong), transparent);opacity:0;height:50%;position:absolute;inset:0 0 auto}@media (prefers-reduced-motion:no-preference){.arch__connector:after{opacity:1;animation:travel-y 2.4s var(--ease-smooth) infinite;animation-delay:calc(var(--tier,0) * .6s)}}@media (width>=48rem){.arch__connector{left:calc(7rem + var(--space-5) + (100% - 7rem - var(--space-5)) / 2)}}.arch__tier-label{font-family:var(--font-mono);font-size:var(--text-label);letter-spacing:.08em;gap:var(--space-2);color:var(--color-text-subtle);text-transform:uppercase;font-weight:500;line-height:1.3;display:flex}.arch__tier-label span:first-child{color:var(--color-accent)}.arch__nodes{justify-content:center;gap:var(--space-3);padding:var(--space-3);border:1px dashed var(--color-border-strong);border-radius:var(--radius-md);flex-wrap:wrap;display:flex;position:relative}.arch__node{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg-elevated);font-family:var(--font-mono);color:var(--color-text);box-shadow:var(--shadow-sm);transition:border-color var(--duration-normal) var(--ease-standard), transform var(--duration-normal) var(--ease-expressive);font-size:.75rem;display:inline-flex}.arch__node:before{content:"";background:var(--color-text-subtle);width:.375rem;height:.375rem;transition:background-color var(--duration-normal) var(--ease-standard);border-radius:50%}@media (hover:hover) and (pointer:fine){.arch__node:hover{border-color:var(--color-accent);transform:translateY(-2px)}.arch__node:hover:before{background:var(--color-accent)}}.arch__node--primary:before{background:var(--color-accent);box-shadow:0 0 8px var(--color-accent)}.arch__metrics{border-top:1px solid var(--color-border);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.arch__metric{gap:var(--space-1);padding:var(--space-4) var(--space-5);display:grid}.arch__metric+.arch__metric{border-left:1px solid var(--color-border)}.arch__metric dt{font-family:var(--font-mono);font-size:var(--text-label);letter-spacing:.08em;color:var(--color-text-subtle);text-transform:uppercase;order:2;font-weight:500;line-height:1.3}.arch__metric dd{font-family:var(--font-mono);color:var(--color-text);order:1;margin:0;font-size:clamp(.875rem,.8rem + .4vw,1.125rem)}@media (width<=29.99rem){.arch__metric{padding:var(--space-3)}.arch__metrics{grid-template-columns:minmax(0,1fr)}.arch__metric{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);display:flex}.arch__metric+.arch__metric{border-top:1px solid var(--color-border);border-left:0}.arch__metric dt,.arch__metric dd{min-width:0}.arch__metric dt{order:1}.arch__metric dd{text-align:right;order:2}}.projects-grid{gap:var(--grid-gap);grid-template-columns:minmax(0,1fr);display:grid}@media (width>=48rem){.projects-grid{grid-template-columns:repeat(8,minmax(0,1fr))}}@media (width>=64rem){.projects-grid{grid-template-columns:repeat(12,minmax(0,1fr))}}.project-card{border:1px solid var(--color-border);border-radius:var(--radius-xl);background:var(--color-surface);box-shadow:var(--shadow-inset);position:relative}.project-card:after{content:"";border-radius:inherit;background:radial-gradient(36rem circle at var(--pointer-x,50%) var(--pointer-y,0%), var(--color-spotlight), transparent 45%);opacity:0;pointer-events:none;transition:opacity var(--duration-slow) var(--ease-smooth);position:absolute;inset:0}@media (hover:hover) and (pointer:fine){.project-card:hover:after{opacity:1}}.project-card{gap:var(--space-5);min-width:0;padding:var(--space-3);isolation:isolate;transition:border-color var(--duration-normal) var(--ease-standard), background-color var(--duration-normal) var(--ease-standard), transform var(--duration-slow) var(--ease-expressive);grid-template-rows:auto 1fr;display:grid}@media (width>=48rem){.project-card{grid-column:span 4}}@media (hover:hover) and (pointer:fine){.project-card:hover{border-color:var(--color-border-strong);background-color:var(--color-surface-elevated);transform:translateY(-2px)}.project-card:hover .artwork__stage{transform:scale(1.03)}.project-card:hover .art-layers__plane{transform:translate3d(0, 0, calc(var(--depth) * 3.5rem))}.project-card:hover .project-card__category{color:var(--color-accent)}.project-card:hover .project-card__cta{color:var(--color-text)}.project-card:hover .project-card__cta .icon{transform:translate(3px,-3px)}}.project-card:focus-within{border-color:var(--color-border-strong)}@media (width>=48rem){.project-card--feature{grid-column:1/-1}}@media (width>=64rem){.project-card--feature{align-items:stretch;gap:var(--space-6);grid-template-rows:auto;grid-template-columns:minmax(0,7fr) minmax(0,5fr)}.project-card--feature.project-card--reverse{grid-template-columns:minmax(0,5fr) minmax(0,7fr)}.project-card--feature.project-card--reverse .project-card__visual{order:2}.project-card--wide{grid-column:span 7}.project-card--narrow{grid-column:span 5}}.project-card__visual{min-width:0;position:relative}@media (width>=64rem){.project-card--feature .project-card__visual .artwork{width:100%;height:100%;min-height:22rem}.project-card:not(.project-card--feature) .project-card__visual .artwork{aspect-ratio:auto;height:clamp(16rem,22vw,21rem)}}.project-card__body{gap:var(--space-4);padding:var(--space-3) var(--space-4) var(--space-4);flex-direction:column;display:flex}@media (width>=64rem){.project-card--feature .project-card__body{padding:var(--space-6) var(--space-6) var(--space-6) var(--space-3);justify-content:center}.project-card--feature.project-card--reverse .project-card__body{padding:var(--space-6) var(--space-3) var(--space-6) var(--space-6)}}.project-card__meta{font-family:var(--font-mono);font-size:var(--text-label);letter-spacing:.08em;align-items:center;gap:var(--space-2) var(--space-4);color:var(--color-text-subtle);text-transform:uppercase;flex-wrap:wrap;font-weight:500;line-height:1.3;display:flex}.project-card__category{color:var(--color-text-muted);transition:color var(--duration-normal) var(--ease-standard)}.project-card__year{margin-left:auto}.project-card__title{font-family:var(--font-display);font-size:var(--text-h3);letter-spacing:-.02em;font-weight:600;line-height:1.2}@media (width>=64rem){.project-card--feature .project-card__title{letter-spacing:-.035em;font-size:clamp(1.75rem,1rem + 1.5vw,2.5rem)}}.project-card__link:after{content:"";z-index:1;border-radius:inherit;position:absolute;inset:0}.project-card__link:focus-visible{outline:none}.project-card__link:focus-visible:after{outline:2px solid var(--color-focus);outline-offset:4px}.project-card__description{color:var(--color-text-muted)}.project-card__cta{align-items:center;gap:var(--space-2);padding-top:var(--space-2);color:var(--color-text-muted);transition:color var(--duration-normal) var(--ease-standard);margin-top:auto;font-size:.9375rem;font-weight:500;display:inline-flex}.project-card__cta .icon{transition:transform var(--duration-normal) var(--ease-expressive)}.education-grid{gap:var(--grid-gap);display:grid}@media (width>=48rem){.education-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.education-card{border:1px solid var(--color-border);border-radius:var(--radius-xl);background:var(--color-surface);box-shadow:var(--shadow-inset);position:relative}.education-card:after{content:"";border-radius:inherit;background:radial-gradient(28rem circle at var(--pointer-x,50%) var(--pointer-y,0%), var(--color-spotlight), transparent 45%);opacity:0;pointer-events:none;transition:opacity var(--duration-slow) var(--ease-smooth);position:absolute;inset:0}@media (hover:hover) and (pointer:fine){.education-card:hover:after{opacity:1}}.education-card{gap:var(--space-4);padding:clamp(var(--space-5), 3vw, var(--space-7));transition:border-color var(--duration-normal) var(--ease-standard);display:grid;overflow:hidden}@media (hover:hover) and (pointer:fine){.education-card:hover{border-color:var(--color-border-strong)}.education-card:hover .education-card__year{-webkit-text-stroke-color:var(--color-accent)}}.education-card__year{font-family:var(--font-display);letter-spacing:-.05em;color:#0000;-webkit-text-stroke:1px var(--color-border-strong);transition:-webkit-text-stroke-color var(--duration-slow) var(--ease-standard);font-size:clamp(3rem,2rem + 4vw,5.5rem);font-weight:600;line-height:.9}.education-card__title{font-family:var(--font-display);font-size:var(--text-h3);letter-spacing:-.02em;font-weight:600;line-height:1.2}.education-card__institution{font-family:var(--font-mono);font-size:var(--text-label);letter-spacing:.08em;color:var(--color-accent);text-transform:uppercase;font-weight:500;line-height:1.3}.education-card__summary{color:var(--color-text-muted)}.contact__intro{gap:var(--space-7);margin-top:var(--space-7);display:grid}.contact__channels{border-top:1px solid var(--color-border);display:grid}.contact__channel{align-items:center;gap:var(--space-4);padding-block:var(--space-4);border-bottom:1px solid var(--color-border);color:var(--color-text);transition:color var(--duration-fast) var(--ease-standard);font-size:1.0625rem;display:flex}.contact__channel .icon{color:var(--color-text-subtle);transition:transform var(--duration-normal) var(--ease-expressive), color var(--duration-normal) var(--ease-standard);margin-left:auto}@media (hover:hover) and (pointer:fine){.contact__channel:hover{color:var(--color-accent-strong)}.contact__channel:hover .icon{color:var(--color-accent);transform:translate(3px,-3px)}}.contact__channel:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px;border-radius:var(--radius-xs)}.contact__channel-label{font-family:var(--font-mono);font-size:var(--text-label);letter-spacing:.08em;color:var(--color-text-subtle);text-transform:uppercase;min-width:2.5rem;font-weight:500;line-height:1.3}.contact-card{background:var(--color-glass);border:1px solid var(--color-border);box-shadow:var(--shadow-inset), var(--shadow-md)}@supports ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.contact-card{-webkit-backdrop-filter:blur(20px)saturate(1.4);backdrop-filter:blur(20px)saturate(1.4)}@media (width<=47.99rem){.contact-card{-webkit-backdrop-filter:blur(10px)saturate(1.2);backdrop-filter:blur(10px)saturate(1.2)}}}.contact-card:before{content:"";border-radius:inherit;background:var(--gradient-border);pointer-events:none;-webkit-mask-composite:xor;padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.contact-card{padding:clamp(var(--space-5), 4vw, var(--space-8));border-radius:var(--radius-xl);position:relative}.site-footer{padding-top:var(--space-9);padding-bottom:max(var(--space-6), env(safe-area-inset-bottom));border-top:1px solid var(--color-border);background:linear-gradient(180deg, transparent, var(--color-bg-elevated) 60%);position:relative;overflow:clip}.site-footer__giant{margin-block:var(--space-4) var(--space-8);font-family:var(--font-display);letter-spacing:-.065em;text-align:center;white-space:nowrap;-webkit-user-select:none;user-select:none;background:linear-gradient(180deg, var(--color-text) 15%, transparent 95%);color:#0000;-webkit-text-fill-color:transparent;transform:translate3d(0, calc((1 - var(--scroll-progress,1)) * 25% * var(--parallax-strength,1)), 0);opacity:calc(.35 + var(--scroll-progress,1) * .65);-webkit-background-clip:text;background-clip:text;font-size:clamp(2.25rem,12.5vw,22rem);font-weight:600;line-height:.8;display:block}.site-footer__grid{gap:var(--space-7);padding-block:var(--space-7);border-top:1px solid var(--color-border);display:grid}@media (width>=48rem){.site-footer__grid{grid-template-columns:minmax(0,2fr) repeat(2,minmax(0,1fr))}}@media (width>=64rem){.site-footer__grid{grid-template-columns:minmax(0,5fr) repeat(2,minmax(0,2fr)) minmax(0,3fr)}}.site-footer__brand{align-content:start;gap:var(--space-5);max-width:22rem;display:grid}.site-footer__brand p{color:var(--color-text-muted)}.site-footer__heading{font-family:var(--font-mono);font-size:var(--text-label);letter-spacing:.08em;margin-bottom:var(--space-4);color:var(--color-text-subtle);text-transform:uppercase;font-weight:500;line-height:1.3}.site-footer__links{gap:var(--space-3);justify-items:start;display:grid}.site-footer__meta{gap:var(--space-3);align-content:start;display:grid}@media (width>=48rem){.site-footer__meta{grid-column:1/-1}}@media (width>=64rem){.site-footer__meta{grid-column:auto}}.site-footer__bottom{font-family:var(--font-body);font-size:var(--text-caption);letter-spacing:.01em;justify-content:space-between;align-items:center;gap:var(--space-4);padding-top:var(--space-5);border-top:1px solid var(--color-border);color:var(--color-text-subtle);flex-wrap:wrap;font-weight:400;line-height:1.45;display:flex}@keyframes reveal-up{0%{opacity:0;transform:translateY(1.75rem)}}@keyframes reveal-scale{0%{opacity:0;transform:translateY(1rem)scale(.97)}}@keyframes reveal-clip{0%{clip-path:inset(0 0 100%);transform:translateY(.6em)}to{clip-path:inset(0 0 -.2em)}}@keyframes reveal-line{0%{transform:scaleX(0)}}.reveal-ready [data-reveal]:not([data-revealed]){opacity:0}.reveal-ready [data-reveal][data-revealed]{animation:reveal-up var(--duration-slower) var(--ease-expressive) backwards;animation-delay:var(--reveal-delay,0s)}.reveal-ready [data-reveal=fade][data-revealed]{animation-name:fade-in;animation-timing-function:var(--ease-smooth)}.reveal-ready [data-reveal=scale][data-revealed]{animation-name:reveal-scale}.reveal-ready [data-reveal=clip][data-revealed]{animation-name:reveal-clip}.reveal-ready [data-reveal=line]{transform-origin:0}.reveal-ready [data-reveal=line][data-revealed]{animation-name:reveal-line;animation-duration:1.2s}@media (prefers-reduced-motion:reduce){.reveal-ready [data-reveal][data-revealed]{animation-name:fade-in;animation-duration:var(--duration-normal);animation-timing-function:linear}}
