@font-face{font-family:Space Grotesk;src:url('./assets/space-grotesk-latin.woff2') format('woff2');font-weight:300 700;font-display:swap}
:root{--bg:#05090d;--fg:#eaf3f3;--cyan:#9cf9ff;--muted:#879da5;--line:#ffffff24;--display:'Space Grotesk','Segoe UI',sans-serif;--sans:'Segoe UI','Microsoft YaHei',sans-serif;--mono:'Consolas','SFMono-Regular',monospace;color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--bg);color:var(--fg);font:16px/1.7 var(--sans);-webkit-font-smoothing:antialiased}::selection{background:var(--cyan);color:var(--bg)}a{color:inherit;text-decoration:none}button{font:inherit}a,button,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid currentColor;outline-offset:7px}p{margin:0 0 1rem}h1,h2,h3{margin:0;font-weight:500}.mono,.eyebrow{font-family:var(--mono);font-size:.7rem;letter-spacing:.065em}.eyebrow{color:var(--cyan);margin-bottom:1.7rem}.skip-link{position:fixed;z-index:100;top:-100px;left:1rem;background:var(--cyan);color:#05090d;padding:.6rem 1rem}.skip-link:focus{top:1rem}
#scene{position:fixed;inset:0;pointer-events:none;z-index:0;background:radial-gradient(ellipse at 65% 45%,#092633,transparent 60%)}#scene canvas{display:block;width:100%;height:100%}.scene-shade{position:fixed;inset:0;pointer-events:none;z-index:1;background:linear-gradient(90deg,#05090d80,transparent 64%),linear-gradient(0deg,#05090d70,transparent 30%,transparent 75%,#05090d60)}.site-header{position:absolute;top:0;left:0;width:100%;z-index:10;display:flex;justify-content:space-between;align-items:center;gap:2rem;padding:1.65rem 4.5%;border-bottom:1px solid var(--line)}.wordmark{font:600 1.05rem var(--display);letter-spacing:.05em;display:flex;align-items:center;gap:.5rem}.mark{font-size:1.5rem;line-height:1;font-weight:400;transform:scaleX(.9);margin-right:.25rem}.site-header nav{display:flex;gap:2rem;font-size:.8rem}.site-header nav a{padding:.3rem 0}.site-header nav a:hover{color:var(--cyan)}.header-signal{display:flex;align-items:center;gap:.7rem;color:#99b2bc;font-size:.6rem}.header-signal i{height:5px;width:5px;background:var(--cyan);border-radius:50%;box-shadow:0 0 10px var(--cyan)}.progress-track{position:fixed;z-index:40;left:0;top:0;right:0;height:2px}#scroll-progress{width:0;display:block;height:100%;background:var(--cyan)}main{position:relative;z-index:2}.hero{height:110svh;min-height:780px;padding:116px 7% 40px;position:relative}.hero-coordinate{display:flex;justify-content:space-between;color:#a1bbc5;font-size:.65rem}.hero-heading{margin-top:7.5vh}.hero-heading .eyebrow{font-size:.75rem;margin-bottom:1.4rem}.cross{margin-right:.8rem;font-size:1.25rem;vertical-align:-1px}h1{font-family:var(--display);font-size:clamp(6rem,12.4vw,13rem);font-weight:600;line-height:.91;letter-spacing:-.07em}h1 .outline-word{color:transparent;-webkit-text-stroke:1px #c3f7fa;letter-spacing:-.09em;margin-right:.06em}.title-dot{color:var(--cyan)}.hero-intro{margin-top:2.5rem;display:flex;gap:1.6rem;align-items:flex-start}.intro-rule{width:38px;height:1px;background:var(--cyan);margin-top:1.05rem}.hero-intro p{font-size:clamp(1.25rem,1.65vw,1.65rem);line-height:1.65;margin:0 0 .7rem;letter-spacing:.04em}.hero-intro div>span{color:#8fa7b1;font-size:.875rem}.hero-side{position:absolute;right:3.3%;top:50%;writing-mode:vertical-rl;display:flex;gap:1.1rem;align-items:center;color:#8aabb8;font-size:.6rem}.hero-side i{height:52px;width:1px;background:#527787}.hero-bottom{position:absolute;bottom:42px;left:7%;right:7%;display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding-top:1.4rem}.scroll-cue{display:flex;gap:1.1rem;align-items:center}.scroll-arrow{border:1px solid #5c858d;border-radius:50%;width:43px;height:43px;display:grid;place-items:center;color:var(--cyan);font-size:1.3rem;transition:background .3s}.scroll-cue:hover .scroll-arrow{background:var(--cyan);color:#05090d}.scroll-cue>.mono{font-size:.65rem}.scroll-cue>.mono>span{display:block;color:var(--muted);font-family:var(--sans);font-size:.7rem;letter-spacing:0}.hero-path{color:#9db6be}.hero-path b{font-weight:400;margin:0 1.5rem;color:#608895}.hero-counter{color:#b3d3dd}
.act{height:165svh;min-height:1250px;position:relative}.act-sticky{position:sticky;top:0;height:100svh;min-height:720px;padding:3.1rem 7%;display:flex;flex-direction:column;justify-content:center;overflow:hidden}.act-top{position:absolute;left:7%;right:7%;top:3rem;display:flex;justify-content:space-between;color:#769aa9;font-size:.7rem}.act-top b{color:var(--cyan);font-weight:400;margin-right:.8rem}.act-top>span:last-child{letter-spacing:.15em}.act-copy{max-width:600px;position:relative;z-index:2}.act-copy .eyebrow{font-family:var(--sans);letter-spacing:.18em;font-size:.8rem;margin-bottom:1.3rem}.act-copy h2{font-size:clamp(2.9rem,4.6vw,5.2rem);line-height:1.28;letter-spacing:-.055em;margin-bottom:1.4rem}.act-copy h2>span{color:var(--cyan)}.act-description{font-size:.9rem;line-height:2;color:#a3b6be;margin-bottom:1.8rem}.featured-link{display:grid;grid-template-columns:1fr 1.5rem;gap:.2rem 1rem;align-items:center;padding:1rem 0;border-top:1px solid #78bcc345;border-bottom:1px solid #78bcc345;max-width:390px}.featured-link>span:first-child{font:500 1.5rem var(--display);letter-spacing:-.025em}.featured-link .link-meta{grid-column:1;font-size:.75rem;color:#91abb5}.featured-link>b{grid-column:2;grid-row:1/3;font-size:1.5rem;font-weight:400;color:var(--cyan);transition:transform .2s}.featured-link:hover>b{transform:translate(3px,-3px)}.companion-link{font-size:.75rem;color:#9ab2bc;display:block;margin:1rem 0}.companion-link>span{color:var(--cyan);margin-left:.7rem}.companion-link:hover{color:var(--cyan)}.stack-line{color:#789caa;line-height:1.9;font-size:.63rem;letter-spacing:.03em;margin-top:1.7rem}.scene-label{position:absolute;left:62%;bottom:16%;display:flex;gap:1rem;align-items:flex-start;color:var(--cyan);font-size:.65rem}.label-cross{font-size:1.7rem;line-height:1.2}.scene-label b{font-weight:400;display:block;letter-spacing:.12em}.scene-label div>span{display:block;color:#7fa0ad;font-family:var(--sans);font-size:.75rem;letter-spacing:.12em;margin-top:.5rem}.act-word{position:absolute;bottom:-.18em;left:6%;font:600 clamp(5rem,13vw,15rem)/1 var(--display);letter-spacing:-.06em;color:#bdfaff06;-webkit-text-stroke:1px #bdfaff16;pointer-events:none}.act-media .act-copy{margin-left:51%;max-width:590px}.act-media .scene-label{left:7%}.act-workflow .act-copy{max-width:630px}.act-workflow .act-copy h2{font-size:clamp(2.6rem,4.4vw,5rem)}.act-creative .act-copy{margin-left:6%}.act-creative .scene-label{left:68%}
.chapter-nav{position:fixed;right:1.35rem;top:50%;transform:translateY(-50%);z-index:30;display:flex;flex-direction:column}.chapter-nav a{height:35px;min-width:42px;display:flex;justify-content:flex-end;align-items:center;gap:.65rem;color:#62818e}.chapter-nav span{font:.6rem var(--mono);opacity:0;transition:opacity .2s}.chapter-nav i{height:2px;width:6px;background:currentColor;transition:width .2s}.chapter-nav a.active,.chapter-nav a:hover{color:var(--cyan)}.chapter-nav a.active span,.chapter-nav a:hover span{opacity:1}.chapter-nav a.active i{width:19px}.scene-hud{position:fixed;left:1.5rem;bottom:1.25rem;z-index:10;display:flex;gap:1.5rem;color:#648a9c;font-size:.55rem;pointer-events:none}.motion-toggle{position:fixed;right:1.3rem;bottom:1rem;z-index:35;border:1px solid #698a9b52;background:#071118cf;color:#adcad3;padding:.55rem .8rem;display:flex;align-items:center;gap:.6rem;cursor:pointer;min-height:36px;font-size:.65rem;backdrop-filter:blur(12px)}.motion-toggle:hover{border-color:var(--cyan);color:var(--cyan)}#motion-icon{font-size:.85rem}.on-index .chapter-nav a{color:#598084}.on-index .chapter-nav a.active{color:#10222a}.on-index .scene-hud{opacity:0}.on-index .motion-toggle{background:#e7eeeddf;color:#344e55;border-color:#81999d66}
.work-section{background:#e7eeeb;color:#172d32;position:relative;padding:6rem 9% 4rem;z-index:3}.index-kicker{display:flex;justify-content:space-between;border-bottom:1px solid #1a414233;padding-bottom:1.5rem;color:#4b696d;font-size:.65rem}.work-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:3rem;padding:3.7rem 0 4rem}.work-heading h2{font:500 clamp(3.5rem,6.8vw,7.2rem)/.95 var(--display);letter-spacing:-.065em}.work-heading h2>span{color:#538389}.work-heading>p{font-size:.875rem;line-height:1.9;margin:0;color:#5e7476}.work-heading>p>a{font:.75rem var(--mono);display:inline-block;margin-top:1.5rem;border-bottom:1px solid #8caaa9;padding-bottom:.3rem;color:#20484b}.project{border-top:1px solid #294c4e33;scroll-margin-top:25px}.project:last-child{border-bottom:1px solid #294c4e33}.project summary{list-style:none;display:grid;grid-template-columns:2.5rem 1fr 15rem 1.5rem;align-items:center;gap:1.25rem;padding:1.8rem 0;cursor:pointer}.project summary::-webkit-details-marker{display:none}.project-number{color:#6c8587;font-size:.65rem}.project-name{font:500 clamp(1.3rem,2.15vw,2.2rem)/1.15 var(--display);letter-spacing:-.04em}.project-name>span{font:.75rem/1.5 var(--sans);display:block;letter-spacing:.02em;color:#6a8184;margin-top:.6rem}.project-category{color:#6a8385;font-size:.6rem}.project-plus{font:400 1.9rem var(--display);transition:transform .2s;color:#4b7478}.project[open] .project-plus{transform:rotate(45deg)}.project summary:hover .project-name,.project[open] .project-name{color:#1d6a74}.project-detail{padding:0 4rem 2rem 3.75rem;display:grid;grid-template-columns:1.3fr 1fr;gap:1rem 3rem}.project-detail>p{font-size:.9rem;line-height:1.9;max-width:610px;margin:0;color:#4c696d}.project-tech{font-size:.75rem;color:#5c7b7c;align-self:center;line-height:2}.repo-link{font:500 .75rem var(--display);grid-column:1/-1;display:flex;gap:2rem;align-items:center;width:fit-content;border-bottom:1px solid #85aaa8;padding:.45rem 0;color:#174b50}.repo-link:hover{color:#087c90}.repo-link>span{font-size:1.2rem}.fork-note{display:grid;grid-template-columns:1fr 2fr;gap:3rem;margin-top:3rem;padding:1.5rem 0 0;color:#657f81}.fork-note>.mono{font-size:.65rem}.fork-note p{font-size:.8rem;margin:0}.fork-note a{color:#2e5d62;border-bottom:1px solid #9fb8b5}.fork-note small{display:block;margin-top:.5rem;color:#7d9292;font-size:.7rem}
.about-section{position:relative;z-index:3;background:#081216;padding:5rem 9% 0;border-top:1px solid #7999a235}.about-section>.eyebrow{font-size:.65rem;letter-spacing:.08em}.about-heading{display:flex;align-items:center;justify-content:space-between;gap:3rem}.about-heading h2{font-size:clamp(2.25rem,4.4vw,4.6rem);letter-spacing:-.05em;line-height:1.35}.about-heading h2>span{color:#6d919d}.github-orbit{width:180px;height:180px;border:1px solid #507988;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:.5rem;flex-shrink:0;transition:background .25s,border-color .25s}.github-orbit span{font:.55rem var(--mono);color:#8ea9b4;letter-spacing:.08em}.github-orbit b{font-size:3.5rem;line-height:1.1;font-weight:300;color:var(--cyan)}.github-orbit:hover{border-color:var(--cyan);background:#12303a}.about-bottom{display:flex;justify-content:space-between;gap:3rem;margin:4rem 0;color:#95a9b1;font-size:.875rem;line-height:2}.about-bottom p>span{color:#6c8792;font-size:.8rem}.about-bottom>.mono{font-size:.65rem;color:#6e8e9c;padding-top:.4rem}footer{display:flex;align-items:center;justify-content:space-between;gap:2rem;border-top:1px solid #7494a22d;padding:1.6rem 0 4rem;font-size:.75rem;color:#839ca6}footer .wordmark{font-size:.8rem;color:#c2d5d9}footer .mark{font-size:1.1rem}footer>.mono{font-size:.6rem;color:#6e8e9c}.scene-unavailable #scene{background:repeating-linear-gradient(0deg,transparent 0 55px,#85edff08 56px),repeating-linear-gradient(90deg,transparent 0 55px,#85edff08 56px),radial-gradient(ellipse at 70% 30%,#123c4a,transparent 65%)}.scene-unavailable .scene-label,.scene-unavailable .scene-hud{display:none}.motion-paused *{scroll-behavior:auto}
@media(max-width:1100px){.header-signal{display:none}.act-copy{max-width:52%}.act-copy h2{font-size:3.6rem}.act-media .act-copy{margin-left:48%;max-width:52%}.act-workflow .act-copy{max-width:60%}.act-workflow .act-copy h2{font-size:3.1rem}.act-top{font-size:.6rem}.scene-label{font-size:.55rem}.project summary{grid-template-columns:2rem 1fr 10rem 1.2rem;gap:1rem}.project-category{font-size:.55rem}.work-section,.about-section{padding-left:7%;padding-right:7%}.project-detail{padding-left:3rem}.hero-heading{margin-top:10vh}.hero-path b{margin:0 .7rem}}
@media(max-width:700px){html{scroll-padding-top:16px}.site-header{padding:1.4rem 6%;gap:1rem}.wordmark{font-size:.8rem}.mark{font-size:1.2rem}.site-header nav{gap:1.1rem;font-size:.72rem}.site-header nav a:first-child{display:none}.hero{height:100svh;min-height:740px;padding:98px 6% 30px}.hero-coordinate{font-size:.52rem;letter-spacing:0}.hero-coordinate>span:last-child{display:none}.hero-heading{margin-top:9vh}.hero-heading .eyebrow{font-size:.62rem;margin-bottom:1.5rem}h1{font-size:clamp(3.8rem,15.1vw,6.5rem);line-height:1;letter-spacing:-.065em}.hero-intro{margin-top:2.1rem;gap:1rem}.intro-rule{width:22px}.hero-intro p{font-size:1.2rem}.hero-intro div>span{font-size:.76rem;max-width:25ch;display:block}.hero-side{display:none}.hero-bottom{left:6%;right:6%;bottom:40px;padding-top:1.2rem}.hero-path{display:none}.hero-counter{font-size:.6rem}.scroll-cue>.mono{font-size:.58rem}.scroll-arrow{width:36px;height:36px}.act{height:150svh;min-height:1100px}.act-sticky{min-height:740px;padding:5.5rem 7% 14rem;justify-content:flex-start}.act-top{top:2rem;left:7%;right:7%;font-size:.55rem}.act-top>span:last-child{display:none}.act-copy,.act-media .act-copy,.act-workflow .act-copy,.act-creative .act-copy{max-width:100%;margin:0}.act-copy .eyebrow{font-size:.7rem;margin-bottom:1rem}.act-copy h2,.act-workflow .act-copy h2{font-size:clamp(2.4rem,9vw,3.3rem);margin-bottom:1rem;line-height:1.3}.act-description{font-size:.78rem;line-height:1.9;margin-bottom:1.2rem;max-width:41ch}.act-description br{display:none}.featured-link{max-width:100%;padding:.8rem 0}.featured-link>span:first-child{font-size:1.2rem}.featured-link .link-meta{font-size:.67rem}.featured-link>b{font-size:1.2rem}.companion-link{margin:.8rem 0;font-size:.7rem}.stack-line{font-size:.53rem;margin-top:1.1rem}.scene-label,.act-media .scene-label,.act-creative .scene-label{left:7%;bottom:13%;font-size:.52rem}.scene-label div>span{font-size:.65rem}.label-cross{font-size:1.25rem}.act-word{font-size:16vw;bottom:7%;left:6%}.scene-shade{background:linear-gradient(180deg,#05090d3d 0%,#05090d85 43%,transparent 72%,#05090d44 100%)}.chapter-nav{display:none}.scene-hud{left:.8rem;bottom:1.2rem;gap:.8rem;font-size:.5rem}.motion-toggle{right:.7rem;bottom:.7rem;font-size:.6rem;min-height:36px}.work-section{padding:3.5rem 6% 3rem}.index-kicker{font-size:.52rem;letter-spacing:0;gap:1rem;align-items:flex-start}.index-kicker>span{max-width:22ch}.index-kicker>span:last-child{text-align:right;max-width:18ch}.work-heading{display:block;padding:2.5rem 0}.work-heading h2{font-size:clamp(3rem,12.4vw,5rem)}.work-heading>p{font-size:.8rem;margin-top:1.5rem}.work-heading>p>a{margin-top:.7rem;font-size:.7rem}.project summary{grid-template-columns:1.3rem 1fr 1rem;gap:.7rem;padding:1.4rem 0}.project-name{font-size:clamp(1.12rem,4.6vw,1.8rem);letter-spacing:-.03em;overflow-wrap:anywhere}.project-name>span{font-size:.65rem;line-height:1.5;margin-top:.5rem}.project-number{font-size:.55rem}.project-category{display:none}.project-plus{font-size:1.5rem}.project-detail{padding:0 0 1.5rem 2rem;display:block}.project-detail>p{font-size:.8rem;line-height:1.9}.project-tech{font-size:.65rem;margin:.8rem 0;line-height:1.8}.repo-link{font-size:.64rem;max-width:100%;overflow-wrap:anywhere;gap:.8rem}.fork-note{display:block;margin-top:1.5rem;padding-top:1rem}.fork-note>.mono{font-size:.55rem;display:block;margin-bottom:.6rem}.fork-note p{font-size:.72rem}.about-section{padding:3.5rem 7% 0}.about-section>.eyebrow{font-size:.58rem}.about-heading{align-items:flex-start;gap:1.5rem;flex-direction:column}.about-heading h2{font-size:2.2rem}.github-orbit{width:120px;height:120px;margin-top:1rem}.github-orbit span{font-size:.45rem}.github-orbit b{font-size:2.2rem}.about-bottom{display:block;margin:2.5rem 0 2rem;font-size:.78rem}.about-bottom p>span{font-size:.72rem;display:block;margin-top:.7rem}.about-bottom>.mono{display:none}footer{padding-bottom:4.5rem;gap:1rem}footer>.mono{display:none}footer>a:last-child{font-size:.7rem}}
@media(max-height:780px) and (min-width:701px){.act-sticky{min-height:680px}.act-copy h2{font-size:3.6rem}.act-copy .eyebrow{margin-bottom:.8rem}.act-description{margin-bottom:1rem}.stack-line{margin-top:1rem}.act-top{top:1.8rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}
/* Anchor framing: a chapter starts at the viewport edge; detail rows keep their own margin. */
html{scroll-padding-top:0}.hero{height:100svh}
.scene-unavailable #scene canvas{display:none}
@media(max-width:700px){.act-description{font-size:.85rem}.featured-link .link-meta{font-size:.73rem}.stack-line{font-size:.63rem}.project-detail>p{font-size:.9rem}.project-tech{font-size:.7rem}.hero-counter{display:none}}