:root,[data-theme=dark]{--bg: #000000;--bg-2: #0a0a0c;--bg-3: #101014;--ink: #ffffff;--ink-dim: rgba(255, 255, 255, .55);--ink-faint: rgba(255, 255, 255, .32);--accent: #ff2d55;--accent-ink: #ff5c7a;--accent-soft: rgba(255, 45, 85, .12);--accent-2: #4d8dff;--accent-2-ink: #7aa7ff;--accent-2-soft: rgba(77, 141, 255, .12);--line: rgba(255, 255, 255, .09);--line-strong: rgba(255, 255, 255, .22);--glass: rgba(8, 8, 10, .55);--glass-border: rgba(255, 255, 255, .08);--card: #0c0c10;--accent-contrast: #14030a;--shadow: 0 24px 80px rgba(0, 0, 0, .6);--pill-merged: #38e08b;--pill-open: #ffb02e}:root{--font-display: "Space Mono", monospace;--font-body: "Space Mono", monospace;--font-mono: "Space Mono", monospace;--font-watermark: "Anton SC", sans-serif;--step-hero: clamp(2.4rem, 8vw, 6.6rem);--step-h2: clamp(1.9rem, 5.4vw, 4.2rem);--step-h3: clamp(1.3rem, 2.6vw, 2.1rem);--step-body: clamp(.92rem, 1.05vw, 1.02rem);--step-mono: clamp(.66rem, .82vw, .78rem);--gutter: clamp(1.25rem, 5vw, 5.5rem);--ease-out: cubic-bezier(.22, 1, .36, 1);--ease-inout: cubic-bezier(.83, 0, .17, 1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:auto}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}body{background:var(--bg);color:var(--ink);font-family:var(--font-body);font-size:var(--step-body);line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:clip;transition:background-color .6s var(--ease-inout),color .6s var(--ease-inout)}::selection{background:var(--accent);color:#000}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}img,canvas{display:block;max-width:100%}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:2px}.webgl-stage{position:fixed;inset:0;z-index:0;pointer-events:none}.site{position:relative;z-index:1}.grain{position:fixed;inset:-50%;z-index:40;pointer-events:none;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");animation:grain-shift .9s steps(4) infinite}@keyframes grain-shift{0%{transform:translate(0)}25%{transform:translate(-2%,3%)}50%{transform:translate(3%,-2%)}75%{transform:translate(-3%,-3%)}to{transform:translate(2%,2%)}}.kicker{font-family:var(--font-mono);font-size:var(--step-mono);font-weight:500;letter-spacing:.22em;text-transform:uppercase;color:var(--accent-2-ink)}.display{font-family:var(--font-display);font-weight:700;letter-spacing:-.03em;line-height:.95;text-transform:uppercase}section{position:relative;padding:clamp(6rem,14vh,10rem) var(--gutter)}.section-head{display:flex;flex-direction:column;gap:1rem;margin-bottom:clamp(2.5rem,6vh,5rem)}.section-head h2{font-size:var(--step-h2)}.section-head .rule{height:1px;background:linear-gradient(90deg,var(--accent) 0%,var(--line) 40%,transparent 100%);transform-origin:left}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:1ms!important;transition-duration:1ms!important}}.scroll-progress{position:fixed;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--accent),var(--accent-2));transform:scaleX(0);transform-origin:left;z-index:32}.nav{position:fixed;inset-inline:0;top:0;z-index:30;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.1rem var(--gutter)}.nav-logo{font-family:var(--font-mono);font-weight:600;letter-spacing:.14em;display:inline-flex;align-items:center;gap:.55rem}.nav-logo-mark{width:9px;height:9px;background:var(--accent);transform:rotate(45deg)}.nav-logo-cursor{color:var(--accent-ink);animation:blink 1.1s steps(2) infinite}@keyframes blink{50%{opacity:0}}.nav-links{display:flex;gap:clamp(1.2rem,3vw,2.6rem)}.nav-link{font-family:var(--font-mono);font-size:var(--step-mono);letter-spacing:.18em;color:var(--ink-dim);transition:color .25s}.nav-link:hover{color:var(--accent-ink)}.nav-actions{display:flex;gap:.6rem}.nav-btn{font-family:var(--font-mono);font-size:var(--step-mono);letter-spacing:.12em;padding:.45rem .8rem;border:1px solid var(--line-strong);border-radius:999px;display:inline-flex;align-items:center;gap:.5rem;transition:border-color .25s,color .25s,background-color .25s}.nav-btn:hover{border-color:var(--accent);color:var(--accent-ink);background:var(--accent-soft)}.nav-theme-dot{width:7px;height:7px;border-radius:50%;background:var(--accent)}.preloader{position:fixed;inset:0;z-index:60;background:var(--bg);display:grid;place-items:center}.preloader-inner{width:min(420px,82vw);display:flex;flex-direction:column;gap:1rem}.preloader-line{min-height:1.4em}.preloader-counter{font-size:clamp(3.6rem,9vw,6rem)}.preloader-track{height:2px;background:var(--line);overflow:hidden}.preloader-bar{height:100%;background:var(--accent);transform:scaleX(0);transform-origin:left}html.has-cursor,html.has-cursor a,html.has-cursor button,html.has-cursor input{cursor:none}.cursor-dot,.cursor-ring{position:fixed;top:0;left:0;z-index:70;pointer-events:none;border-radius:50%}.cursor-dot{width:6px;height:6px;margin:-3px 0 0 -3px;background:var(--accent)}.cursor-ring{width:34px;height:34px;margin:-17px 0 0 -17px;border:1px solid var(--accent-2-ink);opacity:.6;transition:width .3s var(--ease-out),height .3s var(--ease-out),margin .3s var(--ease-out),opacity .3s}.cursor-ring-active{width:56px;height:56px;margin:-28px 0 0 -28px;opacity:1;background:var(--accent-soft)}@media(pointer:coarse){.cursor-dot,.cursor-ring{display:none}}.palette-overlay{position:fixed;inset:0;z-index:55;background:#00000073;backdrop-filter:blur(6px);display:flex;justify-content:center;align-items:flex-start;padding:16vh 1rem 0}.palette{width:min(560px,100%);background:var(--glass);border:1px solid var(--glass-border);border-radius:14px;backdrop-filter:blur(20px);box-shadow:var(--shadow);overflow:hidden}.palette-input-row{display:flex;align-items:center;gap:.8rem;padding:1rem 1.2rem;border-bottom:1px solid var(--line)}.palette-input{flex:1;background:none;border:0;outline:0;color:var(--ink);font-family:var(--font-mono);font-size:.95rem}.palette-kbd{font-family:var(--font-mono);font-size:.65rem;padding:.2rem .45rem;border:1px solid var(--line-strong);border-radius:5px;color:var(--ink-faint)}.palette-list{list-style:none;max-height:320px;overflow-y:auto;padding:.4rem}.palette-item{width:100%;display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.75rem .9rem;border-radius:8px;font-family:var(--font-mono);font-size:.85rem;text-align:left;transition:background-color .15s}.palette-item-active{background:var(--accent-soft);color:var(--accent-ink)}.palette-hint{font-size:.65rem;letter-spacing:.15em;text-transform:uppercase;color:var(--ink-faint)}.palette-empty{padding:1rem;color:var(--ink-faint);font-family:var(--font-mono);font-size:.85rem}.marquee{display:flex;overflow:hidden;user-select:none;white-space:nowrap}.marquee-strip{flex-shrink:0;display:flex;align-items:center;min-width:100%;gap:2.2rem;padding-right:2.2rem;animation:marquee-scroll var(--marquee-duration, 28s) linear infinite}.marquee-reverse .marquee-strip{animation-direction:reverse}.marquee:hover .marquee-strip{animation-play-state:paused}.marquee-item{display:inline-flex;align-items:center;gap:2.2rem}.marquee-sep{color:var(--accent-ink)}@keyframes marquee-scroll{to{transform:translate(calc(-100% - 2.2rem))}}.magnetic{display:inline-block;will-change:transform}.stat{display:flex;flex-direction:column;gap:.4rem}.stat-value{font-family:var(--font-display);font-weight:800;font-size:clamp(2.6rem,5.4vw,4.4rem);line-height:1;letter-spacing:-.02em;color:var(--ink)}.stat-label{font-family:var(--font-mono);font-size:var(--step-mono);letter-spacing:.08em;color:var(--ink-dim);max-width:24ch}.hero{min-height:100svh;display:flex;align-items:center;padding-top:6rem}.hero-inner{width:100%;visibility:hidden;opacity:0;display:grid;grid-template-columns:1.35fr .65fr;gap:clamp(2rem,5vw,4.5rem);align-items:center}.hero-kicker{margin-bottom:1.4rem}.hero-name{font-size:clamp(2.7rem,7.2vw,6.8rem)}.hero-mask{display:block;overflow:hidden;padding-bottom:.06em}.hero-line{display:block}.hero-line-accent{color:transparent;-webkit-text-stroke:2px var(--ink)}.hero-strap{margin-top:2.2rem;display:flex;align-items:center;gap:1.8rem;flex-wrap:wrap}.hero-role{font-family:var(--font-mono);font-weight:600;font-size:var(--step-mono);letter-spacing:.32em;color:var(--accent-2-ink);border:1px solid var(--accent-2-ink);padding:.6rem 1rem .6rem 1.2rem;border-radius:4px;white-space:nowrap}.hero-tagline{max-width:44ch;color:var(--ink-dim)}.hero-meta{margin-top:clamp(2.5rem,7vh,4.5rem);display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap}.hero-scroll{color:var(--ink-dim);transition:color .25s;animation:bob 2.4s ease-in-out infinite}.hero-scroll:hover{color:var(--accent-ink)}@keyframes bob{50%{transform:translateY(5px)}}.hero-actions{margin-top:2.2rem;display:flex;flex-wrap:wrap;gap:.7rem}.hero-btn{display:inline-block;font-family:var(--font-mono);font-size:var(--step-mono);letter-spacing:.14em;padding:.85rem 1.35rem;border:1px solid var(--line-strong);border-radius:999px;transition:border-color .25s,color .25s,background-color .25s,transform .25s}.hero-btn:hover{border-color:var(--accent);color:var(--accent-ink);background:var(--accent-soft);transform:translateY(-2px)}.hero-btn-primary{background:var(--accent);border-color:var(--accent);color:var(--accent-contrast);font-weight:600}.hero-btn-primary:hover{background:var(--accent);color:var(--accent-contrast);opacity:.88}.hero-avail{display:inline-flex;align-items:center;gap:.6rem;color:var(--ink-dim);border:1px dashed var(--line-strong);padding:.55rem .95rem;border-radius:999px}.hero-avail-dot{width:8px;height:8px;border-radius:50%;background:var(--pill-merged);animation:avail-pulse 2s ease-in-out infinite}@keyframes avail-pulse{50%{opacity:.35}}.hero-portrait{position:relative;justify-self:end;width:100%;max-width:380px;margin:0;border:1px solid var(--line-strong);background:var(--card);padding:.6rem .6rem 0;box-shadow:var(--shadow)}.hero-portrait:before{content:"";position:absolute;inset:-12px;border:1px solid var(--line);pointer-events:none}.hero-portrait img{width:100%;aspect-ratio:4 / 5;object-fit:cover;filter:grayscale(1) contrast(1.05);transition:filter .5s var(--ease-out)}.hero-portrait:hover img{filter:grayscale(.1) contrast(1.02)}.hero-portrait-caption{display:flex;justify-content:space-between;padding:.6rem .1rem;color:var(--ink-faint)}#oss,#archive,#experience,#skills,.offclock{background:color-mix(in srgb,var(--bg) 72%,transparent)}.specs{padding-block:0}.specs-pin{min-height:100svh;display:flex;flex-direction:column;justify-content:center;gap:clamp(2rem,6vh,3.5rem)}.specs-statement{font-family:var(--font-display);font-weight:600;font-size:clamp(1.5rem,3.4vw,3rem);line-height:1.3;letter-spacing:-.01em;max-width:32ch}.specs-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem;border-top:1px solid var(--line);padding-top:2.2rem}.modules{display:flex;flex-direction:column}.module{position:sticky;top:7vh;margin-bottom:7vh}.module-card{position:relative;background:var(--card);border:1px solid var(--line-strong);border-radius:18px;padding:clamp(1.5rem,4vw,3.4rem);min-height:78vh;display:flex;flex-direction:column;gap:1.3rem;box-shadow:var(--shadow);overflow:hidden}.module-card:after{content:"";position:absolute;right:-18%;bottom:-30%;width:65%;height:65%;background:radial-gradient(closest-side,var(--accent-soft),transparent);pointer-events:none}.module-index{position:absolute;top:.4rem;right:1.6rem;font-size:clamp(5rem,15vw,11rem);line-height:1;opacity:.06;pointer-events:none}.module-head{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap;position:relative;z-index:1}.module-tags{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}.module-tag{border:1px solid var(--accent-2-ink);padding:.4rem .75rem;border-radius:999px}.module-award{background:var(--accent);color:var(--accent-contrast);padding:.45rem .8rem;border-radius:999px;font-weight:600}.module-links{display:flex;gap:.7rem}.module-link{display:inline-block;font-family:var(--font-mono);font-size:var(--step-mono);letter-spacing:.14em;border:1px solid var(--line-strong);padding:.55rem 1rem;border-radius:999px;transition:border-color .25s,color .25s,background-color .25s}.module-link:hover{border-color:var(--accent);color:var(--accent-ink);background:var(--accent-soft)}.module-link-live{background:var(--accent);border-color:var(--accent);color:var(--bg)}.module-link-live:hover{color:var(--bg);background:var(--accent);opacity:.85}.module-name{font-size:clamp(2.2rem,6.5vw,5.4rem);position:relative;z-index:1}.module-problem{max-width:58ch;color:var(--ink-dim);position:relative;z-index:1}.module-metrics{list-style:none;display:flex;flex-wrap:wrap;gap:.7rem;position:relative;z-index:1}.module-metric{font-family:var(--font-mono);font-size:var(--step-mono);letter-spacing:.06em;border:1px solid var(--line-strong);border-left:3px solid var(--accent);padding:.6rem .9rem;background:var(--accent-soft)}.module-stack{margin-top:auto;color:var(--ink-faint);position:relative;z-index:1}.oss-stats{margin-bottom:1.6rem}.oss-marquee{font-size:clamp(2rem,5.5vw,4.2rem);font-weight:800;text-transform:uppercase;letter-spacing:-.01em;padding:1.1rem 0;border-block:1px solid var(--line);margin-bottom:3rem}.oss-marquee .marquee-item{color:transparent;-webkit-text-stroke:1.5px var(--ink-dim)}.oss-marquee .marquee-sep{color:var(--accent-ink);-webkit-text-stroke:0}.pr-ledger{list-style:none;border-top:1px solid var(--line)}.pr-row{display:grid;grid-template-columns:230px 1fr auto;grid-template-areas:"repo title pill" "repo detail pill";column-gap:1.6rem;row-gap:.3rem;align-items:baseline;padding:1.1rem .6rem;border-bottom:1px solid var(--line);transition:background-color .25s}.pr-row:hover{background:linear-gradient(90deg,var(--accent-soft),transparent 70%)}.pr-repo{grid-area:repo;font-family:var(--font-mono);font-size:var(--step-mono);color:var(--ink-dim)}.pr-title{grid-area:title;font-weight:500}.pr-pill{grid-area:pill;justify-self:end;font-family:var(--font-mono);font-size:.62rem;letter-spacing:.18em;text-transform:uppercase;padding:.28rem .65rem;border-radius:999px;border:1px solid currentColor}.pr-pill-merged{color:var(--pill-merged)}.pr-pill-open{color:var(--pill-open)}.pr-detail{grid-area:detail;color:var(--ink-dim);font-size:.9em;max-height:0;opacity:0;overflow:hidden;transition:max-height .4s var(--ease-out),opacity .35s}.pr-row:hover .pr-detail,.pr-row:focus-visible .pr-detail{max-height:5em;opacity:1}.archive-filters{display:flex;flex-wrap:wrap;gap:.6rem;margin-bottom:2rem}.archive-filter{font-family:var(--font-mono);font-size:var(--step-mono);letter-spacing:.1em;padding:.55rem 1.1rem;border:1px solid var(--line-strong);border-radius:999px;transition:border-color .25s,background-color .25s,color .25s}.archive-filter:hover{border-color:var(--accent);color:var(--accent-ink)}.archive-filter-active{background:var(--accent);border-color:var(--accent);color:var(--bg)}.archive-filter-active:hover{color:var(--bg)}.archive-grid{list-style:none;display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1px;background:var(--line);border:1px solid var(--line)}.archive-item{background:var(--bg)}.archive-hidden{display:none}.archive-link{display:flex;flex-direction:column;gap:.6rem;padding:1.4rem;height:100%;transition:background-color .25s}.archive-link:hover{background:var(--accent-soft)}.archive-name{font-family:var(--font-display);font-weight:700;text-transform:uppercase;letter-spacing:.02em;font-size:1.1rem}.archive-desc{color:var(--ink-dim);font-size:.9em;line-height:1.5}.archive-meta{margin-top:auto;display:flex;justify-content:space-between;align-items:center;color:var(--ink-faint)}.archive-arrow{transition:transform .25s var(--ease-out)}.archive-link:hover .archive-arrow{transform:translate(3px,-3px);color:var(--accent-ink)}.archive-more{display:inline-block;margin-top:2rem;color:var(--ink-dim);transition:color .25s}.archive-more:hover{color:var(--accent-ink)}.xp-wrap{position:relative;padding-left:clamp(2rem,5vw,3.2rem)}.xp-line{position:absolute;left:0;top:0;bottom:0;width:2px;background:linear-gradient(var(--accent),var(--line))}.xp-row{position:relative;padding:1.8rem 0 2.4rem}.xp-node{position:absolute;left:calc(-1*clamp(2rem,5vw,3.2rem) - 5px);top:2.5rem;width:12px;height:12px;border-radius:50%;background:var(--bg);border:2px solid var(--accent)}.xp-head{display:flex;align-items:baseline;gap:1.2rem;flex-wrap:wrap}.xp-role{font-family:var(--font-display);font-weight:700;text-transform:uppercase;font-size:clamp(1.2rem,2.4vw,1.7rem);letter-spacing:.01em}.xp-org{color:var(--ink-dim)}.xp-period{margin-left:auto;color:var(--ink-faint)}.xp-points{margin:.9rem 0 0 1.1rem;color:var(--ink-dim);max-width:78ch}.xp-points li{margin:.4rem 0}.xp-points li::marker{color:var(--accent-ink)}.xp-stack{margin-top:.9rem;color:var(--ink-faint)}.skill-rows{display:flex;flex-direction:column;border-top:1px solid var(--line)}.skill-row{display:grid;grid-template-columns:200px 1fr;align-items:center;gap:1rem;border-bottom:1px solid var(--line)}.skill-label{color:var(--ink-faint)}.skill-marquee{font-family:var(--font-display);font-weight:700;text-transform:uppercase;font-size:clamp(1.4rem,3vw,2.4rem);padding:1.1rem 0}.offclock{max-width:760px}.offclock-note{color:var(--ink-faint);margin:.7rem 0 1.8rem}.offclock-list{list-style:none}.offclock-item{font-family:var(--font-mono);font-size:calc(var(--step-mono) + .08rem);letter-spacing:.05em;color:var(--ink-dim);padding:.7rem 0;border-bottom:1px dashed var(--line)}.contact{min-height:92svh;display:flex;flex-direction:column;justify-content:center}.contact-cta-wrap{margin:1rem 0}.contact-cta{font-size:clamp(2.8rem,9.5vw,7.5rem);display:inline-flex;align-items:center;gap:clamp(1rem,3vw,2.2rem);position:relative;transition:color .3s}.contact-cta:after{content:"";position:absolute;left:0;bottom:-.08em;width:100%;height:.045em;background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform .5s var(--ease-inout)}.contact-cta:hover:after{transform:scaleX(1)}.contact-cta:hover{color:var(--accent-ink)}.contact-arrow{transition:transform .4s var(--ease-out)}.contact-cta:hover .contact-arrow{transform:translate(.25em) rotate(-45deg)}.contact-sub{color:var(--ink-dim);max-width:52ch}.footer{margin-top:clamp(4rem,12vh,7rem)}.footer-links{display:flex;flex-wrap:wrap;gap:clamp(1.2rem,3vw,2.4rem);border-top:1px solid var(--line);padding-top:1.8rem}.footer-link{font-family:var(--font-mono);font-size:var(--step-mono);letter-spacing:.16em;color:var(--ink-dim);transition:color .25s}.footer-link:hover{color:var(--accent-ink)}.footer-meta{margin-top:1.8rem;display:flex;flex-wrap:wrap;gap:1rem 1.8rem;justify-content:space-between;color:var(--ink-faint)}.footer-top{color:var(--ink-faint);letter-spacing:inherit;font:inherit;transition:color .25s}.footer-top:hover{color:var(--accent-ink)}@media(max-width:900px){.nav-links{display:none}.hero-inner{grid-template-columns:1fr}.hero-portrait{justify-self:start;max-width:280px}.specs-stats{grid-template-columns:repeat(2,1fr)}.module-card{min-height:auto}.module{position:static}.pr-row{grid-template-columns:1fr auto;grid-template-areas:"repo pill" "title title" "detail detail"}.pr-detail{max-height:none;opacity:1}.skill-row{grid-template-columns:1fr;gap:0}.skill-label{padding-top:1rem}.xp-period{margin-left:0;width:100%}}@media(max-width:560px){.specs-stats{gap:1.4rem}.hero-strap{align-items:flex-start;flex-direction:column;gap:1.2rem}.footer-meta{flex-direction:column;gap:.6rem}}.hero{overflow:hidden}.hero-watermark{position:absolute;top:50%;left:50%;transform:translate(-50%,-46%);font-family:var(--font-watermark);font-weight:400;font-size:clamp(90px,19vw,420px);letter-spacing:-.02em;text-transform:uppercase;line-height:1;white-space:nowrap;color:transparent;background:radial-gradient(circle,#ff2d5500,#ff5c7ae6 70%);-webkit-background-clip:text;background-clip:text;opacity:.08;pointer-events:none;user-select:none;z-index:0}.hero-inner{position:relative;z-index:1}