@charset "UTF-8";
:root{--paper:#efece4;--ink:#193e34;--muted:#64736a;--orange:#e65f3b;--line:#c8cec2;--serif:"Noto Serif SC","Source Han Serif SC","Songti SC","SimSun",serif;--sans:"Inter","Segoe UI","PingFang SC","Microsoft YaHei",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:32px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased}::selection{background:#eeaa8c;color:#153e32}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button:disabled{cursor:default}a,button{-webkit-tap-highlight-color:transparent}button[hidden]{display:none}:focus-visible{outline:2px solid var(--orange);outline-offset:6px}h1,h2,h3,p,figure{margin:0}svg{display:block}img{max-width:100%}.mono{font-family:"SFMono-Regular",Consolas,monospace;font-size:11px;font-weight:400;letter-spacing:.06em}.accent{color:var(--orange)}.skip{position:fixed;top:8px;left:8px;padding:12px 18px;background:var(--ink);color:var(--paper);transform:translateY(-150%);z-index:20}.skip:focus{transform:none}
.site-header{height:96px;display:flex;align-items:center;justify-content:space-between;padding:0 4.5vw;border-bottom:1px solid #193e341b;position:relative;z-index:5}.wordmark{display:flex;align-items:center;font-size:26px;font-weight:650;letter-spacing:-1.5px;line-height:1}.wordmark svg{width:30px;height:30px;margin-right:10px;stroke:var(--ink);stroke-width:1.9;fill:none}.wordmark-dot{color:var(--orange)}.site-header nav{display:flex;align-items:center;gap:38px;font-size:14px}.site-header nav a{position:relative;padding:12px 0}.site-header nav a:after{content:"";position:absolute;bottom:3px;left:0;width:100%;height:1px;background:var(--orange);transform:scaleX(0);transform-origin:left;transition:transform .25s}.site-header nav a:hover:after{transform:scaleX(1)}.prototype-tag{border:1px solid #193e343a;padding:6px 10px;font-size:10px;letter-spacing:.08em}.header-return{font-size:12px}.hero{min-height:800px;height:calc(100svh - 96px);max-height:1040px;position:relative;padding:38px 4.5vw 0;overflow:hidden}.hero-index{display:flex;align-items:center;gap:9px}.status-dot{display:inline-block;width:5px;height:5px;background:var(--orange);border-radius:50%}.hero-aside{position:absolute;left:43%;top:40px;font-size:13px;line-height:1.8;z-index:2}.hero-title-wrap{position:relative;padding-top:200px;z-index:2;pointer-events:none;width:max-content;max-width:100%}.hero-title-wrap h1{font-family:var(--serif);font-size:clamp(76px,7.7vw,122px);font-weight:500;letter-spacing:-.07em;line-height:1.2}.hero-title-wrap h1>span{display:inline-block;margin-left:70px}.hero-star{display:block;position:absolute;top:126px;left:2px;color:var(--orange);font-size:53px;line-height:1}.hero-subtitle{font-size:13px;margin-top:35px;letter-spacing:.05em}.portal{position:absolute;width:75%;height:95%;top:-3%;left:31%;z-index:1;user-select:none;touch-action:pan-y}.portal canvas{display:block;width:100%;height:100%;opacity:0;transition:opacity .8s}.portal.is-ready canvas{opacity:1}.portal-fallback{position:absolute;width:100%;height:100%;object-fit:contain;transition:opacity .6s}.portal.is-ready .portal-fallback{opacity:0;pointer-events:none}.hero-bottom{position:absolute;bottom:35px;left:4.5vw;right:4.5vw;display:flex;align-items:end;justify-content:space-between;z-index:3}.explore-link{display:flex;align-items:center;gap:32px;font-size:13px;padding:12px 0}.explore-link span{font-size:30px;transition:transform .25s}.explore-link:hover span{transform:translate(4px,4px)}.scene-caption{display:flex;align-items:center;gap:10px}.scene-caption>div{display:flex;flex-direction:column;gap:9px;margin-right:14px}.scene-caption .mono{font-size:9px}.scene-caption #scene-status{font-size:11px;color:var(--muted)}.icon-button{width:42px;height:42px;border-radius:50%;background:transparent;border:1px solid #193e3452;display:grid;place-items:center;font-size:21px;transition:background .25s}.icon-button:hover{background:#fff7}.icon-button span{display:block;line-height:1;font-family:Arial,sans-serif}.icon-button[aria-pressed="true"]{background:var(--ink);color:var(--paper)}
.section-top{display:flex;align-items:center;justify-content:space-between;font-size:12px;padding-bottom:26px;border-bottom:1px solid currentColor}.writing{padding:50px 4.5vw 40px;background:var(--ink);color:var(--paper);position:relative}.writing .section-top{border-color:#ffffff35}.writing-heading{display:flex;justify-content:space-between;align-items:end;margin:52px 0 42px}.writing h2{font-family:var(--serif);font-weight:400;font-size:clamp(36px,4.3vw,64px);letter-spacing:-.055em;line-height:1.3}.writing-heading>p{font-size:13px;line-height:1.9;color:#c4cfc4;margin-right:6%}.feature-story{display:grid;grid-template-columns:1fr 1fr;background:var(--paper);color:var(--ink)}.story-visual{position:relative;overflow:hidden;background:#dbe2d5;display:flex;align-items:center}.story-visual svg{width:100%;height:auto}.story-lines{transition:transform 1s ease;transform-origin:50% 50%}.feature-story:hover .story-lines{transform:rotate(-4deg) scale(1.04)}.visual-caption{position:absolute;left:32px;bottom:26px;font-size:9px}.story-copy{padding:36px 8% 44px;display:flex;flex-direction:column}.story-meta{display:flex;align-items:center;justify-content:space-between;padding-bottom:28px;border-bottom:1px solid #193e342a;font-size:10px}.story-copy h3{font-family:var(--serif);font-size:clamp(28px,3.2vw,48px);font-weight:400;letter-spacing:-.035em;line-height:1.42;margin:34px 0 22px}.story-copy h3 a{display:block}.story-copy h3 a:hover{color:#bc4628}.story-copy p{font-size:14px;line-height:1.9;max-width:360px;color:#4e6357}.read-link{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--ink);padding:15px 0;font-size:13px;margin-top:auto;gap:24px}.story-copy .read-link{margin-top:38px}.read-link span{font-size:25px;transition:transform .25s}.read-link:hover span{transform:translate(4px,-4px)}.writing-foot{display:flex;justify-content:space-between;gap:30px;font-size:11px;margin-top:26px;color:#b8cbbd}.writing-foot .mono{font-size:9px}
.play{padding:50px 4.5vw 80px;background:#e2e7db}.play .section-top{border-color:#193e343a}.play-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:40px;margin-top:50px}.play h2{font-family:var(--serif);font-size:clamp(38px,4vw,58px);font-weight:400;line-height:1.45;letter-spacing:-.03em}.play p{font-size:14px;line-height:1.9;margin:24px 0 30px;color:#4d6255}.text-button{background:none;border:0;border-bottom:1px solid var(--ink);padding:12px 0;font-size:13px}.text-button span{margin-left:25px}.fold-study{position:relative;height:390px;perspective:1000px;display:grid;place-items:center}.fold-study>.mono{position:absolute;bottom:6px;left:0;right:0;text-align:center;font-size:9px}.fold-sheet{position:absolute;width:200px;height:240px;box-shadow:26px 35px 35px #193e3420;transition:transform 1s cubic-bezier(.22,1,.36,1);border:1px solid #193e3412}.sheet-a{background:#f6f3e9;transform:rotateY(-28deg) rotateX(32deg) rotateZ(-28deg) translate(-50px,-10px)}.sheet-b{background:var(--orange);transform:rotateY(-28deg) rotateX(32deg) rotateZ(-28deg) translate(0,10px)}.sheet-c{background:#1c493e;transform:rotateY(-28deg) rotateX(32deg) rotateZ(-28deg) translate(50px,30px)}.fold-study:hover .sheet-a{transform:rotateY(20deg) rotateX(20deg) rotateZ(-18deg) translate(-60px,-30px)}.fold-study:hover .sheet-b{transform:rotateY(20deg) rotateX(20deg) rotateZ(-18deg) translate(0,0)}.fold-study:hover .sheet-c{transform:rotateY(20deg) rotateX(20deg) rotateZ(-18deg) translate(60px,30px)}.about{padding:80px 4.5vw 100px;display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:end}.about>.mono{grid-column:1/-1;font-size:10px}.about h2{font-family:var(--serif);font-size:clamp(38px,4vw,58px);font-weight:400;line-height:1.4;letter-spacing:-.03em}.about p{font-size:14px;line-height:2.1;color:#566b5e;max-width:370px;margin-bottom:8px}.about .back-top{grid-column:1/-1;justify-self:end}.back-top{font-size:12px;padding:12px 0}.back-top:hover{color:#bd492b}.site-footer{padding:30px 4.5vw;display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid #193e3433;font-size:12px}.footer-name{font-size:24px;letter-spacing:-1px;font-weight:650}.site-footer .mono{font-size:9px;color:#607568}
.article-page{background:#f7f5ef}.article-page .site-header{border-color:#193e3420}.reading-progress{height:3px;position:fixed;left:0;right:0;top:0;z-index:10}.reading-progress span{display:block;height:100%;width:100%;background:var(--orange);transform:scaleX(0);transform-origin:left}.article-hero{max-width:1184px;margin:auto;padding:76px 48px 0 264px}.article-meta{display:flex;justify-content:space-between;gap:20px;font-size:10px;padding-bottom:32px}.article-hero h1{font-family:var(--serif);font-size:clamp(42px,4.4vw,65px);font-weight:400;line-height:1.35;letter-spacing:-.045em}.article-deck{font-size:20px;line-height:1.8;color:#617366;margin-top:28px}.article-cover{margin-top:40px;overflow:hidden;background:#e5e9dd}.article-cover svg{width:100%;height:auto}.sample-note{font-size:11px;color:#69766c;line-height:1.8;padding:15px 0 26px;border-bottom:1px solid #193e3427}.reading-layout{max-width:1184px;margin:52px auto 110px;padding:0 48px;display:grid;grid-template-columns:168px minmax(0,760px);gap:48px;align-items:start}.article-toc{position:sticky;top:36px;padding-top:7px;display:flex;flex-direction:column;gap:16px}.article-toc>p{font-size:9px;margin-bottom:12px;color:#6f7b70}.article-toc>a{font-size:11px;line-height:1.6;color:#6a786c;position:relative;transition:color .2s}.article-toc>a:hover,.article-toc>a[aria-current="location"]{color:var(--ink)}.article-toc>a[aria-current="location"]:before{content:"";width:4px;height:4px;background:var(--orange);position:absolute;left:-13px;top:7px}.prose{font-size:18px;line-height:2;color:#294c3e;min-width:0}.prose section{scroll-margin-top:36px}.prose p{margin-bottom:26px}.prose .lead{font-family:var(--serif);font-size:26px;line-height:1.7;color:var(--ink);margin-bottom:28px}.prose h2{font-family:var(--serif);font-size:32px;font-weight:400;line-height:1.6;color:var(--ink);letter-spacing:-.03em;margin:13px 0 24px}.prose blockquote{border-left:2px solid var(--orange);margin:40px 0;padding:6px 0 6px 26px;font-family:var(--serif);font-size:22px;line-height:1.8;color:var(--ink)}.section-number{margin-top:64px;padding-top:32px;border-top:1px solid #193e3427;font-size:9px;color:#6b786c}.communication-demo{margin:36px 0 30px;border:1px solid #a8b8a9;background:#ecefe5}.demo-tabs{display:flex;padding:10px;gap:5px;border-bottom:1px solid #c3cbbd}.demo-tabs>button{border:0;padding:10px 13px;background:transparent;font-size:12px;line-height:1.5;flex:1;white-space:nowrap}.demo-tabs>button[aria-pressed="true"]{background:var(--ink);color:var(--paper)}.demo-tabs>button:hover:not([aria-pressed="true"]){background:#d5decf}.demo-content{padding:28px}.demo-content>h3{font-family:var(--serif);font-size:23px;line-height:1.6;font-weight:400;letter-spacing:-.02em;margin-bottom:26px}.message-flow{display:grid;grid-template-columns:1fr 22px 1fr;gap:16px;align-items:start}.message-side{border-top:1px solid #9bac98;padding-top:17px}.message-side>.mono{font-size:9px;color:#5a6e5d}.message-side p{font-size:14px;line-height:1.9;margin:12px 0 22px;min-height:105px}.flow-arrow{color:var(--orange);padding-top:37px;font-size:22px}.demo-bottom{display:flex;gap:26px;border-top:1px solid #c3cbbd;padding-top:18px;align-items:center;min-height:80px}.demo-bottom p{font-size:12px;line-height:1.8;margin:0;flex:1}.demo-action{flex-shrink:0;padding:9px 13px;border:1px solid #6e8774;background:transparent;font-size:11px;line-height:1.5}.demo-action:hover:not(:disabled){background:#d6dfcf}.demo-action:disabled{opacity:.55}.communication-demo figcaption{font-size:10px;line-height:1.7;padding:12px 28px;background:#f7f5ef;color:#6d796d;border-top:1px solid #c3cbbd}.margin-thought{padding:24px 28px;margin:35px 0;background:#e6eadd;display:flex;align-items:start;gap:28px}.margin-thought .mono{font-size:9px;white-space:nowrap;padding-top:7px;color:#627662}.margin-thought>p{font-family:var(--serif);font-size:23px;color:var(--ink);line-height:1.7;margin:0}.prose .closing-question{font-family:var(--serif);font-size:30px;color:var(--ink);line-height:1.7;margin:32px 0 56px}.article-end{border-top:1px solid #193e3440;padding-top:26px;display:flex;flex-direction:column;gap:18px}.article-end>.mono{font-size:9px;color:#6c7a6d}.article-end>.read-link{font-size:16px;margin-top:12px}.article-end>.back-top{align-self:end}.no-script-note{font-size:14px}
.article-hero>*{max-width:760px}.article-page:not(.has-js) .demo-tabs,.article-page:not(.has-js) .demo-action{display:none}
@media(min-width:1700px){.hero-title-wrap{padding-top:250px}.hero-star{top:170px}.portal{left:27%;width:73%}.hero-title-wrap h1{font-size:140px}}
@media(max-width:1100px){.hero{min-height:720px}.hero-title-wrap{padding-top:210px}.hero-title-wrap h1{font-size:88px}.hero-title-wrap h1>span{margin-left:34px}.portal{width:80%;left:29%}.hero-aside{left:auto;right:5%}.scene-caption .mono{display:none}.story-copy{padding:30px 7%}.story-copy h3{font-size:36px}.story-copy p{font-size:13px}.article-hero{padding-left:228px}.reading-layout{grid-template-columns:132px minmax(0,760px);gap:48px}.prose{font-size:17px}.article-hero h1{font-size:54px}}
@media(max-width:760px){.site-header{height:78px;padding:0 6vw}.wordmark{font-size:23px;letter-spacing:-1.2px}.wordmark svg{width:25px;height:25px;margin-right:7px}.site-header nav{gap:19px;font-size:12px}.prototype-tag,.header-return{display:none}.hero{height:calc(100svh - 78px);min-height:760px;max-height:900px;padding:25px 6vw 0}.hero-index{font-size:8px;letter-spacing:.06em}.hero-aside{display:none}.hero-title-wrap{padding-top:53px}.hero-title-wrap h1{font-size:clamp(56px,12vw,82px);line-height:1.23;letter-spacing:-.055em}.hero-title-wrap h1>span{margin-left:38px}.hero-star{right:-40px;left:auto;top:47px;font-size:32px}.hero-subtitle{font-size:11px;margin-top:22px;letter-spacing:0}.portal{left:-13%;width:130%;top:215px;height:480px}.hero-bottom{left:6vw;right:6vw;bottom:25px;display:grid;gap:14px;grid-template-columns:1fr auto;align-items:center}.explore-link{font-size:11px;gap:16px;grid-row:2}.explore-link span{font-size:24px}.scene-caption{display:contents}.scene-caption>div{grid-column:1;grid-row:1;margin:0}.scene-caption #scene-status{font-size:10px}.scene-caption .mono{display:none}.icon-button{width:38px;height:38px;font-size:20px}#scene-angle{grid-column:2;grid-row:1}#motion-toggle{grid-column:2;grid-row:2}.writing{padding:35px 6vw 32px}.section-top{font-size:10px;padding-bottom:20px}.section-top .mono{font-size:9px}.writing-heading{display:block;margin:36px 0 30px}.writing h2{font-size:35px;letter-spacing:-.04em}.writing-heading p{font-size:12px;line-height:1.8;margin-top:20px}.writing-heading p br{display:none}.feature-story{grid-template-columns:1fr}.story-visual{max-height:330px;aspect-ratio:1.3}.visual-caption{font-size:7px;left:22px;bottom:18px}.story-copy{padding:24px}.story-meta{font-size:8px;padding-bottom:19px;gap:10px}.story-copy h3{font-size:32px;line-height:1.45;margin-top:25px}.story-copy p{font-size:13px}.story-copy .read-link{margin-top:27px}.writing-foot{font-size:9px;line-height:1.9;display:block;margin-top:20px}.writing-foot .mono{display:block;margin-top:15px;font-size:8px}.play{padding:35px 6vw 55px}.play-grid{grid-template-columns:1fr;margin-top:38px;gap:10px}.play h2{font-size:35px}.play p{font-size:12px;margin:20px 0}.text-button{font-size:12px}.fold-study{height:330px}.fold-sheet{width:148px;height:190px}.fold-study>.mono{font-size:8px}.about{padding:50px 6vw 65px;grid-template-columns:1fr;gap:27px}.about h2{font-size:35px}.about p{font-size:12px;line-height:2}.about>.mono{font-size:8px}.site-footer{padding:25px 6vw;flex-wrap:wrap;gap:18px}.footer-name{font-size:23px}.site-footer>span:nth-child(2){font-size:10px}.site-footer .mono{width:100%;font-size:8px}.article-hero{padding:44px 6vw 0}.article-meta{font-size:8px;padding-bottom:25px;gap:12px}.article-hero h1{font-size:38px;line-height:1.45;letter-spacing:-.045em}.article-deck{font-size:15px;line-height:1.8;margin-top:22px}.article-cover{margin-top:30px}.article-cover svg{min-height:125px;object-fit:cover}.sample-note{font-size:9px;padding:14px 0 22px}.reading-layout{display:flex;flex-direction:column;margin-top:25px;padding:0 6vw;margin-bottom:65px;gap:28px}.article-toc{position:static;width:100%;display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:0 0 22px;border-bottom:1px solid #193e3420}.article-toc>p{grid-column:1/-1;margin:0;font-size:8px}.article-toc>a{font-size:10px}.article-toc>a[aria-current="location"]:before{left:-9px;top:6px;width:3px;height:3px}.prose{font-size:16px;line-height:1.95}.prose p{margin-bottom:23px}.prose .lead{font-size:21px}.prose h2{font-size:27px;line-height:1.55;margin:12px 0 23px}.prose blockquote{font-size:20px;padding-left:20px;margin:30px 0}.section-number{margin-top:44px;font-size:8px;padding-top:25px}.communication-demo{margin:27px 0}.demo-tabs{padding:6px;gap:3px}.demo-tabs>button{font-size:10px;padding:10px 3px;white-space:normal}.demo-content{padding:21px 18px}.demo-content>h3{font-size:21px;margin-bottom:22px}.message-flow{grid-template-columns:1fr;gap:0}.message-side p{font-size:13px;min-height:0;margin-bottom:15px}.flow-arrow{padding:0;margin:-2px 0 10px;transform:rotate(90deg);justify-self:center}.message-side{padding-top:12px}.demo-bottom{flex-direction:column;align-items:start;gap:15px;min-height:130px}.demo-bottom p{font-size:11px}.demo-action{font-size:10px;padding:10px 13px}.communication-demo figcaption{font-size:9px;padding:12px 18px}.margin-thought{padding:22px;display:block;margin:30px 0}.margin-thought .mono{display:block;padding:0;margin-bottom:12px;font-size:8px}.margin-thought>p{font-size:20px}.prose .closing-question{font-size:25px;line-height:1.7}.article-end>.read-link{font-size:14px}.article-end>.mono{font-size:8px}}
/* Intrinsic text flow keeps enlarged copy ahead of the scene and controls. */
.site-header{height:auto;min-height:96px;flex-wrap:wrap;gap:8px 24px;padding:20px 4.5vw}
.wordmark{flex-shrink:0;max-width:100%}.site-header nav{flex-wrap:wrap}.site-header nav a{white-space:nowrap}
.hero{display:flex;flex-direction:column;height:auto;min-height:max(640px,calc(100svh - 96px));max-height:none;padding-bottom:35px;overflow:clip}
.hero-index,.hero-title-wrap{flex-shrink:0}.hero-title-wrap{order:1}.hero-title-wrap h1>span{max-width:calc(100% - 70px)}
.hero-scene{position:absolute;inset:0;z-index:1;pointer-events:none}
.hero-bottom{position:relative;inset:auto;order:3;margin-top:auto;flex-shrink:0;gap:24px;flex-wrap:wrap}
.explore-link{min-width:0}.explore-link span{flex-shrink:0}.scene-caption{min-width:0}.scene-caption>div{min-width:0}
.icon-button{width:auto;height:auto;min-width:42px;min-height:42px;padding:8px;aspect-ratio:1;flex-shrink:0}
@media(max-width:1100px) and (min-width:761px){.hero-title-wrap h1>span{max-width:calc(100% - 34px)}}
@media(max-width:760px){
  .site-header{min-height:78px;padding:16px 6vw}
  .hero{min-height:max(720px,calc(100svh - 78px));padding-bottom:25px}
  .hero-title-wrap h1>span{max-width:calc(100% - 38px)}.hero-star{right:-8px}
  .hero-scene{position:relative;inset:auto;order:2;flex:1 0 310px;min-height:310px}
  .portal{left:-21.6%;width:147.7%;top:-7px;height:435px}
  .hero-bottom{padding-top:0;gap:14px;flex-wrap:nowrap;grid-template-columns:minmax(0,1fr) auto}
  .icon-button{min-width:38px;min-height:38px}
}
@media(max-width:760px) and (max-height:820px){.portal{top:-17px;height:400px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}.feature-story:hover .story-lines{transform:none}.fold-study:hover .sheet-a{transform:rotateY(-28deg) rotateX(32deg) rotateZ(-28deg) translate(-50px,-10px)}.fold-study:hover .sheet-b{transform:rotateY(-28deg) rotateX(32deg) rotateZ(-28deg) translate(0,10px)}.fold-study:hover .sheet-c{transform:rotateY(-28deg) rotateX(32deg) rotateZ(-28deg) translate(50px,30px)}}