:root{--font-display:"Instrument Sans", "Segoe UI", system-ui, sans-serif;--font-body:"Instrument Sans", "Segoe UI", system-ui, sans-serif;--font-serif:"Instrument Serif", Georgia, "Times New Roman", serif;--font-hand:"Reenie Beanie", "Comic Sans MS", cursive;--font-mono:"IBM Plex Mono", ui-monospace, "Cascadia Code", Consolas, monospace;--color-bg:#e8e5df;--color-surface:#f3f1eb;--color-surface-2:#dcd8cf;--color-text:#171715;--color-muted:#57534b;--color-faint:#6f695f;--color-border:#17171524;--color-border-strong:#1717154d;--color-accent:#ff7a30;--color-accent-ink:#a8430a;--color-accent-soft:#ff7a3029;--color-on-accent:#1a120c;--container:min(1140px, 90%);--col-gap:clamp(20px, 4vw, 48px);--display-1:clamp(3.1rem, 9vw, 8.4rem);--display-2:clamp(2.35rem, 5.4vw, 4.6rem);--display-3:clamp(1.75rem, 3.5vw, 2.8rem);--s-2xs:4px;--s-xs:8px;--s-sm:12px;--s-md:16px;--s-lg:24px;--s-xl:32px;--s-2xl:48px;--s-3xl:72px;--s-4xl:108px;--s-5xl:160px;--radius-sm:10px;--radius:16px;--radius-lg:24px;--radius-pill:999px;--nav-h:60px;--nav-top:18px}[data-theme=dark]{--color-bg:#131312;--color-surface:#1c1c1a;--color-surface-2:#272724;--color-text:#f2efe8;--color-muted:#ada79d;--color-faint:#7d786f;--color-border:#ffffff21;--color-border-strong:#ffffff47;--color-accent:#ff8a3d;--color-accent-ink:#ffab74;--color-accent-soft:#ff8a3d29;--color-on-accent:#17130e}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:calc(var(--nav-h) + var(--nav-top) + 26px)}body{font-family:var(--font-body);background:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;line-height:1.65;transition:background .3s,color .3s}::selection{background:var(--color-accent);color:var(--color-on-accent)}a{color:inherit;text-decoration:none}ul{list-style:none}p{text-wrap:pretty}h1,h2,h3,h4{font-family:var(--font-display);letter-spacing:-.045em;text-wrap:balance;font-weight:560;line-height:.96}strong{color:var(--color-text);font-weight:600}.accent{color:var(--color-accent-ink)}.muted{color:var(--color-muted)}.hand{font-family:var(--font-hand);letter-spacing:0;color:var(--color-accent-ink);font-weight:400}.overline{font:500 .66rem/1.4 var(--font-mono);letter-spacing:.2em;text-transform:uppercase;color:var(--color-muted)}.container{width:var(--container);margin-inline:auto}.grid{gap:var(--s-2xl) var(--col-gap);grid-template-columns:repeat(12,1fr);display:grid}.col-4{grid-column:span 4}.col-5{grid-column:span 5}.col-6{grid-column:span 6}.col-7{grid-column:span 7}.col-8{grid-column:span 8}.col-12{grid-column:span 12}.btn{border-radius:var(--radius-pill);font:600 .7rem/1 var(--font-display);letter-spacing:.1em;text-transform:uppercase;cursor:pointer;border:1.5px solid #0000;justify-content:center;align-items:center;gap:9px;padding:13px 21px;transition:background .18s,border-color .18s,color .18s,transform .18s;display:inline-flex}.btn-sm{padding:9px 15px;font-size:.62rem}.btn-primary{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-on-accent)}.btn-primary:hover{background:var(--color-accent-ink);border-color:var(--color-accent-ink);color:var(--color-bg);transform:translateY(-2px)}.btn-ghost{border-color:var(--color-border-strong);color:var(--color-text);background:0 0}.btn-ghost:hover{border-color:var(--color-accent);color:var(--color-accent-ink);transform:translateY(-2px)}.link{color:var(--color-muted);font:600 .64rem/1 var(--font-mono);letter-spacing:.12em;text-transform:uppercase;text-underline-offset:5px;align-items:center;gap:8px;-webkit-text-decoration:underline #0000;text-decoration:underline #0000;text-decoration-thickness:1.5px;transition:color .18s,text-decoration-color .18s;display:inline-flex}.link:hover{color:var(--color-accent-ink);-webkit-text-decoration-color:var(--color-accent);text-decoration-color:var(--color-accent)}.icon-btn{border:1px solid var(--color-border);width:38px;height:38px;color:var(--color-muted);cursor:pointer;background:0 0;border-radius:50%;place-items:center;transition:color .18s,background .18s,border-color .18s;display:inline-grid}.icon-btn:hover{color:var(--color-text);background:var(--color-surface-2);border-color:var(--color-border-strong)}.nav{top:var(--nav-top);z-index:100;width:min(1140px,100% - 32px);margin-inline:auto;position:fixed;left:0;right:0}.nav-inner{height:var(--nav-h);align-items:center;gap:var(--s-md);background:color-mix(in srgb, var(--color-surface) 88%, transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid var(--color-border);border-radius:var(--radius-pill);padding:0 11px 0 22px;display:flex;box-shadow:0 12px 34px #14120e14}.nav-logo{font:600 1.05rem/1 var(--font-display);letter-spacing:-.035em;color:var(--color-text);white-space:nowrap}.nav-logo .accent{color:var(--color-accent)}.nav-links{align-items:center;gap:2px;margin-left:auto;display:flex}.nav-link{border-radius:var(--radius-pill);color:var(--color-muted);font:500 .62rem/1 var(--font-mono);letter-spacing:.12em;text-transform:uppercase;padding:9px 12px;transition:color .18s,background .18s}.nav-link:hover{color:var(--color-text);background:var(--color-surface-2)}.nav-actions{align-items:center;gap:6px;display:flex}.nav-status{border:1px solid var(--color-border);border-radius:var(--radius-pill);color:var(--color-muted);font:500 .58rem/1 var(--font-mono);letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;align-items:center;gap:7px;padding:7px 12px;display:inline-flex}.nav-cta{margin-left:4px}.nav-toggle{cursor:pointer;background:0 0;border:none;padding:6px;display:none;position:relative}.burger,.burger:before,.burger:after{background:var(--color-text);border-radius:2px;width:20px;height:2px;transition:transform .25s;display:block}.burger:before,.burger:after{content:"";position:absolute;left:0}.burger:before{transform:translateY(-6px)}.burger:after{transform:translateY(6px)}.burger.open{background:0 0}.burger.open:before{transform:rotate(45deg)translate(-10px)}.burger.open:after{transform:rotate(-45deg)translate(-10px)}.status{align-items:center;gap:9px;display:inline-flex}.status-dot{background:var(--color-accent);width:7px;height:7px;box-shadow:0 0 0 4px var(--color-accent-soft);border-radius:50%;flex-shrink:0;animation:2.6s ease-in-out infinite pulse;display:inline-block}@keyframes pulse{0%,to{box-shadow:0 0 0 3px var(--color-accent-soft)}50%{box-shadow:0 0 0 7px #0000}}.nav-status .status-dot,.hero-top .status-dot{width:6px;height:6px}.hero{padding-top:calc(var(--nav-h) + var(--nav-top) + clamp(54px, 9vw, 110px))}.hero-top{justify-content:space-between;align-items:center;gap:var(--s-lg);padding-bottom:var(--s-lg);border-bottom:1px solid var(--color-border);flex-wrap:wrap;display:flex}.hero-top .overline{align-items:center;gap:10px;display:inline-flex}.hero-statement{font-size:var(--display-1);letter-spacing:-.055em;max-width:13ch;margin-top:clamp(34px,6vw,62px);font-weight:560;line-height:.88}.hs-line{display:block}.hero-statement em{font-family:var(--font-serif);letter-spacing:-.03em;color:var(--color-accent-ink);font-style:italic;font-weight:400}.hero-statement .hand{font-size:.98em;line-height:.6;display:inline-block;transform:rotate(-4deg)translateY(.04em)}.hero-body{grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);align-items:start;gap:clamp(28px,5vw,64px);margin-top:clamp(38px,6vw,70px);display:grid}.hero-summary{max-width:54ch;color:var(--color-muted);font-size:clamp(1.02rem,1.4vw,1.18rem);line-height:1.7}.hl{color:var(--color-text);background:var(--color-accent-soft);-webkit-box-decoration-break:clone;box-decoration-break:clone;padding-inline:3px;font-weight:600}.hero-actions{gap:var(--s-sm);margin-top:var(--s-xl);flex-wrap:wrap;display:flex}.hero-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--s-lg)}.hero-card-head{justify-content:space-between;align-items:baseline;gap:var(--s-sm);padding-bottom:var(--s-sm);border-bottom:1px solid var(--color-border);display:flex}.hero-card-head .overline{color:var(--color-text)}.hero-card-mark{font:400 1.4rem/1 var(--font-serif);color:var(--color-accent-ink);font-style:italic}.hero-facts{margin-top:var(--s-xs);display:grid}.hero-fact{gap:var(--s-sm);border-bottom:1px solid var(--color-border);grid-template-columns:78px 1fr;padding-block:11px;font-size:.9rem;line-height:1.45;display:grid}.hero-fact:last-child{border-bottom:none;padding-bottom:0}.hero-fact-label{color:var(--color-faint);font:500 .58rem/1.4 var(--font-mono);letter-spacing:.14em;text-transform:uppercase;padding-top:2px}.hero-socials{padding-block:var(--s-lg);border-top:1px solid var(--color-border);gap:var(--s-xs);flex-wrap:wrap;margin-top:clamp(38px,5vw,58px);display:flex}.social-link{border:1px solid var(--color-border);border-radius:var(--radius-pill);color:var(--color-muted);font:500 .62rem/1 var(--font-mono);letter-spacing:.12em;text-transform:uppercase;align-items:center;gap:8px;padding:9px 14px;transition:color .18s,border-color .18s,background .18s;display:inline-flex}.social-link:hover{color:var(--color-on-accent);background:var(--color-accent);border-color:var(--color-accent)}.marquee{background:var(--color-surface);border-block:1px solid var(--color-border);margin-top:clamp(38px,5vw,58px);padding-block:13px;overflow:hidden}.marquee-track{width:max-content;animation:34s linear infinite marquee;display:flex}.marquee-item{color:var(--color-muted);font:500 .66rem/1 var(--font-mono);letter-spacing:.16em;text-transform:uppercase;white-space:nowrap;align-items:center;gap:16px;padding-inline:16px;display:inline-flex}.marquee-item:after{content:"✦";color:var(--color-accent);font-size:.8em}.marquee:hover .marquee-track{animation-play-state:paused}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}section{scroll-margin-top:calc(var(--nav-h) + var(--nav-top) + 18px)}.section{padding-block:clamp(72px,10vw,130px)}.section-head{align-items:baseline;gap:var(--s-md);padding-bottom:var(--s-md);border-bottom:1px solid var(--color-border);flex-wrap:wrap;margin-bottom:clamp(36px,5vw,62px);display:flex}.section-title{font-size:var(--display-3);font-weight:560}.section-note{color:var(--color-muted);font:400 .68rem/1.6 var(--font-mono);letter-spacing:.02em;max-width:46ch}.section-note+.section-head-right,.section-head-right{margin-left:auto}.lede{font-size:var(--display-2);letter-spacing:-.05em;max-width:19ch;margin-bottom:clamp(32px,5vw,54px);font-weight:520;line-height:1}.lede em,.lede .hand{font-family:var(--font-serif);color:var(--color-accent-ink);letter-spacing:-.03em;font-style:italic;font-weight:400}.about-layout{grid-template-columns:minmax(0,1.3fr) minmax(280px,.7fr);align-items:start;gap:clamp(32px,6vw,80px);display:grid}.about-story{color:var(--color-muted);font-size:1.03rem;line-height:1.8}.about-story p+p{margin-top:var(--s-md)}.facts{padding:4px var(--s-lg);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);display:grid}.facts-item{gap:var(--s-md);border-bottom:1px solid var(--color-border);grid-template-columns:76px 1fr;align-items:baseline;padding-block:15px;font-size:.9rem;line-height:1.45;display:grid}.facts-item:last-child{border-bottom:none}.facts-label{color:var(--color-faint);font:500 .58rem/1.4 var(--font-mono);letter-spacing:.14em;text-transform:uppercase}.facts-item a{transition:color .18s}.facts-item a:hover{color:var(--color-accent-ink);text-underline-offset:3px;text-decoration:underline}.stats{gap:var(--s-sm);grid-template-columns:repeat(4,1fr);margin-top:clamp(44px,7vw,78px);display:grid}.stat{padding:var(--s-lg);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius)}.stat:first-child{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-on-accent)}.stat-value{font:560 clamp(2rem, 3.4vw, 3rem) / 1 var(--font-display);letter-spacing:-.045em}.stat-value sup{font-family:var(--font-mono);vertical-align:.45em;font-size:.5em;font-weight:500}.stat-label{margin-top:var(--s-sm);color:var(--color-muted);font:500 .6rem/1.5 var(--font-mono);letter-spacing:.1em;text-transform:uppercase}.stat:first-child .stat-label{color:color-mix(in srgb, var(--color-on-accent) 74%, transparent)}.highlights{border-top:1px solid var(--color-border);margin-top:clamp(40px,6vw,64px);display:grid}.h-row{padding-block:var(--s-lg);border-bottom:1px solid var(--color-border);grid-template-columns:minmax(160px,240px) 1fr;align-items:baseline;gap:clamp(20px,4vw,48px);display:grid}.h-row-title{letter-spacing:-.02em;font-size:1.12rem;font-weight:560}.h-row-detail{max-width:60ch;color:var(--color-muted);font-size:.94rem}.roadmap{display:grid}.road-item{border-bottom:1px solid var(--color-border);grid-template-columns:180px 1fr;align-items:start;gap:clamp(24px,5vw,64px);padding-block:clamp(28px,4vw,46px);display:grid}.road-item:first-child{padding-top:0}.road-side{gap:var(--s-sm);flex-direction:column;display:flex}.road-step{font:italic 400 clamp(2.8rem, 5vw, 4.4rem) / .9 var(--font-serif);letter-spacing:-.02em;color:var(--color-accent-ink)}.road-period{color:var(--color-muted);font:500 .64rem/1.4 var(--font-mono);letter-spacing:.1em;text-transform:uppercase}.road-label{margin-bottom:var(--s-sm);display:block}.road-title{font-size:var(--display-3);font-weight:560}.road-text{max-width:58ch;margin-top:var(--s-sm);color:var(--color-muted);font-size:.96rem}.road-list{gap:var(--s-xs);margin-top:var(--s-lg);display:grid}.road-list li{color:var(--color-muted);padding-left:24px;font-size:.92rem;position:relative}.road-list li:before{content:"→";color:var(--color-accent-ink);font-family:var(--font-mono);font-weight:600;position:absolute;left:0}.featured{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:clamp(24px,4vw,44px)}.featured-kicker{align-items:center;gap:var(--s-xs);margin-bottom:var(--s-lg);flex-wrap:wrap;display:flex}.badge{border:1px solid var(--color-border);border-radius:var(--radius-pill);color:var(--color-muted);font:500 .58rem/1 var(--font-mono);letter-spacing:.14em;text-transform:uppercase;align-items:center;padding:6px 11px;display:inline-flex}.badge-accent{background:var(--color-accent);color:var(--color-on-accent);border-color:#0000;gap:7px}.badge-accent:before{content:"";background:currentColor;border-radius:50%;width:6px;height:6px}.featured-name{letter-spacing:-.06em;font-size:clamp(3.4rem,10vw,8rem);font-weight:560;line-height:.88}.featured-name a{transition:color .18s}.featured-name a:hover{color:var(--color-accent-ink)}.featured-folio{margin-top:var(--s-sm);color:var(--color-faint);font:500 .62rem/1 var(--font-mono);letter-spacing:.16em;text-transform:uppercase}.featured-grid{grid-template-columns:1.15fr .85fr;align-items:start;gap:clamp(30px,5vw,64px);margin-top:clamp(30px,5vw,52px);display:grid}.featured-bullets{gap:var(--s-sm);display:grid}.featured-bullets li{color:var(--color-muted);padding-left:24px;font-size:.94rem;line-height:1.6;position:relative}.featured-bullets li:before{content:"→";color:var(--color-accent-ink);font-family:var(--font-mono);font-weight:600;position:absolute;left:0}.featured-tech{margin-top:var(--s-lg);color:var(--color-text);font:500 .64rem/1.7 var(--font-mono);letter-spacing:.06em;text-transform:uppercase}.featured-actions{gap:var(--s-xs);margin-top:var(--s-lg);flex-wrap:wrap;display:flex}.featured-stats{gap:var(--s-xs);grid-template-columns:1fr 1fr;display:grid}.spec-item{padding:var(--s-md);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius)}.spec-value{font:560 clamp(1.35rem, 2.6vw, 1.9rem) / 1 var(--font-display);letter-spacing:-.035em}.spec-label{color:var(--color-muted);font:500 .56rem/1.35 var(--font-mono);letter-spacing:.12em;text-transform:uppercase;margin-top:6px}.project-rows{gap:var(--s-sm);margin-top:var(--s-sm);display:grid}.project-row{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:clamp(16px,3vw,32px);padding:clamp(20px,3vw,28px);transition:transform .2s,border-color .2s;display:grid}.project-row:hover{border-color:var(--color-border-strong);transform:translateY(-3px)}.pr-idx{color:var(--color-faint);font:500 .7rem/1 var(--font-mono)}.pr-name{letter-spacing:-.03em;font-size:clamp(1.35rem,3vw,2rem);font-weight:560}.pr-name a{transition:color .18s}.pr-name a:hover{color:var(--color-accent-ink)}.pr-stack{color:var(--color-faint);font:500 .6rem/1.5 var(--font-mono);letter-spacing:.06em;text-transform:uppercase;margin-top:6px}.pr-links{gap:var(--s-xs);justify-self:end;display:flex}.pr-link{border:1px solid var(--color-border);width:44px;height:44px;color:var(--color-muted);border-radius:50%;place-items:center;transition:color .18s,background .18s,border-color .18s,transform .18s;display:grid}.pr-link:hover{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-on-accent);transform:rotate(-6deg)}.skills-grid{gap:var(--s-sm);grid-template-columns:repeat(auto-fit,minmax(250px,1fr));display:grid}.skill-card{padding:var(--s-lg);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);flex-direction:column;display:flex}.skill-cat-head{justify-content:space-between;align-items:baseline;gap:var(--s-sm);margin-bottom:var(--s-md);padding-bottom:var(--s-sm);border-bottom:1px solid var(--color-border);display:flex}.skill-cat{letter-spacing:-.02em;font-size:1.1rem;font-weight:560}.skill-count{color:var(--color-faint);font:500 .58rem/1 var(--font-mono);letter-spacing:.12em}.skill-tags{flex-wrap:wrap;gap:6px;display:flex}.skill-tag{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-pill);color:var(--color-text);font:400 .66rem/1.2 var(--font-mono);padding:6px 10px;transition:color .18s,background .18s,border-color .18s}.skill-tag:hover{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-on-accent)}.contact-lede{font-size:var(--display-1);letter-spacing:-.055em;max-width:15ch;font-weight:560;line-height:.9}.contact-lede em{font-family:var(--font-serif);letter-spacing:-.03em;color:var(--color-accent-ink);font-style:italic;font-weight:400}.contact-note{max-width:46ch;color:var(--color-muted);margin-top:clamp(28px,4vw,44px);font-size:1.02rem;line-height:1.7}.contact-cta{margin-top:var(--s-lg)}.contact-tiles{gap:var(--s-xs);grid-template-columns:repeat(2,1fr);margin-top:clamp(36px,5vw,56px);display:grid}.contact-tile{gap:var(--s-xs);padding:var(--s-lg);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);flex-direction:column;transition:border-color .18s,transform .18s;display:flex}.contact-tile:hover{border-color:var(--color-accent);transform:translateY(-2px)}.tile-label{color:var(--color-faint);font:500 .58rem/1.4 var(--font-mono);letter-spacing:.14em;text-transform:uppercase}.tile-value{font:500 1rem/1.35 var(--font-display);letter-spacing:-.01em;word-break:break-word}.footer{padding-block:var(--s-xl);border-top:1px solid var(--color-border)}.footer-inner{align-items:center;gap:var(--s-md);flex-wrap:wrap;display:flex}.footer-note{color:var(--color-muted);font-size:.86rem}.footer-note .accent{font-family:var(--font-serif);font-size:1.1em;font-style:italic}.footer-copy{color:var(--color-faint);font:500 .6rem/1 var(--font-mono);letter-spacing:.1em;text-transform:uppercase;margin-left:auto}.footer-top{color:var(--color-muted);font:500 .6rem/1 var(--font-mono);letter-spacing:.12em;text-transform:uppercase;transition:color .18s}.footer-top:hover{color:var(--color-accent-ink)}[data-reveal]{opacity:0;filter:blur(3px);transition:opacity .6s,transform .6s,filter .6s;transform:translateY(18px)}[data-reveal].revealed{opacity:1;filter:none;transform:none}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}[data-reveal]{opacity:1;filter:none;transition:none;transform:none}.status-dot,.marquee-track{animation:none}}@media (width<=1080px){.nav-status{display:none}}@media (width<=960px){.hero-body,.about-layout{gap:var(--s-2xl);grid-template-columns:1fr}.hero-statement{max-width:12ch}.road-item{gap:var(--s-xl);grid-template-columns:110px 1fr}.h-row{gap:var(--s-xl);grid-template-columns:140px 1fr}.featured-grid{gap:var(--s-2xl);grid-template-columns:1fr}}@media (width<=768px){:root{--nav-top:12px}.nav{width:calc(100% - 24px)}.nav-inner{padding:0 9px 0 18px}.nav-links{padding:var(--s-sm);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);opacity:0;pointer-events:none;flex-direction:column;align-items:stretch;gap:2px;margin-left:0;transition:opacity .22s,transform .22s;position:absolute;top:calc(100% + 8px);left:0;right:0;transform:translateY(-8px);box-shadow:0 18px 40px #14120e1f}.nav-links.open{opacity:1;pointer-events:auto;transform:none}.nav-link{padding:12px 14px}.nav-cta{margin:var(--s-xs) 0 0}.nav-cta .btn{width:100%}.nav-toggle{display:block;position:relative}.section{padding-block:var(--s-3xl)}.stats{grid-template-columns:1fr 1fr}.h-row,.road-item{gap:var(--s-sm);grid-template-columns:1fr}.road-side{align-items:baseline;gap:var(--s-md);flex-direction:row}.contact-tiles,.skills-grid{grid-template-columns:1fr}}@media (width<=560px){.hero{padding-top:calc(var(--nav-h) + var(--nav-top) + 48px)}.hero-top{align-items:flex-start;gap:var(--s-sm);flex-direction:column}.stats,.featured-stats{grid-template-columns:1fr}.project-row{gap:var(--s-sm);grid-template-columns:34px minmax(0,1fr) auto}.pr-link{width:40px;height:40px}.footer-copy{margin-left:0}}