@font-face{font-family:Plex Mono;src:url(fonts/IBMPlexMono-Regular.woff2) format('woff2');font-display:swap}@font-face{font-family:Plex Sans;src:url(fonts/IBMPlexSans-Regular.woff2) format('woff2');font-display:swap}@font-face{font-family:Plex Sans;src:url(fonts/IBMPlexSans-SemiBold.woff2) format('woff2');font-weight:600;font-display:swap}@font-face{font-family:Bricolage;src:url(fonts/BricolageGrotesque-Display.woff2) format('woff2');font-weight:100 900;font-display:swap}
:root{--bg:#0b1112;--panel:#10191b;--mint:#c5f4ce;--ink:#e6ece8;--dim:#9aaea6;--line:#2c3c38;--accent:#e4aa80;--mono:'Plex Mono',monospace;--sans:'Plex Sans',sans-serif;--display:'Bricolage',sans-serif;color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.65 var(--sans)}a{color:inherit;text-underline-offset:4px}button,input,select{font:inherit}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--mint);outline-offset:5px}button{color:inherit}img{display:block;max-width:100%;height:auto}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.08}h1,h2{font-family:var(--display);font-weight:500;letter-spacing:-.05em}h3{font-weight:600}em{font-style:normal;color:var(--mint)}[hidden]{display:none!important}.enhanced{display:none}.js .enhanced{display:flex}.skip-link{position:fixed;z-index:50;top:-100px;left:20px;background:var(--mint);color:var(--bg);padding:15px}.skip-link:focus{top:15px}.site-header{position:sticky;top:0;z-index:20;min-height:76px;display:flex;align-items:center;justify-content:space-between;padding:16px 4vw;border-bottom:1px solid var(--line);background:rgba(11,17,18,.97);gap:24px}.wordmark{font:12px var(--mono);letter-spacing:.06em;text-decoration:none;display:flex;align-items:center;gap:12px}.site-header nav{display:flex;align-items:center;gap:32px;font:12px var(--mono)}.site-header nav a{text-decoration:none}.contact-link{color:var(--mint)}.hero{padding:32px 5vw 0;max-width:1800px;margin:auto;overflow:hidden;background:radial-gradient(ellipse at 75% 45%,#19352b55,transparent 60%)}.hero-meta,.hero-bottom,.section-top{display:flex;justify-content:space-between;gap:20px;align-items:center;font:10px var(--mono);letter-spacing:.08em}.hero-meta{color:var(--dim)}.status-dot{display:inline-block;background:var(--mint);width:6px;height:6px;border-radius:50%;margin-right:8px;box-shadow:0 0 14px #c5f4ce44}.hero-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:4vw;align-items:center;min-height:580px;padding:60px 0 75px}.terminal-prompt{font:12px var(--mono);color:var(--mint);margin-bottom:28px}.terminal-prompt span{color:var(--dim)}h1{font-size:clamp(58px,6.6vw,112px);margin:0 0 28px;line-height:.98}.cursor{font-weight:200}.hero-description{max-width:430px;color:#b4c3bc;font-size:18px;line-height:1.65}.hero-actions{display:flex;align-items:center;gap:28px;flex-wrap:wrap;margin-top:34px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;padding:15px 22px;text-decoration:none;font:12px var(--mono);border:1px solid var(--mint);min-height:48px}.primary{background:var(--mint);color:#102419}.button:hover{background:#e0ffe6}.text-link{font:12px var(--mono);text-decoration:none;border-bottom:1px solid #5d7869;padding:8px 0}.hero-caption{font:9px/1.8 var(--mono);color:var(--dim);letter-spacing:.03em;margin-top:36px;margin-bottom:0}.hero-caption span{color:var(--mint);margin:0 8px}.artifact-stack{height:400px;position:relative;perspective:1000px;margin-left:8px}.artifact{position:absolute;border:1px solid #638377;background:#15201d;box-shadow:0 28px 65px #0008;overflow:hidden;transition:transform .6s ease}.artifact-back{width:84%;right:-3%;top:-15px;transform:rotate(7deg);opacity:.65}.artifact-front{width:94%;left:-4%;top:68px;transform:rotate(-4deg)}.artifact img{width:100%;height:280px;object-fit:cover;object-position:top}.artifact-back img{height:230px}.window-bar,.artifact-footer{display:flex;justify-content:space-between;align-items:center;padding:11px 13px;font:8px var(--mono);letter-spacing:.02em}.window-bar i{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--mint);margin-right:5px}.artifact-footer{color:var(--dim);font-size:7px;border-top:1px solid var(--line)}.stack-caption{position:absolute;bottom:-55px;right:8px;font:8px var(--mono);letter-spacing:.12em;color:var(--dim)}.hero-bottom{border-top:1px solid var(--line);min-height:82px;color:var(--dim);font-size:9px}.hero-bottom b{font-size:17px;color:var(--mint);font-weight:400;margin-right:10px}.hero-bottom a{text-decoration:none;color:var(--mint)}.muted{color:var(--dim)}.workspace{border-top:1px solid var(--line);margin-top:25px}.workspace-bar{background:#15201c;border-bottom:1px solid var(--line);padding:12px 5vw;display:flex;align-items:center;justify-content:space-between;font:11px var(--mono);min-height:64px}.workspace-grid{display:grid;grid-template-columns:260px minmax(0,1fr);max-width:1600px;margin:auto}.timeline-sidebar{border-right:1px solid var(--line);padding:38px 24px}.sidebar-inner{position:sticky;top:110px}.eyebrow{font:10px/1.5 var(--mono);letter-spacing:.12em;color:var(--dim);margin-bottom:18px}#current-stage{font:30px/1.2 var(--display);letter-spacing:-1px;color:var(--mint);margin:10px 0 32px}#current-stage span{font-size:30px;color:#6c8b77}.chapter-nav{display:grid;margin-bottom:45px}.chapter-nav a{font:10px var(--mono);display:flex;gap:9px;text-decoration:none;color:var(--dim);padding:13px 0;border-bottom:1px solid #273730}.chapter-nav a span{flex:1}.chapter-nav a.active{color:var(--mint)}.chapter-nav small{font-size:8px}.technology-map{border-top:1px solid var(--line);padding-top:22px}.rail-scale{display:flex;justify-content:space-between;padding-left:80px;font:8px var(--mono);color:var(--dim);margin-bottom:12px}.rail{align-items:center;justify-content:space-between;width:100%;border:0;background:none;text-align:left;padding:10px 0;font:10px var(--mono);gap:14px}.rail[aria-pressed=true]{color:var(--mint);background:#c5f4ce15}.rail>span:first-child{width:67px}.rail>span:last-child{color:var(--dim);font-size:8px}.rail-dots{flex:1;border-bottom:1px solid #3a5547;position:relative}.rail-dots i{position:absolute;width:4px;height:7px;background:#b4dabf;left:var(--pos);top:-3px}.sidebar-contact{display:block;margin-top:30px;font:10px/1.8 var(--mono);text-decoration:none;color:var(--mint)}.sidebar-contact span{display:block;color:var(--dim);font-size:9px}.project-panel{min-width:0;padding:28px 4vw 0}.filters{gap:14px;align-items:end;flex-wrap:wrap}.filters label,.compare-controls label{font:10px var(--mono);color:var(--dim);display:flex;flex-direction:column;gap:8px}.search-label{flex:1;min-width:160px}input,select{border:1px solid #3d5048;background:#101a17;color:var(--ink);padding:10px 12px;font:12px var(--mono);min-height:43px;border-radius:0;max-width:100%}input::placeholder{color:#95a59b}.reset-button,.compare-controls button{font:10px var(--mono);min-height:43px;padding:10px 14px;background:transparent;border:1px solid var(--line)}.results-bar{display:flex;justify-content:space-between;gap:12px;font:9px var(--mono);color:var(--dim);padding:20px 0}.results-bar p{margin:0}.results-bar a{text-decoration:none}.chapter{padding:45px 0 70px;scroll-margin-top:20px;border-top:1px solid var(--line)}.chapter-heading h2{font-size:clamp(34px,3.6vw,58px);margin-bottom:16px;max-width:600px}.chapter-heading>p{font-size:15px;color:var(--dim)}.chapter-heading{margin-bottom:32px}.project-grid{display:grid;grid-template-columns:1fr;gap:55px}.project{min-width:0;scroll-margin-top:110px}.project-line{display:flex;justify-content:space-between;align-items:center;font:10px var(--mono);color:var(--dim);border-top:1px solid #42534a;padding-top:16px;margin-bottom:18px}.project-line a{font-size:18px;min-width:32px;text-align:right;text-decoration:none}.project h3{font-size:30px;letter-spacing:-.025em;margin-bottom:10px}.project h3 a{text-decoration:none}.project-role{font:11px var(--mono);color:var(--mint);margin-bottom:25px}.project figure{margin:0 0 22px;border:1px solid #3c5547;background:#15211d;box-shadow:10px 10px 0 #c5f4ce05}.project-image{display:block;overflow:hidden;background:#e9eae7;max-height:440px}.project-image img{width:100%;height:auto;max-height:440px;object-fit:cover;object-position:top;transition:transform .8s ease}.project-image:hover img{transform:scale(1.015)}figcaption{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;padding:12px 14px;font:9px/1.6 var(--mono);color:var(--dim)}.image-kind{color:var(--mint)}.description{max-width:720px;font-size:17px;color:#c1cec6;margin-bottom:16px}.tags{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:20px}.tech-tag{background:#16251d;border:1px solid #3e5545;font:10px var(--mono);padding:6px 10px;min-height:32px}.tech-tag:hover{background:#2d4433}.project-details{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.project-details summary{cursor:pointer;padding:16px 0;list-style:none;font:11px var(--mono);display:flex;justify-content:space-between}.project-details summary::-webkit-details-marker{display:none}.project-details[open] summary span{transform:rotate(45deg)}.details-body{padding:6px 0 22px;font-size:14px}.details-body dl{display:grid;grid-template-columns:1fr 1fr;gap:18px}.details-body dt{color:var(--dim);font:10px var(--mono);margin-bottom:6px}.details-body dd{margin:0}.details-body h4{font:11px var(--mono);color:var(--mint);margin:20px 0 10px}.stack-evidence{list-style:none;padding:0;font-size:13px}.stack-evidence li{padding:5px 0;border-bottom:1px solid #26372e}.stack-evidence span{color:var(--dim);font-size:11px;margin-left:10px}.pending,.source-note{font-size:12px;color:var(--dim)}.source-links{display:flex;gap:20px;flex-wrap:wrap;font:11px/1.8 var(--mono)}.era-01 .project h3{font:25px/1.2 var(--mono)}.era-01 .project figure{filter:saturate(.65);box-shadow:none}.era-02{--mint:#b6e5cf}.era-03{--mint:#c6d8f1}.era-03{--mint:#f0bd98}#current-work .project-grid{grid-template-columns:1fr 1fr;gap:35px}#current-work .project{background:linear-gradient(140deg,#1f2421,#121c19);padding:22px;border:1px solid #465047}#current-work .project-line{border:0;padding-top:0}#current-work .project h3{font-size:27px}#current-work .project-role{line-height:1.7}#current-work .description{font-size:15px}#current-work .details-body dl{grid-template-columns:1fr}.evolution{padding:65px 5vw;background:#14221d;border-top:1px solid #4b6554}.section-top{color:var(--dim)}.evolution-heading{display:grid;grid-template-columns:1.2fr 1fr;gap:60px;align-items:center;margin:30px 0}.evolution h2{font-size:clamp(40px,4.6vw,68px);margin-bottom:0}.evolution-heading p{max-width:470px;color:#b2c5b8;font-size:16px}.compare-controls{gap:20px;align-items:end;margin:35px 0}.compare-controls label{min-width:170px}.compare-controls>span{padding-bottom:12px}.evolution-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}.evolution-card{border:1px solid #466151;background:#0b1610;padding:16px;min-width:0}.evolution-card h3{display:flex;justify-content:space-between;font:15px var(--mono);gap:15px;line-height:1.5}.evolution-card h3 span{color:var(--dim);font-size:11px}.evolution-card img{width:100%;height:300px;object-fit:cover;object-position:top;background:#fff}.evolution-card p,.evolution-card>a:last-child{font:10px/1.8 var(--mono);color:var(--dim);margin:15px 0 0}.evolution-note{font:11px/1.9 var(--mono);color:var(--dim);margin:25px 0 0;max-width:900px}.source-notes{padding:70px 8vw;border-bottom:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:20px 60px}.source-notes>.eyebrow{grid-column:1/-1}.source-notes h2{font-size:42px;max-width:400px}.source-notes p{font-size:15px;color:var(--dim)}.source-notes a{font:11px var(--mono);display:inline-block;margin:10px 22px 0 0}.closing{padding:90px 8vw 100px;background:radial-gradient(ellipse at 80% 100%,#35583b44,transparent 70%)}.closing h2{font-size:clamp(50px,7vw,96px);margin-bottom:25px}.closing>p:not(.terminal-prompt){color:var(--dim)}footer{display:flex;justify-content:space-between;align-items:center;gap:25px;flex-wrap:wrap;border-top:1px solid var(--line);padding:30px 5vw;font:10px var(--mono);color:var(--dim)}footer p{margin:0}footer a{text-decoration:none}#empty-state,.noscript-note{padding:30px;border:1px solid var(--line);color:var(--mint)}.image-unavailable{padding:45px;color:#273b30;background:#c3cec6;font:12px var(--mono)}
@media(min-width:1500px){.hero-grid{min-height:680px}.artifact-stack{height:440px}.artifact img{height:330px}.artifact-back img{height:280px}.project-panel{padding-left:65px;padding-right:65px}}
@media(max-width:1100px){.hero-grid{gap:20px;min-height:530px}.artifact img{height:230px}.artifact-stack{height:340px}.hero-description{font-size:16px}.hero-actions{gap:18px}.workspace-grid{grid-template-columns:220px minmax(0,1fr)}.timeline-sidebar{padding:30px 18px}.chapter-nav a{font-size:9px}.rail{gap:8px}#current-work .project-grid{grid-template-columns:1fr}.filters label:not(.search-label){flex:1}.hero-bottom .muted{display:none}.project-panel{padding:25px 28px 0}}
@media(max-width:760px){html{scroll-padding-top:90px}.site-header{padding:14px 5vw;min-height:68px;gap:12px}.wordmark{font-size:10px;gap:8px}.site-header nav{gap:16px;font-size:10px}.site-header nav>a:nth-child(2){display:none}.hero{padding:26px 6vw 0}.hero-meta{font-size:8px}.hero-meta>span:last-child{display:none}.hero-grid{grid-template-columns:1fr;padding-top:40px;padding-bottom:65px;gap:40px}.hero h1{font-size:clamp(60px,12vw,90px)}.hero-description{font-size:17px;max-width:480px}.hero-caption{font-size:8px}.artifact-stack{height:345px;margin:25px 6vw 0}.artifact-front{top:50px}.artifact img{height:245px}.artifact-back img{height:210px}.artifact-footer{font-size:6px}.window-bar{font-size:7px}.stack-caption{bottom:-22px;font-size:6px}.hero-bottom{flex-wrap:wrap;gap:12px;min-height:95px;padding:18px 0;font-size:8px}.hero-bottom>span:nth-child(2){order:3;width:100%;font-size:8px}.workspace{margin-top:0}.workspace-bar{padding:12px 5vw;font-size:10px}.workspace-grid{grid-template-columns:1fr}.timeline-sidebar{border:0;border-bottom:1px solid var(--line);padding:22px 5vw}.sidebar-inner{position:static}.timeline-sidebar .eyebrow,#current-stage,.sidebar-contact{display:none}.chapter-nav{display:flex;gap:12px;overflow-x:auto;margin:0;padding-bottom:6px}.chapter-nav a{flex-shrink:0;gap:8px;padding:8px 6px;min-height:36px}.chapter-nav small{display:none}.technology-map{margin-top:12px;padding-top:10px}.technology-map .eyebrow{display:block;margin-bottom:8px;font-size:8px}.js .rail{display:inline-flex;width:auto;padding:10px;margin:0 6px 5px 0;border:1px solid #465b4c;gap:8px;font-size:9px}.rail>span:first-child{width:auto}.project-panel{padding:23px 5vw 0}.filters{gap:12px}.filters .search-label{flex-basis:100%}.filters label{font-size:9px}.filters select{font-size:11px;width:100%}.filters .reset-button{padding:8px}.results-bar{font-size:8px;line-height:1.7}.chapter{padding:32px 0 45px}.chapter-heading h2{font-size:38px}.chapter-heading p{font-size:14px}.project h3{font-size:27px}.project-grid{gap:40px}.project-role{font-size:10px;line-height:1.6}.description{font-size:16px}.project figure{box-shadow:5px 5px 0 #c5f4ce06}.project-image,.project-image img{max-height:300px}figcaption{font-size:8px;padding:10px;gap:5px}.details-body dl{grid-template-columns:1fr}.evolution{padding:45px 5vw}.evolution-heading{grid-template-columns:1fr;gap:25px}.evolution h2{font-size:43px}.evolution-heading p{margin:0}.compare-controls{gap:12px;flex-wrap:wrap}.compare-controls label{min-width:110px;flex:1}.compare-controls button{width:100%}.evolution-grid{grid-template-columns:1fr;gap:20px}.evolution-card img{height:260px}.source-notes{padding:50px 6vw;grid-template-columns:1fr;gap:10px}.source-notes h2{font-size:37px}.closing{padding:65px 6vw}.closing h2{font-size:60px}.closing .hero-actions{align-items:start;flex-direction:column}footer{align-items:start;flex-direction:column}.hero-bottom a{margin-left:auto}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.artifact-front{transform:rotate(-2deg)}.artifact-back{transform:rotate(3deg)}}
/* Keep intrinsic navigation/select widths inside narrow grid tracks. */
.timeline-sidebar,.sidebar-inner{min-width:0}.filters label{min-width:0}.filters select{width:100%}
@media(max-width:760px){.workspace-grid{grid-template-columns:minmax(0,1fr)}.filters label:not(.search-label){flex:1 1 120px}.chapter-nav{max-width:100%}.hero h1{font-size:clamp(52px,12vw,90px)}}

#mobile-stage{display:none;font:10px var(--mono);color:var(--mint)}
@media(max-width:760px){#mobile-stage{display:block;margin-left:auto}.site-header{gap:10px}.project-details summary{min-height:48px}}
@media(prefers-reduced-motion:no-preference){.project figure.arrived{animation:archive-arrival .6s ease-out both}@keyframes archive-arrival{from{transform:translateY(16px);opacity:.7}to{transform:translateY(0);opacity:1}}}

figcaption{font-size:11px}.source-links{line-height:2}.project-details summary{font-size:12px}.tech-tag{min-height:40px}.project-line{font-size:11px}
@media(max-width:760px){figcaption{font-size:10px}.project-line{font-size:10px}.js .rail{min-height:40px}.hero-meta{line-height:1.8}}
@media(max-width:370px){.site-header nav>a:first-child{display:none}}
/* Project-focused editing: one optional filter, full visual coverage, featured VNL. */
.filters{justify-content:space-between}.filters label{min-width:240px}.filters select{min-width:230px}.project-details .details-body{padding-bottom:20px}.source-links{gap:24px}.stack-text{font:12px/1.8 var(--mono);color:var(--mint)}.current-toolkit{border:1px solid #635243;padding:22px;margin-bottom:35px;background:#2a251d}.current-toolkit h3{font:12px var(--mono);margin-bottom:12px;color:var(--accent)}.current-toolkit p{margin:0;font-size:17px;line-height:1.8}#current-work .project-grid{grid-template-columns:1fr}#current-work .project{padding:28px}#current-work .project h3{font-size:32px}#current-work .project figure{margin-bottom:22px}.vnl-feature{margin:30px 0 35px;border:1px solid #68604a;padding:30px;background:linear-gradient(140deg,#27271c,#132320)}.vnl-feature h4{font:38px/1.1 var(--display);letter-spacing:-.035em;margin:0 0 24px;max-width:600px;color:#e5dbb1}.vnl-nav{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:40px}.vnl-nav a{font:10px/1.4 var(--mono);padding:10px 12px;text-decoration:none;background:#172720;border:1px solid #54644b;min-height:38px}.vnl-nav a:hover{background:#354433}.vnl-sequence{list-style:none;padding:0;margin:0;border-left:1px solid #6b7150}.vnl-sequence li{padding:0 0 35px 24px;scroll-margin-top:100px}.vnl-sequence li:last-child{padding-bottom:0}.vnl-step{display:flex;gap:18px;align-items:start;margin-bottom:18px}.vnl-step>span{font:14px var(--mono);background:#233729;color:#ecdaa9;border:1px solid #8c9661;padding:8px;position:relative;margin-left:-43px;min-width:39px}.vnl-step h5{font:24px/1.2 var(--display);margin:0 0 8px}.vnl-step p{color:#bbc9b6;margin:0;font-size:14px}.vnl-sequence img{width:100%;height:auto;border:1px solid #708376}
@media(max-width:760px){.filters{flex-wrap:nowrap}.filters label{min-width:0;flex:1}.filters select{min-width:0}#current-work .project{padding:18px}.vnl-feature{padding:20px 14px}.vnl-feature h4{font-size:30px}.vnl-sequence li{padding-left:15px}.vnl-step{gap:10px}.vnl-step>span{margin-left:-30px;min-width:30px;font-size:11px;padding:6px}.vnl-step h5{font-size:21px}.vnl-nav a{font-size:9px}.vnl-step p{font-size:13px}.current-toolkit p{font-size:15px}}

@media(max-width:760px){#mobile-stage{font-size:8px;max-width:60px;line-height:1.4}}

/* Scroll-linked career navigation stays within the project workspace. */
:root{--site-header-height:76px;--timeline-height:114px}
.js .career-timeline{display:block;position:sticky;top:var(--site-header-height);z-index:19;padding:14px 5vw 10px;background:rgba(16,25,27,.98);border-bottom:1px solid #4a6356;box-shadow:0 12px 24px #0003}
.timeline-caption{display:flex;justify-content:space-between;align-items:center;gap:20px;font:10px/1.5 var(--mono)}
.timeline-caption label{color:var(--mint);letter-spacing:.1em;flex-shrink:0;cursor:pointer}
#timeline-location{color:var(--dim);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.timeline-control{display:flex;align-items:center;gap:18px;font:12px var(--mono);color:var(--mint)}
.timeline-track{position:relative;flex:1;min-width:0}
#career-position{display:block;appearance:none;-webkit-appearance:none;width:100%;height:44px;margin:0;padding:0;border:0;cursor:ew-resize;background:transparent;accent-color:var(--mint)}
#career-position::-webkit-slider-runnable-track{height:4px;border-radius:4px;background:linear-gradient(to right,var(--mint) var(--progress,0%),#42594e var(--progress,0%))}
#career-position::-moz-range-track{height:4px;border-radius:4px;background:#42594e}
#career-position::-moz-range-progress{height:4px;background:var(--mint)}
#career-position::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:22px;height:22px;margin-top:-9px;border:3px solid #102419;border-radius:50%;background:var(--mint);box-shadow:0 0 0 1px var(--mint),0 0 18px #c5f4ce40}
#career-position::-moz-range-thumb{width:16px;height:16px;border:3px solid #102419;border-radius:50%;background:var(--mint);box-shadow:0 0 0 1px var(--mint)}
#career-position:disabled{opacity:.4;cursor:default}
.timeline-markers{position:absolute;inset:0 11px;pointer-events:none}
.timeline-markers span{position:absolute;top:31px;width:1px;height:5px;background:#8fa99b}
html.js{scroll-padding-top:calc(var(--site-header-height) + var(--timeline-height))}
.js .project,.js .chapter,.js .vnl-sequence li{scroll-margin-top:20px}
.js .sidebar-inner{top:calc(var(--site-header-height) + var(--timeline-height) + 24px)}
@media(max-width:760px){.timeline-caption{font-size:9px;gap:12px}.timeline-control{gap:12px;font-size:11px}.js .career-timeline{padding:10px 5vw 8px}}

.stack-summary{max-width:720px;color:var(--dim);font-size:15px;line-height:1.75;margin:0 0 20px}
#current-work{padding-top:22px}#current-work .chapter-heading{margin-bottom:20px}#current-work .chapter-heading h2{font-size:32px;margin-bottom:8px}#current-work .chapter-heading .eyebrow{margin-bottom:8px}#current-work .chapter-heading>p{display:none}#current-work .project-grid{gap:24px}
#current-work .studio-project{padding:20px;background:#121e19;border:1px solid #42594b}
.studio-heading{display:flex;align-items:center;gap:14px;margin-bottom:18px}
#current-work .studio-project h3{font-size:23px;margin:0 0 6px;line-height:1.2}.studio-heading p{margin:0;font-size:13px;color:var(--dim)}
.studio-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:10px}
.project-link{display:flex;align-items:center;gap:10px;padding:10px;min-width:0;background:#1a2921;border:1px solid #354c3d;text-decoration:none;scroll-margin-top:220px}.project-link:hover,.project-link:target{background:#2b4031;border-color:var(--mint)}
.project-link .studio-icon{width:48px;height:48px;object-fit:cover;object-position:top;border:1px solid #536956;border-radius:8px;flex-shrink:0}.project-link>span{min-width:0}.project-link strong{display:block;font:12px/1.4 var(--sans);font-weight:600}.project-link small{display:block;font:9px/1.5 var(--mono);color:var(--dim);margin-top:4px;overflow-wrap:anywhere}
.studio-project .project-details summary{padding:10px 0;font-size:11px}.studio-project .current-toolkit{font-size:12px;padding:12px;margin:15px 0 0}
#current-work #vnl{border:1px solid #8b865c;background:linear-gradient(140deg,#24291e,#132320)}#current-work #vnl h3{font:clamp(38px,4vw,56px)/1.1 var(--display);color:#e5dbb1}.featured-vnl .project-line>span::after{content:' / FEATURED WORK';color:#e5dbb1}
@media(max-width:1100px){.studio-links{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){#current-work .studio-project{padding:14px}#current-work .studio-project h3{font-size:20px}.studio-heading{gap:10px}.studio-heading p{font-size:12px}.project-link{gap:7px;padding:8px}.project-link .studio-icon{width:32px;height:32px}.project-link strong{font-size:11px}.project-link small{font-size:8px}.studio-links{gap:7px}.timeline-sidebar{padding-top:12px;padding-bottom:12px}.technology-map{display:none}}

/* Keep the current feature close to the first screen. */
.project-panel{padding-top:18px}.results-bar{padding:12px 0}
#current-work .chapter-heading .eyebrow{display:none}
@media(min-width:1101px){.studio-links{grid-template-columns:repeat(5,minmax(0,1fr))}.project-link{flex-direction:column;align-items:flex-start;gap:8px}.project-link small{font-size:8px}.project-link strong{font-size:11px}}

/* One authored opening: the name is the hero, and it arrives letter by letter. */
.site-header nav{margin-left:auto}
.hero{display:flex;align-items:flex-end;min-height:calc(82svh - var(--site-header-height));padding:clamp(40px,8vh,96px) 5vw clamp(36px,6vh,72px);background:radial-gradient(ellipse at 82% 28%,#19352b66,transparent 62%)}
.hero .kinetic{display:grid;gap:.02em;margin:0;font:800 clamp(2.75rem,11.6vw,12.5rem)/.9 var(--display);letter-spacing:-.055em}
.kinetic .line{display:block}.kinetic .line-1{color:var(--dim)}.kinetic .line-3{color:var(--mint)}
.kinetic .word{display:inline-block;white-space:nowrap}
.kinetic .slash{display:inline-block;margin-left:.2em;font-weight:200;color:#4f6b5e}
.kinetic .ch{display:inline-block;transition:transform .45s cubic-bezier(.2,.7,.2,1),color .45s}
.kinetic .ch:hover{transform:translateY(-.08em);color:var(--accent)}
@media(prefers-reduced-motion:no-preference){.kinetic .ch{animation:ch-in 1.1s cubic-bezier(.2,.7,.2,1) both;animation-delay:calc(var(--i) * 32ms)}.kinetic .slash{animation:ch-in 1.1s .5s both}}
@keyframes ch-in{from{opacity:0;transform:translateY(.4em);font-weight:200}60%{opacity:1}to{opacity:1;transform:none;font-weight:800}}
.hero+.workspace{margin-top:0}
.results-bar{align-items:center}.results-bar:has(#show-all[hidden]){display:none}
@media(max-width:760px){.hero{min-height:calc(64svh - var(--site-header-height))}.technology-map{display:block}.technology-map .rail-dots{display:none}.hero .kinetic{font-size:14.5vw;line-height:.92}}
