:root{--bg:#000;--fg:#e9e9e7;--muted-a8:#a8a8a0;--muted-b4:#b4b4ac;--muted-a0:#a0a099;--muted-8f:#8f8f88;--muted-7d:#7d7d76;--muted-9a:#9a9a92;--muted-5a:#5a5a54;--muted-3d:#3d3e40;--muted-2b:#2b2c2e;--muted-c6:#c6c6be;--border-1:#17181a;--border-2:#101112;--border-3:#1d1e20;--border-4:#232426;--card-bg:#07080a;--card-bg-2:#050607;--hover-bg:#080909;--accent:oklch(82% .1 196);--accent-bright:oklch(88% .09 196);--accent-dim:oklch(45% .06 196);--accent-border:oklch(35% .05 196);--warn:#c98b6b;--font-mono:"IBM Plex Mono", ui-monospace, monospace;--font-display:"Space Grotesk", sans-serif;--font-sans:"IBM Plex Sans", sans-serif;--max:1140px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html{background:var(--bg);scroll-behavior:smooth;scrollbar-gutter:stable}body{background:var(--bg);color:var(--fg);-webkit-font-smoothing:antialiased;font-family:var(--font-mono);margin:0}h1,h2,h3,p,ul,ol,figure{margin:0}ul,ol{padding:0;list-style:none}a{color:var(--fg);text-decoration:none}code{font-family:var(--font-mono)}img{max-width:100%;display:block}button{font-family:inherit}::selection{background:var(--accent);color:#000}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}@keyframes blink{0%,49%{opacity:1}50%,to{opacity:0}}@keyframes pulseGlow{0%,to{opacity:1;box-shadow:0 0 8px oklch(82% .1 196/.55)}50%{opacity:.75;box-shadow:0 0 16px oklch(82% .1 196/.9)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.page{background:#000;min-height:100%}.page.has-grid-bg{background-image:linear-gradient(#ffffff07 1px,#0000 1px);background-size:100% 96px}.frame{max-width:var(--max);border-left:1px solid var(--border-2);border-right:1px solid var(--border-2);margin:0 auto;padding:0 clamp(20px,4vw,40px)}.scroll-progress{background:var(--accent);z-index:50;transform-origin:0;height:2px;transition:width .1s linear;position:fixed;top:0;left:0;box-shadow:0 0 8px oklch(82% .1 196/.6)}.route-enter{animation:.35s both fadeIn}.site-header{z-index:30;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--border-1);background:#000000c7;position:sticky;top:0}.header-inner{max-width:var(--max);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin:0 auto;padding:15px clamp(20px,4vw,40px);display:flex}.logo{font-family:var(--font-display);letter-spacing:-.01em;align-items:baseline;gap:2px;font-size:15px;font-weight:600;transition:opacity .15s;display:flex}.logo:hover{opacity:.85}.logo .cursor{color:var(--accent);animation:1.4s step-end infinite blink}.site-nav{letter-spacing:.16em;text-transform:uppercase;color:var(--muted-9a);align-items:center;gap:clamp(14px,2.4vw,28px);font-size:10.5px;font-weight:500;display:flex}.nav-link{color:var(--muted-9a);border-bottom:1px solid #0000;padding-bottom:2px;transition:color .15s,border-color .15s}.nav-link:hover{color:var(--fg)}.nav-link.active{color:var(--fg);border-bottom-color:var(--accent)}.btn-resume{color:var(--accent);border:1px solid var(--border-4);border-radius:2px;align-items:center;gap:7px;padding:7px 11px;transition:background .15s,border-color .15s;display:flex}.btn-resume:hover{border-color:var(--accent-dim);background:#0c0e0f}.btn-resume .arrow{font-size:12px}.eyebrow{letter-spacing:.2em;text-transform:uppercase;color:var(--muted-5a);align-items:center;gap:12px;font-size:10.5px;display:flex}.eyebrow .dot{background:var(--accent);border-radius:50%;width:6px;height:6px;animation:2.6s ease-in-out infinite pulseGlow}.eyebrow .sep{color:var(--muted-2b)}.hero-title{font-family:var(--font-display);letter-spacing:-.035em;text-wrap:balance;font-size:clamp(40px,7.4vw,84px);font-weight:600;line-height:.96}.hero-lede{max-width:60ch;color:var(--muted-a8);text-wrap:pretty;font-size:clamp(13.5px,1.35vw,15.5px);line-height:1.72}.hl{color:var(--fg)}.tag-row{letter-spacing:.1em;text-transform:uppercase;color:var(--muted-8f);flex-wrap:wrap;gap:10px;font-size:10.5px;display:flex}.tag{border:1px solid var(--border-3);border-radius:2px;padding:7px 10px;transition:border-color .15s,color .15s}.tag:hover{border-color:var(--accent-dim);color:var(--fg)}.status-line{color:var(--muted-7d);border-top:1px solid var(--border-1);border-bottom:1px solid var(--border-1);align-items:center;gap:10px;padding:14px 0;font-size:11px;display:flex}.status-line .dot{color:var(--accent);animation:2.6s ease-in-out infinite pulseGlow}.section{border-top:1px solid var(--border-1);padding:clamp(36px,5vw,64px) 0}.section-hero{gap:clamp(28px,4vw,56px);padding:clamp(56px,9vw,116px) 0 clamp(40px,6vw,72px);display:grid}.section-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:14px;margin-bottom:clamp(24px,3vw,40px);display:flex}.section-head-left{flex-wrap:wrap;align-items:baseline;gap:14px;display:flex}.section-num{color:var(--accent);letter-spacing:.14em;font-size:10.5px}.section-title{letter-spacing:.2em;text-transform:uppercase;color:var(--muted-9a);margin:0;font-size:11px;font-weight:500}.section-link{letter-spacing:.14em;text-transform:uppercase;color:var(--muted-7d);white-space:nowrap;font-size:10.5px;transition:color .15s}.section-link:hover{color:var(--accent)}.cards-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:1px;display:grid}.cell{box-shadow:0 0 0 1px var(--border-1);background:#000;padding:clamp(18px,2.4vw,26px);transition:background .2s,box-shadow .2s,transform .2s}.cell-title{font-family:var(--font-display);letter-spacing:-.01em;margin-bottom:10px;font-size:16px;font-weight:500}.cell-text{color:var(--muted-8f);font-size:12.5px;line-height:1.68}.stat-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,150px),1fr));gap:1px;display:grid}.stat{background:var(--card-bg);box-shadow:0 0 0 1px var(--border-1);padding:14px 16px;transition:box-shadow .2s}.stat:hover{box-shadow:0 0 0 1px var(--accent-dim)}.stat-value{font-family:var(--font-display);color:var(--accent);font-size:20px;font-weight:600}.stat-label{letter-spacing:.14em;text-transform:uppercase;color:var(--muted-7d);margin-top:4px;font-size:9.5px}.list-grid{background:var(--border-1);gap:1px;display:grid}.list-grid.tight{background:var(--border-2)}.list-row{background:#000;gap:8px;padding:clamp(18px,2.4vw,24px) 0;transition:background .18s;display:grid}.list-row:hover{background:var(--hover-bg)}.list-row-top{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:16px;display:flex}.list-row-title{font-family:var(--font-display);letter-spacing:-.015em;font-size:clamp(17px,2vw,21px);font-weight:500}.list-row-meta{color:var(--muted-5a);letter-spacing:.1em;white-space:nowrap;font-size:10.5px}.list-row-desc{color:var(--muted-8f);max-width:70ch;font-size:12.5px;line-height:1.6}.list-row-sm{background:#000;gap:7px;padding:clamp(16px,2vw,20px) 0;transition:background .18s;display:grid}.list-row-sm:hover{background:var(--hover-bg)}.list-row-sm-title{font-family:var(--font-display);letter-spacing:-.015em;font-size:16.5px;font-weight:500}.list-row-sm-desc{color:var(--muted-8f);max-width:72ch;font-size:12.5px;line-height:1.6}.project-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:1px;display:grid}.project-card{box-shadow:0 0 0 1px var(--border-1);background:#000;align-content:start;gap:12px;padding:clamp(20px,2.6vw,28px);transition:background .18s,transform .18s;display:grid}.project-card:hover{background:var(--hover-bg);transform:translateY(-2px)}.project-card-top{justify-content:space-between;align-items:center;gap:10px;display:flex}.project-card-name{font-family:var(--font-display);letter-spacing:-.02em;font-size:18px;font-weight:600}.project-card-desc{color:var(--muted-8f);font-size:12.5px;line-height:1.68}.project-card-stack{color:var(--muted-5a);letter-spacing:.08em;font-size:10.5px}.badge{letter-spacing:.14em;color:var(--accent);border:1px solid var(--accent-border);white-space:nowrap;border-radius:2px;padding:4px 7px;font-size:9.5px}.badge.dim{color:var(--muted-7d);border-color:var(--border-4)}.btn{letter-spacing:.14em;text-transform:uppercase;border-radius:2px;align-items:center;gap:9px;padding:12px 18px;font-size:11px;transition:background .15s,border-color .15s,color .15s,transform .15s;display:inline-flex}.btn:active{transform:scale(.98)}.btn-solid{color:#000;background:var(--accent);font-weight:500}.btn-solid:hover{background:var(--accent-bright)}.btn-outline{color:var(--muted-c6);border:1px solid var(--border-4)}.btn-outline:hover{border-color:var(--accent-dim);color:#fff}.two-col{grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:clamp(20px,3vw,40px);display:grid}.lede-block{align-content:start;gap:14px;display:grid}.lede-block p{max-width:46ch;color:var(--muted-a8);font-size:13px;line-height:1.72}.pill-row{letter-spacing:.12em;text-transform:uppercase;color:var(--muted-8f);flex-wrap:wrap;align-content:start;gap:9px;font-size:10.5px;display:flex}.pill-row .tag{padding:8px 11px}.site-footer{border-top:1px solid var(--border-1);gap:clamp(28px,4vw,48px);padding:clamp(40px,5vw,64px) 0 clamp(48px,6vw,80px);display:grid}.footer-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:clamp(24px,3vw,40px);display:grid}.footer-hello{font-family:var(--font-display);letter-spacing:-.03em;font-size:clamp(22px,3.2vw,32px);font-weight:600;line-height:1.1}.footer-sub{color:var(--muted-8f);max-width:34ch;margin-top:12px;font-size:12.5px;line-height:1.7}.footer-col{align-content:start;gap:11px;font-size:12.5px;display:grid}.footer-label{letter-spacing:.2em;text-transform:uppercase;color:var(--muted-5a);margin-bottom:2px;font-size:10px}.footer-link{border-bottom:1px solid var(--border-1);color:var(--muted-c6);justify-content:space-between;gap:10px;padding-bottom:9px;transition:color .15s;display:flex}.footer-link:hover{color:var(--accent)}.footer-link .arrow{color:var(--muted-5a)}.footer-phone{color:var(--muted-5a);padding-top:2px;font-size:11px}.footer-bottom{letter-spacing:.14em;text-transform:uppercase;color:var(--muted-3d);border-top:1px solid var(--border-2);flex-wrap:wrap;justify-content:space-between;gap:16px;padding-top:20px;font-size:10px;display:flex}.page-header{gap:20px;padding:clamp(48px,7vw,90px) 0 clamp(28px,4vw,48px);display:grid}.page-header .eyebrow-text{letter-spacing:.2em;text-transform:uppercase;color:var(--muted-5a);font-size:10.5px}.page-title{font-family:var(--font-display);letter-spacing:-.035em;font-size:clamp(34px,6vw,64px);font-weight:600;line-height:1}.page-lede{max-width:64ch;color:var(--muted-a8);text-wrap:pretty;font-size:13.5px;line-height:1.72}.jump-nav{letter-spacing:.1em;text-transform:uppercase;flex-wrap:wrap;gap:8px;padding-top:6px;font-size:10.5px;display:flex}.jump-link{border:1px solid var(--border-3);color:var(--muted-9a);border-radius:2px;padding:8px 11px;transition:border-color .15s,color .15s}.jump-link:hover{border-color:var(--accent-dim);color:#fff}.role-block{gap:clamp(24px,3vw,36px);display:grid}.role-head{gap:14px;display:grid}.role-top{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:16px;display:flex}.role-name{font-family:var(--font-display);letter-spacing:-.025em;margin:0;font-size:clamp(22px,3.2vw,30px);font-weight:600}.role-dates{color:var(--muted-5a);letter-spacing:.12em;white-space:nowrap;font-size:10.5px}.role-kicker{letter-spacing:.14em;text-transform:uppercase;color:var(--accent);font-size:12px}.role-summary{max-width:70ch;color:var(--muted-8f);font-size:13px;line-height:1.72}.role-stack{letter-spacing:.1em;text-transform:uppercase;color:var(--muted-8f);flex-wrap:wrap;gap:7px;font-size:10px;display:flex}.role-stack .tag{padding:6px 9px}.entry-grid{background:var(--border-1);gap:1px;display:grid}.entry{background:#000;gap:12px;padding:clamp(20px,2.6vw,28px) 0;transition:background .18s;display:grid}.entry:hover{background:var(--hover-bg)}.entry-top{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:14px;display:flex}.entry-title{font-family:var(--font-display);letter-spacing:-.015em;margin:0;font-size:17px;font-weight:500}.entry-text{max-width:76ch;color:var(--muted-a0);margin:0;font-size:13px;line-height:1.72}.entry-text .hl{color:var(--fg)}.skills-grid{background:var(--border-1);border-top:1px solid var(--border-1);border-bottom:1px solid var(--border-1);gap:1px;display:grid}.skill-row{background:#000;gap:8px;padding:15px 0;transition:background .18s;display:grid}.skill-row:hover{background:var(--hover-bg)}.skill-label{letter-spacing:.18em;text-transform:uppercase;color:var(--muted-5a);font-size:10px}.skill-value{color:var(--muted-c6);font-size:12.5px;line-height:1.7}.edu-row{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:16px;display:flex}.edu-name{font-family:var(--font-display);letter-spacing:-.015em;font-size:18px;font-weight:500}.edu-sub{color:var(--muted-8f);margin-top:6px;font-size:12.5px}.edu-dates{color:var(--muted-5a);letter-spacing:.12em;font-size:10.5px}.btn-row{flex-wrap:wrap;gap:14px;padding-top:12px;display:flex}.project-section{gap:clamp(22px,3vw,32px);scroll-margin-top:76px;display:grid}.project-head{gap:16px;display:grid}.project-title-row{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:16px;display:flex}.project-title-left{flex-wrap:wrap;align-items:baseline;gap:14px;display:flex}.project-name{font-family:var(--font-display);letter-spacing:-.03em;margin:0;font-weight:600}.project-name.lg{font-size:clamp(26px,4vw,40px)}.project-name.md{font-size:clamp(24px,3.6vw,38px)}.project-intro{max-width:74ch;color:var(--muted-b4);text-wrap:pretty;font-size:14px;line-height:1.74}.project-intro .hl{color:var(--accent)}.project-intro .hl2{color:var(--fg)}.gh-link{letter-spacing:.14em;text-transform:uppercase;color:var(--muted-7d);font-size:10.5px;transition:color .15s}.gh-link:hover{color:var(--accent)}.gh-links{flex-wrap:wrap;gap:16px;display:flex}.gh-links.has-site{margin-left:auto;position:relative}.project-head:has(.has-site) .project-intro{max-width:min(74ch,100% - 232px)}.site-tile{aspect-ratio:16/10;border:1px solid var(--border-3);background:var(--card-bg);border-radius:3px;width:200px;transition:border-color .2s,box-shadow .25s;display:block;position:absolute;top:calc(100% + 14px);right:0;overflow:hidden}.site-tile img{object-fit:cover;object-position:top center;filter:saturate(.85)brightness(.78);width:100%;height:100%;transition:transform .7s cubic-bezier(.16,1,.3,1),filter .3s}.site-tile:after{content:"";pointer-events:none;background:linear-gradient(#0000 50%,#0000009e);position:absolute;inset:0}.site-tile:hover{border-color:var(--accent-dim);box-shadow:0 0 0 1px var(--accent-border), 0 18px 48px -24px oklch(82% .1 196/.45)}.gh-links.has-site:has(.site-docs:hover) .site-tile{border-color:var(--accent-dim);box-shadow:0 0 0 1px var(--accent-border), 0 18px 48px -24px oklch(82% .1 196/.45)}.site-tile:hover img{filter:none;transform:scale(1.035)}.gh-links.has-site:has(.site-docs:hover) .site-tile img{filter:none;transform:scale(1.035)}.gh-links.has-site:has(.site-tile:hover) .site-docs{color:var(--accent)}.site-tile-label{z-index:1;letter-spacing:.08em;white-space:nowrap;text-overflow:ellipsis;max-width:calc(100% - 20px);color:var(--muted-c6);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid var(--border-4);background:#000000b8;border-radius:2px;padding:5px 8px;font-size:9.5px;position:absolute;bottom:10px;left:10px;overflow:hidden}@media (width<=640px){.gh-links.has-site{margin-left:0}.project-head:has(.has-site) .project-intro{max-width:74ch}.site-tile{flex:0 0 100%;order:3;max-width:280px;margin-top:4px;position:static}}.feature-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:clamp(20px,3vw,32px);display:grid}.feature-grid.narrow{grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr))}.feature{align-content:start;gap:12px;display:grid}.feature.sm{gap:10px}.feature-eyebrow{letter-spacing:.18em;text-transform:uppercase;color:var(--muted-5a);font-size:10px}.feature-text{color:var(--muted-a0);font-size:13px;line-height:1.72}.feature-text.sm{font-size:12.5px;line-height:1.7}.feature-text code,.project-intro code,.entry-text code{color:var(--muted-c6);background:0 0;padding:0}.inline-link{color:var(--muted-c6);border-bottom:1px solid var(--border-4);transition:color .15s,border-color .15s}.inline-link:hover{color:var(--accent);border-bottom-color:var(--accent-dim)}.err-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr));gap:1px;display:grid}.err-cell{background:var(--card-bg);box-shadow:0 0 0 1px var(--border-1);padding:clamp(16px,2vw,22px)}.err-eyebrow{letter-spacing:.16em;text-transform:uppercase;color:var(--accent);margin-bottom:10px;font-size:9.5px}.err-text{color:var(--muted-a0);font-size:12.5px;line-height:1.7}.codeblock{border:1px solid var(--border-1);background:var(--card-bg-2);font-family:var(--font-mono);border-radius:3px;overflow:hidden}.codeblock-head{border-bottom:1px solid var(--border-1);letter-spacing:.16em;text-transform:uppercase;color:var(--muted-5a);justify-content:space-between;align-items:center;gap:10px;padding:10px 14px;font-size:9.5px;display:flex}.codeblock-head-left{align-items:center;gap:10px;display:flex}.codeblock-dot{background:#26282a;border-radius:50%;width:7px;height:7px}.codeblock-lang{color:var(--muted-3d)}.codeblock pre{color:var(--muted-c6);margin:0;padding:clamp(16px,2vw,22px);font-size:12.5px;line-height:1.9;overflow-x:auto}.codeblock pre::-webkit-scrollbar{height:6px}.codeblock pre::-webkit-scrollbar-thumb{background:#26282a}.tok-accent{color:var(--accent)}.tok-fg{color:var(--muted-c6)}.tok-dim{color:var(--muted-5a)}.tok-warn{color:var(--warn)}.note-header{gap:22px;max-width:78ch;padding:clamp(40px,6vw,80px) 0 clamp(24px,3.5vw,40px);display:grid}.crumb{letter-spacing:.16em;text-transform:uppercase;color:var(--muted-5a);width:fit-content;font-size:10px;transition:color .15s}.crumb:hover{color:var(--accent)}.note-meta-row{letter-spacing:.16em;text-transform:uppercase;color:var(--muted-5a);flex-wrap:wrap;align-items:baseline;gap:14px;font-size:10px;display:flex}.note-meta-row .accent{color:var(--accent)}.note-meta-row .sep{color:var(--muted-2b)}.note-title{font-family:var(--font-display);letter-spacing:-.035em;text-wrap:balance;font-size:clamp(30px,5.4vw,58px);font-weight:600;line-height:1.04}.note-dek{font-family:var(--font-sans);color:var(--muted-a8);text-wrap:pretty;font-size:clamp(15px,1.6vw,17.5px);line-height:1.7}.info-bar{border-top:1px solid var(--border-1);color:var(--muted-5a);flex-wrap:wrap;gap:clamp(16px,3vw,40px);padding:clamp(20px,3vw,28px) 0;font-size:11px;display:flex}.info-item{gap:5px;display:grid}.info-item-label{letter-spacing:.16em;text-transform:uppercase;color:var(--muted-3d);font-size:9.5px}.info-item-value{color:var(--muted-c6)}.prose{border-top:1px solid var(--border-1);max-width:74ch;font-family:var(--font-sans);color:var(--muted-b4);gap:clamp(26px,3.4vw,40px);padding:clamp(32px,4.5vw,56px) 0;font-size:clamp(14.5px,1.5vw,16.5px);line-height:1.82;display:grid}.prose section{gap:18px;display:grid}.prose h2{font-family:var(--font-display);letter-spacing:-.025em;color:var(--fg);font-size:clamp(20px,2.6vw,27px);font-weight:600}.prose p{text-wrap:pretty}.prose em{color:var(--fg);font-style:normal}.prose code{color:var(--fg);font-size:.9em}.prose a{color:var(--fg);border-bottom:1px solid var(--accent-dim);transition:color .15s}.prose a:hover{color:var(--accent)}.prose ul,.prose ol{list-style:revert;gap:11px;padding-left:20px;display:grid}.prose ol{padding-left:22px}.prose li{text-wrap:pretty}.prose .info-note-box{border:1px solid var(--border-1);background:var(--card-bg-2);font-family:var(--font-mono);border-radius:3px;gap:12px;padding:clamp(18px,2.4vw,24px);display:grid}.prose .info-note-box .box-title{letter-spacing:.16em;text-transform:uppercase;color:var(--accent);font-size:9.5px}.prose .info-note-box ul{color:var(--muted-a0);gap:9px;margin:0;padding-left:18px;font-size:12.5px;line-height:1.7}.prose .info-note-box li span{color:var(--fg)}.callout{border-left:2px solid var(--accent-dim);gap:10px;padding:4px 0 4px 20px;display:grid}.callout-label{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--accent);font-size:9.5px}.callout p{color:var(--muted-c6);text-wrap:pretty;font-size:15px;line-height:1.75}.note-table{background:var(--border-1);border:1px solid var(--border-1);font-family:var(--font-mono);border-radius:3px;gap:1px;display:grid;overflow:hidden}.note-table .trow{background:var(--card-bg-2);flex-wrap:wrap;align-items:baseline;gap:16px;padding:15px 18px;display:flex}.note-table .tkey{letter-spacing:.14em;text-transform:uppercase;color:var(--accent);min-width:96px;font-size:11px}.note-table .tval{color:var(--muted-a0);font-size:12.5px;line-height:1.7}.roadmap{background:var(--border-2);border:1px solid var(--border-2);font-family:var(--font-mono);border-radius:3px;gap:1px;display:grid;overflow:hidden}.roadmap .rrow{background:var(--card-bg-2);align-items:baseline;gap:14px;padding:15px 18px;display:flex}.roadmap .rnum{letter-spacing:.14em;min-width:34px;color:var(--muted-5a);font-size:10px}.roadmap .rnum.current{color:var(--accent)}.roadmap .rtext{color:var(--muted-a0);font-size:12.5px;line-height:1.7}.photo-slot{border:1px solid var(--border-1);background:var(--card-bg-2);aspect-ratio:16/9;border-radius:3px;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.photo-slot.square{aspect-ratio:4/3}.photo-slot-label{font-family:var(--font-mono);letter-spacing:.1em;color:var(--muted-5a);text-align:center;padding:0 16px;font-size:10.5px}.photo-caption{font-family:var(--font-mono);letter-spacing:.1em;color:var(--muted-5a);margin-top:10px;font-size:10px}.photo-pair{grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:14px;display:grid}.note-nav-card{border:1px solid var(--border-1);border-radius:3px;gap:12px;padding:clamp(20px,2.6vw,28px);transition:border-color .18s,background .18s;display:grid}.note-nav-card:hover{border-color:var(--accent-border);background:var(--card-bg-2)}.note-nav-kicker{letter-spacing:.16em;text-transform:uppercase;color:var(--accent);font-size:10px}.note-nav-title{font-family:var(--font-display);letter-spacing:-.025em;font-size:clamp(18px,2.6vw,24px);font-weight:600}.note-nav-desc{font-family:var(--font-sans);color:var(--muted-8f);max-width:64ch;font-size:13px;line-height:1.7}.note-footer{border-top:1px solid var(--border-1);gap:clamp(24px,3vw,32px);padding:clamp(32px,4.5vw,56px) 0 clamp(48px,6vw,80px);display:grid}.note-footer-label{letter-spacing:.2em;text-transform:uppercase;color:var(--muted-5a);font-size:10px}.note-footer-bottom{letter-spacing:.14em;text-transform:uppercase;color:var(--muted-3d);border-top:1px solid var(--border-2);flex-wrap:wrap;justify-content:space-between;gap:16px;padding-top:20px;font-size:10px;display:flex}.note-footer-bottom a{color:var(--muted-5a);transition:color .15s}.note-footer-bottom a:hover{color:var(--accent)}.notes-eyebrow{letter-spacing:.2em;text-transform:uppercase;color:var(--muted-5a);margin-bottom:clamp(20px,2.6vw,28px);font-size:10px}.draft-row{background:#000;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:16px;padding:16px 0;display:flex}.draft-left{flex-wrap:wrap;align-items:baseline;gap:14px;min-width:0;display:flex}.draft-kind{letter-spacing:.14em;text-transform:uppercase;color:var(--muted-3d);flex:none;font-size:10px}.draft-title{font-family:var(--font-display);letter-spacing:-.01em;color:var(--muted-7d);font-size:15.5px;font-weight:500}.draft-state{letter-spacing:.14em;text-transform:uppercase;color:var(--muted-3d);flex:none;font-size:10px}.footnote{color:var(--muted-5a);max-width:62ch;font-size:12px;line-height:1.7}.footnote a{color:var(--muted-8f);border-bottom:1px solid var(--border-4)}@keyframes revealIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.reveal,.reveal-stagger>*{animation:.45s cubic-bezier(.16,1,.3,1) both revealIn}.reveal-stagger>:nth-child(2){animation-delay:40ms}.reveal-stagger>:nth-child(3){animation-delay:80ms}.reveal-stagger>:nth-child(4){animation-delay:.12s}.reveal-stagger>:nth-child(n+5){animation-delay:.16s}@media (prefers-reduced-motion:reduce){.reveal,.reveal-stagger>*{animation:none}}.not-found{justify-items:start;gap:18px;padding:clamp(80px,14vw,160px) 0;display:grid}.gh-links{align-items:baseline}.gh-shots{cursor:pointer;font-family:var(--font-mono);color:var(--accent);background:0 0;border:0;align-items:baseline;gap:8px;padding:0;display:inline-flex}.gh-shots:hover{color:var(--accent-bright)}.gh-shots .count{letter-spacing:.1em;color:var(--muted-7d);border:1px solid var(--border-4);border-radius:2px;padding:2px 5px;font-size:9px;transition:color .15s,border-color .15s}.gh-shots:hover .count{color:var(--accent);border-color:var(--accent-border)}.gh-shots .arrow{transition:transform .2s;display:inline-block}.gh-shots:hover .arrow{transform:translate(3px)}.gh-shots:focus-visible,.shot-tile:focus-visible,.shots-overlay button:focus-visible{outline:1px solid var(--accent);outline-offset:3px}.shot-preview{grid-template-columns:2fr 1fr 1fr;gap:10px;display:grid}.shot-tile{font:inherit;color:inherit;text-align:left;aspect-ratio:16/10;border:1px solid var(--border-3);background:var(--card-bg);cursor:zoom-in;border-radius:3px;margin:0;padding:0;transition:border-color .2s,box-shadow .25s;display:block;position:relative;overflow:hidden}.shot-tile.featured{aspect-ratio:auto;grid-row:span 2}.shot-tile img{object-fit:cover;object-position:top center;filter:saturate(.85)brightness(.78);width:100%;height:100%;transition:transform .7s cubic-bezier(.16,1,.3,1),filter .3s}.shot-tile:after{content:"";pointer-events:none;background:linear-gradient(#0000 50%,#0000009e);position:absolute;inset:0}.shot-tile:hover{border-color:var(--accent-dim);box-shadow:0 0 0 1px var(--accent-border), 0 18px 48px -24px oklch(82% .1 196/.45)}.shot-tile:hover img{filter:none;transform:scale(1.035)}.shot-tile-label{z-index:1;letter-spacing:.14em;text-transform:uppercase;white-space:nowrap;text-overflow:ellipsis;max-width:calc(100% - 20px);color:var(--muted-c6);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid var(--border-4);background:#000000b8;border-radius:2px;align-items:baseline;gap:8px;padding:5px 8px;font-size:9.5px;display:flex;position:absolute;bottom:10px;left:10px;overflow:hidden}.shot-tile-label .n{color:var(--accent)}.shot-tile.featured .shot-tile-label{padding:7px 10px;font-size:10px;bottom:14px;left:14px}.shot-tile-more{z-index:2;font-family:var(--font-display);letter-spacing:-.02em;color:var(--fg);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#000000a8;place-content:center;justify-items:center;gap:6px;font-size:clamp(20px,2.4vw,26px);font-weight:600;transition:background .2s,color .2s;display:grid;position:absolute;inset:0}.shot-tile-more small{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--muted-8f);font-size:9.5px;font-weight:400}.shot-tile:hover .shot-tile-more{color:var(--accent);background:#00000080}@media (width<=640px){.shot-preview{grid-template-columns:1fr 1fr}.shot-tile.featured{aspect-ratio:16/10;grid-area:auto/span 2}}@keyframes shotsRise{0%{opacity:0;transform:translateY(14px)scale(.99)}to{opacity:1;transform:none}}.shots-overlay{--shots-chrome:330px;z-index:100;font-family:var(--font-mono);color:var(--fg);outline:none;animation:.25s both fadeIn;position:fixed;inset:0}.shots-backdrop{-webkit-backdrop-filter:blur(14px)saturate(.8);backdrop-filter:blur(14px)saturate(.8);background:radial-gradient(80% 55% at 50% 0,oklch(82% .1 196/.09),#0000 70%),#020304f2;position:absolute;inset:0}.shots-backdrop:before{content:"";background-image:linear-gradient(#ffffff06 1px,#0000 1px),linear-gradient(90deg,#ffffff06 1px,#0000 1px);background-size:96px 96px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(#000 25%,#0000 80%);mask-image:radial-gradient(#000 25%,#0000 80%)}.shots-shell{pointer-events:none;grid-template-rows:auto minmax(0,1fr) auto;height:100%;animation:.45s cubic-bezier(.16,1,.3,1) both shotsRise;display:grid;position:relative}.shots-bar,.shots-strip{pointer-events:auto}.shots-bar{padding:calc(14px + env(safe-area-inset-top,0px)) clamp(16px, 3vw, 32px) 14px;border-bottom:1px solid var(--border-1);letter-spacing:.16em;text-transform:uppercase;color:var(--muted-7d);background:#000000bf;justify-content:space-between;align-items:center;gap:16px;font-size:10.5px;display:flex}.shots-bar-left,.shots-bar-right{align-items:center;gap:12px;min-width:0;display:flex}.shots-bar-right{gap:clamp(10px,2vw,20px)}.shots-pulse{background:var(--accent);border-radius:50%;flex:none;width:6px;height:6px;animation:2.6s ease-in-out infinite pulseGlow}.shots-name{color:var(--fg);white-space:nowrap}.shots-sep{color:var(--muted-2b)}.shots-count{color:var(--fg);white-space:nowrap;font-variant-numeric:tabular-nums}.shots-count span{color:var(--muted-5a)}.shots-theme{border:1px solid var(--border-4);border-radius:2px;transition:opacity .2s;display:flex;overflow:hidden}.shots-theme.locked{opacity:.4}.shots-theme-btn{font:inherit;letter-spacing:inherit;text-transform:inherit;color:var(--muted-7d);cursor:pointer;background:0 0;border:0;padding:6px 10px;transition:color .15s,background .15s}.shots-theme-btn+.shots-theme-btn{border-left:1px solid var(--border-4)}.shots-theme-btn.active{color:#000;background:var(--accent)}.shots-theme-btn:disabled{cursor:not-allowed}.shots-theme-btn:not(:disabled):not(.active):hover{color:var(--fg)}.shots-close{border:1px solid var(--border-4);font:inherit;letter-spacing:inherit;text-transform:inherit;color:var(--muted-c6);cursor:pointer;background:0 0;border-radius:2px;align-items:center;gap:9px;padding:6px 10px;transition:border-color .15s,color .15s;display:flex}.shots-close:hover{border-color:var(--accent-dim);color:var(--accent)}.shots-kbd{color:var(--muted-5a);font-size:9px}.shots-stage{grid-template-columns:64px minmax(0,1fr) 64px;align-items:center;gap:clamp(8px,1.5vw,20px);min-height:0;padding:clamp(14px,2.4vh,28px) clamp(12px,2vw,28px);display:grid;position:relative}.shots-stage>*{pointer-events:auto}.shots-nav{width:48px;height:48px;font-family:var(--font-mono);color:var(--muted-c6);border:1px solid var(--border-4);cursor:pointer;background:#0000008c;border-radius:2px;justify-self:center;place-items:center;font-size:16px;transition:border-color .15s,color .15s,background .15s,transform .15s;display:grid}.shots-nav:hover{border-color:var(--accent-dim);color:var(--accent);background:var(--card-bg-2)}.shots-nav.prev:hover{transform:translate(-2px)}.shots-nav.next:hover{transform:translate(2px)}.shots-figure{width:min(100%, max(280px, calc((100vh - var(--shots-chrome)) * 1.6)));width:min(100%, max(280px, calc((100dvh - var(--shots-chrome)) * 1.6)));justify-self:center;gap:16px;display:grid}.shots-frame{background:var(--card-bg-2);border:1px solid var(--border-3);border-radius:4px;position:relative;box-shadow:0 40px 140px -50px oklch(82% .1 196/.32),0 0 0 1px #0009}.shots-frame-bar{border-bottom:1px solid var(--border-1);letter-spacing:.06em;height:34px;color:var(--muted-5a);align-items:center;gap:14px;padding:0 12px;font-size:10px;display:flex}.shots-dots{flex:none;gap:6px;display:flex}.shots-dots i{background:#26282a;border-radius:50%;width:7px;height:7px}.shots-url{text-align:center;white-space:nowrap;text-overflow:ellipsis;min-width:0;color:var(--muted-7d);flex:1;overflow:hidden}.shots-url .path{color:var(--accent)}.shots-frame-meta{text-align:right;letter-spacing:.14em;text-transform:uppercase;min-width:42px;color:var(--muted-3d);flex:none;font-size:9.5px}.shots-viewport{aspect-ratio:16/10;background:#050607;border-radius:0 0 3px 3px;position:relative;overflow:hidden}.shots-viewport.tall{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#26282a transparent;overflow-y:auto}.shots-viewport img{object-fit:contain;opacity:0;-webkit-user-select:none;user-select:none;width:100%;height:100%;transition:opacity .35s}.shots-viewport.tall img{height:auto}.shots-viewport img.is-loaded{opacity:1}.shots-skeleton{background:#050607 linear-gradient(100deg,#0000 30%,#ffffff0a 50%,#0000 70%) 0 0/200% 100%;animation:1.4s linear infinite shimmer;position:absolute;inset:0}.shots-corner{border:0 solid var(--accent);pointer-events:none;width:16px;height:16px;position:absolute}.shots-corner.tl{border-top-width:1px;border-left-width:1px;top:-6px;left:-6px}.shots-corner.tr{border-top-width:1px;border-right-width:1px;top:-6px;right:-6px}.shots-corner.bl{border-bottom-width:1px;border-left-width:1px;bottom:-6px;left:-6px}.shots-corner.br{border-bottom-width:1px;border-right-width:1px;bottom:-6px;right:-6px}.shots-caption{flex-wrap:wrap;align-items:baseline;gap:6px 18px;min-height:32px;animation:.4s cubic-bezier(.16,1,.3,1) both fadeUp;display:flex}.shots-caption-title{font-family:var(--font-display);letter-spacing:-.015em;color:var(--fg);font-size:clamp(15px,1.6vw,18px);font-weight:600}.shots-caption-text{color:var(--muted-8f);text-wrap:pretty;flex:320px;font-size:12px;line-height:1.6}.shots-strip{padding:14px clamp(16px, 3vw, 32px) calc(16px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--border-1);scrollbar-width:thin;scrollbar-color:#26282a transparent;background:#000000bf;gap:10px;display:flex;overflow-x:auto}.shots-thumb{width:132px;font:inherit;text-align:left;color:var(--muted-5a);cursor:pointer;background:0 0;border:0;flex:none;gap:7px;padding:0;display:grid}.shots-thumb:first-child{margin-left:auto}.shots-thumb:last-child{margin-right:auto}.shots-thumb-img{aspect-ratio:16/10;border:1px solid var(--border-3);border-radius:2px;transition:border-color .2s,box-shadow .2s;display:block;overflow:hidden}.shots-thumb img{object-fit:cover;object-position:top;filter:grayscale(.5)brightness(.55);width:100%;height:100%;transition:filter .25s}.shots-thumb:hover img{filter:grayscale(.1)brightness(.85)}.shots-thumb.active .shots-thumb-img{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent), 0 0 20px -4px oklch(82% .1 196/.6)}.shots-thumb.active img{filter:none}.shots-thumb-label{letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;text-overflow:ellipsis;font-size:9px;transition:color .2s;overflow:hidden}.shots-thumb-label .n{color:var(--muted-3d);margin-right:6px}.shots-thumb:hover .shots-thumb-label,.shots-thumb.active .shots-thumb-label{color:var(--muted-c6)}.shots-thumb.active .shots-thumb-label .n{color:var(--accent)}@media (width<=720px){.shots-overlay{--shots-chrome:300px}.shots-stage{grid-template-columns:minmax(0,1fr);padding:16px}.shots-nav{z-index:2;width:38px;height:38px;position:absolute;top:40%}.shots-nav.prev{left:4px}.shots-nav.next{right:4px}.shots-nav.prev:hover,.shots-nav.next:hover{transform:none}.shots-label,.shots-sep,.shots-kbd,.shots-frame-meta{display:none}.shots-thumb{width:104px}}