:root{color-scheme:light;--ink:#18221e;--muted:#78817c;--paper:#f5f5f0;--green:#587360;--margin:7.5vw}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-snap-type:y proximity;scrollbar-width:thin}body{margin:0;background:var(--paper);font-family:"Inter","Arial","Microsoft YaHei","PingFang SC",sans-serif;-webkit-font-smoothing:antialiased;color:var(--ink)}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible{outline:2px solid #6c9279;outline-offset:8px}.masthead{position:fixed;z-index:30;top:0;left:0;width:100%;height:96px;padding:0 4.2vw;display:flex;align-items:center;justify-content:space-between;color:#26362d;transition:color .45s;pointer-events:none}.masthead a{display:flex;gap:14px;align-items:center;pointer-events:auto}.masthead b{font-size:24px;letter-spacing:-1.4px}.masthead a span{font-size:13px;letter-spacing:3px;opacity:.65}.chapter-name{font-size:12px;letter-spacing:1px;opacity:.5}.on-dark .masthead,.on-dark .position{color:#e6ebe7}.scene{position:relative;isolation:isolate;min-height:100svh;height:100svh;scroll-snap-align:start;overflow:hidden;display:flex;align-items:center;padding:100px var(--margin)}.light{background:#f5f5f0}.dark{background:#101411;color:#f3f5ef}.content{position:relative;z-index:3;width:100%;max-width:1800px;margin:0 auto}.eyebrow{margin:0 0 32px;font-size:12px;letter-spacing:3px;font-weight:500;color:#7c887e}.dark .eyebrow{color:#8f9f92}h1,h2,p{margin-top:0}h2{font-size:clamp(48px,5.5vw,116px);line-height:1.24;letter-spacing:-.055em;font-weight:600;margin-bottom:0}h2 em{font-style:normal;color:#6b8370}.dark h2 em{color:#b8cbbc}.opening{text-align:center;justify-content:center;background:radial-gradient(ellipse at 50% 90%,#d9e0d4 0,transparent 50%),#f5f5f0}.hero-copy{z-index:2;margin-top:-2vh}.opening .eyebrow{font-size:16px;letter-spacing:5px;margin:0 0 8px}.opening h1{font-size:clamp(180px,28vw,620px);font-weight:650;letter-spacing:-.09em;line-height:1;margin:0 0 18px;padding-right:.09em;color:#293a2f;text-shadow:0 2px 0 #fff7,0 30px 75px #32483212}.hero-dot{color:#7e9c83}.hero-line{font-size:clamp(18px,1.6vw,33px);letter-spacing:.09em;color:#566258;margin:0}.hero-glow{position:absolute;z-index:0;width:65vw;height:7vw;left:18%;top:77%;background:#9db29980;filter:blur(65px);border-radius:50%}.scroll-cue{position:absolute;bottom:7vh;font-size:28px;font-weight:300;color:#87958a;z-index:5}.why .content{text-align:center}.why{background:radial-gradient(ellipse at 50% 65%,#233629 0,transparent 60%),#101411}.why h2{font-size:clamp(64px,7vw,152px)}.ambient-words{position:absolute;inset:0;pointer-events:none;color:#77887c30;font-size:clamp(32px,6vw,150px);letter-spacing:-.05em;font-weight:500}.ambient-words span{position:absolute}.ambient-words span:nth-child(1){top:13%;left:7%}.ambient-words span:nth-child(2){right:10%;top:27%}.ambient-words span:nth-child(3){bottom:11%;right:7%;font-size:.85em}.memory .content{max-width:1650px}.memory h2{font-size:clamp(48px,4.6vw,100px)}.numbers{display:flex;align-items:center;gap:6vw;margin-top:9vh}.numbers>div{display:flex;flex-direction:column;gap:16px}.numbers strong{font-size:clamp(88px,11vw,250px);line-height:1;letter-spacing:-.065em;font-weight:500}.numbers strong small{font-size:.42em;vertical-align:middle;margin-right:12px;color:#a1ada0}.numbers span{font-size:13px;letter-spacing:4px;color:#889186;padding-left:7px}.numbers i{height:12vw;max-height:240px;width:1px;background:#cbd2c8;transform:rotate(16deg);margin:0 1vw}.agents .content{padding-bottom:8vh}.agents h2{font-size:clamp(50px,5vw,112px)}.agent-type{position:absolute;right:5vw;bottom:11vh;z-index:1;width:43vw;opacity:.85}.agent-type div{display:flex;gap:3vw;padding-left:2vw;color:#a3b6a9;font-size:clamp(18px,1.7vw,40px);letter-spacing:-.03em}.agent-type p{font-size:clamp(80px,9vw,220px);letter-spacing:-.07em;margin:2vh 0 0;border-bottom:1px solid #72947e55;padding-bottom:18px;color:#e6ede9}.agents{background:radial-gradient(ellipse at 90% 100%,#2c4434 0,transparent 55%),#101411}.projects .content{max-width:1750px}.projects h2{font-size:clamp(48px,5.2vw,115px)}.keywords{display:flex;gap:28px;margin-top:42px;font-size:15px;color:#899185}.keywords span+span{border-left:1px solid #c8cec5;padding-left:28px}.paper-space{position:absolute;right:-14vw;bottom:-18vh;width:67vw;height:85vh;transform:rotate(-21deg);z-index:0}.paper-space div{position:absolute;width:75%;height:85%;border:1px solid #d5dbd1;border-radius:9px;background:linear-gradient(125deg,#ffffff70,#e2e8dc80);box-shadow:-35px 35px 70px #4a5c3b0b;transform:skewY(8deg)}.paper-space div:nth-child(2){left:13%;top:15%;background:linear-gradient(125deg,#eff3e9,#ced9c6)}.paper-space div:nth-child(3){left:26%;top:30%;background:linear-gradient(125deg,#d9e2d0,#aebeaa)}.assets{background:radial-gradient(ellipse at 90% 75%,#2f3c32 0,transparent 55%),#121713}.assets .content{z-index:3}.assets h2{font-size:clamp(48px,5.2vw,115px)}.project-anchors{display:flex;gap:20px;margin-top:40px;font-size:16px;letter-spacing:.03em;color:#a6b1a6}.project-anchors span{color:#4b5a4e}.file-sculpture{position:absolute;width:46vw;height:57vh;right:-1vw;bottom:3vh;transform:rotate(-13deg);z-index:1}.file{position:absolute;width:18vw;height:26vw;max-height:490px;border:1px solid #adbcaa45;border-radius:7px;background:linear-gradient(140deg,#8fa68e20,#2b3b2b60);box-shadow:-20px 20px 60px #0002;display:flex;align-items:flex-end;padding:2vw;color:#cad9c8;font-size:clamp(15px,1.5vw,32px)}.f1{left:0;top:0;transform:rotate(-18deg)}.f2{left:6vw;top:0;transform:rotate(-9deg)}.f3{left:12vw;top:0}.f4{left:18vw;top:0;transform:rotate(9deg)}.f5{left:24vw;top:0;transform:rotate(18deg);background:linear-gradient(130deg,#8da78c70,#354d3660)}.growth{background:#eeefe8}.growth .content{z-index:3}.growth h2{font-size:clamp(48px,5vw,112px)}.growth-note{margin-top:42px;color:#6d7f6d;font-size:18px;letter-spacing:.14em}.growth-art{position:absolute;width:75vw;height:75vw;right:-32vw;bottom:-49vw;transform:rotate(-25deg);z-index:1}.growth-art div{position:absolute;inset:0;border-radius:50%;background:linear-gradient(130deg,#f7f9f180,#9eae8e);box-shadow:inset 20px 15px 35px #fff9,0 -15px 40px #6c7d5415}.growth-art div:nth-child(2){inset:10%;background:linear-gradient(130deg,#f3f7e9,#809776)}.growth-art div:nth-child(3){inset:21%;background:linear-gradient(130deg,#e0ead7,#526f52)}.ending{text-align:center;justify-content:center;background:#101813}.ending h2{font-size:clamp(70px,8vw,180px);letter-spacing:-.06em}.ending .content>p:last-child{font-size:clamp(20px,2vw,40px);color:#9eb19f;margin:36px 0 0;letter-spacing:.15em}.ending .eyebrow{font-size:16px;letter-spacing:7px;margin-bottom:30px}.end-light{position:absolute;bottom:-30vw;left:17vw;width:65vw;height:42vw;border-radius:50%;background:#6c8f6b40;filter:blur(80px)}.position{position:fixed;z-index:30;bottom:32px;left:4.2vw;right:4.2vw;display:flex;align-items:center;gap:18px;color:#536358;pointer-events:none;transition:color .45s;font-size:11px;letter-spacing:3px}.position-line{height:1px;width:90px;background:currentColor;opacity:.3}.position-line i{display:block;height:100%;width:0;background:currentColor;transition:width .6s}.end-mark{margin-left:auto;opacity:.4;letter-spacing:1px}.content,.hero-copy,.agent-type,.file-sculpture{transition:opacity .85s,translate 1s cubic-bezier(.2,.7,.2,1)}.js .scene:not(.visited) .content,.js .scene:not(.visited) .hero-copy{opacity:0;translate:0 28px}.js .scene:not(.visited) .agent-type,.js .scene:not(.visited) .file-sculpture{opacity:0;translate:0 40px}@media(min-width:2100px){:root{--margin:10vw}.masthead{height:120px}.eyebrow{font-size:15px}.keywords,.project-anchors{font-size:20px}}@media(max-width:900px){:root{--margin:8vw}.masthead{height:72px}.chapter-name{display:none}.scene{padding-top:100px;padding-bottom:100px}h2{font-size:clamp(36px,6vw,66px)}.why h2{font-size:8vw}.memory h2{font-size:6vw}.agents .content{padding-bottom:22vh}.agent-type{width:70vw;right:8vw;bottom:15vh}.agent-type p{font-size:14vw}.file-sculpture{opacity:.5;right:-3vw;bottom:10vh;width:65vw}.file{width:25vw;height:34vw}.growth-art{width:100vw;height:100vw;right:-45vw;bottom:-60vw}.numbers{gap:4vw}.numbers strong{font-size:15vw}.numbers i{height:20vw}.keywords{gap:14px;font-size:12px}.keywords span+span{padding-left:14px}.paper-space{opacity:.6}}@media(max-width:560px){.scene{min-height:740px;height:100svh}.opening h1{font-size:39vw}.hero-line{font-size:14px;letter-spacing:.03em}.eyebrow{font-size:10px;letter-spacing:1.5px;margin-bottom:26px}.memory h2,.agents h2,.projects h2,.assets h2,.growth h2{font-size:8.3vw;line-height:1.4}.why h2{font-size:9.4vw}.numbers{margin-top:70px;gap:20px}.numbers strong{font-size:15.5vw}.numbers span{font-size:9px;letter-spacing:2px}.numbers i{margin:0;height:22vw}.agents .content{padding-bottom:140px}.agent-type{bottom:19vh}.agent-type div{font-size:17px}.file-sculpture{bottom:13vh;right:0}.assets .content{padding-bottom:100px}.growth-art{bottom:-35vw;opacity:.7}.ending h2{font-size:13vw}.position{bottom:25px}.hero-glow{width:100vw;left:0}.keywords{gap:10px}.keywords span+span{padding-left:10px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.content,.hero-copy,.agent-type,.file-sculpture,.position-line i{transition:none}.js .scene:not(.visited) .content,.js .scene:not(.visited) .hero-copy,.js .scene:not(.visited) .agent-type,.js .scene:not(.visited) .file-sculpture{opacity:1;translate:none}}