:root{color:#252824;font-synthesis:none;--rust:#c45536;--line:#d9d2c5;background:#f7f2e9;font-family:Inter,Segoe UI,Microsoft YaHei,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--rust);outline-offset:6px}.nav{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;max-width:1440px;margin:auto;padding:26px 5%;display:flex}.brand{letter-spacing:-.5px;align-items:center;gap:10px;font-weight:750;display:flex}.brand span{color:#827d73;font-weight:400}.nav nav{align-items:center;gap:30px;font-size:13px;display:flex}.enter{border:1px solid #bfb6a7;border-radius:7px;padding:11px 17px}.hero{max-width:1280px;margin:0 auto;padding:88px 5% 34px}.eyebrow{letter-spacing:2px;color:var(--rust);text-transform:uppercase;font:11px/1.6 Consolas,monospace}.dot,.record-label i{background:var(--rust);border-radius:50%;width:7px;height:7px;margin-right:10px;display:inline-block}h1{letter-spacing:-5px;margin:28px 0 35px;font-size:clamp(48px,6.3vw,88px);font-weight:600;line-height:1.18}h1 span{color:var(--rust)}.hero-bottom{justify-content:space-between;align-items:flex-end;display:flex}.hero-bottom p{color:#6b6c64;margin:0;font-size:16px;line-height:1.9}.watch{border-bottom:1px solid var(--rust);align-items:center;gap:60px;padding:10px 0;font-size:15px;display:flex}.watch span{color:var(--rust);font-size:30px}.hero-index{border-top:1px solid var(--line);text-align:right;letter-spacing:2px;color:#888378;margin-top:58px;padding-top:18px;font:10px Consolas,monospace}.film-section{max-width:1280px;margin:0 auto;padding:30px 5% 76px}.section-heading{justify-content:space-between;align-items:end;gap:20px;margin-bottom:26px;display:flex}h2{letter-spacing:-1px;margin:10px 0;font-size:clamp(25px,3vw,40px);font-weight:550;line-height:1.4}.record-label{color:#746f64;white-space:nowrap;font-size:11px}.cinema{background:#222620;border:1px solid #3f443b;border-radius:13px;overflow:hidden;box-shadow:0 25px 55px #3f2d1719}.window-bar{color:#b8bcb1;justify-content:space-between;align-items:center;height:43px;padding:0 20px;font:10px Consolas,monospace;display:flex}.window-dots{letter-spacing:4px;color:#6f7469}.cinema video{aspect-ratio:16/10;object-fit:contain;background:#fcf8ef;width:100%;display:block}.film-footer{color:#c4c6bd;justify-content:space-between;align-items:center;padding:14px 20px;font-size:11px;display:flex}.film-footer button{color:#eee9dd;background:0 0;border:0}.disclosure,.scope-note{color:#807b70;font-size:11px;line-height:1.8}.steps{grid-template-columns:repeat(3,1fr);gap:35px;margin-top:40px;display:grid}.steps article{border-top:1px solid var(--line);padding-top:18px}.steps span{color:var(--rust);font:12px Consolas,monospace}h3{font-size:18px;font-weight:550}.steps p,.capabilities p{color:#726d63;max-width:290px;font-size:13px;line-height:1.9}.transcript{color:#746e62;border-top:1px solid var(--line);margin-top:30px;padding-top:18px;font-size:12px}.transcript summary{cursor:pointer}.transcript p{max-width:800px;line-height:1.9}.possibilities{background:#eae4d8;padding:65px max(5%,50vw - 576px)}.capabilities{grid-template-columns:repeat(3,1fr);gap:45px;margin-top:45px;display:grid}.capabilities article{border-top:1px solid #c8bfae;padding-top:24px}.capabilities span{letter-spacing:2px;color:var(--rust);font:10px Consolas,monospace}.scope-note{margin-top:28px}.engineering{color:#f3efe5;background:#242821;grid-template-columns:1fr 1fr;gap:65px;padding:75px max(5%,50vw - 576px);display:grid}.engineering .eyebrow{color:#e19575}.engineering-intro{color:#aeb2a4;max-width:330px;font-size:13px;line-height:1.9}.engineering dl{margin:0}.engineering dl>div{border-top:1px solid #4a4f43;grid-template-columns:95px 1fr;padding:23px 0;display:grid}.engineering dt{color:#a6ac9b;font:11px Consolas,monospace}.engineering dd{margin:0}.engineering strong{font-size:15px;font-weight:500}.engineering dd p{color:#aeb2a4;font-size:12px;line-height:1.8}.closing{text-align:center;padding:80px 20px}.closing h2{font-size:40px}.cta{background:var(--rust);color:#fff9ee;border-radius:7px;margin:25px 0 7px;padding:16px 25px;display:inline-block}.closing>p:last-child{color:#807b70;font-size:11px}footer{border-top:1px solid var(--line);color:#777469;justify-content:space-between;padding:24px 5%;font-size:11px;display:flex}a,button{transition:opacity .2s}a:hover,button:hover{opacity:.72}@media (width<=650px){.nav{padding:20px}.brand span,.nav nav>a:first-child,.nav nav>a:nth-child(2){display:none}.hero{padding-top:55px}h1{letter-spacing:-2px}.hero-bottom{display:block}.watch{width:max-content;margin-top:25px}.hero-index{margin-top:30px}.section-heading{display:block}.record-label{margin-top:15px;display:block}.steps,.capabilities,.engineering{grid-template-columns:1fr;gap:22px}.steps p,.capabilities p{max-width:none}.window-bar{padding:0 10px;font-size:9px}.film-footer{padding:12px 10px;font-size:10px}.film-section{padding-bottom:45px}.engineering{padding-top:50px;padding-bottom:40px}.closing h2{font-size:30px}footer span{display:none}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}.chapter-nav{flex-wrap:wrap;gap:8px;margin-top:15px;display:flex}.chapter-nav button{border:1px solid var(--line);color:#746b5b;background:0 0;border-radius:5px;padding:9px 14px;font-size:11px}.chapter-nav button:hover{border-color:var(--rust);color:var(--rust)}.scene-nav{flex-wrap:wrap;gap:10px;margin:0 0 35px;display:flex}.scene-nav button{border:1px solid var(--line);color:#746b5b;background:0 0;border-radius:9px;padding:14px 20px;font-size:13px}.scene-nav button[aria-pressed=true]{color:#fff5e7;background:#252824;border-color:#252824}.scene-nav button:hover{border-color:var(--rust)}@media (width<=650px){.scene-nav{gap:7px}.scene-nav button{padding:11px 12px;font-size:11px}}.demo-directory{max-width:1280px;margin:0 auto;padding:30px 5% 0}.scene-nav a{border:1px solid var(--line);color:#746b5b;border-radius:9px;padding:14px 20px;font-size:13px}.scene-nav a:hover{border-color:var(--rust);color:var(--rust)}.film-section+.film-section{border-top:1px solid var(--line);padding-top:64px}.next-demo{border-top:1px solid var(--line);color:var(--rust);justify-content:space-between;align-items:center;margin-top:36px;padding:22px 0;font-size:13px;display:flex}.next-demo span{color:#807b70}.next-demo strong{font-weight:500}@media (width<=650px){.scene-nav a{padding:11px 12px;font-size:11px}.film-section+.film-section{padding-top:36px}}.delivery{border-top:1px solid #515746;margin-top:45px;padding-top:25px}.delivery>.eyebrow{color:#e9a388}.delivery-grid{grid-template-columns:repeat(3,1fr);gap:30px;margin-top:25px;display:grid}.delivery-grid strong{font-size:14px;font-weight:500}.delivery-grid p{color:#b8bdaf;font-size:12px;line-height:1.95}@media (width<=760px){.delivery-grid{grid-template-columns:1fr;gap:15px}}:root{--ink:#252824;--muted:#746f64;--paper:#f7f2e9;--serif:Georgia,"Songti SC","SimSun",serif}html{scroll-padding-top:95px}body{overflow-x:clip}.skip{z-index:100;background:var(--ink);color:#fff;padding:14px;position:fixed;top:-80px;left:15px}.skip:focus{top:10px}.nav{z-index:20;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#f7f2e9f2;max-width:none;padding:20px 5%;position:sticky;top:0}.nav nav a{white-space:nowrap}.hero{grid-template-columns:1.15fr 1fr;align-items:center;gap:5%;max-width:1500px;min-height:680px;padding:95px 6% 100px;display:grid}.hero h1{letter-spacing:-3px;font-size:clamp(46px,4.8vw,78px);line-height:1.23}.hero-lead{color:#66685f;font-size:18px;line-height:1.9}.hero-actions{align-items:center;gap:26px;font-size:13px;display:flex}.hero-actions .cta{margin:20px 0}.byline{color:#847d71;letter-spacing:.6px;margin-top:24px;font-size:11px}.hero-workspace{color:#eee8da;background:#242821;border:1px solid #454d3f;border-radius:18px;padding:25px;animation:1s both arrive;position:relative;transform:perspective(1100px)rotateY(-7deg)rotateX(3deg);box-shadow:20px 35px 70px #4d311b26}.workspace-top{letter-spacing:1px;color:#b7bbac;justify-content:space-between;font:10px/1.5 Consolas,monospace;display:flex}.live-dot{color:#e7a184}.orbit-grid{grid-template-columns:repeat(3,1fr);gap:8px;margin:32px 0 0;display:grid}.orbit-grid span{text-align:center;color:#d2d3c8;border:1px solid #59604e;border-radius:6px;padding:12px 6px;font-size:11px}.core{background:radial-gradient(#bc573426,#0000 70%);border-block:1px solid #444a3d;flex-direction:column;align-items:center;gap:13px;margin:25px 0;padding:26px 0;display:flex}.core strong{font-size:21px;font-weight:500}.core small{color:#a4ac96;letter-spacing:2px;font-size:11px}.artifact-stack{gap:9px;display:grid}.artifact-stack a{color:var(--ink);background:#f6f0e4;border-radius:7px;align-items:center;gap:18px;padding:16px;font-size:13px;transition:transform .3s,background .3s;display:flex}.artifact-stack a:hover{opacity:1;background:#fff9ee;transform:translate(5px)}.artifact-stack span{color:var(--rust);font:11px Consolas,monospace}.artifact-stack b{margin-left:auto;font-weight:400}.manifesto{border-top:1px solid var(--line);grid-template-columns:1.2fr 1fr;column-gap:10%;max-width:1280px;margin:auto;padding:70px 6% 80px;display:grid}.manifesto>.eyebrow{grid-column:1/-1}.manifesto h2{margin-top:20px;font-size:clamp(30px,3.1vw,44px)}.manifesto h2 span{color:var(--rust)}.manifesto>p:not(.eyebrow){color:var(--muted);font-size:15px;line-height:2}.project-facts{border-top:1px solid var(--line);grid-column:1/-1;gap:65px;margin-top:35px;padding-top:25px;display:flex}.project-facts span{color:var(--muted);align-items:center;gap:15px;font-size:12px;display:flex}.project-facts b{color:var(--ink);font:26px Consolas,monospace}.demo-directory{max-width:1500px;padding:25px 6% 0}.scene-nav{border-bottom:1px solid var(--line);gap:0;margin:16px 0 0}.scene-nav a{border:none;border-radius:0;padding:18px 22px;position:relative}.scene-nav a:first-child{padding-left:0}.scene-nav a[aria-current=true]{color:var(--rust)}.scene-nav a[aria-current=true]:after{content:"";background:var(--rust);height:2px;position:absolute;bottom:-1px;left:0;right:20px}.case-film{grid-template-columns:minmax(220px,.68fr) minmax(0,1.65fr);gap:7%;max-width:1500px;padding:80px 6% 90px;display:grid}.case-story{align-self:start;position:sticky;top:120px}.case-story h2{margin:22px 0;font-size:clamp(28px,2.7vw,39px);line-height:1.5}.case-story>p:not(.eyebrow){color:var(--muted);font-size:14px;line-height:2}.decision-note{border-left:2px solid var(--rust);margin-top:32px;padding-left:18px}.decision-note>span{color:var(--rust);font-size:11px}.decision-note p{color:var(--muted);font-size:12px;line-height:1.95}.case-proof{min-width:0}.case-proof .section-heading h2{letter-spacing:0;font-size:19px}.case-proof .section-heading .eyebrow{display:none}.case-proof .record-label{white-space:normal;font-size:10px}.case-proof .section-heading{align-items:center;gap:15px}.case-proof .steps{gap:18px;margin-top:28px}.case-proof .steps h3{font-size:14px}.case-proof .steps p{font-size:12px}.case-proof .transcript{margin-top:20px}.case-proof .cinema{box-shadow:0 18px 45px #3f2d1712}.case-film:nth-of-type(2n){background:linear-gradient(90deg,#0000,#eee7da60,#0000)}.architecture{color:#f3efe5;background:#242821;padding:85px max(6%,50vw - 660px)}.architecture-head{grid-template-columns:1fr 1fr;align-items:center;gap:0 10%;display:grid}.architecture-head>.eyebrow{color:#e9a388;grid-column:1/-1}.architecture-head h2{font-size:42px}.architecture-head>p:last-child{color:#b8bdaf;max-width:440px;font-size:14px;line-height:2}.architecture-map{border:1px solid #515746;border-radius:14px;grid-template-columns:1.3fr 1fr;align-items:center;gap:40px;margin:48px 0;padding:32px;display:grid}.layer-buttons{align-items:center;gap:10px;display:flex}.layer-buttons>span{color:#929e84;transform:rotate(-90deg)}.layer-buttons button{text-align:left;color:#f3eee2;background:#30362b;border:1px solid #515b46;border-radius:8px;flex-direction:column;flex:1;gap:12px;min-width:0;padding:18px 10px;font:10px Consolas,monospace;display:flex}.layer-buttons button strong{font:14px Segoe UI,Microsoft YaHei,sans-serif}.layer-buttons button small{color:#acb59e;min-height:30px;font-size:9px;line-height:1.6}.layer-buttons button[aria-pressed=true]{color:#fff;background:#c45536;border-color:#e6a58d;box-shadow:0 5px 25px #c4553625}.layer-buttons button[aria-pressed=true] small{color:#ffe7db}.layer-detail{border-left:1px solid #515746;min-height:185px;padding-left:30px}.layer-detail>span{color:#e9a388;font:11px Consolas,monospace}.layer-detail h3{font-size:21px;line-height:1.6}.layer-detail p{color:#bac1af;margin-bottom:0;font-size:13px;line-height:1.9}.choices{grid-template-columns:repeat(2,1fr);gap:40px 65px;display:grid}.choices article{border-top:1px solid #515746;padding-top:24px}.choices article>span{color:#e9a388;letter-spacing:2px;font:10px Consolas,monospace}.choices p{color:#c1c7b8;font-size:14px;line-height:1.95}.choices small{color:#96a08b;font-size:11px;line-height:1.8;display:block}.ops-strip{border-top:1px solid #515746;flex-wrap:wrap;align-items:center;gap:15px;margin-top:45px;padding-top:25px;font-size:11px;display:flex}.ops-strip span{color:#a2ac96}.ops-strip strong{margin-right:20px;font-weight:400}.about{grid-template-columns:1fr 1.1fr;gap:10%;max-width:1400px;margin:auto;padding:100px 6%;display:grid}.about-intro{align-self:start;position:sticky;top:115px}.about-intro h2{font-size:39px}.about-intro>p:not(.eyebrow){color:var(--muted);font-size:14px;line-height:2}.ownership{background:#ebe2d3;border-radius:9px;margin-top:30px;padding:22px}.ownership>span{color:var(--rust);font-size:11px}.ownership p{color:#665f53;margin-bottom:0;font-size:13px;line-height:1.95}.experience article{border-top:1px solid var(--line);padding:25px 0 35px}.experience article>span{color:var(--rust);font:11px Consolas,monospace}.experience h3{font-size:22px;line-height:1.6}.experience p{color:var(--muted);font-size:14px;line-height:1.95}.outcome{border-left:2px solid var(--rust);margin:20px 0;padding-left:15px;font-size:13px;line-height:1.8}.experience small{color:#827d73;font-size:10px;line-height:1.8;display:block}.evolution{background:#eae4d8;padding:65px max(6%,50vw - 616px)}.evolution-grid{grid-template-columns:repeat(3,1fr);gap:45px;margin-top:40px;display:grid}.evolution-grid article{border-top:1px solid #bfb5a4;padding-top:25px}.evolution-grid span{color:var(--rust);font-size:11px}.evolution-grid p{color:#726b60;font-size:13px;line-height:1.95}.closing{padding:95px 20px}.closing-copy{max-width:510px;color:var(--muted);margin:25px auto 5px;font-size:14px;line-height:1.9}.product-link{width:max-content;margin:18px auto;font-size:13px;display:block}.reveal-ready{transition:opacity .65s,transform .65s cubic-bezier(.2,.7,.3,1)}.reveal-ready:not(.is-visible){opacity:0;transform:translateY(20px)}@keyframes arrive{0%{opacity:0;transform:perspective(1100px)rotateY(-12deg)rotateX(5deg)translateY(20px)}to{opacity:1;transform:perspective(1100px)rotateY(-7deg)rotateX(3deg)}}@media (width>=1500px){.case-story{max-width:330px}}@media (width<=1100px){.hero{gap:4%;padding-top:65px;padding-bottom:70px}.hero h1{font-size:48px}.hero-workspace{padding:18px}.architecture-map{grid-template-columns:1fr;gap:25px}.layer-detail{border-top:1px solid #515746;border-left:0;min-height:150px;padding:25px 0 0}.case-film{grid-template-columns:minmax(190px,.7fr) minmax(0,1.4fr);gap:4%}.case-proof .section-heading{display:block}.case-proof .record-label{margin-top:9px;display:block}.layer-buttons button{padding:18px}.about{gap:6%}}@media (width<=760px){html{scroll-padding-top:85px}.nav{padding:18px 5%}.nav nav{gap:18px;font-size:11px}.nav nav>a:first-child,.nav nav>a:nth-child(2){display:inline}.brand{font-size:13px}.brand span{display:none}.brand img{width:22px;height:22px}.hero{grid-template-columns:1fr;gap:35px;padding:45px 6% 60px}.hero h1{letter-spacing:-2px;font-size:clamp(38px,8vw,58px)}.hero-lead{font-size:15px}.hero-workspace{width:100%;max-width:520px;margin:auto;animation:none;transform:none}.hero-actions{gap:20px;font-size:12px}.manifesto{padding:45px 6%;display:block}.manifesto>p:not(.eyebrow){font-size:14px}.project-facts{justify-content:space-between;gap:22px}.project-facts span{font-size:10px;display:block}.project-facts b{margin-bottom:8px;font-size:23px;display:block}.scene-nav{grid-template-columns:1fr 1fr;display:grid}.scene-nav a,.scene-nav a:first-child{padding:14px 8px;font-size:12px}.case-film{padding:45px 6%;display:block}.case-story{max-width:520px;position:static}.case-story h2{font-size:30px}.case-story h2 br{display:none}.decision-note{margin:22px 0 30px}.case-proof .steps{grid-template-columns:repeat(3,1fr);gap:12px}.case-proof .steps h3{font-size:12px}.case-proof .steps p{font-size:11px}.window-bar>span:last-child{display:none}.window-bar{font-size:8px}.film-footer{gap:6px;font-size:9px}.chapter-nav button{padding:8px;font-size:10px}.architecture{padding:50px 6%}.architecture-head{display:block}.architecture-head h2{font-size:33px}.architecture-map{margin:30px 0;padding:18px}.layer-buttons{grid-template-columns:1fr 1fr;gap:10px;display:grid}.layer-buttons>span{display:none}.layer-buttons button{gap:8px;padding:15px}.layer-buttons button small{min-height:0}.layer-detail{min-height:215px}.choices{grid-template-columns:1fr;gap:30px}.about{padding:60px 6%;display:block}.about-intro{margin-bottom:45px;position:static}.about-intro h2{font-size:32px}.evolution{padding:45px 6%}.evolution-grid{grid-template-columns:1fr;gap:20px;margin-top:25px}.evolution-grid article{padding-top:18px}.closing{padding:60px 6%}.closing h2{font-size:32px}footer{gap:15px}footer span{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}.hero-workspace{transform:none}.reveal-ready:not(.is-visible){opacity:1;transform:none}}body:has(.page-stage){flex-direction:column;height:100dvh;display:flex;overflow:hidden}.nav{flex-shrink:0;width:100%}.page-stage{flex:1;min-height:0;position:relative;overflow:hidden}.portfolio-page{overscroll-behavior-y:contain;scrollbar-gutter:stable;background:var(--paper);scroll-behavior:smooth;position:absolute;inset:0;overflow:hidden auto;transform:translate(100%)}.portfolio-page:first-child{transform:translate(0)}.page-motion .portfolio-page{transition:transform .55s cubic-bezier(.22,.75,.18,1)}.portfolio-page:not(.current-page){pointer-events:none}.nav nav a{padding:10px 0;position:relative}.nav nav a[aria-current=page]{color:var(--rust)}.nav nav a[aria-current=page]:after{content:"";background:var(--rust);height:2px;position:absolute;bottom:0;left:0;right:0}.case-story,.about-intro{top:35px}.page-end{text-align:center;border-top:1px solid var(--line);padding:55px 6% 65px}.page-end>a:not(.cta){margin:20px auto;font-size:13px;display:block}.page-essay{max-width:1280px;margin:auto;padding:65px 6% 80px}.essay-grid{grid-template-columns:1fr 1fr;gap:35px 65px;margin-top:40px;display:grid}.essay-grid article{border-top:1px solid var(--line);padding-top:15px}.essay-grid p,.essay-note p{color:var(--muted);font-size:14px;line-height:2}.essay-note{background:#ebe4d8;border-radius:8px;margin-top:35px;padding:25px}.essay-note strong{color:var(--rust);font-size:14px;font-weight:500}.portfolio-page[data-page=technical]{background:#f7f2e9}.portfolio-page[data-page=personal] .about{padding-top:65px}@media (width<=760px){.essay-grid{grid-template-columns:1fr;gap:20px}.page-essay{padding:40px 6%}.nav nav{gap:12px}.nav nav a{font-size:11px}.case-story,.about-intro{position:static}.page-end h2{font-size:27px}}@media (prefers-reduced-motion:reduce){.portfolio-page{scroll-behavior:auto}.page-motion .portfolio-page{transition:none}}.reading-index{border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:22px;padding:22px max(6%,50vw - 660px);font-size:12px;display:flex}.reading-index span{color:var(--muted);margin-right:12px}.reading-index a{color:var(--rust)}.deep-chapter{border-top:1px solid var(--line);grid-template-columns:.8fr 1.35fr;gap:8%;max-width:1280px;margin:auto;padding:65px 6%;display:grid}.deep-chapter>header{align-self:start;position:sticky;top:35px}.deep-chapter h2{font-size:30px;line-height:1.55}.deep-chapter header>p:last-child{color:var(--muted);font-size:13px;line-height:1.9}.deep-body article+article{border-top:1px solid var(--line);margin-top:32px;padding-top:18px}.deep-body h3{font-size:18px;line-height:1.6}.deep-body p{color:#66685f;margin:14px 0;font-size:14px;line-height:2.05}.deep-body article:first-child h3{margin-top:0}@media (width<=760px){.reading-index{gap:14px;padding:20px 6%;font-size:11px}.reading-index span{width:100%;margin:0}.deep-chapter{padding:40px 6%;display:block}.deep-chapter>header{margin-bottom:30px;position:static}.deep-chapter h2{font-size:26px}.deep-body p{font-size:14px}}
