@font-face{font-family:Deuterium Sans;src:url('https://xiwanzi.cn-nb2.rains3.com/deuterium-official/r82-e455d305512e/assets/geist-latin.woff2') format('woff2');font-weight:100 900;font-display:swap}
@font-face{font-family:Deuterium Mono;src:url('https://xiwanzi.cn-nb2.rains3.com/deuterium-official/r82-e455d305512e/assets/geist-mono-latin.woff2') format('woff2');font-weight:100 900;font-display:swap}
:root{--ink:#1c1c1c;--muted:#747474;--paper:#ededed;--white:#fafafa;--line:#d3d3d3;--signal:#e8e24b;--red:#a3a3a3;--rail:80px;--sans:'Deuterium Sans','Microsoft YaHei','PingFang SC',sans-serif;--mono:'Deuterium Mono',Consolas,monospace;--serif:'Songti SC','Noto Serif SC','SimSun',serif;--ease:cubic-bezier(.22,1,.36,1);color-scheme:light}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--paper);color:var(--ink)}html{scrollbar-gutter:stable;font-family:var(--sans);font-size:16px}body{overflow-x:clip}body:has(.home:not([hidden])){overflow-y:auto}button,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button{cursor:pointer;border:0;border-radius:0;color:inherit;background:none}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:square;stroke-linejoin:miter;flex:none}figure,p,h1,h2,h3,h4,ul,ol,dl,dd{margin:0}ul,ol{padding:0}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--red);outline-offset:5px}[hidden]{display:none!important}.symbols{position:absolute;width:0;height:0;overflow:hidden}.lock{overflow:hidden}.is-loading{overflow:hidden}.skip-link{position:fixed;z-index:300;top:12px;left:96px;transform:translateY(-160%);background:var(--signal);padding:12px 20px}.skip-link:focus{transform:none}::selection{background:var(--signal);color:var(--ink)}#main{margin-left:var(--rail);min-height:100svh;outline:0}

/* Deuterium entry sequence: one progress spine, a familiar emblem, then opening planes. */
.boot{position:fixed;inset:0;z-index:200;background:#1a1a1a;color:#f1f1f1;overflow:hidden;--progress:0}.boot-surface{position:absolute;inset:0;background:radial-gradient(ellipse at 64% 42%,#272727 0,#1e1e1e 37%,#191919 76%)}.boot-surface::after{content:'';position:absolute;inset:20px;border:1px solid #ffffff0c}.boot-track{position:absolute;inset:0 auto 0 0;width:8px;background:#ffffff08}.boot-track>div{height:calc(var(--progress)*1%);width:100%;background:var(--signal);transition:height .09s linear}.boot-progress{position:absolute;left:30px;top:clamp(86px,calc(var(--progress)*.83vh),calc(100vh - 100px));font-family:var(--mono);color:var(--signal);transition:top .09s linear;z-index:3}.boot-progress>span{display:flex;gap:7px;align-items:baseline}.boot-progress b{font-size:50px;font-weight:400;line-height:1}.boot-progress i{font-style:normal;font-size:22px}.boot-progress small{display:block;margin-top:12px;font:11px var(--sans);letter-spacing:2px;color:#929292}.boot-coordinate{position:absolute;top:38px;left:42px;right:42px;display:flex;justify-content:space-between;color:#888888;font:10px var(--mono);letter-spacing:1.7px}.boot-coordinate span:first-child{color:#e4e4e4;font-weight:600}.boot-center{position:absolute;left:50%;top:43%;transform:translate(-50%,-50%);width:min(480px,64vw);text-align:center;transition:opacity .45s,transform .9s var(--ease)}.boot-emblem{width:124px;height:124px;margin:0 auto 32px;position:relative}.boot-emblem img{width:100%;height:100%;filter:none;opacity:.94;animation:boot-emblem-in 1s var(--ease) both}.boot-emblem i{position:absolute;inset:-16px;border:1px solid #fff2;border-left-color:var(--signal);border-right-color:var(--signal);clip-path:polygon(0 0,14% 0,14% 1%,86% 1%,86% 0,100% 0,100% 14%,99% 14%,99% 86%,100% 86%,100% 100%,86% 100%,86% 99%,14% 99%,14% 100%,0 100%,0 86%,1% 86%,1% 14%,0 14%);animation:frame-form 1s var(--ease) .18s both}.boot-word{display:flex;justify-content:center;align-items:baseline;gap:15px;font-weight:650;letter-spacing:-2px;font-size:44px;overflow:hidden}.boot-word>span,.boot-word>b{animation:word-up 1.05s var(--ease) .25s both}.boot-word>b{font-weight:500;color:var(--signal);animation-delay:.38s}.boot-sub{display:flex;justify-content:space-between;border-top:1px solid #ffffff29;padding-top:16px;margin:17px auto 0;width:350px;max-width:100%;font-size:11px;letter-spacing:3px;color:#adadad}.boot-sub span:last-child{font-family:var(--mono);letter-spacing:1px}.boot-bottom{position:absolute;left:50%;top:71%;width:420px;max-width:65vw;transform:translateX(-50%);display:flex;gap:22px;align-items:center}.boot-mark{font:44px var(--serif);color:var(--signal);border-right:1px solid #ffffff29;padding-right:21px;line-height:1}.boot-bottom p{font:17px var(--serif);letter-spacing:3px;margin:12px 0 7px}.boot-bottom small{color:#8a8a8a;font:9px var(--mono);letter-spacing:2px}.boot-bars{display:flex;gap:4px}.boot-bars i{width:19px;height:3px;background:var(--signal);animation:bar-pulse 1.5s linear infinite}.boot-bars i:nth-child(2){animation-delay:.13s}.boot-bars i:nth-child(3){animation-delay:.26s}.boot-bars i:nth-child(4){animation-delay:.39s}.boot-bars i:nth-child(5){animation-delay:.52s}.boot-bars i:nth-child(6){animation-delay:.65s}.boot-bars i:nth-child(7){animation-delay:.78s}.boot-skip{position:absolute;right:38px;bottom:32px;color:#afafaf;display:flex;gap:18px;align-items:center;font-size:12px;z-index:7;padding:10px}.boot-skip span{font:10px var(--mono);padding:6px;border:1px solid #fff3}.boot-skip:hover{color:var(--white)}.boot-panels{position:absolute;inset:0;display:flex;pointer-events:none;z-index:5;visibility:hidden}.boot-panels i{background:var(--paper);height:100%;width:25.1%;transform:scaleY(0);transform-origin:bottom;will-change:transform}.boot.exit .boot-center{opacity:0;transform:translate(-50%,-53%)}.boot.exit .boot-bottom,.boot.exit .boot-progress,.boot.exit .boot-coordinate,.boot.exit .boot-skip{opacity:0;transition:opacity .3s}.boot.exit .boot-panels{visibility:visible}.boot.exit .boot-panels i{animation:boot-shutter 1.35s var(--ease) both}.boot.exit .boot-panels i:nth-child(2){animation-delay:.075s}.boot.exit .boot-panels i:nth-child(3){animation-delay:.15s}.boot.exit .boot-panels i:nth-child(4){animation-delay:.225s}.boot.revealing{background:transparent}.boot.revealing .boot-surface,.boot.revealing .boot-track{opacity:0}.boot.finished{visibility:hidden;pointer-events:none}
@keyframes boot-emblem-in{from{opacity:0;transform:scale(.84)}to{opacity:.94;transform:scale(1)}}@keyframes frame-form{from{opacity:0;transform:scale(1.45)}to{opacity:1;transform:scale(1)}}@keyframes word-up{from{transform:translateY(120%)}to{transform:translateY(0)}}@keyframes bar-pulse{0%,70%,100%{opacity:.18}35%{opacity:1}}@keyframes boot-shutter{0%{transform:scaleY(0);transform-origin:bottom}44%{transform:scaleY(1);transform-origin:bottom}45%{transform:scaleY(1);transform-origin:top}100%{transform:scaleY(0);transform-origin:top}}

/* The fixed navigation is part of the frame, not part of the photograph. */
.rail{position:fixed;z-index:70;inset:0 auto 0 0;width:var(--rail);background:var(--white);display:flex;flex-direction:column;align-items:center;border-right:1px solid #21212119}.rail-brand{height:112px;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px}.rail-brand img{width:47px;height:47px}.rail-brand>span{font:700 10px var(--mono);letter-spacing:2px}.rail-menu{position:relative;width:60px;min-height:66px;padding:15px 18px 28px;border-top:1px solid var(--line);margin-bottom:18px}.rail-menu>span{display:block;height:2px;background:var(--ink);width:23px;transition:transform .4s,background .3s}.rail-menu>span+span{margin-top:6px;width:16px}.rail-menu small{font:8px var(--mono);position:absolute;left:19px;bottom:12px;letter-spacing:1px}.rail-menu:hover>span+span{width:23px}.menu-open .rail-menu>span:first-child{transform:translateY(4px) rotate(45deg)}.menu-open .rail-menu>span:nth-child(2){transform:translateY(-4px) rotate(-45deg);width:23px}.rail-links{width:100%;display:flex;flex-direction:column;gap:5px;padding:0 10px}.rail-links>a{position:relative;height:49px;display:flex;align-items:center;justify-content:center;color:#a2a2a2;transition:background .25s,color .25s}.rail-links>a svg{width:23px;height:23px}.rail-links>a.active{background:var(--signal);color:var(--ink)}.rail-links>a.active::before{content:'';position:absolute;left:-10px;top:0;bottom:0;width:4px;background:var(--ink)}.rail-links>a:hover{color:var(--ink);background:#e8e8e8}.rail-links>a.active:hover{background:var(--signal)}.rail-links>a>span{position:absolute;left:70px;top:50%;transform:translate(-7px,-50%);white-space:nowrap;opacity:0;pointer-events:none;background:var(--ink);padding:13px 18px;color:var(--white);font-size:12px;letter-spacing:2px;transition:.22s}.rail-links>a:hover>span,.rail-links>a:focus-visible>span{opacity:1;transform:translate(0,-50%)}.rail-links>a i{font:8px var(--mono);position:absolute;right:3px;bottom:3px;opacity:.7;font-style:normal}.rail-bottom{margin-top:auto;display:flex;flex-direction:column;align-items:center;width:100%;gap:15px;padding:18px 10px 16px}.rail-bottom>button{width:40px;height:35px;color:#7c7c7c}.rail-bottom>button:hover{color:var(--ink)}.rail-bottom>button svg{width:18px;height:18px}.rail-download{width:52px;height:82px;background:var(--ink);color:var(--signal);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;clip-path:polygon(0 0,100% 0,100% 88%,80% 100%,0 100%);transition:background .3s,color .3s}.rail-download span{font-size:12px;letter-spacing:2px}.rail-download:hover{background:var(--signal);color:var(--ink)}.rail-code{font:8px var(--mono);color:#727272;letter-spacing:1px}.topline{position:absolute;z-index:35;left:var(--rail);right:0;top:0;height:82px;padding:0 5.1%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #23232322;transition:color .4s;gap:25px}.wordmark{font-size:21px;font-weight:700;letter-spacing:-.7px;display:flex;align-items:center;gap:8px}.wordmark>b{font-weight:400}.wordmark>span{font-size:10px;font-weight:400;letter-spacing:2px;opacity:.65;margin-left:14px;padding-left:20px;border-left:1px solid currentColor}.topline-right{display:flex;gap:38px;align-items:center}.topline-right>span{font:9px var(--mono);letter-spacing:1.6px;opacity:.65}.topline-right>a{font-size:12px;display:flex;align-items:center;gap:10px}.topline-right svg{width:13px;height:13px}.is-home .topline{color:var(--white);border-color:#fff4}.is-home .topline-right>a{color:#fff}.is-home .topline-right>a:hover{color:var(--signal)}

/* Real photographs form the entire home composition. */
.home{height:auto;min-height:100svh;background:#292929;color:var(--white)}.hero{position:relative;width:100%;height:100svh;min-height:700px;overflow:hidden}.hero-slides,.hero-slide,.hero-shade{position:absolute;inset:0}.hero-slides{overflow:hidden}.hero-slide{visibility:hidden;opacity:0;z-index:0;overflow:hidden;background:#242424}.hero-slide img{width:100%;height:100%;object-fit:cover;object-position:52% 50%;transform:scale(var(--crop,1.05));filter:none}.hero-slide.active{visibility:visible;opacity:1;z-index:2}.hero-slide.departing{visibility:visible;opacity:1;z-index:1}.hero-slide.entering{opacity:0}.hero-slide{transition:opacity .95s ease}.hero-slide.active img{animation:none;transform:scale(var(--crop,1.05))}.hero.paused .hero-slide img{animation-play-state:paused}.hero-shade{pointer-events:none;z-index:4;background:linear-gradient(90deg,#191919ad 0%,#1f1f1f7a 24%,#1f1f1f28 58%,#1e1e1e10 100%),linear-gradient(0deg,#1a1a1aea 0%,#1f1f1f9c 17%,transparent 61%,#13131340 100%)}.hero-topnote{position:absolute;z-index:5;right:5.1%;top:111px;display:flex;align-items:center;gap:16px;font:10px var(--mono);letter-spacing:1px}.hero-topnote>span:last-child{font:11px var(--sans);color:var(--signal);border-left:1px solid #fff5;padding-left:16px}.mini-cross{font-size:19px}.hero-copy{position:absolute;left:6.1%;bottom:228px;z-index:6;width:77%;max-width:800px}.hero-label{display:flex;align-items:center;gap:10px;letter-spacing:2px;font-size:12px;margin-bottom:25px}.hero-label>span{width:20px;height:3px;background:var(--signal)}.hero-label>i{font:9px var(--mono);font-style:normal;color:#dedede;opacity:.65;letter-spacing:1.5px;margin-left:5px}.hero-wordmark{display:flex;align-items:baseline;gap:16px;font-size:clamp(46px,5.5vw,92px);font-weight:680;line-height:.88;letter-spacing:-.075em;color:#f6f6f6;white-space:nowrap}.hero-wordmark>b{font-weight:450;position:relative;margin-left:2px;letter-spacing:-.07em}.wordmark-dot{position:absolute;width:8px;height:8px;right:-16px;bottom:7px;background:var(--signal)}.hero h1{font-family:var(--sans);font-weight:500;letter-spacing:4px;font-size:clamp(35px,3.4vw,58px);line-height:1.4;margin:31px 0 17px}.hero h1 span{display:block}.hero h1>span:first-child{font-size:.6em;font-weight:350;margin-bottom:6px;letter-spacing:7px}.hero-description{font-size:13px;letter-spacing:1.5px;color:#e4e4e4c7;line-height:1.8}.hero-actions{display:flex;align-items:center;gap:29px;margin-top:31px}.action-primary{display:flex;align-items:center;gap:19px;background:var(--signal);color:var(--ink);min-width:239px;height:67px;padding:0 24px;position:relative;clip-path:polygon(0 0,100% 0,100% 78%,94% 100%,0 100%);transition:background .3s}.action-primary::after{content:'';position:absolute;left:0;top:0;bottom:0;width:4px;background:#1b1b1b40}.action-primary>svg{width:23px;height:23px}.action-primary>span{font-size:18px;font-weight:600;letter-spacing:3px;line-height:1.35}.action-primary small{display:block;font:8px var(--mono);letter-spacing:1.3px;margin-top:5px;opacity:.55}.action-primary>i{margin-left:auto;font:10px var(--mono);font-style:normal;align-self:flex-start;margin-top:13px;opacity:.65}.action-primary:hover{background:#fff}.action-secondary{height:49px;display:flex;align-items:center;gap:25px;border-bottom:1px solid #ffffff7a;font-size:13px;letter-spacing:2px;transition:color .3s,border-color .3s}.action-secondary svg{width:15px;height:15px}.action-secondary:hover{color:var(--signal);border-color:var(--signal)}.hero-photo{position:absolute;right:5.1%;top:43%;z-index:6;border:1px solid #ffffff64;width:44px;height:44px;background:#ffffff08;transition:background .3s}.hero-photo>span{font:25px var(--mono);font-weight:250}.hero-photo>small{position:absolute;right:54px;top:50%;transform:translateY(-50%);white-space:nowrap;font:8px var(--mono);letter-spacing:1.5px;opacity:0;transition:opacity .3s}.hero-photo:hover{background:#fff;color:var(--ink)}.hero-photo:hover small{opacity:1;color:#fff}.hero-bottom{position:absolute;left:6.1%;right:5.1%;bottom:51px;z-index:6;display:flex;justify-content:space-between;align-items:flex-end;gap:40px}.hero-carousel{width:365px;max-width:46%}.carousel-caption{display:flex;align-items:center;gap:25px}.carousel-number{font-family:var(--mono);display:flex;align-items:baseline;gap:9px}.carousel-number>b{font-size:37px;font-weight:450;letter-spacing:-3px}.carousel-number>i{font-style:normal;font-size:11px;color:#b7b7b7}.carousel-caption>div{border-left:1px solid #ffffff47;padding-left:25px;display:flex;flex-direction:column;gap:7px}.carousel-caption>div>b{font-size:13px;font-weight:400;letter-spacing:3px}.carousel-caption small{font-size:9px;letter-spacing:2px;color:#c3c3c3}.carousel-controls{display:flex;align-items:center;gap:19px;margin-top:17px}.slide-dots{display:flex;gap:8px;flex:1}.slide-dots button{height:24px;position:relative;flex:1;padding:10px 0;background:none}.slide-dots button::before{content:'';display:block;height:2px;background:#ffffff3d}.slide-dots button>span{position:absolute;left:0;top:10px;height:2px;width:0;background:var(--signal)}.slide-dots button.active>span{animation:slide-fill 14s linear both}.hero.paused .slide-dots button.active>span{animation-play-state:paused}.carousel-controls>button{width:29px;height:26px;display:grid;place-items:center}.carousel-controls>button svg{width:13px;height:13px}.carousel-controls>button:hover{color:var(--signal)}.hero-notice{width:317px;border-top:1px solid #ffffffe0;padding:17px 35px 14px 18px;position:relative;background:#ededed0d;transition:background .3s}.hero-notice>span{font:8px var(--mono);color:#d5d5d5;letter-spacing:1.2px;display:flex;align-items:center;gap:8px}.hero-notice>span>i{height:4px;width:4px;background:var(--signal)}.hero-notice>b{display:block;font-size:18px;font-weight:500;letter-spacing:3px;margin:12px 0 8px}.hero-notice>p{font-size:11px;color:#c0c0c0;letter-spacing:1px}.hero-notice>svg{position:absolute;right:13px;bottom:21px;width:14px;height:14px}.hero-notice:hover{background:#ffffff20}.hero-discover{position:absolute;left:6.1%;bottom:12px;right:5.1%;z-index:7;border-top:1px solid #ffffff23;display:flex;justify-content:space-between;padding-top:10px;font-size:8px;letter-spacing:2px;color:#cbcbcb80}.hero-discover>svg{width:13px;height:13px}.is-loading .hero-copy>*,.is-loading .hero-bottom,.is-loading .hero-topnote{opacity:0;transform:translateY(24px)}.is-entering .hero-copy>*,.is-ready .hero-copy>*{animation:content-arrive 1.15s var(--ease) both}.is-entering .hero-copy>:nth-child(1){animation-delay:.08s}.is-entering .hero-copy>:nth-child(2){animation-delay:.17s}.is-entering .hero-copy>:nth-child(3){animation-delay:.29s}.is-entering .hero-copy>:nth-child(4){animation-delay:.37s}.is-entering .hero-copy>:nth-child(5){animation-delay:.45s}.is-entering .hero-bottom,.is-entering .hero-topnote{animation:content-arrive 1.2s var(--ease) .6s both}
@keyframes photo-wipe{from{clip-path:polygon(100% 0,100% 0,100% 100%,100% 100%)}to{clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}}@keyframes photo-drift{from{transform:scale(var(--crop,1.05)) translateX(0)}to{transform:scale(calc(var(--crop,1.05) + .035)) translateX(-.4%)}}@keyframes slide-fill{to{width:100%}}@keyframes content-arrive{from{opacity:0;transform:translateY(26px);filter:blur(3px)}to{opacity:1;transform:none;filter:none}}

/* An index that opens with the same planes used for page navigation. */
.site-menu{position:fixed;inset:0 0 0 var(--rail);z-index:60;visibility:hidden;pointer-events:none}.menu-underlay{position:absolute;inset:0;background:#1717176b;opacity:0;transition:opacity .6s}.menu-layer{position:absolute;inset:0;background:var(--signal);clip-path:inset(0 100% 0 0);transition:clip-path .78s var(--ease)}.menu-panel{position:absolute;inset:0;background:var(--paper);clip-path:inset(0 100% 0 0);transition:clip-path .85s var(--ease) .08s;display:grid;grid-template-columns:1fr .86fr;grid-template-rows:80px 1fr 87px;column-gap:8%;padding:0 6.5%;overflow-y:auto}.menu-header{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);font:10px var(--mono);letter-spacing:1.6px}.menu-close{width:42px;height:42px;display:grid;place-items:center}.menu-close svg{width:21px;height:21px}.menu-index{display:flex;flex-direction:column;justify-content:center;padding:30px 0}.menu-index a{height:clamp(49px,7vh,68px);display:grid;grid-template-columns:35px 1fr auto;gap:14px;align-items:center;border-bottom:1px solid #d3d3d388;position:relative;overflow:hidden;transition:color .2s;padding:6px 9px}.menu-index a::before{content:'';position:absolute;inset:0;background:var(--signal);transform:translateX(-102%);transition:transform .5s var(--ease);z-index:-1}.menu-index a:hover::before,.menu-index a:focus-visible::before{transform:translateX(0)}.menu-index small{font:10px var(--mono);color:#9c9c9c;transform:translateY(110%);transition:transform .65s var(--ease)}.menu-index b{font-size:clamp(23px,2.6vw,37px);font-weight:450;letter-spacing:2px;transform:translateY(125%);transition:transform .7s var(--ease)}.menu-index a>span{font:9px var(--mono);letter-spacing:1.2px;color:#909090;transform:translateY(155%);transition:transform .7s var(--ease)}.menu-index a.current>small{color:var(--red)}.menu-index a.current b{font-weight:650}.menu-feature{align-self:center;padding:38px 0}.menu-feature figure{height:clamp(160px,26vh,290px);background:#d8d8d8;overflow:hidden;position:relative}.menu-feature figure img{width:100%;height:100%;object-fit:cover;transform:scale(1.16);transition:opacity .25s,transform 1s var(--ease)}.menu-feature figure img.switching{opacity:0;transform:scale(1.2)}.menu-image-corners{position:absolute;inset:14px;border:1px solid #ffffff64;pointer-events:none}.menu-image-caption{display:flex;justify-content:space-between;gap:15px;padding-top:13px;font-size:11px;letter-spacing:1px}.menu-image-caption>span:last-child{font:8px var(--mono);color:var(--muted)}.menu-sentence{font:27px/1.6 var(--serif);letter-spacing:4px;margin:32px 0 27px}.menu-elsewhere{display:grid;grid-template-columns:1fr 1fr;gap:0 25px}.menu-elsewhere a{display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid var(--line);padding:14px 0;font-size:12px}.menu-elsewhere a:hover{color:var(--red)}.menu-elsewhere svg{width:12px;height:12px}.menu-footer{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);gap:22px}.menu-footer>button{text-align:left;padding:5px 0}.menu-footer>button>span{display:block;font:8px var(--mono);letter-spacing:2px;color:var(--muted);margin-bottom:7px}.menu-footer>button>b{font-size:12px;font-weight:500;letter-spacing:2px}.menu-footer>p{font:9px var(--mono);color:var(--muted);letter-spacing:1.4px}.menu-open .site-menu{visibility:visible;pointer-events:auto}.menu-open .menu-underlay{opacity:1}.menu-open .menu-layer,.menu-open .menu-panel{clip-path:inset(0 0 0 0)}.menu-open .menu-index small,.menu-open .menu-index b,.menu-open .menu-index a>span{transform:translateY(0);transition-delay:calc(.27s + var(--i)*.044s)}.menu-feature,.menu-footer{opacity:0;transform:translateY(15px);transition:opacity .6s,transform .7s var(--ease)}.menu-open .menu-feature,.menu-open .menu-footer{opacity:1;transform:none;transition-delay:.45s}.site-menu.closing{visibility:visible;pointer-events:none}.site-menu.closing .menu-panel{transition-delay:0s}.site-menu.closing .menu-layer{transition-delay:.06s}
.transition{position:fixed;inset:0 0 0 var(--rail);z-index:90;visibility:hidden;pointer-events:none;overflow:hidden}.transition-base,.transition-plane{position:absolute;inset:0;transform:translateY(101%);transition:transform .72s var(--ease)}.transition-base{background:var(--signal)}.transition-plane{background:var(--ink);transition-delay:.08s}.transition-caption{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:35px;color:var(--paper);opacity:0;transform:translateY(35px);transition:opacity .25s,transform .65s var(--ease)}.transition-caption>span{font:90px var(--mono);font-weight:250;color:#565656;letter-spacing:-6px}.transition-caption>div{padding-left:28px;border-left:1px solid #ffffff4a}.transition-caption b{display:block;font-size:36px;font-weight:400;letter-spacing:7px}.transition-caption small{display:block;font:9px var(--mono);letter-spacing:3px;color:var(--signal);margin-top:14px}.transition-caption>img{width:55px;filter:grayscale(1);position:absolute;right:40px;bottom:35px;opacity:.65}.transition-rule{position:absolute;left:0;right:0;height:1px;top:69%;background:#ffffff14;transform:scaleX(0);transform-origin:left;transition:transform .65s var(--ease)}.transition.cover,.transition.uncover{visibility:visible}.transition.cover .transition-base,.transition.cover .transition-plane{transform:translateY(0)}.transition.cover .transition-caption{opacity:1;transform:none;transition-delay:.38s}.transition.cover .transition-rule{transform:scaleX(1);transition-delay:.32s}.transition.uncover .transition-base,.transition.uncover .transition-plane{transform:translateY(-101%)}.transition.uncover .transition-plane{transition-delay:0s}.transition.uncover .transition-base{transition-delay:.06s}.transition.uncover .transition-caption{opacity:0;transform:translateY(-40px);transition-delay:0s}

/* Archive pages retain the complete V4 text, with a new, consistent hierarchy. */
.page{min-height:100svh;padding-top:82px;overflow:clip}.page-head{position:relative;padding:88px 7.8% 67px;border-bottom:1px solid var(--line);max-width:1510px;margin:auto}.page-no{font:12px var(--mono);color:#787878;margin-bottom:30px;display:flex;align-items:center;gap:15px}.page-no::before{content:'';display:block;width:27px;height:4px;background:var(--ink)}.page-title{font-size:clamp(43px,5.1vw,76px);font-weight:550;letter-spacing:5px;line-height:1.15}.page-en{font:11px var(--mono);letter-spacing:2px;text-transform:uppercase;margin-top:19px;color:#767676}.page-lead{font-size:17px;line-height:1.95;max-width:810px;margin-top:35px;color:#565656;font-weight:350}.wrap{width:calc(100% - 15.6%);max-width:1240px;margin-left:auto;margin-right:auto}.page .sketch{margin:52px auto 0;width:calc(100% - 15.6%);max-width:1240px}.sketch img{width:100%;height:410px;object-fit:cover}.sketch figcaption,.split-media figcaption{font:10px var(--sans);letter-spacing:2px;color:#737373;border-bottom:1px solid var(--line);padding:15px 0}.chapters{margin-top:75px}.chapter{display:grid;grid-template-columns:80px 220px 1fr;gap:32px;padding:41px 0;border-top:1px solid var(--line)}.chapter-no{font:48px var(--serif);color:#a1a1a1;line-height:1}.chapter h3{font-size:24px;font-weight:500;line-height:1.5;letter-spacing:1px}.chapter-meta{font:10px var(--mono);text-transform:uppercase;letter-spacing:1px;color:#888888;margin-top:15px}.chapter>p:last-child{font-size:16px;line-height:2;color:#626262;max-width:640px;font-weight:350}.quote{position:relative;text-align:center;padding:93px 25px;margin:30px auto 70px;background:var(--ink);color:var(--paper);border:0}.quote::before{content:'IX / CHRONICLE';font:9px var(--mono);color:var(--signal);letter-spacing:3px;position:absolute;left:7.8%;top:32px}.quote p{font:clamp(24px,2.5vw,36px)/1.8 var(--serif);letter-spacing:3px}.quote cite{display:block;font-style:normal;font-size:11px;letter-spacing:3px;color:#b3b3b3;margin-top:23px}.split{display:grid;grid-template-columns:1fr 1fr;gap:6%;align-items:start}.split-media img{height:550px;width:100%;object-fit:cover}.glossary>div{padding:20px 0;border-bottom:1px solid var(--line)}.glossary>div:first-child{padding-top:0}.glossary dt{font-size:21px;font-weight:500;margin-bottom:14px}.glossary dd{font-size:15px;line-height:1.9;color:#777777}.fine{font-size:12px;line-height:1.9;color:#8f8f8f;margin-top:35px}.next{margin-top:90px;border-top:1px solid var(--line);display:flex;align-items:center;gap:30px;padding:43px 7.8%;min-height:156px;position:relative;overflow:hidden;transition:background .4s,color .4s}.next:hover{background:var(--ink);color:var(--white)}.next>small{font:10px var(--mono);letter-spacing:2px;color:#969696}.next>b{font-size:clamp(25px,3vw,44px);font-weight:400;letter-spacing:5px}.next>svg{width:37px;height:37px;margin-left:auto;transition:transform .4s}.next:hover>svg{transform:translateX(10px);color:var(--signal)}.page [data-reveal]{opacity:0;transform:translateY(24px);transition:opacity .85s var(--ease),transform 1s var(--ease);transition-delay:var(--delay,0s)}.page [data-reveal].in{opacity:1;transform:none}@keyframes page-arrive{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}

.play-switcher{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);margin:45px auto 30px;width:calc(100% - 15.6%);max-width:1240px}.play-switcher>button{border-right:1px solid var(--line);padding:22px 22px;display:flex;align-items:center;gap:16px;text-align:left;position:relative;transition:.25s}.play-switcher>button:last-child{border-right:0}.play-switcher>button small{font:10px var(--mono);color:#949494}.play-switcher>button>b{font-size:17px;font-weight:400;letter-spacing:1px}.play-switcher>button.active{background:var(--ink);color:var(--white)}.play-switcher>button.active::after{content:'';position:absolute;left:0;right:0;bottom:0;height:3px;background:var(--signal)}.play-switcher>button:hover{background:#e1e1e1}.play-switcher>button.active:hover{background:var(--ink)}.paths{min-height:420px}.path{display:grid;grid-template-columns:1.3fr 1fr;gap:42px;align-items:center;animation:page-arrive .7s var(--ease) both}.path[hidden]{display:none}.path figure{position:relative;background:#262626;min-height:400px;overflow:hidden}.path figure>img{width:100%;height:400px;object-fit:contain}.path:first-child figure>img{object-fit:cover}.path figcaption{position:absolute;left:15px;bottom:15px;background:#1b1b1bba;color:#fff;font-size:9px;letter-spacing:1px;padding:6px 9px}.path-no{font:10px var(--mono);letter-spacing:1.7px;color:#7e7e7e;text-transform:uppercase}.path-text h3{font-size:39px;letter-spacing:3px;font-weight:500;line-height:1.4;margin:19px 0}.path-text>p:not(.path-no){font-size:16px;line-height:2;color:#6d6d6d;font-weight:350}.path-text ul{display:flex;list-style:none;gap:10px;flex-wrap:wrap;margin-top:28px}.path-text li{font-size:11px;letter-spacing:1px;border:1px solid #c4c4c4;padding:8px 12px}.bank{margin-top:65px;border-top:1px solid var(--line);padding-top:31px}.bank-kicker{font-size:12px;letter-spacing:3px;margin-bottom:27px}.bank-row{display:grid;grid-template-columns:1fr 1fr;gap:40px}.bank-row>div{display:flex;flex-direction:column;gap:13px;border-left:2px solid var(--ink);padding-left:23px}.bank-row b{font-size:22px;font-weight:450}.bank-row span{font-size:14px;line-height:1.8;color:#6e6e6e}.industry-plate{height:400px;display:flex;flex-direction:column;justify-content:center;padding:35px;color:#e6e6e6;position:relative;background:#272727}.industry-heading{font-family:var(--serif);font-size:21px;letter-spacing:2px;line-height:1.8}.industry-flow{margin-top:50px;display:grid;grid-template-columns:repeat(4,1fr);gap:10px;position:relative}.industry-flow::before{content:'';position:absolute;top:19px;left:0;right:0;height:1px;background:#9b9b9b60}.industry-flow>span{position:relative;padding-top:3px}.industry-flow small{font:12px var(--mono);padding:7px 5px 7px 0;background:#272727;position:relative;color:var(--signal)}.industry-flow b{display:block;font-size:22px;letter-spacing:3px;font-weight:400;margin-top:24px}.industry-flow i{font:8px var(--mono);font-style:normal;display:block;color:#979797;margin-top:11px;letter-spacing:1px}.industry-plate>p{font:10px var(--mono);color:#adadad;letter-spacing:2px;margin-top:50px}

.atlas{margin-top:48px}.atlas-map{position:relative;height:570px;border:1px solid #bcbcbc;background:#f7f7f7;overflow:hidden}#atlasCanvas{height:100%;width:100%;transform-origin:var(--ox,50%) var(--oy,50%);transform:scale(var(--z,1));transition:transform 1.6s var(--ease)}.pin{position:absolute;transform:translate(-50%,-50%);display:flex;align-items:center;gap:10px;z-index:3;padding:14px}.pin>i{width:12px;height:12px;transform:rotate(45deg);background:var(--ink);border:3px solid #f6f6f6;outline:1px solid #24242447;box-shadow:0 0 0 7px #f1f1f177}.pin.on>i{background:var(--red);outline-color:var(--red);box-shadow:0 0 0 8px #c7463617}.pin span{position:absolute;left:40px;top:0;min-width:145px;padding:10px 13px;background:#f8f8f8ed;border-left:2px solid var(--ink);text-align:left;box-shadow:0 4px 22px #22222213;transition:opacity .3s,transform .4s var(--ease);opacity:0;transform:translateY(5px);pointer-events:none}.pin:hover span,.pin:focus-visible span,.pin.on span{opacity:1;transform:none}.pin--l span{left:auto;right:40px;border-left:0;border-right:2px solid var(--ink);text-align:right}.pin b{font-size:14px;display:block;font-weight:500;letter-spacing:1px}.pin small{display:block;font-size:9px;letter-spacing:.5px;color:#828282;margin-top:7px;white-space:nowrap}.atlas-coord,.atlas-note{position:absolute;bottom:17px;font:10px var(--mono);background:#f8f8f8b8;padding:8px 11px;pointer-events:none}.atlas-coord{left:18px}.atlas-note{right:18px;font-family:var(--sans);color:#777777}.atlas-facts{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid var(--line);padding:30px 0 35px;gap:20px}.atlas-facts dt{font-size:11px;color:#777777;margin-bottom:14px;letter-spacing:2px}.atlas-facts dd{font:23px var(--mono);letter-spacing:-1px}.atlas-facts dd small{font:11px var(--sans);display:block;letter-spacing:1px;color:#777777;margin-top:8px}.pill{display:inline-flex;align-items:center;justify-content:space-between;gap:36px;padding:18px 25px;min-width:230px;font-size:13px;letter-spacing:2px;clip-path:polygon(0 0,100% 0,100% 80%,95% 100%,0 100%)}.pill--ink{background:var(--ink);color:var(--white)}.pill svg{width:17px;height:17px}.pill--ink:hover{background:#414141;color:var(--signal)}.atlas>.pill{margin-top:28px}
.charter{display:grid;grid-template-columns:230px 1fr;gap:65px;margin-top:60px;align-items:start}.charter-toc{display:flex;flex-direction:column;position:sticky;top:40px;border-top:1px solid var(--ink)}.charter-toc a{padding:19px 11px;border-bottom:1px solid var(--line);font-size:12px;line-height:1.6;transition:background .2s}.charter-toc a:hover,.charter-toc a.on{background:var(--signal)}.charter-body section{scroll-margin-top:36px;padding-bottom:37px;margin-bottom:39px;border-bottom:1px solid var(--line)}.charter-body h3{font-size:29px;font-weight:500;letter-spacing:2px;margin-bottom:26px}.charter-body h3 small{display:block;font-size:10px;color:#8d8d8d;margin-bottom:13px;letter-spacing:3px}.charter-body ol{padding-left:19px;font-size:15px;line-height:2;color:#6c6c6c}.charter-body li{padding-left:8px;margin:14px 0}.charter-body li::marker{font:11px var(--mono);color:#9d9d9d}.charter-body b{font-weight:500;color:var(--ink)}
.gallery{display:grid;grid-template-columns:repeat(12,1fr);gap:45px 30px;margin-top:54px}.shot{padding:0;text-align:left;grid-column:span 5;position:relative;overflow:hidden}.shot.shot--wide{grid-column:span 7}.shot>img{width:100%;height:340px;object-fit:cover;transition:filter .4s,transform 1s var(--ease)}.shot>span{display:block;padding:17px 0 19px;font-size:13px;letter-spacing:2px;border-bottom:1px solid var(--line);position:relative;background:var(--paper);z-index:2}.shot>span::after{content:'+';position:absolute;right:4px;top:12px;font:24px var(--mono);color:#7d7d7d}.shot>span::before{content:attr(data-index);font:9px var(--mono);color:#787878;margin-right:17px;letter-spacing:0}.shot:hover>img{transform:scale(1.025);filter:brightness(1.06)}.shot:hover>span{border-color:var(--ink)}.shot.is-letterboxed>img{object-fit:cover;transform:scale(1.15)}.shot.is-letterboxed:hover>img{transform:scale(1.18)}.share{font-size:14px;line-height:1.9;color:#777777;margin-top:36px}.share a{margin-left:24px;color:var(--ink);display:inline-flex;align-items:center;gap:10px;border-bottom:1px solid #acacac}.share svg{width:13px;height:13px}
.letter{margin:75px auto 80px;max-width:850px;width:calc(100% - 15.6%);position:relative;padding:55px 55px 48px;background:#fafafa;border-top:3px solid var(--ink);box-shadow:0 11px 35px #30303005}.letter-kicker{font-size:10px;letter-spacing:4px;color:#777777;text-transform:uppercase}.letter h3{font:43px var(--serif);letter-spacing:4px;margin:25px 0 36px}.letter>p:not([class]){font-family:var(--serif);font-size:17px;line-height:2.1;color:#5c5c5c;margin:22px 0;text-align:justify}.letter-end{font:29px/1.9 var(--serif);letter-spacing:3px;margin-top:34px!important}.letter-sign{text-align:right;font:19px var(--serif);letter-spacing:3px;margin-top:28px}.archive-head{padding:15px 0 30px;border-bottom:1px solid var(--ink)}.archive-head h3{font-size:32px;font-weight:450;letter-spacing:-1px;margin:20px 0 14px}.archive-head>p:last-child{font-size:13px;line-height:1.9;color:#787878}.eras{list-style:none}.eras li{padding:24px 0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:230px 1fr 70px;align-items:center;gap:27px}.eras li>b{font:500 17px var(--sans)}.eras li>span{font-size:13px;line-height:1.8;color:#767676}.eras li>em{font:10px var(--mono);text-align:right;color:#898989}.eras .eras-now{border-bottom:1px solid var(--line);border-left:2px solid #a3a3a3;background:transparent;padding-left:20px;margin-left:-22px}.eras .eras-now b{color:#5f5f5f}
.dl{margin-top:52px}.dl-card{display:flex;align-items:center;gap:32px;padding:36px;background:var(--ink);color:var(--white)}.dl-card>img{width:83px;height:83px}.dl-kicker{font:10px var(--mono);letter-spacing:2px;color:var(--signal)}.dl-card h3{font-size:28px;font-weight:450;margin:13px 0 10px;letter-spacing:1px}.dl-meta{font:11px var(--mono);color:#a8a8a8}.dl-card>button{margin-left:auto;border:1px solid #b0b0b070;clip-path:none;background:transparent;min-width:190px}.dl-card>button:hover{background:var(--signal);color:var(--ink)}.dl-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;list-style:none;margin:52px 0 68px}.dl-steps li{padding-top:22px;border-top:1px solid var(--line)}.dl-steps li>span{font:12px var(--mono);color:#888888}.dl-steps h4{font-size:21px;font-weight:450;margin:20px 0 15px;letter-spacing:2px}.dl-steps p{font-size:14px;line-height:1.9;color:#727272}.faq{max-width:900px}.faq-kicker{font-size:11px;letter-spacing:3px;margin-bottom:20px;color:#858585}.faq details{border-top:1px solid var(--line)}.faq details:last-child{border-bottom:1px solid var(--line)}.faq summary{list-style:none;display:flex;justify-content:space-between;gap:18px;cursor:pointer;padding:23px 0;font-size:16px;line-height:1.7}.faq summary::-webkit-details-marker{display:none}.faq summary svg{width:19px;height:19px;transition:transform .3s}.faq details[open] summary svg{transform:rotate(45deg)}.faq details p{font-size:14px;line-height:1.95;color:#777777;padding:0 32px 24px 0;max-width:760px}.dl-qq{margin-top:35px;font-size:13px;line-height:1.9;color:#747474}.dl-qq a{display:inline-flex;align-items:center;gap:10px;color:var(--ink);border-bottom:1px solid #aeaeae;margin-left:20px}.dl-qq svg{width:13px;height:13px}
.site-footer{margin-left:var(--rail);padding:35px 6.5%;display:flex;align-items:center;gap:20px;background:#dedede;border-top:1px solid var(--line)}.site-footer>img{width:47px;height:47px;filter:none}.site-footer>div>b{font:600 15px var(--sans);letter-spacing:-.5px}.site-footer>div>p{font-size:10px;letter-spacing:2px;margin-top:9px;color:#939393}.footer-legal{margin-left:auto;max-width:450px;text-align:right}.footer-legal>span{font:9px var(--mono);color:#858585}.footer-legal>p{font-size:9px!important;line-height:1.8;letter-spacing:.5px!important}.lightbox{position:fixed;inset:0;z-index:120;background:#171717f5;display:flex;align-items:center;justify-content:center;padding:65px 5vw 90px;opacity:0;transition:opacity .32s}.lightbox.show{opacity:1}.lightbox>img{max-width:100%;max-height:100%;object-fit:contain;transform:scale(.98);transition:transform .8s var(--ease)}.lightbox.show>img{transform:none}.lightbox-close{position:absolute;right:25px;top:20px;width:45px;height:45px;color:#fff;display:grid;place-items:center;border:1px solid #fff4}.lightbox-close:hover{background:var(--white);color:var(--ink)}.lightbox footer{position:absolute;left:5%;right:5%;bottom:30px;color:#fff;display:flex;justify-content:space-between;gap:20px;border-top:1px solid #fff3;padding-top:20px}.lightbox footer>span:first-child{font-size:12px;letter-spacing:2px}.lightbox footer>span:last-child{font:9px var(--mono);color:#a7a7a7;letter-spacing:1px}.toast{position:fixed;bottom:32px;left:calc(50% + var(--rail)/2);transform:translate(-50%,18px);background:var(--ink);color:#f9f9f9;padding:17px 26px;border-left:3px solid var(--signal);z-index:160;font-size:13px;line-height:1.6;max-width:min(550px,85vw);opacity:0;pointer-events:none;transition:opacity .25s,transform .4s var(--ease);box-shadow:0 4px 25px #0002}.toast.show{opacity:1;transform:translate(-50%,0)}.no-script{position:fixed;z-index:400;inset:0;background:var(--ink);color:white;display:grid;place-items:center;padding:50px}

@media(min-width:1700px){.hero-copy{left:7.8%;bottom:26%}.hero h1{font-size:59px}.hero-wordmark{font-size:99px}.hero-bottom{left:7.8%;bottom:67px}.hero-carousel{width:430px}.hero-notice{width:360px}.hero-label{font-size:14px}}
@media(max-height:780px) and (min-width:901px){.rail-brand{height:90px}.rail-menu{min-height:50px;margin-bottom:8px}.rail-links>a{height:41px}.rail-bottom{padding-top:10px;gap:9px}.rail-download{height:67px}.home{min-height:640px}.hero-copy{bottom:182px}.hero h1{font-size:37px;margin:21px 0 11px}.hero-wordmark{font-size:66px}.hero-label{margin-bottom:18px}.hero-actions{margin-top:23px}.hero-bottom{bottom:36px}.hero-topnote{top:100px}.menu-panel{grid-template-rows:66px 1fr 68px}.menu-index{padding:12px 0}.menu-index a{height:48px}.menu-feature{padding:20px 0}.menu-sentence{font-size:23px;margin:18px 0}.menu-elsewhere a{padding:11px 0}}
@media(max-width:1200px){:root{--rail:70px}.wordmark>span{display:none}.topline-right{gap:24px}.topline-right>span{font-size:8px}.hero-copy{left:5.5%;width:88%;bottom:217px}.hero-wordmark{font-size:66px}.hero h1{font-size:40px}.hero-label>i{font-size:8px}.hero-actions{gap:25px}.hero-bottom{left:5.5%;gap:25px}.hero-notice{width:283px}.menu-panel{padding:0 5%;column-gap:5%}.menu-index a{grid-template-columns:27px 1fr auto;gap:9px}.menu-index b{font-size:28px}.menu-index a>span{font-size:8px}.menu-sentence{font-size:23px}.menu-image-caption>span:last-child{font-size:7px}.page-head{padding:65px 6% 50px}.wrap,.page .sketch,.play-switcher{width:88%}.chapter{grid-template-columns:60px 180px 1fr;gap:20px}.chapter h3{font-size:21px}.chapter>p:last-child{font-size:15px}.split{gap:5%}.split-media img{height:500px}.path{gap:28px;grid-template-columns:1.1fr 1fr}.path figure,.path figure>img{min-height:350px;height:350px}.industry-plate{height:350px;padding:26px}.industry-flow{gap:8px}.industry-flow b{font-size:19px}.industry-flow i{font-size:7px;letter-spacing:0}.play-switcher>button{padding:18px 14px;gap:11px}.play-switcher>button>b{font-size:15px}.path-text h3{font-size:30px}.path-text>p:not(.path-no){font-size:15px}.charter{grid-template-columns:195px 1fr;gap:35px}.eras li{grid-template-columns:180px 1fr 60px;gap:20px}.dl-card{padding:30px;gap:20px}.dl-card>img{width:64px;height:64px}.dl-card h3{font-size:23px}.dl-card>button{min-width:175px;padding:17px}.site-footer{padding-left:6%;padding-right:6%}.gallery{gap:32px 24px}.shot>img{height:285px}}
@media(max-width:900px){.topline{padding:0 5%;height:72px}.topline-right>span{display:none}.hero-wordmark{font-size:57px}.hero-copy{bottom:225px}.hero h1{font-size:37px;letter-spacing:2px}.hero-label>i{display:none}.hero-carousel{width:290px;max-width:48%}.hero-notice{width:260px}.hero-notice>p{font-size:10px}.hero-notice>b{font-size:16px}.carousel-caption{gap:16px}.carousel-caption>div{padding-left:16px}.menu-panel{grid-template-columns:1fr .85fr;gap:0 4%}.menu-index a{grid-template-columns:24px 1fr}.menu-index a>span{display:none}.menu-index b{font-size:26px}.menu-feature figure{height:190px}.menu-elsewhere{grid-template-columns:1fr}.menu-elsewhere a{padding:11px 0}.menu-sentence{margin:22px 0;font-size:21px}.menu-image-caption>span:last-child{display:none}.page{padding-top:72px}.page-head{padding-top:58px}.page-title{font-size:50px}.page-lead{font-size:16px}.chapter{grid-template-columns:54px 1fr}.chapter>p:last-child{grid-column:2}.chapter-no{grid-row:span 2}.chapter-meta{margin-top:6px}.chapter h3{font-size:25px}.split{grid-template-columns:1fr}.split-media img{height:360px}.glossary{margin-top:35px}.glossary>div{display:grid;grid-template-columns:140px 1fr;gap:15px}.glossary dt{font-size:18px}.glossary dd{font-size:14px}.path{grid-template-columns:1fr}.path figure>img{height:400px}.path-text{padding:8px 0 13px}.path-text>p:not(.path-no){max-width:610px}.bank{margin-top:45px}.atlas-facts dd{font-size:19px}.atlas-map{height:520px}.charter{grid-template-columns:1fr}.charter-toc{position:static;display:grid;grid-template-columns:1fr 1fr;margin-bottom:15px}.charter-toc a{font-size:11px}.letter{padding:38px;width:88%}.letter h3{font-size:36px}.eras li{grid-template-columns:170px 1fr;gap:10px}.eras li em{grid-column:2;text-align:left;margin-top:5px}.dl-card{flex-wrap:wrap}.dl-card>button{margin:7px 0 0 84px}.dl-steps{gap:25px}.dl-steps h4{font-size:17px}.dl-steps p{font-size:13px}.site-footer{flex-wrap:wrap}.footer-legal{flex-basis:100%;text-align:left;margin:10px 0 0 66px}.shot>img{height:245px}.menu-footer>p{font-size:8px}}
@media(max-width:680px){:root{--rail:0px}html{scrollbar-gutter:auto}body:has(.home:not([hidden])){overflow-y:auto}#main{margin:0}.rail{inset:0 0 auto 0;width:100%;height:64px;flex-direction:row;border-right:0;border-bottom:1px solid #21212119;padding:0 15px;gap:10px}.rail-brand{height:100%;width:auto;flex-direction:row;gap:9px}.rail-brand img{width:37px;height:37px}.rail-brand>span{font:650 20px var(--sans);letter-spacing:-1px}.rail-menu{order:3;min-height:46px;width:45px;padding:11px 10px 23px;margin:0;border:0}.rail-menu small{left:10px;bottom:5px;font-size:7px}.rail-menu>span{width:23px}.rail-links{display:none}.rail-bottom{margin:0 0 0 auto;flex-direction:row;padding:0;gap:6px;width:auto}.rail-bottom>button{height:40px;width:36px}.rail-download{height:37px;width:65px;flex-direction:row;gap:5px;clip-path:none;background:transparent;color:var(--ink);border-left:1px solid var(--line)}.rail-download svg{width:18px;height:18px}.rail-download span{font-size:11px;letter-spacing:0}.rail-code{display:none}.topline{display:none}.home{height:100svh;min-height:820px;padding-top:64px}.hero-slide img{object-position:57% center}.hero-shade{background:linear-gradient(90deg,#1e1e1e7a 0,#1e1e1e14 90%),linear-gradient(0deg,#1c1c1cf5 0%,#202020be 21%,#20202069 47%,#1f1f1f1c 78%,#1e1e1e2e 100%)}.hero-copy{left:25px;right:24px;bottom:244px;width:auto;max-width:none}.hero-wordmark{font-size:clamp(35px,8.1vw,54px);gap:9px;letter-spacing:-.07em}.hero-wordmark>b{font-size:1.08em}.wordmark-dot{width:5px;height:5px;right:-9px;bottom:3px}.hero-label{font-size:10px;letter-spacing:2px;margin-bottom:22px;gap:9px}.hero-label>span{width:16px;height:2px}.hero h1{font-size:clamp(25px,7.3vw,41px);letter-spacing:1px;line-height:1.5;margin:25px 0 12px}.hero h1>span:first-child{font-size:.68em;letter-spacing:4px;margin-bottom:2px}.hero-description{font-size:11px;letter-spacing:1px;max-width:290px;line-height:1.9}.hero-actions{gap:18px;margin-top:23px;align-items:center}.action-primary{height:57px;min-width:167px;padding:0 15px;gap:12px}.action-primary>span{font-size:15px;letter-spacing:2px}.action-primary>svg{width:18px;height:18px}.action-primary small{font-size:7px;letter-spacing:.7px}.action-primary>i{font-size:8px;margin-top:10px}.action-secondary{font-size:11px;letter-spacing:.5px;height:42px;gap:10px}.action-secondary svg{width:12px;height:12px}.hero-topnote{top:26px;right:23px;left:24px;justify-content:flex-end;gap:10px;font-size:8px}.hero-topnote>span:last-child{font-size:9px;padding-left:10px}.hero-topnote>span:first-child{margin-right:auto;font-size:18px}.hero-photo{top:125px;right:24px;width:33px;height:33px}.hero-photo>span{font-size:21px}.hero-photo>small{display:none}.hero-bottom{left:25px;right:25px;bottom:31px;display:flex;flex-direction:column;align-items:stretch;gap:22px}.hero-carousel{width:100%;max-width:none}.carousel-caption{gap:20px}.carousel-number>b{font-size:27px;letter-spacing:-2px}.carousel-number>i{font-size:9px}.carousel-caption>div{padding-left:20px;gap:5px}.carousel-caption>div>b{font-size:11px;letter-spacing:2px}.carousel-caption small{font-size:8px;letter-spacing:1.5px}.carousel-controls{margin-top:7px;gap:19px}.slide-dots{gap:7px}.hero-notice{width:100%;padding:12px 30px 12px 13px;min-height:73px;display:grid;grid-template-columns:1fr auto;column-gap:10px;align-items:center;border-top:1px solid #ffffff77;background:#ffffff0a}.hero-notice>span{font-size:7px;letter-spacing:.7px;grid-column:1/-1}.hero-notice>b{font-size:15px;margin:8px 0 0;letter-spacing:2px}.hero-notice>p{font-size:8px;letter-spacing:.5px;margin-top:8px}.hero-notice>svg{width:12px;height:12px;right:11px;bottom:18px}.hero-discover{display:none}.boot-coordinate{top:29px;left:29px;right:25px;font-size:8px;letter-spacing:.4px}.boot-coordinate>span:last-child{font-size:6px}.boot-track{width:5px}.boot-progress{left:19px;top:clamp(100px,calc(var(--progress)*.82vh),calc(100vh - 110px))}.boot-progress b{font-size:32px}.boot-progress i{font-size:14px}.boot-progress small{font-size:8px;letter-spacing:1px}.boot-center{top:43%;width:75vw;left:55%}.boot-emblem{width:92px;height:92px;margin-bottom:29px}.boot-emblem i{inset:-13px}.boot-word{font-size:27px;gap:9px;letter-spacing:-1.4px}.boot-sub{font-size:8px;letter-spacing:1.5px;max-width:260px;padding-top:12px;margin-top:13px}.boot-bottom{left:55%;top:68%;max-width:67vw;gap:12px}.boot-mark{font-size:28px;padding-right:13px}.boot-bottom p{font-size:12px;letter-spacing:1.2px;line-height:1.8;white-space:nowrap}.boot-bottom small{font-size:6px;letter-spacing:.8px}.boot-bars{gap:3px}.boot-bars i{width:12px;height:2px}.boot-skip{bottom:25px;right:18px;font-size:10px;gap:10px}.boot-skip span{font-size:8px}.boot-surface::after{inset:14px}.site-menu{inset:64px 0 0}.menu-panel{display:block;padding:0 25px}.menu-header{height:53px;font-size:8px;letter-spacing:1.1px}.menu-close{width:35px;height:35px}.menu-close svg{width:19px;height:19px}.menu-index{padding:15px 0 22px}.menu-index a{height:clamp(46px,6.5svh,58px);grid-template-columns:27px 1fr auto;padding:5px 7px}.menu-index b{font-size:24px;letter-spacing:2px}.menu-index a>span{display:block;font-size:8px;letter-spacing:.7px}.menu-index small{font-size:9px}.menu-feature{padding:0 0 15px}.menu-feature figure,.menu-image-caption,.menu-sentence{display:none}.menu-elsewhere{grid-template-columns:1fr 1fr;gap:0 18px}.menu-elsewhere a{font-size:10px;padding:11px 0}.menu-elsewhere svg{width:10px;height:10px}.menu-footer{height:66px;gap:10px}.menu-footer>button>span{font-size:6px;letter-spacing:1px}.menu-footer>button>b{font-size:10px;letter-spacing:1px}.menu-footer>p{font-size:7px;letter-spacing:.5px}.transition{inset:64px 0 0}.transition-caption{gap:19px}.transition-caption>span{font-size:61px;letter-spacing:-4px}.transition-caption>div{padding-left:17px}.transition-caption b{font-size:24px;letter-spacing:4px}.transition-caption small{font-size:8px;letter-spacing:1.5px}.transition-caption>img{width:40px;bottom:25px;right:25px}.page{padding-top:64px}.page-head{padding:50px 25px 37px}.page-no{font-size:10px;margin-bottom:25px;gap:12px}.page-no::before{width:19px;height:3px}.page-title{font-size:40px;letter-spacing:3px}.page-en{font-size:8px;letter-spacing:.9px;margin-top:15px;line-height:1.7}.page-lead{font-size:14px;line-height:1.95;margin-top:26px}.wrap,.page .sketch,.play-switcher{width:calc(100% - 50px)}.page .sketch{margin-top:28px}.sketch img{height:215px}.sketch figcaption,.split-media figcaption{font-size:8px;letter-spacing:1px;line-height:1.8;padding:10px 0}.chapters{margin-top:35px}.chapter{grid-template-columns:34px 1fr;gap:12px 17px;padding:27px 0}.chapter-no{font-size:35px}.chapter h3{font-size:21px}.chapter-meta{font-size:8px;letter-spacing:.4px;margin-top:8px}.chapter>p:last-child{font-size:14px;line-height:2}.quote{margin:25px auto 37px;padding:76px 25px 55px}.quote::before{top:25px;left:25px;font-size:8px;letter-spacing:1px}.quote p{font-size:20px;letter-spacing:1px;line-height:1.9}.quote cite{font-size:9px;letter-spacing:2px;margin-top:20px}.split-media img{height:250px}.glossary{margin-top:25px}.glossary>div{display:block;padding:19px 0}.glossary dt{font-size:20px;margin-bottom:11px}.glossary dd{font-size:14px}.fine{font-size:10px;line-height:1.9;margin-top:25px}.next{margin-top:52px;min-height:128px;padding:35px 25px;gap:18px}.next>small{font-size:8px;letter-spacing:1px}.next>b{font-size:27px;letter-spacing:3px}.next>svg{width:28px;height:28px}.play-switcher{grid-template-columns:1fr 1fr;margin-top:30px;gap:0}.play-switcher>button{padding:16px 12px;gap:10px}.play-switcher>button:nth-child(2){border-right:0}.play-switcher>button:nth-child(-n+2){border-bottom:1px solid var(--line)}.play-switcher>button>b{font-size:14px}.play-switcher>button small{font-size:9px}.paths{min-height:0}.path{gap:23px}.path figure,.path figure>img{min-height:205px;height:205px}.path figcaption{font-size:8px;left:10px;bottom:10px;padding:5px 7px}.path-text{padding-top:0}.path-no{font-size:9px;letter-spacing:1px}.path-text h3{font-size:29px;letter-spacing:2px;margin:16px 0}.path-text>p:not(.path-no){font-size:14px}.path-text ul{gap:7px;margin-top:19px}.path-text li{font-size:9px;padding:7px 8px;letter-spacing:.5px}.bank{margin-top:34px;padding-top:25px}.bank-kicker{font-size:10px;margin-bottom:25px}.bank-row{grid-template-columns:1fr;gap:28px}.bank-row>div{padding-left:18px}.bank-row b{font-size:20px}.bank-row span{font-size:13px}.industry-plate{height:245px;padding:24px 20px}.path:has(.industry-plate) figure{height:245px}.industry-heading{font-size:17px;letter-spacing:1px}.industry-flow{margin-top:25px;gap:10px}.industry-flow b{font-size:18px;letter-spacing:1px;margin-top:12px}.industry-flow small{font-size:10px}.industry-flow i{font-size:6px}.industry-plate>p{font-size:8px;letter-spacing:1px;margin-top:26px}.atlas{margin-top:28px}.atlas-map{height:410px}.atlas-coord,.atlas-note{bottom:10px;font-size:8px;padding:5px 7px}.atlas-coord{left:8px}.atlas-note{right:8px}.pin{padding:8px}.pin>i{width:9px;height:9px;border-width:2px}.pin span{min-width:115px;padding:8px 9px;left:26px;top:-10px}.pin--l span{left:auto;right:26px}.pin b{font-size:11px}.pin small{font-size:7px;margin-top:6px}.atlas-facts{grid-template-columns:1fr 1fr;gap:25px;padding:26px 0}.atlas-facts dt{font-size:9px;margin-bottom:10px}.atlas-facts dd{font-size:19px}.atlas-facts dd small{font-size:10px}.atlas>.pill{margin-top:25px}.pill{font-size:12px;padding:16px 20px;min-width:207px}.charter{margin-top:30px;gap:18px}.charter-toc{grid-template-columns:1fr}.charter-toc a{font-size:12px;padding:14px 10px}.charter-body section{padding-bottom:25px;margin-bottom:29px;scroll-margin-top:89px}.charter-body h3{font-size:25px;letter-spacing:1px;margin-bottom:18px}.charter-body h3 small{font-size:9px;margin-bottom:10px}.charter-body ol{font-size:14px;padding-left:18px}.charter-body li{padding-left:6px;margin:15px 0}.gallery{gap:29px;margin-top:29px;display:block}.shot,.shot.shot--wide{width:100%;display:block;margin-bottom:30px}.shot>img{height:220px}.shot>span{font-size:12px;padding:14px 0}.shot>span::before{font-size:8px}.share{font-size:13px;line-height:2;margin-top:10px}.share a{margin-left:0;margin-top:10px;display:flex;width:fit-content}.letter{margin:32px auto 47px;padding:28px 23px;width:calc(100% - 50px)}.letter-kicker{font-size:9px;letter-spacing:2px}.letter h3{font-size:33px;margin:22px 0 27px;letter-spacing:2px}.letter>p:not([class]){font-size:15px;line-height:2.15;margin:20px 0}.letter-end{font-size:24px;letter-spacing:1px;line-height:1.8}.letter-sign{font-size:17px;margin-top:26px}.archive-head{padding-bottom:25px}.archive-head h3{font-size:26px;margin:17px 0 13px;letter-spacing:-1px;line-height:1.4}.archive-head>p:last-child{font-size:12px}.eras li{grid-template-columns:1fr auto;padding:24px 0;gap:11px}.eras li>b{font-size:17px;grid-column:1}.eras li>span{font-size:12px;grid-row:2;grid-column:1/-1;line-height:1.85}.eras li>em{grid-row:1;grid-column:2;margin-top:0;font-size:9px;text-align:right}.eras .eras-now{border-bottom:1px solid var(--line);border-left:2px solid #a3a3a3;background:transparent;padding-left:20px;margin-left:-22px}.eras .eras-now b{color:#5f5f5f}.dl{margin-top:29px}.dl-card{padding:26px 22px;gap:19px}.dl-card>img{width:53px;height:53px}.dl-kicker{font-size:8px;letter-spacing:.6px}.dl-card h3{font-size:18px;letter-spacing:0;line-height:1.6;margin:8px 0}.dl-meta{font-size:9px}.dl-card>button{margin:7px 0 0;min-width:100%;font-size:12px;padding:16px}.dl-steps{grid-template-columns:1fr;margin:31px 0 39px;gap:23px}.dl-steps li{display:grid;grid-template-columns:33px 1fr;gap:12px;padding-top:24px}.dl-steps li>span{font-size:10px;grid-row:span 2;padding-top:6px}.dl-steps h4{font-size:20px;margin:0;letter-spacing:2px}.dl-steps p{font-size:13px;line-height:1.9}.faq-kicker{font-size:10px;letter-spacing:2px;margin-bottom:18px}.faq summary{font-size:14px;padding:20px 0;gap:10px;line-height:1.8}.faq summary svg{width:17px;height:17px;margin-top:3px}.faq details p{font-size:13px;padding-right:12px}.dl-qq{font-size:12px;line-height:1.9;margin-top:29px}.dl-qq a{margin:9px 0 0;display:flex;width:fit-content}.site-footer{margin-left:0;padding:27px 25px;gap:17px}.site-footer>img{width:42px;height:42px}.site-footer>div>b{font-size:13px}.site-footer>div>p{font-size:9px;letter-spacing:1px}.footer-legal{margin:9px 0 0;max-width:none}.footer-legal>p{font-size:8px!important;letter-spacing:.3px!important}.footer-legal>span{font-size:8px}.lightbox{padding:78px 14px 100px}.lightbox-close{top:20px;right:18px;width:37px;height:37px}.lightbox footer{left:20px;right:20px;bottom:28px;display:block;padding-top:17px}.lightbox footer>span:first-child{font-size:11px;letter-spacing:1px}.lightbox footer>span:last-child{font-size:7px;letter-spacing:.5px;display:block;margin-top:11px}.toast{bottom:21px;left:50%;width:calc(100% - 48px);max-width:none;padding:14px 18px;font-size:12px}}
@media(max-width:680px){.slide-dots button{height:44px;padding:21px 0}.slide-dots button>span{top:21px}.carousel-controls>button{width:44px;height:44px;min-width:44px}.carousel-controls{gap:9px}.menu-close{display:none}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;transition-delay:0s!important}.hero-slide.active img{animation:none;transform:scale(var(--crop,1.05))}.page [data-reveal]{opacity:1;transform:none}.boot-center{transition:none}}


/* Keep the confirmed first prototype; replace its colour treatment and choreography. */
:root{--ink:#191919;--muted:#777;--paper:#ededed;--white:#fafafa;--line:#d3d3d3;--signal:#e8e24b;--red:#797979;--pink:#ce7daf;--mint:#52bdab}
.boot{background:#141414;clip-path:inset(0);transition:clip-path 1s cubic-bezier(.64,0,.18,1);color:#f6f6f6}
.boot-surface{background:radial-gradient(ellipse at 64% 42%,#242424 0,#1a1a1a 42%,#141414 78%)}
.boot-track{width:6px;background:#ffffff08}.boot-track>div{background:var(--signal);opacity:1}
.boot-progress{color:var(--signal)}.boot-word>b,.boot-mark{color:#f2f2f2}.boot-emblem img{filter:none;opacity:1;animation:emblem-reveal .95s var(--ease) both}
.boot-emblem i{border-color:#ffffff25;border-left-color:var(--signal);border-right-color:#ffffff40;animation:none}
.boot-bars i{background:#777;animation:none}.boot-bars i:first-child{background:var(--signal)}.boot-bars i:nth-child(2){background:var(--mint)}.boot-bars i:nth-child(3){background:var(--pink)}
.boot.exit{clip-path:inset(0 0 0 100%);opacity:1;pointer-events:none}
.boot.exit .boot-center{opacity:1;transform:translate(-50%,-50%);transition:none}
.boot.exit .boot-bottom,.boot.exit .boot-progress,.boot.exit .boot-coordinate,.boot.exit .boot-skip{opacity:1;transition:none}
.boot.quick{transition-duration:.26s}.boot-panels,.transition{display:none!important}
@keyframes emblem-reveal{from{clip-path:inset(100% 0 0);transform:translateY(10px)}to{clip-path:inset(0);transform:translateY(0)}}
.rail{background:#fafafa;border-color:#19191916}.rail-brand>span{font-size:7px;letter-spacing:1px}.rail-links>a{color:#b0b0b0}
.rail-links>a.active,.rail-links>a.active:hover{background:#e6e6e6;color:#191919}.rail-links>a.active::before{background:#191919;width:3px}
.rail-links>a:hover{background:#efefef}.rail-links>a.active::after{content:'';position:absolute;right:8px;top:9px;width:4px;height:4px;background:var(--signal)}
.rail-download{border:1px solid #191919;background:repeating-linear-gradient(-45deg,#202020 0 1px,#161616 1px 4px);color:#fafafa;position:relative}
.rail-download::before{content:'';position:absolute;top:11px;left:50%;transform:translateX(-50%);width:13px;height:3px;background:var(--signal)}
.rail-download:hover{background:#303030;color:#fff}.rail-download span{font-size:11px}.rail-download svg{stroke-width:1.75}
.topline{background:transparent}.wordmark-dot{background:var(--signal)}
.hero-slide{opacity:1;transition:none}.hero-slide.active,.hero-slide.departing{opacity:1}.hero-slide.entering{opacity:1}
.hero-shade{background:linear-gradient(90deg,#111111a6 0%,#11111163 26%,#1111110d 60%,transparent 100%),linear-gradient(0deg,#111111de 0%,#11111178 17%,transparent 60%,#1111111f 100%)}
.hero-topnote>span:last-child{color:#ededed}.hero-label>span{background:var(--signal)}.hero-description{color:#f2f2f2bd}
.action-primary{background:#f3f3f3;color:#191919;box-shadow:none}.action-primary::after{background:var(--signal);width:3px}.action-primary:hover{background:#fff}
.hero-notice{background:#19191936;border-color:#ffffff55;backdrop-filter:blur(7px)}.hero-notice>span{color:#dedede}.hero-notice>span i{background:var(--signal);animation:none}
.slide-dots button>span{background:#ffffff50}.slide-dots button.active>span{background:#eee}.slide-dots button.active>span::after{background:var(--signal)}
.hero-copy>*{animation:none!important}.is-entering .hero-copy>*{animation:frame-rise .8s var(--ease) .36s both!important}
.is-entering .hero-copy>:nth-child(2){animation-delay:.46s!important}.is-entering .hero-copy>:nth-child(3){animation-delay:.56s!important}.is-entering .hero-copy>:nth-child(4){animation-delay:.66s!important}.is-entering .hero-copy>:nth-child(5){animation-delay:.76s!important}
.is-entering .hero-bottom,.is-entering .hero-topnote{animation:frame-rise .8s var(--ease) .55s both}
@keyframes frame-rise{from{clip-path:inset(0 0 100%);transform:translateY(14px)}to{clip-path:inset(0);transform:translateY(0)}}
.menu-layer{background:#252525}.menu-panel{background:#ededed}.menu-index a::before{background:#e0e0e0}.menu-index a.current>small{color:#555}.menu-elsewhere a:hover{color:#191919}
.menu-header{position:relative}.menu-header::after{content:'';position:absolute;bottom:-1px;left:0;width:30px;height:3px;background:var(--signal)}
.page{background:#ededed}.page-head{isolation:isolate}.page-head::after{content:'';position:absolute;right:7.8%;top:94px;width:5px;height:64px;background:linear-gradient(180deg,var(--pink) 0 19%,var(--mint) 19% 41%,var(--signal) 41% 68%,#b2b2b2 68%);pointer-events:none}
.page-title,.page-en{overflow:hidden}.title-text,.title-subtext{display:block}.page-no{color:#777}.page-no::before{height:3px;background:#191919}.page-lead{color:#565656}.page-en{color:#777}
.page [data-reveal],.home [data-reveal]{opacity:1;clip-path:none;transform:none;transition:none}
.page [data-reveal].in,.home [data-reveal].in{opacity:1;clip-path:none;transform:none}
.route-changing [data-reveal].in{transition:none!important}
.route-snapshot{position:fixed;inset:0 0 0 var(--rail);z-index:55;overflow:hidden;pointer-events:none;background:var(--paper);opacity:1;contain:paint}
.snapshot-document{position:absolute;left:0;top:0;right:0}.snapshot-document>main,.snapshot-document>.site-footer{margin-left:0}.snapshot-document *{animation:none!important;transition:none!important}
.route-outgoing{z-index:56}.route-incoming{z-index:55}
.route-changing{overflow:hidden}
html[data-page=world] .topline{color:#f5f5f5;border-color:#ffffff22;background:#151515}
html[data-page=world] .topline-right>span{color:#aaa}
.view[data-route=world]{--line:#ffffff22;background:radial-gradient(ellipse at 5% 10%,#4b3d5b28,transparent 40%),#151515;color:#f4f4f4}
.view[data-route=world] .page-lead,.view[data-route=world] .chapter>p:last-child,.view[data-route=world] .glossary dd{color:#b9b9b9}
.view[data-route=world] .page-en,.view[data-route=world] .page-no,.view[data-route=world] .chapter-meta,.view[data-route=world] figcaption,.view[data-route=world] .fine{color:#929292}
.view[data-route=world] .page-no::before{background:var(--signal)}.view[data-route=world] .chapter-no{color:#6d6d6d}
.view[data-route=world] .quote{background:#1e1e1e;border-block:1px solid #ffffff17}.view[data-route=world] .next{background:#232323;border-color:#ffffff20;color:#f3f3f3}
.quote{background:#1b1b1b}.view[data-route=play]{background:#e9e9e9}.view[data-route=map]{background:#e5e5e5}.view[data-route=rules]{background:#f2f2f2}.view[data-route=community]{background:#eaeaea}.view[data-route=about]{background:#f2f2f2}.view[data-route=download]{background:#e9e9e9}
.play-switcher>button.active{background:#191919;color:#f7f7f7}.play-switcher>button.active small{color:var(--signal)}.play-switcher>button:hover{background:#dcdcdc}.play-switcher>button.active:hover{background:#292929}
.industry-plate{background:#1b1b1b}.industry-flow small{background:#1b1b1b}.industry-flow>span:nth-child(2) small{color:var(--mint)}.industry-flow>span:nth-child(3) small{color:var(--pink)}
.atlas-map{background:#f5f5f5;border-color:#bfbfbf}.pin.on>i{background:#191919;outline-color:#191919;box-shadow:0 0 0 7px #19191912}.pin span{background:#f9f9f9f2}.atlas-coord,.atlas-note{background:#f8f8f8cc}
.letter{background:#fafafa;box-shadow:none}.letter>p:not([class]){color:#5c5c5c}.eras .eras-now{border-left-color:#555;background:transparent}.eras .eras-now b{color:#191919}
.dl-card{background:repeating-linear-gradient(-45deg,#1e1e1e 0 1px,#191919 1px 5px);border-top:3px solid #191919;position:relative}
.dl-card::before{content:'';position:absolute;left:36px;top:-3px;width:32px;height:3px;background:var(--signal)}.dl-kicker{color:#dedede}.dl-meta{color:#a5a5a5}
.dl-card>button{border:1px solid #ffffff40;background:#f1f1f1;color:#191919}.dl-card>button:hover{background:#fff;color:#191919}
.site-footer{background:#dedede}.site-footer>div>p,.footer-legal>span{color:#858585}.lightbox{background:#141414f5}
.home-follow{padding:73px 6.1% 76px;background:#ededed;color:#191919;scroll-margin-top:24px}.home-follow header{max-width:1200px;margin:auto}.home-follow header>p{font:9px var(--mono);letter-spacing:2px;color:#777}.home-follow h2{font-size:34px;font-weight:500;letter-spacing:1px;margin:20px 0 17px}.home-follow header>span{font-size:14px;color:#666;line-height:1.9}
.follow-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;max-width:1200px;margin:32px auto 0}.follow-grid>a{background:#f5f5f5;border:1px solid #d2d2d2;overflow:hidden;transition:transform .5s var(--ease)}.follow-grid a:hover{transform:translateY(-4px)}.follow-grid img{height:205px;width:100%;object-fit:cover;transition:transform .9s var(--ease)}.follow-grid a:hover img{transform:scale(1.018)}.follow-grid>a>span{display:block;padding:21px 24px 23px;position:relative}.follow-grid small{font:8px var(--mono);letter-spacing:1px;color:#888}.follow-grid b{display:block;font-size:23px;font-weight:400;margin-top:14px;letter-spacing:1px}.follow-grid i{position:absolute;right:20px;bottom:22px;font-size:18px;font-style:normal;color:#777}
@media(max-width:900px){.follow-grid{gap:17px}.follow-grid img{height:175px}.home-follow h2{font-size:29px}.page-head::after{top:79px}}
@media(max-width:680px){.home{height:auto;min-height:0;padding-top:64px}.hero{height:calc(100svh - 64px);min-height:760px}.rail-brand>span{font-size:12px;letter-spacing:0}.rail-download{border:0;background:#191919}.rail-download::before{left:8px;top:50%;width:3px;height:12px;transform:translateY(-50%)}.boot-track{width:4px}.home-follow{padding:45px 25px 47px}.home-follow h2{font-size:26px;line-height:1.5}.home-follow header>span{font-size:12px}.follow-grid{grid-template-columns:1fr;gap:22px;margin-top:25px}.follow-grid img{height:218px}.follow-grid>a>span{padding:19px 23px 22px}.follow-grid b{font-size:22px}.boot-progress small{font-size:8px}.boot-word{font-size:27px}.route-snapshot{inset:0}.page-head::after{top:53px;right:25px;height:44px;width:3px}}
@media(prefers-reduced-motion:reduce){.page [data-reveal],.home [data-reveal]{clip-path:none;transform:none}.boot{transition:none}.is-entering .hero-copy>*{animation:none!important}}

/* Content stays visible before observers run; the rail and motion use one rhythm. */
#main,.page{min-height:0}.paths{min-height:0;overflow:clip}.path{animation:none}
.page-head{padding-top:72px;padding-bottom:48px}.page-no{margin-bottom:24px}.page-lead{margin-top:28px}.page-head::after{top:78px}
.next{margin-top:48px;min-height:104px;padding-top:27px;padding-bottom:27px;gap:24px}.next>b{font-size:clamp(25px,2.4vw,34px);letter-spacing:2px}.next>svg{width:29px;height:29px}.next:hover>svg{transform:translateX(5px)}
.bank{margin-top:40px}.site-footer{padding-top:28px;padding-bottom:28px}
.rail-bottom{padding:0 0 18px;gap:0}.rail-download{width:100%;height:82px;gap:11px;clip-path:none;background:#efefef;color:#222;border:0;border-top:1px solid #dedede;transition:background .22s,color .22s}
.rail-download::before{content:none}.rail-download>span{font-size:10px;font-weight:500;letter-spacing:1px}.rail-download-full{display:inline}.rail-download svg{width:21px;height:21px;stroke-width:1.4;transition:transform .28s var(--ease)}
.rail-download:hover{background:#e3e3e3;color:#191919}.rail-download:hover svg{transform:translateY(2px)}.rail-download.active{background:#e4e4e4;color:#191919}.rail-download.active::before{content:'';left:0;top:0;bottom:0;width:3px;height:auto;transform:none;background:#191919}.rail-download:focus-visible{outline-offset:-6px}
.menu-layer{transition:clip-path .44s cubic-bezier(.42,0,.2,1)}.menu-panel{transition:clip-path .46s cubic-bezier(.42,0,.2,1) .025s}
.menu-index small,.menu-index b,.menu-index a>span{transition:transform .42s var(--ease)}.menu-open .menu-index small,.menu-open .menu-index b,.menu-open .menu-index a>span{transition-delay:calc(.12s + var(--i)*.022s)}
.menu-feature,.menu-footer{opacity:1;transform:translateY(10px);transition:transform .42s var(--ease)}.menu-open .menu-feature,.menu-open .menu-footer{transition-delay:.16s}
.site-menu.closing .menu-layer{transition-delay:.02s}.site-menu.closing .menu-index small,.site-menu.closing .menu-index b,.site-menu.closing .menu-index a>span,.site-menu.closing .menu-feature,.site-menu.closing .menu-footer{opacity:1;transform:none;transition:none}
.menu-feature figure img,.menu-feature figure img.switching{opacity:1;transform:scale(1.16);transition:none}
.shot>img{transition:transform .5s var(--ease)}.shot:hover>img{transform:scale(1.015);filter:none}
.gallery>.shot:last-child:nth-child(odd){grid-column:1/-1}
.lightbox{transition:opacity .22s}.lightbox>img{transition:transform .42s var(--ease)}
.lightbox:not(.show){pointer-events:none}
@media(max-width:900px){.page-head{padding-top:58px;padding-bottom:42px}.page-head::after{top:64px}}
@media(max-width:680px){.rail-bottom{padding:0;margin-left:auto;gap:6px}.rail-download{width:65px;height:36px;flex-direction:row;gap:6px;background:transparent;border:0;border-left:1px solid #dedede}.rail-download>span{font-size:11px;letter-spacing:0}.rail-download-full{display:none}.rail-download svg{width:17px;height:17px}.rail-download.active::before{display:none}.rail-download:hover{background:#ededed}.page-head{padding-top:42px;padding-bottom:30px}.page-no{margin-bottom:22px}.page-lead{margin-top:24px}.page-head::after{top:45px}.next{margin-top:32px;min-height:96px;padding:25px;gap:18px}.next>b{font-size:25px}.next>svg{width:25px;height:25px}.bank{margin-top:28px}.site-footer{padding-block:25px}}

/* A full-width frame, with the original Menu position retained as one floating control. */
:root{--rail:0px;--header-height:88px;--ice:#bdd8e1;--sage:#96bcb0;--rose:#d6a7b7;--champagne:#d8c8a5}
#main,.site-footer{margin-left:0}.home{padding-top:0}.page{padding-top:var(--header-height)}
.topline{display:flex;position:fixed;left:0;right:0;top:0;height:var(--header-height);z-index:100;padding:0 38px 0 18px;color:#252b30;background:#ececebeb;border-bottom:1px solid #1a262b14;backdrop-filter:blur(14px);transition:background .3s,color .25s,border-color .25s}
.header-emblem{display:grid;place-items:center;width:44px;height:48px;flex:none}.header-emblem img{width:44px;height:44px;filter:none;transition:transform .35s var(--ease)}.header-emblem:hover img{transform:translateY(-1px)}
.topline-right{align-items:center;gap:30px}.topline-right>span{font-size:8px;letter-spacing:1.8px}.topline-right>a{height:44px;gap:12px;font-size:12px;letter-spacing:1px;transition:color .25s}.topline-right>a svg{transition:transform .3s var(--ease)}.topline-right>a:hover svg{transform:translate(2px,-2px)}
.is-home .topline{background:linear-gradient(180deg,#111c2345,#111c2310);color:#f3f4f1;border-color:#ffffff22;backdrop-filter:none}.is-home.is-scrolled .topline{background:#162128e8;border-color:#ffffff19;backdrop-filter:blur(18px)}
html[data-page=world] .topline{background:#151b20ed;color:#f2f4f3;border-color:#ffffff19}html[data-page=world] .topline-right>span{color:#bdcdd1}
.is-home .topline-right>a:hover{color:var(--ice)}
.floating-menu{position:fixed;z-index:110;left:14px;top:calc(var(--header-height) + 24px);width:52px;height:64px;padding:13px 9px 10px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:11px;color:#252b30;background:transparent;border:1px solid transparent;transition:background .25s,border-color .25s,color .25s}
.menu-strokes{position:relative;width:26px;height:13px;display:block}.menu-strokes>i{display:block;position:absolute;left:0;top:2px;width:26px;height:1.5px;background:currentColor;transform-origin:center;transition:transform .32s var(--ease),width .32s var(--ease)}.menu-strokes>i+i{top:10px;width:18px}.floating-menu small{font:8px var(--mono);letter-spacing:1.2px}
.floating-menu:hover .menu-strokes>i+i{width:26px}.floating-menu:hover{border-color:#63798330;background:#72909b0b}.is-home .floating-menu,html[data-page=world] .floating-menu{color:#f2f4f1}.is-home .floating-menu:hover,html[data-page=world] .floating-menu:hover{border-color:#c3d9dc40;background:#bdd8e10d}.is-home.is-scrolled .floating-menu{background:#182830cf;backdrop-filter:blur(10px);border-color:#c3d9dc20}
.menu-open .menu-strokes>i:first-child{transform:translateY(4px) rotate(45deg)}.menu-open .menu-strokes>i+i{width:26px;transform:translateY(-4px) rotate(-45deg)}
html.menu-visible .topline{background:#eaeae5;color:#20292d;border-color:#1b2a3119;backdrop-filter:none}html.menu-visible .topline-right>a,html.menu-visible .topline-right>span{color:#596d76}html.menu-visible .floating-menu{color:#20292d;background:transparent;border-color:transparent;backdrop-filter:none}
.skip-link{left:18px}.toast{left:50%}.route-snapshot{inset:0}.snapshot-document>main,.snapshot-document>.site-footer{margin-left:0}
.home-follow{scroll-margin-top:calc(var(--header-height) + 16px)}.charter-body section{scroll-margin-top:calc(var(--header-height) + 24px)}

/* The drawer unfolds from the top, with readable content throughout the close. */
.site-menu{inset:0;z-index:90}.menu-underlay{background:#15232c55;transition:opacity .35s}.menu-layer{background:#a5bdc1;clip-path:inset(0 0 100%);transition:clip-path .57s cubic-bezier(.72,0,.2,1)}
.menu-panel{display:grid;grid-template-columns:1.06fr .94fr;grid-template-rows:36px minmax(0,1fr) 62px;gap:0 7%;padding:calc(var(--header-height) + 32px) 7.8% 24px;background:linear-gradient(120deg,#e9e9e5,#f0eee8 70%,#e8eceb);clip-path:inset(0 0 100%);transition:clip-path .62s cubic-bezier(.72,0,.2,1) .035s;overflow-y:auto}
.menu-header{height:auto;min-height:36px;letter-spacing:1.6px;color:#5f737a}.menu-header::after{background:linear-gradient(90deg,var(--sage),var(--ice),var(--rose));width:42px;height:2px}.menu-header-note{font-size:8px;letter-spacing:1.3px;color:#8e9898}
.menu-index{padding:22px 0;min-height:0}.menu-index a{height:clamp(48px,6.7vh,64px);flex-shrink:0;grid-template-columns:30px 1fr auto;border-color:#99a7a626}.menu-index b{font-size:clamp(24px,2.4vw,36px);font-weight:450}.menu-index a.current b{font-weight:600}.menu-index a::before{background:#bbcecd33}.menu-index small{color:#8d999d}.menu-index a.current>small{color:#597b86}.menu-index a>span{color:#8b989c}
.menu-index small,.menu-index b,.menu-index a>span{transition:transform .5s var(--ease)}.menu-open .menu-index small,.menu-open .menu-index b,.menu-open .menu-index a>span{transition-delay:calc(.16s + var(--i)*.024s)}
.menu-feature{padding:22px 0;align-self:center;opacity:1;transform:translateY(16px);transition:transform .62s var(--ease) .15s}.menu-feature figure{clip-path:inset(0 0 100%);transition:clip-path .64s var(--ease) .21s}.menu-open .menu-feature figure{clip-path:inset(0)}.menu-open .menu-feature{transform:none;transition-delay:.15s}.menu-image-corners{border-color:#edf2ec70}
.menu-image-caption>span:last-child{color:#83979b}.menu-sentence{color:#354c58}.menu-elsewhere a{border-color:#99a7a633}.menu-elsewhere a:hover{color:#557f8a}.menu-footer{height:auto;min-height:62px;opacity:1;transform:translateY(8px);transition:transform .42s var(--ease) .3s}
.site-menu.closing .menu-panel{transition-duration:.48s;transition-delay:0s}.site-menu.closing .menu-layer{transition-duration:.46s;transition-delay:.02s}.site-menu.closing .menu-feature figure{clip-path:inset(0);transition:none}

/* Colour comes from the photographs and a restrained ice / sage / rose accent family. */
.hero{height:100svh;min-height:700px}.hero-copy{left:7.8%;right:7.8%;width:auto;max-width:850px;bottom:clamp(190px,25vh,240px)}
.hero-label{color:#eceee8}.hero-label>span{background:var(--sage)}.hero-label>i{color:#bdd5dc;opacity:.82}.hero-wordmark>b{color:#c7dee4}.wordmark-dot{background:var(--rose)}
.hero-topnote{right:7.8%;top:calc(var(--header-height) + 28px)}.hero-topnote>span:last-child{color:#dfd1b7;border-left-color:#b5c9cc50}.hero-description{color:#dce8e4d9}.hero-bottom{left:7.8%;right:7.8%;bottom:55px}
.hero-notice{background:linear-gradient(125deg,#18292c78,#392d3870);border-top-color:#c5acb34f}.hero-notice>span{color:#c5d8d0}.hero-notice>span i{background:var(--sage)}.hero-notice:hover{border-top-color:#d2b7c2;background:linear-gradient(125deg,#203638a8,#42323fa8)}
.hero-discover{left:7.8%;right:7.8%;font-size:10px;line-height:1.4;color:#c0cdd0;border-color:#d5e0df20}
.hero-discover:hover{color:#f5f5ef}
.hero-copy h1{color:#dce2e4}
/* Each photograph carries its own left-side contrast through the carousel transition. */
.hero-slide img{object-position:var(--focus,52% 50%)}
.hero-slide::after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgb(10 14 18 / var(--shade-left,.65)) 0%,rgb(10 14 18 / var(--shade-mid,.36)) 30%,rgb(10 14 18 / .025) 64%,transparent 100%)}
.hero-shade{background:linear-gradient(0deg,#0a0e12e6 0%,#0a0e1278 17%,transparent 52%,#0a0e121f 100%)}
@media(max-width:680px){
 .hero-slide img{object-position:var(--focus-mobile,var(--focus,52% 50%))}
 .hero-shade{background:linear-gradient(to bottom,transparent 22%,#0a0e1233 45%,#0a0e1240 62%,transparent 85%),linear-gradient(0deg,#0a0e12f0 0%,#0a0e12bd 18%,#0a0e1257 48%,#0a0e1214 76%,#0a0e1229 100%)}
}
.hero-carousel{width:320px;max-width:43%}.carousel-caption{gap:0}.carousel-number{gap:8px;line-height:1}.carousel-number>b{font-size:28px;font-weight:450;letter-spacing:-1.5px;color:#edf0e8}.carousel-number>i{font-size:10px;color:#b8cfd6}
.carousel-controls{margin-top:10px}.slide-dots button::before{background:#d8e1e136}.slide-dots button.active>span{background:var(--ice);animation-duration:var(--hero-slide-interval,10s)}.hero.paused .slide-dots button.active>span{animation:none;width:100%;background:var(--ice)}.carousel-controls>button:hover{color:var(--ice)}

/* Header help and home alignment; action buttons retain their original geometry. */
.topline .header-utilities { display:flex; align-items:center; gap:24px; }
.topline .header-utilities > a { display:inline-flex; align-items:center; justify-content:center; gap:8px; height:44px; color:inherit; font-size:12px; letter-spacing:1px; white-space:nowrap; }
.topline .header-help small { font:inherit; }
.topline .header-utilities > a:hover { opacity:.75; }
.hero-copy > :is(.hero-label,.hero-wordmark,h1) { position:relative; top:-16px; }
.hero-discover { justify-content:flex-start; align-items:center; gap:8px; }
.hero-discover > svg { flex:none; }
@media(min-width:681px) { .hero-carousel { position:relative; top:12px; } }
@media(max-width:680px) {
  .topline .header-utilities > a { font-size:11px; }
  .topline .header-help { min-width:44px; }
  .topline .header-help small { display:inline; }
  .hero-copy > :is(.hero-label,.hero-wordmark,h1) { top:-12px; }
}

/* Download and community actions have different weights, but the same precise feedback. */
.hero-actions{display:flex;align-items:stretch;gap:16px;margin-top:32px;width:max-content;max-width:100%}
.hero-download{position:relative;isolation:isolate;overflow:hidden;clip-path:none;min-width:254px;height:72px;padding:0 22px;gap:18px;border:1px solid #e4edeb80;background:linear-gradient(115deg,#eee9d9,#c6dde2);color:#21353f;box-shadow:0 3px 12px #11202a24,inset 0 1px 0 #ffffff6b;transition:transform .3s var(--ease),background .3s,box-shadow .3s,border-color .3s}
.hero-download>.download-icon{width:23px;height:23px;stroke-width:1.6}.download-stem{transition:transform .32s var(--ease)}.download-tray{transition:stroke .3s}
.hero-download>.action-copy{display:flex;flex-direction:column;gap:7px;line-height:1}.hero-download .action-copy>b{font-size:18px;font-weight:600;letter-spacing:2px;white-space:nowrap}.hero-download .action-copy>small{font:8px var(--mono);letter-spacing:1.2px;opacity:.68;margin:0;color:#415b64}
.hero-download>.action-arrow{width:19px;height:19px;margin-left:auto;stroke-width:1.3;transition:transform .3s var(--ease)}
.hero-download::after{left:0;right:0;top:auto;bottom:0;width:auto;height:3px;background:linear-gradient(90deg,#95b7ac,#bfd8dd 60%,#c7a1b2)}
.hero-download::before{content:'';position:absolute;z-index:-1;inset:-30% auto -30% 0;width:32%;background:linear-gradient(90deg,transparent,#ffffff5c,transparent);transform:translateX(-160%) skewX(-18deg);pointer-events:none}
.hero-download:is(:hover,:focus-visible){background:linear-gradient(115deg,#f1eddf,#b7d7e3);border-color:#e5f0f2;box-shadow:0 9px 28px #0c1c2b42,inset 0 1px 0 #ffffffaa;transform:translateY(-2px)}.hero-download:is(:hover,:focus-visible)::before{animation:action-glint .65s ease-out both}.hero-download:is(:hover,:focus-visible) .download-stem{transform:translateY(3px)}.hero-download:is(:hover,:focus-visible) .action-arrow{transform:translateX(4px)}.hero-download:active{transform:translateY(0);box-shadow:0 2px 8px #0c1c2b35}
@keyframes action-glint{from{transform:translateX(-160%) skewX(-18deg)}to{transform:translateX(440%) skewX(-18deg)}}
.hero-community{position:relative;overflow:hidden;min-width:170px;height:72px;gap:12px;padding:0 17px;background:#24243147;border:1px solid #d2b3c357;color:#efdee4;backdrop-filter:blur(8px);font-size:13px;letter-spacing:1px;transition:background .3s,border-color .3s,transform .3s var(--ease),color .3s}
.hero-community>svg{width:18px;height:18px;color:#ddb9c6;stroke-width:1.3}.hero-community>.community-arrow{width:13px;height:13px;margin-left:auto;transition:transform .3s var(--ease)}
.hero-community::after{content:'';position:absolute;left:17px;right:17px;bottom:9px;height:1px;background:#dab4c5a6;transform:scaleX(0);transform-origin:left;transition:transform .35s var(--ease)}
.hero-community:is(:hover,:focus-visible){color:#fff0f5;background:#69506547;border-color:#e1bac9;transform:translateY(-2px)}.hero-community:is(:hover,:focus-visible)::after{transform:scaleX(1)}.hero-community:is(:hover,:focus-visible) .community-arrow{transform:translate(2px,-2px)}.hero-community:active{transform:none}

@media(min-width:1700px){.hero-copy{bottom:26%}.hero-bottom{bottom:67px}}
@media(max-height:780px) and (min-width:901px){.hero-copy{bottom:180px}.hero-actions{margin-top:25px}.hero-bottom{bottom:36px}.menu-panel{padding-top:calc(var(--header-height) + 22px);grid-template-rows:32px minmax(0,1fr) 54px}.menu-index{padding:12px 0}.menu-index a{height:47px}.menu-feature{padding:10px 0}.menu-sentence{margin:20px 0}}
@media(max-width:1024px){.hero-copy{left:9%;right:6%;bottom:220px}.hero-bottom{left:9%;right:6%}.hero-actions{gap:14px}.hero-download{min-width:238px}.hero-community{min-width:158px}.menu-panel{column-gap:5%;padding-left:9%;padding-right:6%}.menu-index a>span{font-size:8px;letter-spacing:.5px}}
@media(max-width:680px){
 :root{--header-height:64px}.topline{display:flex;padding:0 24px 0 20px;height:var(--header-height)}.header-emblem,.header-emblem img{width:36px;height:36px}.topline-right{gap:0}.topline-right>span{display:none}.topline-right>a{font-size:11px;height:44px;gap:8px}
 .floating-menu{left:8px;top:calc(var(--header-height) + 14px);width:44px;height:52px;padding:8px 6px;gap:8px}.floating-menu small{font-size:7px;letter-spacing:1px}.menu-strokes{width:23px}.menu-strokes>i{width:23px}.menu-strokes>i+i{width:16px}.floating-menu:hover .menu-strokes>i+i,.menu-open .menu-strokes>i+i{width:23px}
 .home{padding-top:0}.hero{height:100svh;min-height:740px}.hero-copy{left:24px;right:24px;bottom:226px;max-width:none}.hero-label{font-size:9px;letter-spacing:1.7px;margin-bottom:22px}.hero-label>i{display:inline;font-size:7px;letter-spacing:.8px}.hero-wordmark{font-size:clamp(35px,8.1vw,54px)}.hero-topnote{left:74px;right:24px;top:calc(var(--header-height) + 26px);gap:10px}.hero-topnote .mini-cross{display:none}.hero-topnote>span:last-child{padding-left:10px;font-size:8px}
 .hero-bottom{left:24px;right:24px;bottom:28px;gap:19px}.hero-carousel{width:100%;max-width:none}.carousel-number>b{font-size:23px;letter-spacing:-1.2px}.carousel-number>i{font-size:8px}.carousel-controls{margin-top:4px}.slide-dots button{height:40px;padding:19px 0}.slide-dots button>span{top:19px}.carousel-controls>button{width:40px;height:40px;min-width:40px}.hero-notice{padding:13px 31px 13px 14px}.hero-discover{display:none}
 .hero-actions{display:grid;grid-template-columns:minmax(0,1fr) 120px;gap:10px;width:100%;margin-top:24px;align-items:stretch}.hero-download{min-width:0;width:100%;height:64px;padding:0 13px;gap:10px}.hero-download>.download-icon{width:19px;height:19px}.hero-download .action-copy>b{font-size:15px;letter-spacing:1px}.hero-download .action-copy>small{font-size:6.5px;letter-spacing:.65px}.hero-download>.action-arrow{width:15px;height:15px}.hero-community{min-width:0;height:64px;padding:0 10px;gap:8px;font-size:11px;letter-spacing:0}.hero-community>svg{width:15px;height:15px}.hero-community>.community-arrow{width:10px;height:10px}.hero-community::after{left:10px;right:10px;bottom:8px}
 .page{padding-top:var(--header-height)}.page-head{padding-left:64px;padding-right:24px}.wrap,.page .sketch,.play-switcher{width:calc(100% - 88px);margin-left:64px;margin-right:24px}.letter{width:calc(100% - 88px);margin-left:64px;margin-right:24px;padding-inline:20px}.quote{padding-left:64px;padding-right:24px}.quote::before{left:64px}.next{padding-left:64px;padding-right:24px}.next>small{font-size:7px;letter-spacing:.7px}.next>b{font-size:23px;letter-spacing:1px}.next>svg{width:22px;height:22px}.next{gap:12px}.play-switcher>button{padding-inline:8px;gap:6px}.play-switcher>button>b{font-size:13px;letter-spacing:0}.play-switcher>button small{font-size:8px}.dl-card{padding-inline:16px;gap:14px}.dl-card>div{min-width:0;flex:1}.dl-card h3{font-size:16px;overflow-wrap:anywhere}.site-footer{padding-left:64px;padding-right:24px}.footer-legal{text-align:left}
 .site-menu{inset:0}.menu-panel{display:flex;flex-direction:column;padding:calc(var(--header-height) + 24px) 24px 22px 64px}.menu-header{height:32px;min-height:32px;flex-shrink:0;font-size:8px;letter-spacing:1px}.menu-header-note{display:none}.menu-index{padding:17px 0 18px;flex-shrink:0}.menu-index a{height:clamp(45px,6svh,54px);grid-template-columns:22px 1fr auto;gap:9px;padding:5px 3px}.menu-index b{font-size:24px;letter-spacing:1px}.menu-index a>span{font-size:7px;letter-spacing:.3px}.menu-index small{font-size:8px}.menu-feature{padding:0 0 12px;align-self:stretch;flex-shrink:0}.menu-feature figure,.menu-image-caption,.menu-sentence{display:none}.menu-elsewhere{column-gap:14px}.menu-elsewhere a{font-size:10px}.menu-footer{min-height:64px;gap:9px;flex-shrink:0;margin-top:auto}.menu-footer>p{font-size:6.5px;letter-spacing:.2px}
}
@media(max-width:360px){.hero-actions{grid-template-columns:minmax(0,1fr) 112px;gap:8px}.hero-download{padding-inline:11px;gap:8px}.hero-download .action-copy>b{font-size:14px}.hero-download>.action-arrow{display:none}.hero-community{padding-inline:8px;gap:6px}.hero-community>svg:first-child{display:none}.menu-index a>span{display:none}.menu-index b{font-size:22px}.hero-label>i{font-size:6px}}
@media(prefers-reduced-motion:reduce){.hero-download:is(:hover,:focus-visible)::before{animation:none}.hero-download:is(:hover,:focus-visible),.hero-community:is(:hover,:focus-visible){transform:none}}

/* Revision VIII: neutral industrial colour, native four-chapter flow and V4 motion curves. */
:root{--industrial-yellow:#e3df55;--action-red:#d64739;--v4-ease:cubic-bezier(.19,1,.22,1);--v4-io:cubic-bezier(.76,0,.24,1)}
.hero-wordmark>b{color:#f5f5ef}.wordmark-dot{background:var(--industrial-yellow)}.hero-label>span{background:var(--industrial-yellow)}.hero-label>i{color:#d2d6d5;opacity:.7}
.hero-notice,.hero-notice:hover{background:#171b2240;border-top-color:#ffffff55;backdrop-filter:blur(16px)}.hero-notice>span{color:#d9dddc}.hero-notice>span i{background:var(--industrial-yellow)}
.hero-actions{display:flex;align-items:center;gap:29px;width:max-content;max-width:100%;margin-top:31px}
.hero-download{min-width:239px;height:67px;padding:0 24px;gap:19px;border:0;background:#f3f3ed;color:#191c20;box-shadow:none;clip-path:polygon(0 0,100% 0,100% 78%,94% 100%,0 100%);transform:none;transition:none}
.hero-download>svg,.hero-download .button-ink>svg{width:23px;height:23px;stroke-width:1.5}.hero-download>span:not(.button-ink),.hero-download .button-ink>span{font-size:18px;letter-spacing:3px;font-weight:600;line-height:1.35}.hero-download small{display:block;font:8px var(--mono);letter-spacing:1.2px;margin-top:5px;opacity:.6}.hero-download i{margin-left:auto;font:10px var(--mono);font-style:normal;align-self:flex-start;margin-top:13px;opacity:.6}
.hero-download::before,.hero-community::before{content:'';position:absolute;inset:0;width:auto;z-index:0;background:var(--action-red);transform:scaleX(0);transform-origin:left;transition:transform .46s var(--v4-io);animation:none!important}
.hero-download::after{left:0;right:auto;top:0;bottom:0;width:4px;height:auto;background:#f7f4e8;opacity:0;transition:left .46s var(--v4-io),opacity .1s;transform:none}
.hero-download>svg,.hero-download>span:not(.button-ink),.hero-download>i{position:relative;z-index:1}
.hero-download>.button-ink,.hero-community>.button-ink{position:absolute;inset:0;z-index:2;padding:inherit;display:flex;align-items:center;gap:inherit;background:transparent;color:#f7f3e9;clip-path:inset(0 100% 0 0);transition:clip-path .46s var(--v4-io);pointer-events:none;font:inherit;letter-spacing:inherit}
.hero-download:is(:hover,:focus-visible),.hero-download:active{background:#f3f3ed;border:0;box-shadow:none;transform:none}.hero-download:is(:hover,:focus-visible)::before,.hero-community:is(:hover,:focus-visible)::before{transform:scaleX(1)}.hero-download:is(:hover,:focus-visible)::after{left:100%;opacity:1}.hero-download:is(:hover,:focus-visible)>.button-ink,.hero-community:is(:hover,:focus-visible)>.button-ink{clip-path:inset(0)}
.hero-community{min-width:130px;height:49px;padding:0 4px;gap:25px;background:transparent;backdrop-filter:none;border:0;border-bottom:1px solid #ffffff7a;color:#f1f2ec;font-size:13px;letter-spacing:2px;transform:none;transition:border-color .3s}
.hero-community>svg,.hero-community .button-ink>svg{width:15px;height:15px;margin-left:auto;color:inherit;transform:none}.hero-community::after{display:none}.hero-community:is(:hover,:focus-visible),.hero-community:active{background:transparent;color:#f1f2ec;border-color:var(--action-red);transform:none}
.hero-community .button-ink{padding:0 4px}.hero-discover svg{transform:rotate(90deg)}

.header-emblem{display:flex;align-items:center;gap:16px;width:auto}.header-name{display:inline-flex;align-items:baseline;gap:5px;white-space:nowrap;font:650 17px var(--sans);letter-spacing:-.5px}.header-name b{font-weight:450}.is-home:not(.menu-visible) .header-name{display:none}
#main{transition:transform 1s var(--v4-io),filter .7s}.menu-open #main{transform:translateX(32px);filter:saturate(.82)}
.flow-section{position:relative;scroll-margin-top:var(--header-height);color:var(--ink)}.flow-section.page{padding-top:0;min-height:calc(100svh - var(--header-height));padding-bottom:0;background:#ededeb}
.flow-section .page-head{padding-top:90px;padding-bottom:54px}.flow-section .page-no{margin-bottom:26px}.flow-section .page-head::after{display:none}.flow-section .page-title{font-size:clamp(44px,4.8vw,70px)}
.flow-section[data-flow=play]{background:#eaeae8}.flow-section[data-flow=world]{--line:#ffffff26;background:#171a1d;color:#f2f3ed}.flow-section[data-flow=world] .page-lead,.flow-section[data-flow=world] .chapter>p:last-child,.flow-section[data-flow=world] .glossary dd{color:#b9bfbe}.flow-section[data-flow=world] .page-en,.flow-section[data-flow=world] .page-no,.flow-section[data-flow=world] .chapter-meta,.flow-section[data-flow=world] figcaption,.flow-section[data-flow=world] .fine{color:#929c9e}.flow-section[data-flow=world] .page-no::before{background:var(--industrial-yellow)}.flow-section[data-flow=world] .chapter-no{color:#798487}.flow-section[data-flow=world] .quote{background:#1e2226;border-block:1px solid #ffffff16}.flow-section[data-flow=world] .quote::before{color:#c9c6a7}
.chapter-continuation{display:flex;align-items:center;gap:25px;padding:30px 7.8%;margin-top:55px;border-top:1px solid var(--line);min-height:108px}.chapter-continuation small{font:8px var(--mono);letter-spacing:2px;color:#8c9595}.chapter-continuation b{font-weight:450;font-size:28px;letter-spacing:2px}.chapter-continuation svg{margin-left:auto;transform:rotate(90deg);width:25px;height:25px;transition:translate .4s var(--v4-ease)}.chapter-continuation:hover svg{translate:0 4px}
.flow-faq{padding-top:40px;padding-bottom:82px;display:grid;grid-template-columns:1.3fr .7fr;gap:9%;align-items:start}.flow-faq .faq{max-width:none}.faq-arrival{padding-top:18px}.faq-arrival p{font:28px/1.7 var(--serif);letter-spacing:2px;color:#455354}.faq-community{display:flex;align-items:center;gap:25px;margin-top:32px;width:fit-content;padding:13px 0;border-bottom:1px solid #8b9593;font-size:13px;letter-spacing:1px}.faq-community svg{width:15px;height:15px}.faq-community:hover{color:var(--action-red)}

/* Resources live in one independent destination. */
.portal{padding-top:50px;padding-bottom:70px}.client-entry{display:flex;align-items:center;justify-content:space-between;gap:35px;padding:34px 36px;background:#191e23;color:#f5f4ed;border-top:2px solid #a8aaa1}.client-identity{display:flex;align-items:center;gap:26px}.client-identity img{width:72px;height:72px}.client-identity p{font:8px var(--mono);letter-spacing:2px;color:#a3afb3}.client-identity h2{font-size:25px;font-weight:500;letter-spacing:1px;margin:13px 0}.client-identity span{font:10px var(--mono);color:#a4b0b4}.client-action{display:flex;flex-direction:column;align-items:flex-end;gap:13px}.client-status{font-size:10px;color:#b9bab0;letter-spacing:1px}.client-action .pill{background:#f2f1e8;color:#202830;border:0;min-width:192px;padding:17px 23px}.client-action .pill:hover{background:#e0e2d7}.portal-links{display:flex;flex-direction:column;margin-top:38px}.portal-links>a{display:grid;grid-template-columns:36px 1fr 20px;gap:25px;align-items:center;padding:30px 10px;border-bottom:1px solid var(--line);transition:padding .6s var(--v4-ease),background .3s}.portal-links>a:first-child{border-top:1px solid var(--line)}.portal-links>a>svg:first-child{width:27px;height:27px;color:#657377}.portal-links>a>svg:last-child{width:16px;height:16px;transition:transform .4s var(--v4-ease)}.portal-links small{font:8px var(--mono);letter-spacing:1.6px;color:#879597}.portal-links h2{font-size:25px;font-weight:450;margin:12px 0 8px;letter-spacing:2px}.portal-links p{font-size:13px;color:#727c7e;line-height:1.8}.portal-links>a:hover{padding-left:19px;background:#d7dfdc25}.portal-links>a:hover>svg:last-child{transform:translate(2px,-2px)}.portal-community{padding:25px 0 0;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:25px;align-items:center}.portal-community p{font-size:13px;color:#727c7d;line-height:1.9}.portal-community a{display:flex;gap:18px;align-items:center;font-size:12px;border-bottom:1px solid #839292;padding-bottom:9px}.portal-community svg{width:14px;height:14px}
.atlas-map:has(.atlas-reference){height:auto;aspect-ratio:1;max-width:950px;margin-inline:auto;background:#d9c8a1}.atlas-reference{width:100%;height:100%;object-fit:contain;display:block}.atlas-note{background:#ece2c9e6;color:#695c43}
.atlas-map:has(.atlas-reference) .pin span{top:100%;left:50%;right:auto;transform:translate(-50%,6px)}.atlas-map:has(.atlas-reference) .pin:is(:hover,:focus-visible,.on) span{transform:translate(-50%,0)}.atlas-map:has(.atlas-reference) .pin--l span{left:auto;right:-12px;transform:translateY(6px)}.atlas-map:has(.atlas-reference) .pin--l:is(:hover,:focus-visible,.on) span{transform:translateY(0)}
.page-head::after{background:linear-gradient(180deg,#aab0b2 0 28%,#525b60 28% 61%,var(--industrial-yellow) 61%);height:56px}

/* Terminal footer: industrial identification strip, own emblem, own notices. */
.site-footer{display:block;padding:0;background:#08090a;color:#ddd;border:0}.footer-signal{display:flex;align-items:center;gap:22px;min-height:84px;padding:22px 5.5%;border-block:1px solid #ffffff15;background:radial-gradient(#ffffff12 .7px,transparent .9px) 0 0/7px 7px,#141719;font:9px var(--mono);letter-spacing:3px;color:#a4abad}.footer-signal i{height:1px;flex:1;background:#aab4b33b}.footer-triangles{font-size:13px;letter-spacing:3px;color:#c5c8c2}.footer-stripes{height:10px;width:90px;background:repeating-linear-gradient(-45deg,transparent 0 5px,#aab0ae 5px 6px,transparent 6px 10px)}.footer-body{display:grid;grid-template-columns:.85fr 1.15fr;gap:55px;align-items:center;padding:56px 7.8% 63px;min-height:220px}.footer-brand{display:flex;align-items:center;gap:25px;padding-right:45px;border-right:1px solid #ffffff2b;min-height:112px}.footer-brand img{width:64px;height:64px}.footer-brand b{font:650 clamp(20px,2.1vw,31px) var(--sans);letter-spacing:1.4px;white-space:nowrap}.footer-brand em{font-style:normal;font-weight:400}.footer-brand p{font-size:10px;letter-spacing:2px;color:#a0a8a8;margin-top:17px}.footer-legal{margin:0;max-width:none;text-align:left}.footer-legal strong{font-size:12px;font-weight:450;letter-spacing:1px;color:#bfbca5}.footer-legal>p{font-size:10px!important;letter-spacing:0!important;line-height:1.9;color:#8a9499;margin:16px 0 13px}.footer-legal>span{font:9px var(--mono);color:#78858a}.footer-legal nav{display:flex;flex-wrap:wrap;gap:9px 19px;margin-top:15px;font-size:10px;color:#95a3a8}.footer-legal nav a{border-bottom:1px solid #56646970;padding-bottom:3px}.footer-legal nav a:hover{color:#ecece3;border-color:#d3d7d2}

/* V4-derived nonlinear drawer variants, selectable by a review URL. */
.site-menu{transition:visibility 0s linear 1.1s}.menu-layer,.menu-panel{clip-path:none;transition:transform .9s var(--v4-io),clip-path .9s var(--v4-io);will-change:transform,clip-path}.menu-layer{background:#263240;transition-delay:0s}.menu-panel{background:#eeeee8;transition-delay:.13s;padding-top:calc(var(--header-height) + 26px);grid-template-rows:32px minmax(0,1fr) 60px}
html.menu-initializing .menu-layer,html.menu-initializing .menu-panel,html.menu-initializing .menu-layer>i{transition:none!important}
html[data-menu-variant=left] .menu-layer,html[data-menu-variant=left] .menu-panel{right:auto;width:min(1240px,100%);transform:translateX(-101%)}
html[data-menu-variant=top] .menu-layer,html[data-menu-variant=top] .menu-panel{transform:translateY(-101%)}
html[data-menu-variant=iris] .menu-layer,html[data-menu-variant=iris] .menu-panel{clip-path:circle(0 at 40px 142px);transform:none;transition-duration:1s}
html[data-menu-variant=split] .menu-layer{background:transparent;transform:none;display:flex;overflow:hidden}.menu-layer>i{display:none}.menu-layer>i:first-child,.menu-layer>i:last-child{background:#263240;width:50%;height:100%;transition:transform .9s var(--v4-io)}html[data-menu-variant=split] .menu-layer>i{display:block}html[data-menu-variant=split] .menu-layer>i:first-child{transform:translateX(-102%)}html[data-menu-variant=split] .menu-layer>i:last-child{transform:translateX(102%)}html[data-menu-variant=split] .menu-panel{clip-path:inset(0 50% 0 50%);transform:none}
html.menu-open[data-menu-variant=left] .menu-layer,html.menu-open[data-menu-variant=left] .menu-panel,html.menu-open[data-menu-variant=top] .menu-layer,html.menu-open[data-menu-variant=top] .menu-panel{transform:none;clip-path:none}
html.menu-open[data-menu-variant=iris] .menu-layer,html.menu-open[data-menu-variant=iris] .menu-panel{clip-path:circle(150vmax at 40px 142px)}html.menu-open[data-menu-variant=split] .menu-layer>i{transform:none}html.menu-open[data-menu-variant=split] .menu-panel{clip-path:inset(0)}
.menu-panel .menu-index a{height:clamp(43px,5.8vh,56px)}.menu-index small,.menu-index b,.menu-index a>span{transition:transform .95s var(--v4-ease)}.menu-open .menu-index small,.menu-open .menu-index b,.menu-open .menu-index a>span{transition-delay:calc(.36s + var(--i)*.045s)}
.menu-feature{transition:transform 1.1s var(--v4-ease);transform:translateY(18px)}.menu-open .menu-feature{transition-delay:.48s}.menu-feature figure{transition:clip-path 1.1s var(--v4-io);clip-path:inset(100% 0 0)}.menu-open .menu-feature figure{clip-path:inset(0);transition-delay:.45s}.menu-feature figure img{transform:scale(1.04)}.menu-feature figure img[data-preview=world],.menu-feature figure img[data-preview=map]{object-fit:contain;transform:none;background:#dfe2db}.menu-feature figure img[data-preview=map]{background:#d8c8a4}.menu-image-corners{border-color:#ffffff55}.menu-footer{transition:transform .9s var(--v4-ease)}.menu-open .menu-footer{transition-delay:.58s}.menu-sentence{color:#353d3e}.menu-index a.current>small{color:#756542}.menu-header::after{background:#949b95}.menu-elsewhere a:hover{color:#525f62}
.site-menu.closing .menu-panel{transition-duration:.9s;transition-delay:0s}.site-menu.closing .menu-layer{transition-duration:.9s;transition-delay:.1s}.site-menu.closing .menu-feature figure{clip-path:inset(0);transition:none}.menu-strokes{transition:transform .7s var(--v4-io)}.menu-open .menu-strokes{transform:rotate(90deg)}
@media(max-height:780px) and (min-width:901px){.menu-panel .menu-index a{height:41px}.menu-index{padding:8px 0}.menu-feature figure{height:185px}.menu-sentence{font-size:23px;margin:21px 0}}
@media(max-width:900px){.footer-body{grid-template-columns:1fr;gap:28px}.footer-brand{border-right:0;border-bottom:1px solid #ffffff1d;padding:0 0 28px;min-height:0}.footer-signal{gap:14px;letter-spacing:1.5px}.flow-faq{grid-template-columns:1fr;gap:35px}.faq-arrival p{font-size:25px}}
@media(max-width:680px){
 .header-emblem{gap:11px}.header-name{font-size:12px;letter-spacing:-.2px}.hero-actions{gap:20px;margin-top:24px;display:flex;align-items:center}.hero-download{min-width:0;height:62px;padding:0 17px;gap:12px;flex:1}.hero-download>svg,.hero-download .button-ink>svg{width:19px;height:19px}.hero-download>span:not(.button-ink),.hero-download .button-ink>span{font-size:15px;letter-spacing:1px}.hero-download small{font-size:6px;letter-spacing:.7px}.hero-download i{display:none}.hero-community{min-width:103px;gap:11px;font-size:11px;letter-spacing:0;height:43px}.hero-community>svg,.hero-community .button-ink>svg{width:12px;height:12px}.hero-community .button-ink{gap:11px}
 .flow-section .page-head{padding-top:56px;padding-bottom:37px}.flow-section .page-title{font-size:36px;letter-spacing:2px}.chapter-continuation{padding:24px 24px 24px 64px;margin-top:36px;gap:14px;min-height:88px}.chapter-continuation b{font-size:23px;letter-spacing:1px}.chapter-continuation small{font-size:6px;letter-spacing:.7px}.flow-faq{padding-top:26px;padding-bottom:60px;gap:32px}.faq-arrival p{font-size:23px}.flow-faq .faq summary{font-size:14px}.portal{padding-top:28px;padding-bottom:48px}.client-entry{display:block;padding:24px 17px}.client-identity{gap:14px}.client-identity img{width:48px;height:48px}.client-identity>div{min-width:0}.client-identity p{font-size:6px;letter-spacing:.6px}.client-identity h2{font-size:16px;line-height:1.6;letter-spacing:0}.client-identity span{font-size:8px}.client-action{align-items:stretch;margin-top:26px;gap:12px}.client-action .pill{min-width:0;width:100%;font-size:12px;padding:16px}.client-status{font-size:9px}.portal-links{margin-top:28px}.portal-links>a{grid-template-columns:21px 1fr 12px;gap:14px;padding:23px 0}.portal-links>a>svg:first-child{width:20px;height:20px}.portal-links>a>svg:last-child{width:12px;height:12px}.portal-links h2{font-size:21px;letter-spacing:1px}.portal-links small{font-size:7px}.portal-links p{font-size:12px}.portal-community{display:block}.portal-community a{margin-top:16px;width:fit-content;font-size:11px}.atlas-map:has(.atlas-reference){height:auto;aspect-ratio:1}.atlas-note{font-size:7px;right:6px;bottom:8px;padding:5px}.atlas-coord{display:none}
 .footer-signal{padding:19px 24px;min-height:66px;gap:12px;font-size:7px;letter-spacing:.8px}.footer-signal>span:nth-last-child(3){display:none}.footer-stripes{width:38px}.footer-body{padding:34px 24px 40px;gap:25px}.footer-brand{gap:18px;padding-bottom:25px}.footer-brand img{width:47px;height:47px}.footer-brand b{font-size:23px;letter-spacing:.7px}.footer-brand p{font-size:9px;letter-spacing:1px;margin-top:12px}.footer-legal strong{font-size:11px}.footer-legal>p{font-size:9px!important}.footer-legal nav{font-size:9px;gap:9px 15px}
 .menu-panel{padding-top:calc(var(--header-height) + 22px)}.menu-panel .menu-index a{height:clamp(42px,5.5svh,49px)}.menu-index{padding:15px 0}.menu-index b{font-size:23px}.menu-footer{min-height:54px}.menu-feature{padding-bottom:10px}.menu-elsewhere a{padding-block:9px}.menu-layer>i:first-child,.menu-layer>i:last-child{width:50%}html[data-menu-variant=iris] .menu-layer,html[data-menu-variant=iris] .menu-panel{clip-path:circle(0 at 30px 104px)}html.menu-open[data-menu-variant=iris] .menu-layer,html.menu-open[data-menu-variant=iris] .menu-panel{clip-path:circle(150vmax at 30px 104px)}
}
@media(max-width:360px){.hero-actions{gap:13px}.hero-download{padding-inline:12px;gap:10px}.hero-download>span:not(.button-ink),.hero-download .button-ink>span{font-size:14px}.hero-download small{font-size:5px}.hero-community{min-width:92px;gap:8px}.footer-brand b{font-size:19px}}
@media(prefers-reduced-motion:reduce){#main,.menu-layer,.menu-panel,.menu-layer>i,.menu-index small,.menu-index b,.menu-index a>span{transition:none!important}.menu-open #main{transform:none;filter:none}}

/* One active reading page; transitions occur only after its scroll boundary. */
html,body{overscroll-behavior-y:contain}#main{transition:none;filter:none;transform:none}.menu-open #main{filter:none;transform:none}
.hero{height:100dvh;min-height:0}.home{min-height:100dvh}.flow-section.page{padding-top:var(--header-height);min-height:100dvh}
.route-snapshot{inset:0;width:100vw;height:100dvh;contain:paint}.snapshot-document>main{transition:none;filter:none}
html[data-footer-mode=panel] #siteFooter{position:fixed;z-index:80;left:0;bottom:0;width:100vw;max-height:calc(100dvh - var(--header-height));overflow-y:auto;transform:translateY(100%);will-change:transform}
html[data-footer-mode=inline] #siteFooter{position:relative;transform:none;max-height:none;overflow:visible}
html.terminal-open .topline{background:#14191de8;color:#f1f2ed;border-color:#ffffff1b}html.terminal-open .floating-menu{color:#252b30;background:#eeeee8cc;backdrop-filter:blur(12px);border-color:#aab2b33b}
html.menu-visible[data-layout][data-page] .topline{background:#eaeae5;color:#20292d;border-color:#1b2a3119;backdrop-filter:none}html.menu-visible[data-layout][data-page] .floating-menu,html.menu-visible[data-layout][data-page] .floating-menu:hover{color:#20292d;background:transparent;border-color:transparent;backdrop-filter:none}
/* The fixed viewport is the sizing reference, including the scrollbar gutter. */
.site-menu{position:fixed;left:0;top:0;right:auto;bottom:auto;width:100vw;height:100vh;height:100dvh;transition:none;contain:paint}
html[data-menu-variant=left] .site-menu .menu-panel,html[data-menu-variant=left] .site-menu .menu-layer{inset:0;width:100%;max-width:none;height:100%;clip-path:none;transition:none;transform:translateX(-100%)}
.menu-layer>i{display:none!important}.menu-panel{will-change:transform;overflow-y:auto;overscroll-behavior:contain}.menu-underlay{transition:opacity .3s}
.menu-index small,.menu-index b,.menu-index a>span{transition:transform .65s var(--v4-ease)}.menu-open .menu-index small,.menu-open .menu-index b,.menu-open .menu-index a>span{transition-delay:calc(.22s + var(--i)*.023s)}
.menu-feature{transition:transform .75s var(--v4-ease)}.menu-open .menu-feature{transition-delay:.23s}.menu-feature figure{transition:clip-path .75s var(--v4-io)}.menu-open .menu-feature figure{transition-delay:.2s}.menu-footer{transition:transform .65s var(--v4-ease)}.menu-open .menu-footer{transition-delay:.3s}
@media(max-height:740px) and (min-width:681px){.menu-panel{grid-template-rows:32px auto auto;align-content:start;padding-top:calc(var(--header-height) + 20px)}.menu-index{align-self:start}.menu-feature{align-self:start}.menu-footer{margin-top:18px}.menu-panel .menu-index a{height:42px}}
@media(max-height:700px) and (min-width:681px){
 .hero-copy{left:max(82px,7.8%);bottom:145px}.hero-label{font-size:9px;margin-bottom:14px}.hero-label>i{font-size:7px}.hero-wordmark{font-size:clamp(36px,8vh,60px)}.hero h1{font-size:clamp(23px,4.8vh,33px);margin:15px 0 10px;line-height:1.35}.hero h1>span:first-child{letter-spacing:3px}.hero-description{font-size:10px;line-height:1.6}.hero-actions{margin-top:18px}.hero-download{height:52px;min-width:216px;padding-inline:18px}.hero-community{height:42px}.hero-bottom{bottom:26px}.hero-notice{min-height:77px;padding-block:12px}.hero-notice>b{font-size:16px}.hero-notice>p{font-size:10px}.hero-carousel{width:280px}.carousel-number>b{font-size:24px}
 .footer-body{padding-top:26px;padding-bottom:29px;gap:22px}.footer-brand{min-height:75px}.footer-brand img{width:48px;height:48px}.footer-brand b{font-size:24px}.footer-signal{min-height:62px;padding-block:18px}
}
@media(max-width:680px){.menu-panel{overflow-y:auto}.hero{height:100dvh;min-height:0}.flow-section.page{min-height:100dvh}}
@media(max-height:640px) and (max-width:680px){
 .hero-copy{left:64px;right:24px;bottom:140px}.hero-label{font-size:8px;letter-spacing:1px;margin-bottom:13px}.hero-label>i{font-size:5px;letter-spacing:.5px}.hero-wordmark{font-size:clamp(28px,8vh,36px)}.hero h1{font-size:22px;line-height:1.4;margin:15px 0 9px}.hero h1>span:first-child{font-size:.65em;letter-spacing:2px}.hero-description{font-size:9px;letter-spacing:.6px;line-height:1.6}.hero-actions{margin-top:15px;gap:12px}.hero-download{height:48px;padding-inline:11px;gap:8px}.hero-download>svg,.hero-download .button-ink>svg{width:16px;height:16px}.hero-download>span:not(.button-ink),.hero-download .button-ink>span{font-size:13px}.hero-download small{font-size:5px;letter-spacing:.4px}.hero-community{height:39px;min-width:83px;font-size:10px;gap:8px}.hero-bottom{bottom:18px;gap:12px}.hero-notice{min-height:58px;padding-block:10px}.hero-notice>span{font-size:6px}.hero-notice>b{font-size:13px}.hero-notice>p{font-size:7px}.carousel-number>b{font-size:20px}.carousel-controls{margin-top:1px}.slide-dots button,.carousel-controls>button{height:30px}.slide-dots button{padding-block:14px}.slide-dots button>span{top:14px}
 .footer-body{padding:23px;gap:18px}.footer-brand{padding-bottom:18px}.footer-brand b{font-size:20px}.footer-brand img{width:40px;height:40px}.footer-brand p{font-size:8px;margin-top:8px}.footer-legal>p{margin:11px 0;font-size:8px!important}.footer-signal{min-height:53px;padding-block:15px}
}
@media(prefers-reduced-motion:reduce){.menu-feature,.menu-feature figure,.menu-index small,.menu-index b,.menu-index a>span,.menu-footer{transition:none!important}}

/* Timings taken from the approved V4 reference, with a full-width left drawer. */
/* Independent pages use the menu shell's right-to-left planes, easing and layer gap. */
.topline { view-transition-name:site-header; }
.floating-menu { view-transition-name:site-menu-toggle; }
::view-transition-group(root) { animation-duration:var(--page-shell-duration,900ms); background:#a5bdc1; }
::view-transition-old(root) { animation:route-page-out var(--page-shell-duration,900ms) var(--page-shell-ease) both; mix-blend-mode:normal; }
::view-transition-new(root) { animation:route-page-in var(--page-shell-duration,900ms) var(--page-shell-ease) var(--page-shell-gap,130ms) both; mix-blend-mode:normal; }
@keyframes route-page-out { to { transform:translateX(-100%); } }
@keyframes route-page-in { from { transform:translateX(100%); } }
::view-transition-group(site-header),::view-transition-group(site-menu-toggle) { animation:none; }
::view-transition-old(site-header),::view-transition-old(site-menu-toggle) { display:none; }
::view-transition-new(site-header),::view-transition-new(site-menu-toggle) { animation:none; mix-blend-mode:normal; }
@media(prefers-reduced-motion:reduce) {
  ::view-transition-group(root),::view-transition-old(root),::view-transition-new(root) { animation:none; }
}
:root {
  --v4-ease: cubic-bezier(.19, 1, .22, 1);
  --v4-io: cubic-bezier(.76, 0, .24, 1);
}
/* Do not reserve an unpainted scrollbar strip beside full-screen surfaces. */
html.is-home, html.is-loading, html.is-entering, html.menu-visible {
  scrollbar-gutter: auto;
}

.menu-panel .menu-index a {
  border-bottom-color: transparent;
  transition: color .35s, padding .6s var(--v4-ease);
}
.menu-index a::after,
.menu-header::after,
.menu-footer::before,
.menu-elsewhere a::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: -1px;
  width: 100%;
  height: 1px;
  background: #99a7a64d;
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 1s var(--v4-ease);
  pointer-events: none;
}
.menu-open .menu-index a::after {
  transform: scaleX(1);
  transition-delay: calc(.4s + var(--i) * .05s);
}
.menu-index a::after { bottom: 0; }
.menu-panel .menu-index .menu-title {
  display: block;
  overflow: hidden;
  padding: .08em 0;
  color: inherit;
  font: inherit;
  transform: none;
  transition: none;
}
.menu-panel .menu-index b {
  display: inline-block;
  transform: translateY(115%);
  transition: transform 1s var(--v4-ease), color .35s;
}
.menu-open .menu-panel .menu-index b {
  transform: translateY(0);
  transition: transform 1.1s var(--v4-ease), color .35s;
  transition-delay: calc(.36s + var(--i) * .055s), 0s;
}
.menu-panel .menu-index small {
  transform: none;
  transition: color .35s;
}
.menu-panel .menu-index a > span:not(.menu-title) {
  opacity: 0;
  transform: none;
  transition: opacity .5s;
}
.menu-open .menu-panel .menu-index a > span:not(.menu-title) {
  opacity: 1;
  transition-delay: calc(.6s + var(--i) * .05s);
}
.menu-header, .menu-footer {
  position: relative;
  border-color: transparent;
}
.menu-header, .menu-feature, .menu-footer {
  opacity: 0;
  transform: translateY(18px);
  transition: opacity .5s ease, transform .9s var(--v4-ease);
}
.menu-open .menu-header, .menu-open .menu-feature, .menu-open .menu-footer {
  opacity: 1;
  transform: none;
}
.menu-open .menu-header { transition-delay: .5s; }
.menu-open .menu-feature { transition-delay: .62s; }
.menu-open .menu-footer { transition-delay: .8s; }
.menu-footer::before { top: 0; bottom: auto; }
.menu-open .menu-header::after,
.menu-open .menu-footer::before,
.menu-open .menu-elsewhere a::after {
  transform: scaleX(1);
  transition-delay: .5s;
}
.menu-open .menu-footer::before { transition-delay: .8s; }
.menu-elsewhere a { position: relative; border-top-color: transparent; }
.menu-elsewhere a::after { top: 0; bottom: auto; }
.menu-open .menu-elsewhere a::after { transition-delay: .7s; }
.menu-feature figure {
  clip-path: inset(100% 0 0 0);
  transition: clip-path 1.2s var(--v4-io);
}
.menu-open .menu-feature figure {
  clip-path: inset(0);
  transition-delay: .45s;
}
.menu-feature figure img.menu-preview-image {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  object-fit: cover;
  transform: scale(1.08);
  transition: opacity .8s ease, transform 2.4s var(--v4-ease);
}
.menu-feature figure img.menu-preview-image.on { opacity: 1; transform: none; }
.menu-feature figure .menu-preview-image[data-preview=world],
.menu-feature figure .menu-preview-image[data-preview=map] { object-fit: contain; }
.menu-image-corners { position: absolute; pointer-events: none; }
/* Closing carries the fully formed content away on the paper plane. */
.site-menu.closing .menu-header,
.site-menu.closing .menu-panel .menu-index b,
.site-menu.closing .menu-feature,
.site-menu.closing .menu-footer { opacity: 1; transform: none; transition: none; }
.site-menu.closing .menu-index a::after,
.site-menu.closing .menu-header::after,
.site-menu.closing .menu-footer::before,
.site-menu.closing .menu-elsewhere a::after { transform: scaleX(1); transition: none; }
.site-menu.closing .menu-panel .menu-index a > span:not(.menu-title) { opacity: 1; }
.site-menu.closing .menu-feature figure { clip-path: inset(0); transition: none; }

/* Equal, roomy rows. The current chapter is marked by its number colour alone. */
.menu-panel .menu-index { padding-block: 16px; }
.menu-panel .menu-index a {
  height: clamp(64px, 7.8vh, 76px);
  padding: 10px;
  grid-template-columns: 30px minmax(0, 1fr) auto;
  column-gap: 20px;
}
.menu-panel .menu-index a b,
.menu-panel .menu-index a.current b {
  font-weight: 400;
  letter-spacing: 3px;
}
.menu-panel .menu-index a > span:not(.menu-title) {
  justify-self: end;
  text-align: right;
}
@media (max-height: 780px) and (min-width: 681px) {
  .menu-panel .menu-index { padding-block: 12px; }
  .menu-panel .menu-index a { height: clamp(52px, 7.7vh, 60px); }
}
@media (max-width: 680px) {
  .menu-panel .menu-index a {
    height: clamp(60px, 7.2dvh, 66px);
    padding: 10px 3px;
    grid-template-columns: 22px minmax(0, 1fr) auto;
    column-gap: 14px;
  }
  .menu-panel .menu-index a b { letter-spacing: 2px; }
}

/* The quiet secondary action changes colour only; the download keeps its wipe. */
.hero-community::before, .hero-community::after { content: none; display: none; }
.hero-community { transition: color .3s ease, border-color .3s ease; }
.hero-community:is(:hover, :focus-visible), .hero-community:active {
  color: #c9d3d1;
  border-color: #b8c5c1;
  background: transparent;
  transform: none;
}
.hero-community > svg { color: inherit; transform: none; transition: none; }

/* Loader surfaces share the menu's physical two-plane movement and curve. */
.boot, .boot.exit {
  background: transparent;
  clip-path: none;
  opacity: 1;
  transition: none;
  overflow: hidden;
}
.boot-sheet, .boot-echo {
  position: absolute;
  inset: 0;
  will-change: transform;
}
.boot-sheet { z-index: 1; background: #141414; }
.boot-echo { z-index: 0; background: #263240; }
/* The slogan stands alone; the primary identity already appears above. */
.boot-bottom { left:50%; width:max-content; max-width:calc(100vw - 48px); display:block; text-align:center; }
.boot-bars { justify-content:center; }
.boot.exit .boot-track, .boot.exit .boot-progress {
  opacity: 0;
  transition: opacity .25s ease;
}
@media (prefers-reduced-motion: reduce) {
  .menu-index a::after, .menu-header::after, .menu-footer::before,
  .menu-elsewhere a::after, .menu-panel .menu-index b,
  .menu-panel .menu-index a > span, .menu-header, .menu-feature,
  .menu-footer, .menu-feature figure, .menu-feature figure .menu-preview-image {
    transition: none !important;
  }
}

/* Reference-site font roles and the approved HarmonyOS home wordmark. */
@font-face{font-family:'D9 Harmony Wordmark';src:url('https://xiwanzi.cn-nb2.rains3.com/deuterium-official/r82-e455d305512e/assets/fonts/HarmonyOS-Brand-Bold.woff') format('woff');font-weight:700;font-display:swap}
@font-face{font-family:'HarmonyOS Sans SC';src:url('https://xiwanzi.cn-nb2.rains3.com/deuterium-official/r82-e455d305512e/assets/fonts/HarmonyOS_Sans_SC_Regular.4e6868.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:'HarmonyOS Sans SC';src:url('https://xiwanzi.cn-nb2.rains3.com/deuterium-official/r82-e455d305512e/assets/fonts/HarmonyOS_Sans_SC_Medium.5bc901.woff2') format('woff2');font-weight:500;font-display:swap}
@font-face{font-family:'HarmonyOS Sans SC';src:url('https://xiwanzi.cn-nb2.rains3.com/deuterium-official/r82-e455d305512e/assets/fonts/HarmonyOS_Sans_SC_Bold.06d3d0.woff2') format('woff2');font-weight:700;font-display:swap}
/* Keep the original complete files as fallback for glyphs absent from the web subset. */
@font-face{font-family:'HarmonyOS Sans SC Complete';src:url('https://xiwanzi.cn-nb2.rains3.com/deuterium-official/r82-e455d305512e/assets/fonts/HarmonyOS_Sans_SC_Regular.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:'HarmonyOS Sans SC Complete';src:url('https://xiwanzi.cn-nb2.rains3.com/deuterium-official/r82-e455d305512e/assets/fonts/HarmonyOS_Sans_SC_Medium.ttf') format('truetype');font-weight:500;font-display:swap}
@font-face{font-family:'HarmonyOS Sans SC Complete';src:url('https://xiwanzi.cn-nb2.rains3.com/deuterium-official/r82-e455d305512e/assets/fonts/HarmonyOS_Sans_SC_Bold.ttf') format('truetype');font-weight:700;font-display:swap}
@font-face{font-family:'Novecento Sans Wide';src:url('https://xiwanzi.cn-nb2.rains3.com/deuterium-official/r82-e455d305512e/assets/fonts/Novecentosanswide-Medium.748604.woff2') format('woff2');font-weight:500;font-display:swap}
@font-face{font-family:'Novecento Sans Wide';src:url('https://xiwanzi.cn-nb2.rains3.com/deuterium-official/r82-e455d305512e/assets/fonts/Novecentosanswide-DemiBold.089c2d.woff2') format('woff2');font-weight:600;font-display:swap}
@font-face{font-family:'Novecento Sans Wide';src:url('https://xiwanzi.cn-nb2.rains3.com/deuterium-official/r82-e455d305512e/assets/fonts/Novecentosanswide-Bold.3fdbac.woff2') format('woff2');font-weight:700;font-display:swap}
@font-face{font-family:Gilroy;src:url('https://xiwanzi.cn-nb2.rains3.com/deuterium-official/r82-e455d305512e/assets/fonts/Gilroy-Light.9981d6.woff2') format('woff2');font-weight:300;font-display:swap}
@font-face{font-family:Gilroy;src:url('https://xiwanzi.cn-nb2.rains3.com/deuterium-official/r82-e455d305512e/assets/fonts/Gilroy-Medium.376b06.woff2') format('woff2');font-weight:500;font-display:swap}
@font-face{font-family:'Space Grotesk';src:url('https://xiwanzi.cn-nb2.rains3.com/deuterium-official/r82-e455d305512e/assets/fonts/SpaceGrotesk.edd157.woff2') format('woff2');font-weight:300;font-display:swap}
@font-face{font-family:Roboto;src:url('https://xiwanzi.cn-nb2.rains3.com/deuterium-official/r82-e455d305512e/assets/fonts/Roboto-Regular.978751.woff2') format('woff2');font-weight:400;font-display:swap}

:root {
  --brand-sans: 'Deuterium Sans','Microsoft YaHei','PingFang SC',sans-serif;
  --sans: 'HarmonyOS Sans SC','HarmonyOS Sans SC Complete','Roboto','Microsoft YaHei','PingFang SC',sans-serif;
  --en: 'Gilroy','HarmonyOS Sans SC','HarmonyOS Sans SC Complete',sans-serif;
  --numbers: 'Novecento Sans Wide','HarmonyOS Sans SC','HarmonyOS Sans SC Complete',sans-serif;
  --technical: 'Space Grotesk','HarmonyOS Sans SC','HarmonyOS Sans SC Complete',sans-serif;
  /* The older template slots now follow the reference's sans-serif typography. */
  --mono: var(--en);
  --serif: var(--sans);
}
html { font-family: var(--sans); }
.hero-wordmark { font-family:var(--brand-sans); font-weight:680; font-synthesis:none; }
.hero-wordmark > b { font-family:'D9 Harmony Wordmark',var(--sans); font-weight:700; font-size:1em; margin-left:0; letter-spacing:-.02em; }
/* An inline square shares the actual text baseline instead of a fixed bottom offset. */
.hero-wordmark .wordmark-dot { position:static; display:inline-block; vertical-align:baseline; width:.075em; height:.075em; margin-left:.08em; background:var(--industrial-yellow); }

/* Chinese titles use real Medium / Bold files; reading text uses Regular. */
.page-title, .letter h3 { font-family: var(--sans); font-weight: 700; }
.hero h1, .chapter h3, .path-text h3, .charter-body h3,
.glossary dt, .client-identity h2, .portal-links h2,
.hero-notice>b, .dl-steps h4 { font-family: var(--sans); font-weight: 500; }
.menu-sentence, .quote p, .faq-arrival p,
.boot-bottom p, .industry-heading { font-family: var(--sans); font-weight: 500; }
.page-lead, .chapter>p:last-child, .path-text>p:not(.path-no),
.letter>p:not([class]) { font-family: var(--sans); font-weight: 400; }
.menu-panel .menu-index a b,
.menu-panel .menu-index a.current b { font-family: var(--sans); font-weight: 400; }
.hero-download>span:not(.button-ink), .hero-download .button-ink>span { font-weight: 500; }

/* English section names and quiet auxiliary labels use Gilroy Medium. */
.page-en, .chapter-meta, .path-no, .chapter-continuation small,
.hero-label, .hero-topnote, .hero-notice>span,
.menu-header, .menu-image-caption>span:last-child,
.menu-footer>button>span, .menu-footer>p,
.menu-panel .menu-index a>span:not(.menu-title),
.topline-right>span, .floating-menu small, .boot-coordinate,
.boot-sub span:last-child, .boot-bottom small, .footer-signal,
.portal-links small, .client-identity p { font-family: var(--en); font-weight: 500; }

/* The reference uses wide numerals and uppercase faces for display markers. */
.menu-panel .menu-index small, .page-no,
.play-switcher>button small, .dl-steps li>span,
.carousel-number, .carousel-number>b, .carousel-number>i,
.boot-progress b, .boot-progress i { font-family: var(--numbers); font-weight: 500; }
.chapter-no { font-family: var(--numbers); font-weight: 600; }
.header-name, .footer-brand b { font-family: var(--numbers); font-weight: 600; }
.header-name b, .footer-brand em { font-weight: 500; }
.boot-word { font-family:var(--brand-sans); font-weight:400; }
.boot-word > b { font-family:inherit; font-weight:inherit; }

/* Technical labels retain the reference's actual Space Grotesk Light face. */
.hero-label>i, .hero-download small, .hero-download>i,
.hero-download .button-ink>i, .client-identity span,
.atlas-coord, .atlas-facts dd, .boot-skip span {
  font-family: var(--technical);
  font-weight: 300;
}
.footer-legal>span { font-family: Roboto,var(--sans); font-weight: 400; }

/* Reading answers unfold in place; their native summary remains the control. */
.faq details { box-sizing:border-box; }
.faq details.is-animating { overflow:hidden; will-change:height; }
.faq summary { align-items:center; }
.faq summary svg { flex-shrink:0; transition:transform .4s var(--v4-ease); }
.faq details.is-closing summary svg { transform:rotate(0); }
.faq-answer { padding:0 30px 26px 0; }
.faq .faq-answer p { padding:0; max-width:none; font-size:14px; line-height:1.95; color:#687277; }
.faq-answer a { color:#425d66; text-decoration:underline; text-underline-offset:4px; text-decoration-color:#8ba1a6; transition:color .25s,text-decoration-color .25s; }
.faq-answer a:hover { color:#202d31; text-decoration-color:#202d31; }
.faq-answer-link { display:inline-flex; align-items:center; gap:14px; margin-top:15px; font-size:12px; }
.faq-answer-link svg { width:13px; height:13px; }
.faq-arrival { border-left:1px solid #bac4c24f; padding-left:32px; }
.faq-arrival p { font-size:25px; line-height:1.8; letter-spacing:1.5px; }
.faq-resource { font-size:13px; }

/* One reserved help entrance, with a crisp code-native pixel question mark. */
.hero-help { position:absolute; z-index:6; right:5.1%; top:43%; display:flex; flex-direction:column; align-items:center; gap:9px; width:56px; color:#f4f4ed; }
.help-icon { display:grid; place-items:center; width:44px; height:44px; border:1px solid #ffffff64; background:#ffffff08; transition:background .3s,color .3s,transform .35s var(--v4-ease); }
.pixel-question { width:18px; height:26px; fill:currentColor; stroke:none; }
.hero-help small { font-family:var(--sans); font-size:10px; font-weight:500; letter-spacing:2px; white-space:nowrap; }
.hero-help:is(:hover,:focus-visible) .help-icon { background:#f4f3ed; color:#222c30; border-color:#f4f3ed; transform:translateY(-2px); }
.hero-help:focus-visible { outline-offset:7px; }

/* Four deliberate tabs and one moving marker, sharing the drawer's long-tail ease. */
.flow-section[data-flow=play] .page-head { padding-top:76px; padding-bottom:40px; }
.play-switcher { position:relative; isolation:isolate; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); margin-top:34px; margin-bottom:0; border-color:#bcc5c1; border-bottom:0; }
.play-switcher>button { display:grid; grid-template-columns:24px minmax(0,1fr); gap:20px; align-items:center; min-height:96px; padding:22px; color:#3c484d; border-color:#c7cfca; background:#e3e7e1; transition:background .35s,color .35s; }
.play-switcher>button:last-of-type { border-right:0; }
.play-switcher>button small { font-family:var(--numbers); font-size:12px; font-weight:500; color:#84928e; }
.play-tab-copy { display:flex; flex-direction:column; align-items:flex-start; gap:10px; min-width:0; }
.play-tab-copy b { font-family:var(--sans); font-size:18px; font-weight:500; letter-spacing:1px; line-height:1.25; white-space:nowrap; }
.play-tab-copy em { font-family:var(--en); font-size:9px; font-weight:500; font-style:normal; letter-spacing:1.4px; color:#7c8c89; }
.play-switcher>button.active, .play-switcher>button.active:hover { background:#263034; color:#f1f2e9; }
.play-switcher>button.active small { color:#e3df55; }
.play-switcher>button.active em { color:#b4c5c4; }
.play-switcher>button:hover { background:#d7dfd8; }
.play-switcher>button.active::after { content:none; }
.play-selection { position:absolute; z-index:2; left:0; top:0; width:var(--tab-width,25%); height:2px; background:#e3df55; transform:translate(var(--tab-x,0px),var(--tab-y,94px)); transition:transform .7s var(--v4-ease),width .7s var(--v4-ease); pointer-events:none; }

.paths { position:relative; min-height:0; margin-bottom:42px; padding:34px; border:1px solid #bcc5c1; background:#f1f2ec; overflow:hidden; }
.path { grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr); align-items:stretch; gap:42px; animation:none; }
.path figure { min-height:480px; height:auto; background:#171e22; }
.path figure>img { width:100%; height:100%; min-height:480px; object-fit:contain; }
.path[data-mode=AMIYA] figure>img { object-fit:cover; }
.path figcaption { left:18px; bottom:18px; padding:8px 11px; border:1px solid #ffffff24; font-size:9px; background:#172027c7; }
.path-text { min-width:0; padding:9px 0; }
.path-no { font-family:var(--en); font-size:10px; font-weight:500; letter-spacing:1.6px; line-height:1.6; color:#6f827f; }
.path-text h3 { font-size:clamp(30px,3vw,44px); font-weight:500; line-height:1.3; letter-spacing:2px; margin:20px 0; }
.path-text>p:not(.path-no) { max-width:none; font-size:16px; line-height:1.95; color:#46565b; }
.path-text>p.path-detail { font-size:14px; line-height:1.95; margin-top:15px; color:#77837f; }
.path-features { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:23px; padding-top:22px; margin-top:24px; border-top:1px solid #cbd3cd; }
.path-features dt { font-family:var(--sans); font-size:15px; font-weight:500; letter-spacing:1px; }
.path-features dd { font-size:12px; line-height:1.85; margin-top:10px; color:#77837f; }
.path-text ul { margin-top:24px; gap:7px; }
.path-text li { font-size:10px; letter-spacing:.8px; padding:7px 10px; border-color:#cad3cc; color:#65766d; }
.paths>.path-snapshot { position:absolute; z-index:3; left:34px; right:34px; top:34px; pointer-events:none; }
.path-snapshot .path-text { background:#f1f2ec; }
.paths[data-switching=true] { contain:paint; }

/* The industrial path uses an honest schematic rather than an invented game image. */
.path:has(.industry-plate) figure { height:auto; min-height:480px; }
.industry-plate { position:relative; min-height:480px; height:100%; padding:35px; overflow:hidden; background:linear-gradient(#9eafb510 1px,transparent 1px),linear-gradient(90deg,#9eafb510 1px,transparent 1px),#1d292e; background-size:28px 28px; }
.industry-label { font-family:var(--en); font-size:10px; letter-spacing:2px; color:#99b2b6; }
.industry-word { position:absolute; right:13px; top:28px; font-family:var(--numbers); font-size:clamp(70px,9vw,126px); font-weight:700; line-height:1; color:transparent; -webkit-text-stroke:1px #a6c0c326; letter-spacing:-5px; }
.industry-heading { position:relative; display:block; font-family:var(--sans); font-size:30px; font-weight:500; line-height:1.55; letter-spacing:2px; margin-top:66px; color:#e2e9e1; }
.industry-flow { position:relative; margin-top:37px; gap:13px; }
.industry-flow small { font-family:var(--numbers); font-size:11px; font-weight:500; background:none; color:#e3df55; padding:0; }
.industry-flow b { font-size:20px; letter-spacing:2px; margin-top:17px; color:#ecf0e7; }
.industry-flow i { font-family:var(--en); font-size:7px; letter-spacing:.6px; color:#86a0a2; }
.industry-plate>p { position:relative; font-family:var(--en); font-size:8px; letter-spacing:2px; margin-top:36px; color:#8ea5a6; }

@media(max-width:1100px) and (min-width:761px) {
  .play-switcher>button { padding:19px 14px; gap:12px; grid-template-columns:20px minmax(0,1fr); }
  .play-tab-copy b { font-size:15px; }
  .paths { padding:26px; }
  .path { gap:27px; }
  .paths>.path-snapshot { left:26px; right:26px; top:26px; }
  .path-text h3 { font-size:31px; }
  .path-text>p:not(.path-no) { font-size:14px; }
  .path-text>p.path-detail { font-size:12px; }
  .path-features { gap:15px; }
  .industry-plate { padding:25px; }
  .industry-heading { font-size:24px; }
}
@media(max-width:900px) {
  .faq-arrival { border-left:0; padding-left:0; padding-top:20px; border-top:1px solid #bac4c24f; }
}
@media(max-width:760px) {
  .play-switcher { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .play-switcher>button:nth-child(2) { border-right:0; }
  .play-switcher>button:nth-child(-n+2) { border-bottom:1px solid #c7cfca; }
  .path { grid-template-columns:1fr; gap:29px; }
  .path figure, .path figure>img { height:340px; min-height:340px; }
  .path:has(.industry-plate) figure, .industry-plate { height:340px; min-height:340px; }
  .industry-heading { margin-top:24px; }
  .industry-flow { margin-top:25px; }
  .industry-plate>p { margin-top:22px; }
}
@media(max-width:680px) {
  .flow-section[data-flow=play] .page-head { padding-top:56px; padding-bottom:31px; }
  .hero-help { right:19px; top:125px; width:44px; gap:7px; }
  .help-icon { width:34px; height:34px; }
  .pixel-question { width:12px; height:18px; }
  .hero-help small { font-size:8px; letter-spacing:1px; }
  .faq-answer { padding-right:12px; padding-bottom:23px; }
  .faq .faq-answer p { font-size:13px; }
  .faq-answer-link { font-size:11px; }
  .faq-arrival p { font-size:23px; }
  .play-switcher { margin-top:25px; }
  .play-switcher>button { grid-template-columns:18px minmax(0,1fr); min-height:82px; padding:18px 12px; gap:12px; }
  .play-tab-copy { gap:9px; }
  .play-tab-copy b { font-size:14px; letter-spacing:.7px; }
  .play-tab-copy em { font-size:7px; letter-spacing:1px; }
  .play-switcher>button small { font-size:10px; }
  .paths { padding:20px; margin-bottom:31px; }
  .paths>.path-snapshot { left:20px; right:20px; top:20px; }
  .path { gap:27px; }
  .path figure, .path figure>img { height:250px; min-height:250px; }
  .path:has(.industry-plate) figure, .industry-plate { height:300px; min-height:300px; }
  .path figcaption { left:10px; bottom:10px; font-size:8px; padding:6px 8px; }
  .path-text { padding:0; }
  .path-no { font-size:8px; letter-spacing:1px; }
  .path-text h3 { font-size:29px; margin:16px 0; }
  .path-text>p:not(.path-no) { font-size:14px; }
  .path-text>p.path-detail { font-size:13px; }
  .path-features { gap:17px; margin-top:20px; padding-top:19px; }
  .path-features dt { font-size:13px; letter-spacing:.5px; }
  .path-features dd { font-size:11px; margin-top:9px; }
  .path-text li { font-size:9px; padding:6px 8px; letter-spacing:.4px; }
  .industry-plate { padding:22px; }
  .industry-label { font-size:8px; }
  .industry-word { font-size:77px; }
  .industry-heading { font-size:23px; letter-spacing:1px; margin-top:24px; }
  .industry-flow { margin-top:24px; gap:10px; }
  .industry-flow b { font-size:16px; letter-spacing:1px; margin-top:12px; }
  .industry-flow i { font-size:5px; letter-spacing:.2px; }
  .industry-plate>p { font-size:6px; letter-spacing:1.2px; margin-top:18px; }
}
@media(max-width:360px) {
  .paths { padding:15px; }
  .paths>.path-snapshot { left:15px; right:15px; top:15px; }
  .play-tab-copy b { font-size:13px; }
}
@media(prefers-reduced-motion:reduce) {
  .play-selection, .faq summary svg, .help-icon { transition:none; }
}

/* Interior art direction: real player scenes, matte surfaces and restrained archive marks. */
.page[data-atmosphere] {
  container-type:inline-size;
  --chapter-surface:#e9ede7;
  --chapter-ink:#233139;
  --chapter-accent:#648184;
  --chapter-rule:#8c9f9524;
  position:relative;
  background-color:var(--chapter-surface);
  background-image:linear-gradient(90deg,#637c7410 1px,transparent 1px);
  background-size:calc(100% / 12) 100%;
}
.page[data-atmosphere]>.page-head {
  isolation:isolate; overflow:hidden; max-width:none;
  padding:65px 7.8% 45px;
  border-bottom:1px solid var(--chapter-rule);
  background:linear-gradient(105deg,#f4f5eecc,transparent 75%);
}
.flow-section[data-flow=play][data-atmosphere]>.page-head { padding-top:65px; padding-bottom:45px; }
.page[data-atmosphere] .page-head>p,
.page[data-atmosphere] .page-head>h1,
.page[data-atmosphere] .page-head>h2 { position:relative; z-index:1; }
.page[data-atmosphere] .page-title { color:var(--chapter-ink); }
.page[data-atmosphere] .page-lead { max-width:720px; color:#506167; }
.page[data-atmosphere] .page-en { color:var(--chapter-accent); letter-spacing:2.2px; }
.page[data-atmosphere] .page-no { color:var(--chapter-accent); }
.page[data-atmosphere] .page-no::before { height:2px; background:var(--chapter-accent); }
.page[data-atmosphere]>.page-head::after {
  content:attr(data-chapter); display:block; z-index:0;
  position:absolute; left:44%; right:auto; top:54px;
  width:auto; height:auto; background:none;
  font-family:var(--numbers); font-size:190px; font-weight:700;
  line-height:1; letter-spacing:-18px; color:#3655530b;
  pointer-events:none;
}
.page-scene { position:absolute; z-index:0; inset:0 0 0 40%; overflow:hidden; pointer-events:none; }
.page-scene img {
  width:100%; height:100%; object-fit:cover; object-position:55% 50%;
  opacity:.62; filter:saturate(.8);
  mask-image:linear-gradient(90deg,transparent 0,#0008 35%,#000 70%),linear-gradient(0deg,transparent,#000 28%);
  mask-composite:intersect;
}
.page-scene::after { content:''; position:absolute; right:7.8%; top:32px; bottom:30px; width:1px; background:#526c6524; }
.page-scene>span { position:absolute; right:8%; bottom:21px; font:500 8px var(--en); letter-spacing:2px; color:#5c7271; }
.page[data-atmosphere] .chapter-continuation { background:#eef1eaaa; border-color:#a1b0a239; }
.page[data-atmosphere] .chapter-continuation small { color:#6f8987; }
.page[data-atmosphere] .chapter-continuation b { color:var(--chapter-ink); }

/* Gameplay is staged as an archive of scenes, with a paper dossier in front. */
.page[data-atmosphere=play] { --chapter-surface:#e5ebe4; --chapter-accent:#6b8880; }
[data-atmosphere=play] .page-scene img { object-position:50% 54%; opacity:.8; }
.play-dossier-label { display:flex; align-items:center; gap:22px; padding:29px 0 18px; }
.play-dossier-label>span { font:500 9px var(--en); letter-spacing:1.8px; color:#6c8680; }
.play-dossier-label>b { font:500 16px var(--sans); letter-spacing:1.5px; color:#405454; }
.play-dossier-label>i { height:1px; flex:1; background:#91a69950; }
.play-dossier-label>small { font:500 8px var(--en); letter-spacing:2px; color:#90a198; }
[data-atmosphere=play] .play-switcher { margin-top:0; border:0; background:#223137; }
[data-atmosphere=play] .play-switcher>button { background:#25343a; border-color:#81999326; color:#d4e0d9; min-height:91px; }
[data-atmosphere=play] .play-switcher>button small { color:#8da69d; }
[data-atmosphere=play] .play-tab-copy em { color:#96aba6; }
[data-atmosphere=play] .play-switcher>button:hover { background:#32444a; }
[data-atmosphere=play] .play-switcher>button.active,
[data-atmosphere=play] .play-switcher>button.active:hover { background:#eef0e5; color:#223339; }
[data-atmosphere=play] .play-switcher>button.active small { color:#8b8254; }
[data-atmosphere=play] .play-switcher>button.active em { color:#738b84; }
[data-atmosphere=play] .play-selection { background:#bbb98b; }
[data-atmosphere=play] .paths {
  padding:26px; border:0; background:#243238;
  box-shadow:0 18px 35px #273d3312;
  clip-path:polygon(0 0,100% 0,100% calc(100% - 18px),calc(100% - 18px) 100%,0 100%);
}
[data-atmosphere=play] .path { gap:0; grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr); }
[data-atmosphere=play] .path figure { position:relative; isolation:isolate; min-height:525px; background:#162329; }
[data-atmosphere=play] .path figure::before { content:''; position:absolute; z-index:-1; inset:-16px; background-image:var(--scene-image); background-position:center; background-size:cover; filter:blur(13px) saturate(.6); opacity:.4; }
[data-atmosphere=play] .path figure>img { position:relative; min-height:525px; }
.media-band { position:absolute; z-index:3; left:18px; right:18px; top:18px; display:flex; justify-content:space-between; gap:20px; align-items:center; color:#e2ece8; pointer-events:none; }
.media-band>span { display:flex; align-items:center; gap:9px; font:500 8px var(--en); letter-spacing:1.5px; text-shadow:0 1px 6px #111a20; }
.media-band>span::before { content:''; width:4px; height:4px; background:#c5d5c0; box-shadow:0 0 0 3px #25332c70; }
.media-band>b { font:500 10px var(--numbers); background:#17272b96; border:1px solid #d9e6da3b; padding:7px 9px; }
[data-atmosphere=play] .path figcaption { z-index:2; border:0; border-left:2px solid #c1cbb4; padding:8px 12px; }
[data-atmosphere=play] .path-text { position:relative; isolation:isolate; overflow:hidden; padding:31px; background:#eef0e5; border-left:1px solid #c1ccb31f; }
[data-atmosphere=play] .path-text::before { content:attr(data-mode); position:absolute; z-index:-1; right:-8px; top:4px; font:700 82px/.9 var(--numbers); letter-spacing:-4px; color:#60766609; white-space:nowrap; }
[data-atmosphere=play] .path-no { font-size:9px; letter-spacing:1.3px; }
[data-atmosphere=play] .path-text h3 { font-size:clamp(28px,2.8vw,40px); letter-spacing:1.7px; margin:23px 0 19px; }
[data-atmosphere=play] .path-text>p:not(.path-no) { font-size:15px; line-height:1.9; }
[data-atmosphere=play] .path-text>p.path-detail { font-size:13px; color:#748780; }
[data-atmosphere=play] .path-features { border-color:#a8b7a93b; gap:20px; }
[data-atmosphere=play] .path-features>div { position:relative; padding-left:12px; border-left:2px solid #aebea66b; }
[data-atmosphere=play] .path-features dt { font-size:14px; }
[data-atmosphere=play] .path-features dd { font-size:11px; line-height:1.8; }
[data-atmosphere=play] .path-text li { background:#dae4d646; border-color:#adbea641; color:#5d7667; }
[data-atmosphere=play] .paths>.path-snapshot { left:26px; right:26px; top:26px; }
[data-atmosphere=play] .path-snapshot .path-text { background:#eef0e5; }
[data-atmosphere=play] .path:has(.industry-plate) figure { min-height:525px; }
[data-atmosphere=play] .industry-plate { min-height:525px; padding:76px 35px 42px; background-color:#1a2a32; }
[data-atmosphere=play] .industry-word { top:55px; color:#819f9d09; -webkit-text-stroke-color:#aac4ba2b; }
[data-atmosphere=play] .industry-heading { margin-top:43px; }

/* A colder world archive gives the chronology its own mood. */
.page[data-atmosphere=world] { --chapter-surface:#142126; --chapter-ink:#e3eee4; --chapter-accent:#a2c2c2; --chapter-rule:#a7c5c41f; background-image:linear-gradient(90deg,#9dbbbe06 1px,transparent 1px); }
html[data-page=world]:not(.menu-visible) { background:#142126; color-scheme:dark; }
.page[data-atmosphere=world]>.page-head { background:linear-gradient(105deg,#15232bea,transparent 75%); }
.page[data-atmosphere=world]>.page-head::after { color:#a5cbcf0c; }
.page[data-atmosphere=world] .page-lead { color:#afc5c5; }
.page[data-atmosphere=world] .page-scene img { opacity:.38; object-position:48% 38%; mask-image:linear-gradient(90deg,transparent,#000 75%),linear-gradient(0deg,transparent,#000 40%); }
.page[data-atmosphere=world] .page-scene>span { color:#789caa; }
.page[data-atmosphere=world] .page-scene::after { background:#b5d1cd20; }
[data-atmosphere=world]>.sketch { position:relative; padding:14px; margin-top:38px; border:1px solid #779ca42f; background:#0d191e; }
[data-atmosphere=world]>.sketch img { width:100%; }
[data-atmosphere=world]>.sketch figcaption { color:#bed0c9; background:#172a30d9; padding:9px 15px; }
[data-atmosphere=world] .chapters { margin-top:39px; border-top:1px solid #769ea336; }
[data-atmosphere=world] .chapter { position:relative; padding:34px 21px; border-color:#799da12b; }
[data-atmosphere=world] .chapter:nth-child(even) { background:#6c99a30a; }
[data-atmosphere=world] .chapter-no { width:58px; min-height:61px; display:grid; place-items:center; border:1px solid #829e9b50; font-size:27px; color:#9ebdb7; background:#283a3c29; }
[data-atmosphere=world] .chapter-meta { color:#7ca1aa; }
[data-atmosphere=world] .chapter>p:last-child { color:#aec2bf; }
[data-atmosphere=world] .quote { position:relative; isolation:isolate; overflow:hidden; background:#21333ae6; border:1px solid #8fb1ae29; border-left:3px solid #a0b3a0; }
[data-atmosphere=world] .quote::after { content:'“'; position:absolute; z-index:-1; top:6px; right:7%; font:700 200px var(--sans); color:#a1c0bb12; }
[data-atmosphere=world] .quote p { color:#d6e3d7; }
[data-atmosphere=world] .glossary>div { border-color:#9dbeb829; }
[data-atmosphere=world] .chapter-continuation { background:#21333a; border-color:#91b1a32b; }
[data-atmosphere=world] .chapter-continuation b { color:#d6e4de; }

/* Help stays calm: numbered questions and a small archive preview. */
.page[data-atmosphere=faq] { --chapter-surface:#ecede6; --chapter-accent:#82795e; }
[data-atmosphere=faq] .page-scene img { opacity:.63; object-position:58% 48%; }
[data-atmosphere=faq] .flow-faq { padding-top:38px; gap:7%; }
[data-atmosphere=faq] .faq { counter-reset:help-item; }
[data-atmosphere=faq] .faq details { counter-increment:help-item; border-color:#8eaa983e; padding-inline:18px; transition:background .3s; }
[data-atmosphere=faq] .faq details:hover { background:#e1e8db80; }
[data-atmosphere=faq] .faq details[open] { background:#f4f5ecb3; }
[data-atmosphere=faq] .faq summary { justify-content:flex-start; gap:18px; padding-block:22px; }
[data-atmosphere=faq] .faq summary::before { content:counter(help-item,upper-roman); flex:0 0 23px; font:500 10px var(--numbers); color:#8d9d83; }
[data-atmosphere=faq] .faq summary svg { margin-left:auto; }
[data-atmosphere=faq] .faq-answer { padding-left:41px; }
[data-atmosphere=faq] .faq-arrival { border:1px solid #a0b19b3b; padding:16px 22px 28px; background:#e2e8da9c; }
.faq-guide-media { margin:0 0 24px; position:relative; background:#eff2e8; border:1px solid #b2bfa640; }
.faq-guide-media img { width:100%; height:130px; object-fit:contain; padding:12px; }
.faq-guide-media figcaption { padding:10px 13px; border-top:1px solid #b6c4a440; font:500 8px var(--en); letter-spacing:1.5px; color:#7c9178; }
[data-atmosphere=faq] .faq-arrival p { font-size:23px; letter-spacing:1px; color:#4b6056; }
[data-atmosphere=faq] .faq-resource { margin-top:24px; border-color:#8aa08e; }

/* Cartography, civic rules and the team's letter each get a distinct paper tone. */
.page[data-atmosphere=map] { --chapter-surface:#eee9db; --chapter-accent:#8a7958; --chapter-rule:#9687612b; background-image:linear-gradient(90deg,#92775009 1px,transparent 1px); }
[data-atmosphere=map] .page-scene img { opacity:.55; object-position:70% 30%; }
[data-atmosphere=map] .atlas-map { border:10px solid #c2b28b; outline:1px solid #88775b55; box-shadow:0 12px 30px #483c2612; }
[data-atmosphere=map] .atlas-map::after { content:''; position:absolute; inset:9px; border:1px solid #fff0c890; pointer-events:none; }
.page[data-atmosphere=map] .wrap.atlas { max-width:950px; padding-bottom:80px; }
[data-atmosphere=map] .atlas-summary { display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:32px; margin-top:26px; padding:28px 30px; background:#f6f1e3b3; border:1px solid #b6a8843d; }
[data-atmosphere=map] .atlas-facts { grid-template-columns:repeat(2,minmax(0,1fr)); gap:28px; padding:0; margin:0; border:0; }
[data-atmosphere=map] .atlas-action { text-align:right; }
[data-atmosphere=map] .atlas-action p { margin-top:12px; font-size:11px; line-height:1.7; color:#786d58; }
.page[data-atmosphere=rules] { --chapter-surface:#e8ece7; --chapter-accent:#677b6d; }
[data-atmosphere=rules] .page-scene img { opacity:.47; object-position:55% 34%; }
[data-atmosphere=rules] .charter-toc { top:calc(var(--header-height) + 25px); padding:16px; border:1px solid #93aa9c3b; background:#dce5dc; }
[data-atmosphere=rules] .charter-toc a { border-color:#96ae9b32; padding:17px 10px; color:#456456; }
[data-atmosphere=rules] .charter-toc a:hover,
[data-atmosphere=rules] .charter-toc a.on { background:#cbdaca; color:#274734; }
[data-atmosphere=rules] .charter-body section { padding:24px 26px 31px; background:#f4f5ed91; border:1px solid #a4b49b35; margin-bottom:25px; }
[data-atmosphere=rules] .charter-body h3 { border-bottom:1px solid #a2b49d39; padding-bottom:20px; }
[data-atmosphere=rules] .charter-body h3 small { color:#80977c; }
.page[data-atmosphere=about] { --chapter-surface:#f0ece3; --chapter-accent:#8f7b69; --chapter-rule:#b7a0882b; background-image:linear-gradient(90deg,#997e6409 1px,transparent 1px); }
[data-atmosphere=about] .page-scene img { opacity:.62; object-position:50% 46%; }
[data-atmosphere=about] .letter { position:relative; background:#f9f6ece8; border:1px solid #baa89138; box-shadow:12px 12px 0 #dfd8c833; padding:49px 57px; }
[data-atmosphere=about] .letter::before { content:''; position:absolute; left:17px; top:22px; bottom:22px; width:1px; background:#bc9e7760; }
[data-atmosphere=about] .letter-kicker { color:#9a8266; }
[data-atmosphere=about] .letter-sign { color:#7a6b54; }
[data-atmosphere=about] .archive-head { border-color:#a3927242; }
[data-atmosphere=about] .eras li { position:relative; padding-left:20px; border-color:#b29c7432; }
[data-atmosphere=about] .eras li::before { content:''; position:absolute; left:0; top:0; bottom:0; width:1px; background:#b8a68865; }
[data-atmosphere=about] .eras li:nth-child(even) { background:#d6c6a610; }
[data-atmosphere=about] .eras .eras-now { margin-left:0; border-left:0; background:#e4e4d5; padding-left:20px; }
[data-atmosphere=about] .eras .eras-now::before { width:2px; background:#89987a; }

/* Resources become three destinations and one official client console. */
.page[data-atmosphere=portal] { --chapter-surface:#e6ecea; --chapter-accent:#648289; }
[data-atmosphere=portal] .page-scene img { opacity:.5; object-position:55% 50%; }
[data-atmosphere=portal] .client-entry { position:relative; isolation:isolate; overflow:hidden; min-height:178px; padding:39px; border-top:0; background:#223139; }
[data-atmosphere=portal] .client-entry::before { content:''; position:absolute; z-index:-1; inset:0 22% 0 38%; background:url('https://xiwanzi.cn-nb2.rains3.com/deuterium-official/r82-e455d305512e/assets/sketch-city.webp') center/contain no-repeat; opacity:.08; filter:invert(1); }
[data-atmosphere=portal] .client-entry::after { content:''; position:absolute; right:0; top:0; bottom:0; width:3px; background:#a0bca2; }
[data-atmosphere=portal] .portal-links { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; margin-top:24px; }
[data-atmosphere=portal] .portal-links>a { position:relative; isolation:isolate; overflow:hidden; display:grid; grid-template-columns:1fr 20px; gap:24px 10px; align-content:start; padding:26px; min-height:255px; background:#f0f3e9; border:1px solid #a0b7a540; transition:border-color .35s,background .35s; }
[data-atmosphere=portal] .portal-links>a>svg:first-child { width:24px; height:24px; color:#6a8f8b; }
[data-atmosphere=portal] .portal-links>a>svg:last-child { grid-column:2; grid-row:1; justify-self:end; }
[data-atmosphere=portal] .portal-links>a>div { grid-column:1/-1; grid-row:2; position:relative; z-index:1; }
[data-atmosphere=portal] .portal-links>a::before { content:''; position:absolute; z-index:-1; right:-12px; top:5px; width:68%; height:50%; background-position:center; background-size:cover; opacity:.18; mask-image:linear-gradient(0deg,transparent,#000 80%); }
[data-atmosphere=portal] .portal-links>a:nth-child(1)::before { background-image:url('https://xiwanzi.cn-nb2.rains3.com/deuterium-official/r82-e455d305512e/assets/sketch-city.webp'); background-size:contain; background-repeat:no-repeat; }
[data-atmosphere=portal] .portal-links>a:nth-child(2)::before { background-image:url('https://xiwanzi.cn-nb2.rains3.com/deuterium-official/r82-e455d305512e/assets/slide-friends.webp'); }
[data-atmosphere=portal] .portal-links>a:nth-child(3)::before { background-image:url('https://xiwanzi.cn-nb2.rains3.com/deuterium-official/r82-e455d305512e/assets/scene-cafe.png'); }
[data-atmosphere=portal] .portal-links>a:hover { padding-left:26px; background:#e6eddf; border-color:#789d9077; }
[data-atmosphere=portal] .portal-links h2 { font-size:23px; margin:13px 0; }
[data-atmosphere=portal] .portal-links small { color:#759286; }
[data-atmosphere=portal] .portal-links p { font-size:12px; color:#778d85; }
[data-atmosphere=portal] .dl-steps { position:relative; padding-top:26px; border-top:1px solid #94ad9f38; }
[data-atmosphere=portal] .dl-steps li>span { color:#779584; }

@media(max-width:1100px) and (min-width:761px) {
  [data-atmosphere=play] .paths { padding:20px; }
  [data-atmosphere=play] .paths>.path-snapshot { left:20px; right:20px; top:20px; }
  [data-atmosphere=play] .path { grid-template-columns:minmax(0,1fr) minmax(0,1fr); }
  [data-atmosphere=play] .path-text { padding:23px; }
  [data-atmosphere=play] .path-text h3 { font-size:29px; }
  [data-atmosphere=play] .path-text>p:not(.path-no) { font-size:13px; }
  [data-atmosphere=play] .path-text>p.path-detail { font-size:12px; }
  .page[data-atmosphere] .page-lead { max-width:60%; font-size:15px; }
  [data-atmosphere=portal] .portal-links>a { padding:22px; }
  [data-atmosphere=portal] .portal-links>a:hover { padding-left:22px; }
  [data-atmosphere=portal] .portal-links h2 { font-size:20px; letter-spacing:1px; }
}
@media(max-width:900px) {
  [data-atmosphere=faq] .faq-arrival { max-width:610px; display:grid; grid-template-columns:220px 1fr; column-gap:24px; align-items:center; padding:20px; }
  .faq-guide-media { grid-column:1; grid-row:1/3; margin:0; }
  [data-atmosphere=faq] .faq-arrival p { grid-column:2; }
  [data-atmosphere=faq] .faq-resource { grid-column:2; margin-top:19px; }
}
@media(max-width:760px) {
  [data-atmosphere=play] .path { grid-template-columns:1fr; }
  [data-atmosphere=play] .path figure, [data-atmosphere=play] .path figure>img { height:340px; min-height:340px; }
  [data-atmosphere=play] .path:has(.industry-plate) figure, [data-atmosphere=play] .industry-plate { height:380px; min-height:380px; }
  [data-atmosphere=play] .industry-plate { padding:56px 28px 28px; }
  [data-atmosphere=play] .industry-heading { margin-top:26px; }
  [data-atmosphere=portal] .portal-links { grid-template-columns:1fr; }
  [data-atmosphere=portal] .portal-links>a { min-height:195px; }
  [data-atmosphere=portal] .portal-links>a::before { width:50%; height:100%; top:0; }
}
@media(max-width:680px) {
  .page[data-atmosphere]>.page-head,
  .flow-section[data-flow=play][data-atmosphere]>.page-head { padding:74px 25px 33px; }
  .page[data-atmosphere] .page-lead { font-size:14px; max-width:none; position:relative; }
  .page[data-atmosphere]>.page-head::after { top:31px; left:51%; font-size:137px; letter-spacing:-12px; }
  .page-scene { inset:0 0 0 18%; }
  .page-scene img { opacity:.27!important; mask-image:linear-gradient(90deg,transparent,#000 85%),linear-gradient(0deg,transparent,#000 70%); }
  .page-scene::after { display:none; }
  .page-scene>span { right:25px; bottom:14px; font-size:6px; letter-spacing:1.4px; opacity:.75; }
  .play-dossier-label { gap:14px; padding:23px 0 14px; }
  .play-dossier-label>span { font-size:6px; letter-spacing:.8px; }
  .play-dossier-label>b { font-size:12px; letter-spacing:.5px; }
  .play-dossier-label>small { display:none; }
  [data-atmosphere=play] .play-switcher>button { min-height:81px; }
  [data-atmosphere=play] .paths { padding:14px; }
  [data-atmosphere=play] .paths>.path-snapshot { left:14px; right:14px; top:14px; }
  [data-atmosphere=play] .path figure, [data-atmosphere=play] .path figure>img { height:260px; min-height:260px; }
  [data-atmosphere=play] .path-text { padding:25px 22px; border-left:0; }
  [data-atmosphere=play] .path-text::before { font-size:68px; }
  [data-atmosphere=play] .path-text h3 { font-size:27px; margin:20px 0 18px; }
  [data-atmosphere=play] .path-text>p:not(.path-no) { font-size:13px; }
  [data-atmosphere=play] .path-text>p.path-detail { font-size:12px; }
  [data-atmosphere=play] .path-no { font-size:7px; letter-spacing:1px; }
  [data-atmosphere=play] .path-features { gap:15px; }
  [data-atmosphere=play] .path-features dt { font-size:12px; letter-spacing:.3px; }
  [data-atmosphere=play] .path-features dd { font-size:10px; }
  [data-atmosphere=play] .path-text ul { gap:6px; }
  [data-atmosphere=play] .path-text li { font-size:8px; padding:6px 7px; }
  .media-band { left:12px; right:12px; top:12px; }
  .media-band>span { font-size:6px; letter-spacing:1px; }
  .media-band>b { font-size:8px; padding:6px 7px; }
  [data-atmosphere=play] .path:has(.industry-plate) figure, [data-atmosphere=play] .industry-plate { height:340px; min-height:340px; }
  [data-atmosphere=play] .industry-plate { padding:56px 24px 25px; }
  [data-atmosphere=play] .industry-heading { margin-top:17px; }
  [data-atmosphere=world]>.sketch { padding:7px; margin-top:28px; }
  [data-atmosphere=world] .chapter { padding:26px 7px; }
  [data-atmosphere=world] .chapter-no { width:34px; min-height:40px; font-size:18px; }
  [data-atmosphere=world] .quote::after { font-size:125px; }
  [data-atmosphere=faq] .faq details { padding-inline:9px; }
  [data-atmosphere=faq] .faq summary { gap:12px; padding-block:20px; }
  [data-atmosphere=faq] .faq summary::before { flex-basis:17px; font-size:8px; }
  [data-atmosphere=faq] .faq-answer { padding-left:29px; padding-right:4px; }
  [data-atmosphere=faq] .faq-arrival { display:block; padding:17px 19px 23px; }
  .faq-guide-media { margin-bottom:22px; }
  .faq-guide-media img { height:118px; }
  [data-atmosphere=faq] .faq-arrival p { font-size:21px; }
  [data-atmosphere=map] .atlas-map { border-width:6px; }
  .page[data-atmosphere=map] .wrap.atlas { padding-bottom:56px; }
  [data-atmosphere=map] .atlas-summary { grid-template-columns:1fr; gap:26px; padding:24px 20px; }
  [data-atmosphere=map] .atlas-action { text-align:left; }
  [data-atmosphere=map] .atlas-action .pill { width:100%; justify-content:space-between; }
  [data-atmosphere=rules] .charter-toc { padding:11px; }
  [data-atmosphere=rules] .charter-body section { padding:22px 18px; }
  [data-atmosphere=about] .letter { padding:31px 27px; box-shadow:7px 7px 0 #dfd8c833; }
  [data-atmosphere=about] .letter::before { left:11px; }
  [data-atmosphere=about] .eras li { padding-left:14px; }
  [data-atmosphere=portal] .client-entry { padding:28px 22px; }
  [data-atmosphere=portal] .client-entry::before { inset:0 0 0 15%; }
  [data-atmosphere=portal] .portal-links>a { padding:25px 22px; }
  [data-atmosphere=portal] .portal-links>a:hover { padding-left:22px; }
  [data-atmosphere=portal] .portal-links h2 { font-size:22px; }
}
@media(max-width:360px) {
  [data-atmosphere=play] .paths { padding:10px; }
  [data-atmosphere=play] .paths>.path-snapshot { left:10px; right:10px; top:10px; }
  [data-atmosphere=play] .path-text { padding:23px 18px; }
  [data-atmosphere=play] .path-features { grid-template-columns:1fr; gap:16px; }
  [data-atmosphere=play] .path-features>div { padding-left:10px; }
}

/* Graphic accents replace the repeated photo headers; only lore and FAQ keep photos. */
.page[data-atmosphere=play], .page[data-atmosphere=map],
.page[data-atmosphere=rules], .page[data-atmosphere=about],
.page[data-atmosphere=portal] { background-image:none; }
.scene-graphic { inset:0 0 0 36%; }
.scene-graphic .chapter-graphic {
  display:block; width:100%; height:100%;
  fill:none; stroke:none; color:var(--chapter-accent); opacity:.28;
  mask-image:linear-gradient(90deg,transparent 0,#000 40%);
}
.scene-graphic::after { display:none; }
.scene-graphic>span { opacity:.55; }
[data-atmosphere=about] .scene-graphic .chapter-graphic { opacity:.25; }
[data-atmosphere=map] .scene-graphic .chapter-graphic { opacity:.31; }
[data-atmosphere=play] .path figure::before {
  inset:0; filter:none; opacity:.16;
  background-image:radial-gradient(#a9bab5 1px,transparent 1.3px);
  background-size:22px 22px;
}
[data-atmosphere=play] .path-text::after {
  content:''; position:absolute; z-index:-1; right:15px; bottom:13px;
  width:100px; height:46px; opacity:.18;
  background:radial-gradient(#6f8974 .8px,transparent 1.1px) 0 0/9px 9px;
  pointer-events:none;
}
[data-atmosphere=portal] .client-entry::before {
  inset:30px 20% 30px 42%; filter:none; opacity:.08;
  background:radial-gradient(#b3c9c6 1px,transparent 1.2px) 0 0/17px 17px;
}
[data-atmosphere=portal] .portal-links>a::before {
  background-image:none!important; mask-image:none;
  width:110px; height:110px; right:21px; top:18px;
  border:1px solid #85a49a80; opacity:.16;
}
[data-atmosphere=portal] .portal-links>a:nth-child(1)::before {
  border-radius:2px; transform:rotate(-7deg);
  box-shadow:8px -6px 0 -1px #f0f3e9,8px -6px 0 0 #85a49a80;
}
[data-atmosphere=portal] .portal-links>a:nth-child(2)::before {
  border-radius:50%; box-shadow:28px 20px 0 -1px #f0f3e9,28px 20px 0 0 #85a49a80;
}
[data-atmosphere=portal] .portal-links>a:nth-child(3)::before {
  width:65px; height:110px; border-radius:7px; right:38px;
  background:radial-gradient(#6d918b .8px,transparent 1px) center/12px 12px;
}
@media(max-width:680px) {
  .scene-graphic { inset:0 0 0 12%; }
  .scene-graphic .chapter-graphic { opacity:.2; }
  .scene-graphic>span { opacity:.4; }
}

/* Shared editorial grid, with each archive retaining its own paper tone. */
.page[data-atmosphere]:not([data-atmosphere=play]) > .page-head {
  display:grid; grid-template-columns:minmax(0,1.16fr) minmax(0,.84fr);
  column-gap:8%; padding:68px max(7.8%,calc((100% - 1200px)/2)) 62px;
}
.page[data-atmosphere]:not([data-atmosphere=play]) .page-no { grid-column:1; margin:0 0 26px; font-size:11px; }
.page[data-atmosphere]:not([data-atmosphere=play]) .page-title { grid-column:1; font-size:clamp(44px,5cqw,72px); font-weight:500; letter-spacing:3px; }
.page[data-atmosphere]:not([data-atmosphere=play]) .page-en { grid-column:1; margin:20px 0 0; font-size:11px; }
.page[data-atmosphere]:not([data-atmosphere=play]) .page-lead {
  grid-column:2; grid-row:2 / 4; align-self:end;
  max-width:440px; margin:0; font-size:16px; line-height:1.95; font-weight:400;
}
.page[data-atmosphere] .page-scene > span { display:none; }
.page[data-atmosphere] .wrap, .page[data-atmosphere] > .sketch { width:84.4%; max-width:1200px; margin-inline:auto; }
.page[data-atmosphere] .page-no::before { height:1px; width:28px; }
.page[data-atmosphere] .chapter-continuation {
  position:relative; isolation:isolate; overflow:hidden;
  min-height:136px; padding-inline:max(7.8%,calc((100% - 1200px)/2));
  gap:32px; background:transparent;
}
.page[data-atmosphere] .chapter-continuation::before {
  content:''; position:absolute; z-index:-1; inset:0;
  background:var(--chapter-ink); opacity:.055;
  transform:translateY(100%); transition:transform .55s var(--v4-ease);
}
.page[data-atmosphere] .chapter-continuation:is(:hover,:focus-visible)::before { transform:translateY(0); }
.page[data-atmosphere] .chapter-continuation small { font-size:10px; color:var(--chapter-accent); }
.page[data-atmosphere] .chapter-continuation b { font-size:36px; font-weight:400; letter-spacing:3px; }
.page[data-atmosphere] .chapter-continuation svg { width:32px; height:32px; color:var(--chapter-accent); }
.page[data-atmosphere] :is(a,button,summary):focus-visible { outline:2px solid var(--chapter-accent); outline-offset:5px; }

.page[data-atmosphere=world] .page-scene { left:48%; }
.page[data-atmosphere=world] .page-scene img { opacity:.22; }
.page[data-atmosphere=world] > .sketch { padding:0; margin-top:48px; border:0; background:none; }
.page[data-atmosphere=world] > .sketch img { height:clamp(240px,30cqw,440px); }
.page[data-atmosphere=world] > .sketch figcaption { background:none; padding:16px 0; border-bottom-color:#799da12b; font-size:11px; }
.page[data-atmosphere=world] .chapters { border-top:0; margin-top:34px; }
.page[data-atmosphere=world] .chapter { padding:42px 0; grid-template-columns:80px 240px minmax(0,1fr); gap:32px; }
.page[data-atmosphere=world] .chapter:nth-child(even) { background:none; }
.page[data-atmosphere=world] .chapter-no {
  display:block; width:auto; min-height:0; padding:4px 0 0;
  border:0; background:none; font-size:34px; color:#89a9a5;
}
.page[data-atmosphere=world] .chapter h3 { font-size:26px; font-weight:400; }
.page[data-atmosphere=world] .chapter-meta { font-size:11px; line-height:1.6; }
.page[data-atmosphere=world] .chapter > p:last-child { color:#becfca; font-size:16px; }
.page[data-atmosphere=world] .quote { margin:32px auto 72px; border-inline:0; background:#1b2d32; padding-block:98px; }
.page[data-atmosphere=world] .quote p { font-size:clamp(24px,2.5cqw,36px); font-weight:400; line-height:1.9; }
.page[data-atmosphere=world] .glossary dt { font-size:22px; font-weight:400; }
.page[data-atmosphere=world] .glossary dd { color:#becfca; }
.page[data-atmosphere=world] .chapter-continuation::before { opacity:.06; }

.page[data-atmosphere=faq] .page-scene img { opacity:.3; }
.page[data-atmosphere=faq] .flow-faq { padding-top:48px; padding-bottom:88px; gap:8%; }
.page[data-atmosphere=faq] .faq details { position:relative; padding-inline:0; }
.page[data-atmosphere=faq] .faq details::after {
  content:''; position:absolute; left:0; top:-1px; width:100%; height:1px;
  background:var(--chapter-accent); transform:scaleX(0); transform-origin:left;
  transition:transform .6s var(--v4-ease);
}
.page[data-atmosphere=faq] .faq details[open]::after { transform:scaleX(1); }
.page[data-atmosphere=faq] .faq details:is(:hover,[open]) { background:transparent; }
.page[data-atmosphere=faq] .faq summary { padding:26px 0; gap:24px; font-size:17px; }
.page[data-atmosphere=faq] .faq summary::before { color:#776b4e; font-size:11px; }
.page[data-atmosphere=faq] .faq summary svg { color:#776b4e; }
.page[data-atmosphere=faq] .faq-answer { padding-left:47px; }
.page[data-atmosphere=faq] .faq-answer p { color:#526259; font-size:15px; }
.page[data-atmosphere=faq] .faq-arrival { border:0; border-left:1px solid #a0b19b60; background:none; padding:0 0 0 32px; }
.page[data-atmosphere=faq] .faq-guide-media { border:0; background:#e1e6db; }
.page[data-atmosphere=faq] .faq-guide-media img { height:160px; padding:16px; }
.page[data-atmosphere=faq] .faq-guide-media figcaption { font-size:10px; color:#536b53; padding-inline:0; background:var(--chapter-surface); }
.page[data-atmosphere=faq] .faq-arrival p { font-size:24px; font-weight:400; line-height:1.7; }
.page[data-atmosphere=faq] .faq-resource svg { transition:transform .4s var(--v4-ease); }
.page[data-atmosphere=faq] .faq-resource:is(:hover,:focus-visible) svg { transform:translate(3px,-3px); }

.page[data-atmosphere=rules] .charter-toc { border:0; border-top:1px solid #72877870; padding:0; background:none; }
.page[data-atmosphere=rules] .charter-toc a { padding:20px 14px; transition:background .3s,color .3s; }
.page[data-atmosphere=rules] .charter-body section { border:0; border-top:1px solid #a4b49b65; padding:28px 30px 32px; margin-bottom:32px; background:#f4f5ed70; }
.page[data-atmosphere=rules] .charter-body h3 { border:0; padding-bottom:0; font-weight:400; }
.page[data-atmosphere=rules] .charter-body h3 small { color:#5a735a; }
.page[data-atmosphere=about] .letter { box-shadow:none; border:0; border-top:1px solid #baa89170; padding:48px 56px; }
.page[data-atmosphere=about] .letter::before { display:none; }
.page[data-atmosphere=about] .eras li { padding-block:28px; }
.page[data-atmosphere=about] .eras li::before { top:30px; bottom:auto; height:6px; width:6px; background:#968468; }
.page[data-atmosphere=about] .eras li > span { color:#665f53; }
.page[data-atmosphere=about] .eras .eras-now::before { width:6px; background:#617357; }
.page[data-atmosphere=portal] .portal-links { gap:0; border-top:1px solid #a0b7a560; border-bottom:1px solid #a0b7a560; }
.page[data-atmosphere=portal] .portal-links > a { background:transparent; border:0; border-right:1px solid #a0b7a560; padding:30px; min-height:270px; transition:background .4s,color .4s; }
.page[data-atmosphere=portal] .portal-links > a:last-child { border-right:0; }
.page[data-atmosphere=portal] .portal-links > a:is(:hover,:focus-visible) { padding-left:30px; background:#223139; color:#f0f3e9; }
.page[data-atmosphere=portal] .portal-links p { color:#526b61; font-size:14px; }
.page[data-atmosphere=portal] .portal-links small { color:#5b756a; font-size:10px; }
.page[data-atmosphere=portal] .portal-links > a:is(:hover,:focus-visible) :is(p,small,svg) { color:#c5d7cb; }
.page[data-atmosphere=portal] .portal-links > a::before { box-shadow:none; }

@media(max-width:1000px) {
  .page[data-atmosphere]:not([data-atmosphere=play]) > .page-head { column-gap:6%; }
  .page[data-atmosphere]:not([data-atmosphere=play]) .page-lead { font-size:15px; }
  .page[data-atmosphere=world] .chapter { grid-template-columns:56px 200px minmax(0,1fr); gap:24px; }
  .page[data-atmosphere=world] .chapter h3 { font-size:23px; }
}
@media(max-width:900px) {
  .page[data-atmosphere=world] .chapter { grid-template-columns:48px minmax(0,1fr); gap:16px 24px; }
  .page[data-atmosphere=world] .chapter > p:last-child { grid-column:2; }
  .page[data-atmosphere=faq] .faq-arrival { border-left:0; border-top:1px solid #a0b19b60; padding:28px 0 0; }
  .page[data-atmosphere=portal] .portal-links > a { padding:24px; }
  .page[data-atmosphere=portal] .portal-links > a:is(:hover,:focus-visible) { padding-left:24px; }
}
@media(max-width:760px) {
  .page[data-atmosphere]:not([data-atmosphere=play]) > .page-head { grid-template-columns:1fr; gap:0; padding:76px 7.8% 42px; }
  .page[data-atmosphere]:not([data-atmosphere=play]) .page-title { font-size:44px; letter-spacing:2px; }
  .page[data-atmosphere]:not([data-atmosphere=play]) .page-no { margin-bottom:22px; }
  .page[data-atmosphere]:not([data-atmosphere=play]) .page-en { font-size:10px; margin-top:15px; }
  .page[data-atmosphere]:not([data-atmosphere=play]) .page-lead { grid-column:1; grid-row:auto; margin-top:26px; max-width:540px; font-size:15px; }
  .page[data-atmosphere] .chapter-continuation { min-height:108px; padding:26px 7.8%; gap:20px; }
  .page[data-atmosphere] .chapter-continuation b { font-size:28px; }
  .page[data-atmosphere] .chapter-continuation small { font-size:8px; letter-spacing:1px; }
  .page[data-atmosphere=world] .chapter { padding:30px 0; }
  .page[data-atmosphere=world] .chapter-no { font-size:26px; }
  .page[data-atmosphere=world] .chapter > p:last-child { font-size:15px; }
  .page[data-atmosphere=world] .quote { padding:76px 24px 60px; margin-bottom:48px; }
  .page[data-atmosphere=faq] .flow-faq { padding-top:32px; padding-bottom:60px; }
  .page[data-atmosphere=faq] .faq summary { gap:15px; font-size:15px; padding:23px 0; }
  .page[data-atmosphere=faq] .faq summary::before { flex-basis:20px; }
  .page[data-atmosphere=faq] .faq-answer { padding-left:35px; }
  .page[data-atmosphere=faq] .faq-arrival p { font-size:22px; }
  .page[data-atmosphere=rules] .charter-body section { padding:24px 20px; }
  .page[data-atmosphere=about] .letter { padding:30px 24px; }
  .page[data-atmosphere=portal] .portal-links > a { border-right:0; border-bottom:1px solid #a0b7a560; min-height:210px; }
  .page[data-atmosphere=portal] .portal-links > a:last-child { border-bottom:0; }
}
@media(max-width:420px) {
  .page[data-atmosphere]:not([data-atmosphere=play]) > .page-head { padding-inline:24px; }
  .page[data-atmosphere]:not([data-atmosphere=play]) .page-title { font-size:40px; }
  .page[data-atmosphere] .wrap, .page[data-atmosphere] > .sketch { width:calc(100% - 48px); }
  .page[data-atmosphere=world] .chapter { grid-template-columns:32px minmax(0,1fr); column-gap:16px; }
  .page[data-atmosphere=world] .chapter h3 { font-size:22px; }
  .page[data-atmosphere] .chapter-continuation { padding-inline:24px; }
}

/* Open editorial spreads; photographs retain their complete native ratio. */
.page[data-atmosphere] > .page-head::after { content:none; display:none !important; }
.flow-section[data-flow=play] {
  --chapter-surface:#f0f0e9;
  --chapter-ink:#242e32;
  --chapter-accent:#687b70;
  background:var(--chapter-surface);
}
.flow-section[data-flow=play][data-atmosphere] > .page-head {
  display:grid;
  grid-template-columns:minmax(0,1.16fr) minmax(0,.84fr);
  column-gap:8%;
  width:84.4%; max-width:none;
  padding:68px 0 64px;
  border:0; background:none; overflow:visible;
}
.flow-section[data-flow=play] .page-no { grid-column:1; margin:0 0 26px; font-size:11px; }
.flow-section[data-flow=play] .page-title { grid-column:1; font-size:clamp(44px,5cqw,72px); letter-spacing:3px; font-weight:500; }
.flow-section[data-flow=play] .page-en { grid-column:1; margin:20px 0 0; font-size:11px; letter-spacing:2px; }
.flow-section[data-flow=play] .page-lead {
  grid-column:2; grid-row:2 / 4; align-self:end;
  margin:0; font-size:16px; line-height:1.95; max-width:410px;
  color:#58695f; font-weight:400;
}
.flow-section[data-flow=play] .paths {
  position:relative; display:grid; gap:112px;
  width:84.4%; max-width:1200px;
  margin:24px auto 0; padding:0 0 88px;
  min-height:0; height:auto; border:0; border-radius:0;
  background:none; box-shadow:none; overflow:visible;
  clip-path:none; contain:none;
}
.flow-section[data-flow=play] .paths::before, .flow-section[data-flow=play] .paths::after { content:none; }
.flow-section[data-flow=play] .path[data-mode] {
  --mode-accent:#617761;
  position:relative; isolation:isolate; display:grid;
  grid-template-columns:minmax(0,1.16fr) minmax(0,.84fr);
  gap:8%; align-items:center;
  min-height:0; width:100%; margin:0; padding:0;
  border:0; background:none; box-shadow:none; animation:none;
  overflow:visible; clip-path:none; transform:none;
}
.flow-section[data-flow=play] .path[data-mode=ODYSSEY] { --mode-accent:#526f81; }
.flow-section[data-flow=play] .path[data-mode=FRONTLINE] { --mode-accent:#806b57; }
.flow-section[data-flow=play] .path[data-mode=MEK] { --mode-accent:#4e7679; }
.flow-section[data-flow=play] .path[data-mode]:nth-child(even) { grid-template-columns:minmax(0,.84fr) minmax(0,1.16fr); }
.path-rule {
  position:absolute; top:-28px; left:0; right:0; height:1px;
  background:color-mix(in srgb,var(--mode-accent) 23%,transparent);
  transform-origin:left; pointer-events:none;
}
.path-rule::before { content:''; position:absolute; width:32px; height:2px; top:-1px; background:var(--mode-accent); }
.path-rule::after { content:'+'; position:absolute; right:0; top:-6px; font:12px/1 var(--mono); color:var(--mode-accent); }
.flow-section[data-flow=play] .path[data-mode] figure { grid-column:1; grid-row:1; }
.flow-section[data-flow=play] .path[data-mode] .path-text { grid-column:2; grid-row:1; }
.flow-section[data-flow=play] .path[data-mode]:nth-child(even) figure { grid-column:2; }
.flow-section[data-flow=play] .path[data-mode]:nth-child(even) .path-text { grid-column:1; }
.flow-section[data-flow=play] .path-sketch {
  position:absolute; z-index:-1; pointer-events:none;
  width:510px; height:300px; right:-24px; top:47%;
  color:var(--mode-accent); opacity:.18;
}
.flow-section[data-flow=play] .path-sketch svg { width:100%; height:100%; display:block; }
.flow-section[data-flow=play] .path:nth-child(even) .path-sketch { left:-32px; right:auto; }
.flow-section[data-flow=play] .path[data-mode=MEK] .path-sketch { display:none; }
.flow-section[data-flow=play] .path[data-mode] figure {
  position:relative; display:block; min-width:0;
  width:100%; height:auto; min-height:0; margin:0;
  background:none; overflow:visible; clip-path:none; mask-image:none;
  border:0; box-shadow:none; transform:none;
}
.flow-section[data-flow=play] .path[data-mode] figure::before,
.flow-section[data-flow=play] .path[data-mode] figure::after { content:none; }
.flow-section[data-flow=play] .path[data-mode] figure > .path-main-image {
  display:block; position:static; width:100%; height:auto;
  min-height:0; max-width:100%; object-fit:contain;
  border:0; box-shadow:none; transform:none;
  clip-path:none; mask-image:none; mix-blend-mode:normal;
}
.flow-section[data-flow=play] .path[data-mode] figcaption {
  position:static; display:flex; justify-content:space-between; gap:12px;
  margin:0; padding:15px 0 0; border:0;
  background:none; color:#626f66;
  font-family:var(--en); font-size:10px; line-height:1.5; letter-spacing:1px;
}
.flow-section[data-flow=play] .path[data-mode] figcaption > span:first-child { font-family:var(--sans); letter-spacing:.7px; }
.flow-section[data-flow=play] .path[data-mode] .path-text {
  display:block; position:relative; min-width:0;
  padding:0 0 20px; overflow:visible; border:0; background:none;
}
.flow-section[data-flow=play] .path-text::before, .flow-section[data-flow=play] .path-text::after { content:none; }
.flow-section[data-flow=play] .path-no {
  display:flex; align-items:center; gap:16px;
  color:var(--mode-accent); font-size:11px; letter-spacing:2px;
  font-family:var(--en); font-weight:500;
}
.flow-section[data-flow=play] .path-no > span { font-family:var(--numbers); min-width:19px; font-size:14px; }
.flow-section[data-flow=play] .path-no > span::after { content:''; display:inline-block; width:18px; height:1px; margin-left:16px; vertical-align:middle; background:currentColor; }
.flow-section[data-flow=play] .path-text h3 {
  color:var(--chapter-ink); font-family:var(--sans);
  font-size:clamp(30px,3.6cqw,52px); font-weight:400;
  line-height:1.3; letter-spacing:2px; margin:26px 0 24px;
}
.flow-section[data-flow=play] .path-text > p:not(.path-no) {
  max-width:430px; margin:0; color:#56685e;
  font-family:var(--sans); font-size:16px; font-weight:400; line-height:1.95;
}
.flow-section[data-flow=play] .path-text ul { display:flex; flex-wrap:wrap; gap:10px 18px; margin:28px 0 0; }
.flow-section[data-flow=play] .path-text li {
  display:flex; align-items:center; gap:8px;
  padding:0; border:0; border-radius:0;
  color:#5e7064; background:none; font-size:11px; font-weight:400;
  line-height:1.6; letter-spacing:.4px;
}
.flow-section[data-flow=play] .path-text li::before { content:''; width:3px; height:3px; background:var(--mode-accent); }
.flow-section[data-flow=play] .industry-plate {
  position:relative; min-height:0; height:auto; overflow:visible;
  padding:22px 0 12px; border:0; box-shadow:none;
  background:radial-gradient(#7d97922a .7px,transparent 1px) 0 0/16px 16px;
}
.flow-section[data-flow=play] .industry-label { display:block; color:#527372; font-size:10px; letter-spacing:2px; }
.flow-section[data-flow=play] .industry-drawing { display:block; width:100%; height:auto; opacity:1; }
.flow-section[data-flow=play] .industry-flow {
  position:relative; display:grid; grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px; margin:0; padding:18px 0 0; border-top:1px solid #819b9540;
}
.flow-section[data-flow=play] .industry-flow::before { content:none; }
.flow-section[data-flow=play] .industry-flow > span { border:0; min-width:0; }
.flow-section[data-flow=play] .industry-flow > span::after { content:none; }
.flow-section[data-flow=play] .industry-flow small { font-size:10px; padding:0; background:none; color:#617569; }
.flow-section[data-flow=play] .industry-flow b { display:block; font:400 20px/1.5 var(--sans); letter-spacing:2px; margin:10px 0 6px; color:#43686b; }
.flow-section[data-flow=play] .industry-flow i { display:block; font:9px/1.5 var(--en); letter-spacing:.3px; color:#596e66; }
.flow-section[data-flow=play] > .chapter-continuation { margin-top:0; }
@media(max-width:1000px) {
  .flow-section[data-flow=play][data-atmosphere] > .page-head, .flow-section[data-flow=play] .path[data-mode] { column-gap:6%; }
  .flow-section[data-flow=play] .page-lead, .flow-section[data-flow=play] .path-text > p:not(.path-no) { font-size:15px; }
  .flow-section[data-flow=play] .paths { gap:90px; }
  .flow-section[data-flow=play] .path-sketch { width:370px; right:-20px; }
  .flow-section[data-flow=play] .path-text h3 { font-size:32px; }
}
@media(max-width:760px) {
  .flow-section[data-flow=play][data-atmosphere] > .page-head { grid-template-columns:1fr; gap:0; padding:76px 0 44px; }
  .flow-section[data-flow=play] .page-no { margin-bottom:22px; }
  .flow-section[data-flow=play] .page-title { font-size:44px; letter-spacing:2px; }
  .flow-section[data-flow=play] .page-en { font-size:10px; margin-top:15px; }
  .flow-section[data-flow=play] .page-lead { grid-column:1; grid-row:auto; max-width:480px; margin-top:26px; font-size:15px; }
  .flow-section[data-flow=play] .paths { gap:82px; padding-bottom:60px; }
  .flow-section[data-flow=play] .path[data-mode], .flow-section[data-flow=play] .path[data-mode]:nth-child(even) { grid-template-columns:1fr; gap:28px; }
  .flow-section[data-flow=play] .path[data-mode] figure, .flow-section[data-flow=play] .path[data-mode]:nth-child(even) figure { grid-column:1; grid-row:1; }
  .flow-section[data-flow=play] .path[data-mode] .path-text, .flow-section[data-flow=play] .path[data-mode]:nth-child(even) .path-text { grid-column:1; grid-row:2; padding-bottom:0; }
  .flow-section[data-flow=play] .path-text h3 { margin:18px 0; font-size:34px; }
  .flow-section[data-flow=play] .path-text > p:not(.path-no) { max-width:540px; font-size:15px; }
  .flow-section[data-flow=play] .path-no { font-size:10px; }
  .flow-section[data-flow=play] .path-text ul { margin-top:22px; }
  .flow-section[data-flow=play] .path-text li { font-size:11px; }
  .flow-section[data-flow=play] .path-sketch, .flow-section[data-flow=play] .path:nth-child(even) .path-sketch { width:100%; height:260px; top:auto; bottom:-22px; left:0; right:auto; opacity:.13; }
}
@media(max-width:420px) {
  .flow-section[data-flow=play][data-atmosphere] > .page-head, .flow-section[data-flow=play] .paths { width:calc(100% - 48px); }
  .flow-section[data-flow=play] .page-title { font-size:40px; }
  .flow-section[data-flow=play] .path-text h3 { font-size:32px; }
  .flow-section[data-flow=play] .path[data-mode] figcaption { font-size:8px; letter-spacing:.3px; }
  .flow-section[data-flow=play] .industry-flow { gap:8px; }
  .flow-section[data-flow=play] .industry-flow b { font-size:17px; letter-spacing:1px; }
  .flow-section[data-flow=play] .industry-flow i { font-size:8px; letter-spacing:0; }
}

/* Mainline palette and reading layouts; the approved home stays independent. */
.page:is([data-atmosphere=play],[data-atmosphere=world],[data-atmosphere=faq]) {
  --reading-paper:#f3f3ed; --reading-ink:#222620; --reading-line:#22262026;
  --section-signal:#e8e24b;
}
.flow-section[data-flow=play] {
  --chapter-surface:var(--reading-paper); --chapter-ink:var(--reading-ink); --chapter-accent:#656862;
  --section-signal:#e8e24b;
  background:var(--chapter-surface); background-image:none;
}
.flow-section[data-flow=play][data-atmosphere] > .page-head {
  grid-template-columns:240px minmax(0,1fr); gap:0 9%;
  padding:46px 0 38px; border:0;
}
.flow-section[data-flow=play] .section-mast {
  grid-column:1 / -1; display:flex; align-items:center; gap:3%;
  margin:0 0 42px; color:#181a18;
  font:800 clamp(76px,11.4cqw,164px)/.85 'Deuterium Sans',sans-serif;
  letter-spacing:-.065em; white-space:nowrap;
}
.flow-section[data-flow=play] .section-mast span { letter-spacing:-.16em; margin-right:1%; }
.flow-section[data-flow=play] .section-mast b { font:inherit; }
.flow-section[data-flow=play] .page-no { grid-column:1; grid-row:2; margin:0 0 14px; color:#6d7069; font-size:10px; }
.flow-section[data-flow=play] .page-no::before { background:#1b1c1b; }
.flow-section[data-flow=play] .page-title { grid-column:1; grid-row:3; font-size:34px; font-weight:600; letter-spacing:1px; }
.flow-section[data-flow=play] .page-en { grid-column:1; grid-row:4; margin-top:12px; font-size:9px; letter-spacing:1px; }
.flow-section[data-flow=play] .page-lead { grid-column:2; grid-row:3 / 5; max-width:660px; font-size:17px; color:#52564f; line-height:1.8; }
.flow-section[data-flow=play] .paths { width:100%; max-width:none; margin:0; gap:0; padding:0; }
.flow-section[data-flow=play] .path[data-mode] {
  grid-template-columns:minmax(0,1.22fr) minmax(0,.78fr); gap:7%; align-items:center;
  padding:72px max(7.8%,calc((100% - 1200px)/2)); background:var(--reading-paper);
}
.flow-section[data-flow=play] .path[data-mode]:nth-child(even) { grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr); background:#eceee7; }
.flow-section[data-flow=play] .path-rule { top:22px; left:max(7.8%,calc((100% - 1200px)/2)); right:max(7.8%,calc((100% - 1200px)/2)); background:#1c231d26; }
.flow-section[data-flow=play] .path-rule::before { width:54px; height:3px; background:var(--section-signal); }
.flow-section[data-flow=play] .path-rule::after { color:#747971; }
.flow-section[data-flow=play] .path[data-mode] figure { display:grid; grid-template-columns:minmax(0,1fr) 60px; align-items:stretch; gap:0; }
.flow-section[data-flow=play] .path[data-mode] figure > :is(.path-main-image,.industry-plate) { grid-column:1; grid-row:1; align-self:start; }
.flow-section[data-flow=play] .media-spine {
  grid-column:2; grid-row:1; display:flex; flex-direction:column; align-items:center;
  gap:20px; padding:20px 0 16px; overflow:hidden;
  background:var(--section-signal); color:#1b1c1b; transform-origin:top; contain:size;
}
.flow-section[data-flow=play] .media-spine b { writing-mode:vertical-rl; font:700 24px/1 var(--en); letter-spacing:-.5px; }
.flow-section[data-flow=play] .media-spine small { writing-mode:vertical-rl; margin-top:auto; font:9px/1 var(--mono); letter-spacing:1px; }
.flow-section[data-flow=play] .media-spine i { width:22px; height:24px; background:repeating-linear-gradient(90deg,#1b1c1b 0 1px,transparent 1px 3px,#1b1c1b 3px 5px,transparent 5px 7px); }
.flow-section[data-flow=play] .path[data-mode] figcaption { grid-column:1 / -1; grid-row:2; padding-top:12px; color:#686c65; font-size:9px; }
.flow-section[data-flow=play] .path[data-mode] .path-text { padding:24px 0 0; border-top:2px solid var(--reading-ink); }
.flow-section[data-flow=play] .path-no { font-size:10px; letter-spacing:1px; color:#656b62; }
.flow-section[data-flow=play] .path-no > span { color:#1b1c1b; font-size:12px; }
.flow-section[data-flow=play] .path-text h3 { margin:22px 0 24px; font-size:clamp(32px,3.9cqw,56px); font-weight:500; letter-spacing:1px; }
.flow-section[data-flow=play] .path-text > p:not(.path-no) { font-size:16px; line-height:1.85; color:#4c544b; }
.flow-section[data-flow=play] .path-text ul { display:block; margin-top:28px; counter-reset:feature; border-top:1px solid var(--reading-line); }
.flow-section[data-flow=play] .path-text li { display:grid; grid-template-columns:24px minmax(0,1fr); gap:14px; padding:12px 0; border-bottom:1px solid var(--reading-line); font-size:13px; color:#3b4437; counter-increment:feature; }
.flow-section[data-flow=play] .path-text li::before { content:counter(feature,decimal-leading-zero); width:auto; height:auto; background:none; font:10px/1.6 var(--mono); color:#797e6d; }
.flow-section[data-flow=play] .path-sketch { opacity:.1; }
.flow-section[data-flow=play] .industry-plate { padding:24px 18px 16px; background-color:#eceee7; background-size:20px 20px; }
.flow-section[data-flow=play] .industry-drawing { filter:none; }
.flow-section[data-flow=play] .industry-label { color:#3d4c40; font-size:9px; letter-spacing:1px; }
.flow-section[data-flow=play] .industry-flow { gap:8px; }
.flow-section[data-flow=play] .industry-flow b { font-size:18px; color:#2c3c31; letter-spacing:1px; }
.flow-section[data-flow=play] .industry-flow i { font-size:8px; }
.flow-section[data-flow=play] .path-process { grid-column:1 / -1; grid-row:2; display:grid; grid-template-columns:repeat(4,1fr); gap:20px; padding:23px 0 10px; counter-reset:process; }
.flow-section[data-flow=play] .path-process span { position:relative; padding:15px 0 0; border-top:1px solid #59635050; font-size:13px; color:#444d3d; counter-increment:process; }
.flow-section[data-flow=play] .path-process span::before { content:counter(process,decimal-leading-zero); display:block; font:9px/1 var(--mono); color:#727969; margin-bottom:8px; }
.flow-section[data-flow=play] .path-process span::after { content:''; position:absolute; top:-2px; left:0; width:4px; height:4px; background:#717953; }
.flow-section[data-flow=play] .path[data-mode=MEK] figcaption { grid-row:3; }
.flow-section[data-flow=play] > .chapter-continuation { min-height:128px; background:#e8e24b; border:0; }
.flow-section[data-flow=play] > .chapter-continuation :is(b,small,svg) { color:#20251f; }

html[data-page=world]:not(.menu-visible) { background:#14171b; }
.page[data-atmosphere=world] { --chapter-surface:var(--reading-paper); --chapter-ink:var(--reading-ink); --chapter-accent:#656862; background:var(--reading-paper); }
html[data-page=world].lore-reading:not(.menu-visible) { background:#f3f3ed; color-scheme:light; }
html[data-page=world].lore-reading .topline { background:#ecece7; color:#222620; border-color:#22262020; }
html[data-page=world].lore-reading .floating-menu { color:#222620; }
.page[data-atmosphere=world] > .page-head.lore-stage {
  display:block; position:relative; min-height:max(740px,calc(100svh - var(--header-height)));
  padding:54px max(7.8%,calc((100% - 1200px)/2)); overflow:hidden; isolation:isolate;
  background:radial-gradient(ellipse at 25% 45%,#2d394880,transparent 65%),#14171b;
  border-bottom:1px solid #ccd6df25;
}
.page[data-atmosphere=world] .lore-stage::before { content:''; position:absolute; z-index:-1; top:40%; left:0; right:0; height:1px; background:#dbe2eb20; }
.page[data-atmosphere=world] .lore-stage > .page-no { color:#b6bec8; margin-bottom:16px; }
.page[data-atmosphere=world] .lore-stage > .page-no::before { background:#e8e24b; }
.page[data-atmosphere=world] .lore-stage > .page-title { color:#f3f3ec; font-size:32px; letter-spacing:1px; font-weight:500; }
.page[data-atmosphere=world] .lore-stage > .page-en { color:#aab4c0; margin-top:12px; font-size:9px; letter-spacing:1px; }
.page[data-atmosphere=world] .lore-model { position:absolute; z-index:0; left:2%; top:15%; width:64%; height:72%; max-width:980px; pointer-events:none; }
.page[data-atmosphere=world] .lore-reticle { position:absolute; inset:0; width:100%; height:100%; fill:none; stroke:#a7b2c55b; stroke-width:.65; }
.page[data-atmosphere=world] .reticle-ticks { stroke-width:7; stroke-dasharray:1 15; }
.page[data-atmosphere=world] .reticle-arcs { stroke-width:6; stroke-dasharray:75 355; transform:rotate(-20deg); transform-origin:center; }
.page[data-atmosphere=world] .reticle-signal { stroke:#e8e24b; stroke-width:3; }
.page[data-atmosphere=world] .lore-model-source,.page[data-atmosphere=world] .lore-cloud { position:absolute; left:0; top:15%; width:100%; height:72%; object-fit:contain; }
.page[data-atmosphere=world] .lore-model-source { filter:grayscale(1) invert(1); mix-blend-mode:screen; opacity:.8; }
.page[data-atmosphere=world] .lore-cloud { opacity:0; transition:opacity .4s; }
.page[data-atmosphere=world] .lore-model.ready .lore-model-source { visibility:hidden; }
.page[data-atmosphere=world] .lore-model.ready .lore-cloud { opacity:1; }
.page[data-atmosphere=world] .lore-model-label { position:absolute; bottom:0; left:18%; font:8px/1.6 var(--mono); letter-spacing:1.4px; color:#a7b2c5; }
.page[data-atmosphere=world] .lore-heading { position:absolute; z-index:1; top:27%; left:56%; right:7.8%; }
.page[data-atmosphere=world] .lore-heading > span { display:block; font:400 clamp(32px,4.3cqw,70px)/1.1 var(--en); letter-spacing:-1.5px; white-space:nowrap; color:#f2f2ed; }
.page[data-atmosphere=world] .lore-heading b { display:block; font:500 29px/1.4 var(--sans); letter-spacing:2px; margin-top:23px; }
.page[data-atmosphere=world] .lore-heading small { display:block; padding-top:17px; margin-top:18px; border-top:1px solid #b8c0cf4a; font:9px/1.6 var(--mono); letter-spacing:1px; color:#b2bdca; }
.page[data-atmosphere=world] .lore-stage > .page-lead { position:absolute; z-index:1; top:53%; left:56%; right:7.8%; max-width:480px; margin:0; color:#b6c0cb; font-size:16px; line-height:1.95; }
.page[data-atmosphere=world] .lore-read { position:absolute; z-index:1; bottom:9%; left:56%; display:flex; gap:32px; align-items:center; min-height:48px; padding:0 0 6px; border-bottom:1px solid #c0c6cf60; color:#e8e24b; font-size:12px; }
.page[data-atmosphere=world] .lore-read svg { width:16px; height:16px; transform:rotate(90deg); }
.page[data-atmosphere=world] .lore-read:hover svg { translate:0 4px; }
.page[data-atmosphere=world] .archive-intro { display:grid; grid-template-columns:1.2fr .8fr; column-gap:8%; padding:76px 0 0; }
.page[data-atmosphere=world] .archive-intro > p { grid-column:1; font:10px/1.6 var(--en); letter-spacing:2px; color:#7b816c; margin-bottom:22px; }
.page[data-atmosphere=world] .archive-intro h2 { grid-column:1; font:500 clamp(36px,4.8cqw,64px)/1.2 var(--sans); letter-spacing:2px; color:var(--reading-ink); }
.page[data-atmosphere=world] .archive-intro > span { grid-column:2; grid-row:2; align-self:end; font-size:17px; line-height:1.8; color:#5c6554; max-width:360px; }
.page[data-atmosphere=world] > .sketch { margin-top:38px; background:none; }
.page[data-atmosphere=world] > .sketch figcaption { color:#707961; border-color:var(--reading-line); background:none; }
.page[data-atmosphere=world] .archive-records { display:grid; grid-template-columns:220px minmax(0,1fr); gap:8%; margin-top:64px; scroll-margin-top:calc(var(--header-height) + 24px); }
.page[data-atmosphere=world] .archive-index { position:sticky; top:calc(var(--header-height) + 24px); align-self:start; padding-top:25px; border-top:2px solid var(--reading-ink); }
.page[data-atmosphere=world] .archive-index > p { font:9px/1.7 var(--en); letter-spacing:1.8px; color:#727b64; margin-bottom:21px; }
.page[data-atmosphere=world] .archive-index ol { list-style:none; }
.page[data-atmosphere=world] .archive-index a { display:grid; grid-template-columns:22px 1fr; gap:14px; align-items:center; min-height:49px; padding:8px 0; border-bottom:1px solid var(--reading-line); font-size:13px; color:#4b5542; transition:color .25s; }
.page[data-atmosphere=world] .archive-index a span { font:11px/1.5 var(--numbers); color:#7c826b; }
.page[data-atmosphere=world] .archive-index a:hover { color:#101b0e; }
.page[data-atmosphere=world] .archive-index > small { display:block; margin-top:25px; font:8px/1.9 var(--mono); letter-spacing:1px; color:#858c77; }
.page[data-atmosphere=world] .archive-records .chapters { margin:0; border-top:2px solid var(--reading-ink); }
.page[data-atmosphere=world] .archive-records .chapter { grid-template-columns:44px minmax(0,1fr); gap:15px 24px; padding:38px 0; border-color:var(--reading-line); scroll-margin-top:calc(var(--header-height) + 24px); }
.page[data-atmosphere=world] .chapter-no { color:#858e68; font-size:23px; }
.page[data-atmosphere=world] .chapter h3 { color:var(--reading-ink); font-size:31px; font-weight:500; }
.page[data-atmosphere=world] .chapter-meta { color:#7b826e; font-size:9px; margin-top:12px; }
.page[data-atmosphere=world] .archive-records .chapter > p:last-child { grid-column:2; color:#58634e; font-size:17px; line-height:1.95; }
.page[data-atmosphere=world] .quote { background:#232722; border-block:1px solid #b8c5d826; margin:64px 0; }
.page[data-atmosphere=world] .quote p { color:#f0f2eb; }
.page[data-atmosphere=world] .world-terms { min-width:0; border-top:2px solid var(--reading-ink); padding-top:24px; }
.page[data-atmosphere=world] .glossary-heading small { display:block; font:9px/1.6 var(--en); letter-spacing:1.6px; color:#778368; }
.page[data-atmosphere=world] .glossary-heading h3 { margin:22px 0 28px; color:var(--reading-ink); font-size:34px; font-weight:500; }
.page[data-atmosphere=world] .glossary > div { display:grid; grid-template-columns:140px minmax(0,1fr); gap:20px; padding:23px 0; border-color:var(--reading-line); }
.page[data-atmosphere=world] .glossary dt { color:var(--reading-ink); font-size:19px; margin:0; }
.page[data-atmosphere=world] .glossary dd { color:#5b6552; font-size:15px; line-height:1.85; }
.page[data-atmosphere=world] .fine { margin:34px auto 56px; color:#767e68; }
.page[data-atmosphere=world] > .chapter-continuation { background:#e8e24b; border:0; color:var(--reading-ink); }
.page[data-atmosphere=world] > .chapter-continuation :is(b,small,svg) { color:var(--reading-ink); }

.page[data-atmosphere=faq] { --chapter-surface:var(--reading-paper); --chapter-ink:var(--reading-ink); --chapter-accent:#697157; --chapter-rule:var(--reading-line); background:var(--reading-paper); }
/* Restore the cafe masthead while keeping the shared paper reading surface. */
.page.flow-section[data-atmosphere=faq] > .page-head {
  display:block; padding:65px max(7.8%,calc((100% - 1200px)/2)) 45px;
  background:linear-gradient(105deg,#f4f5eecc,transparent 75%); border-color:var(--reading-line);
}
.page[data-atmosphere=faq] > .page-head .page-scene { display:block; }
.page[data-atmosphere=faq] > .page-head .page-scene img { opacity:.63; object-position:58% 48%; }
.page[data-atmosphere=faq] > .page-head .page-scene > span { display:block; }
.page.flow-section[data-atmosphere=faq] .page-title { color:#233139; font-weight:700; }
.page[data-atmosphere=faq] .page-no,.page[data-atmosphere=faq] .page-en { color:#82795e; }
.page[data-atmosphere=faq] .page-no::before { background:#82795e; }
.page.flow-section[data-atmosphere=faq] .page-lead { max-width:720px; margin-top:28px; color:#506167; }
.page[data-atmosphere=faq] .faq details { border-color:var(--reading-line); }
.faq-scroll-frame { display:flow-root; }
.page[data-atmosphere=faq] { --chapter-accent:#798892; }
.page[data-atmosphere=faq] .faq details[open] { background:transparent; }
.page[data-atmosphere=faq] .faq details[open]:not(.is-closing) summary { font-weight:650; }
.page[data-atmosphere=faq] .faq .faq-answer { position:relative; }
.page[data-atmosphere=faq] .faq .faq-answer::before { content:''; position:absolute; top:4px; bottom:26px; left:0; width:1px; background:#79889266; }
.page[data-atmosphere=faq] .faq details.is-closing { background:transparent; }
.page[data-atmosphere=faq] .faq summary { color:var(--reading-ink); }
.page[data-atmosphere=faq] .faq summary::before { content:counter(help-item,decimal-leading-zero); color:#798791; font-family:var(--mono); }
.page[data-atmosphere=faq] .faq summary svg { color:#5d6d77; }
.page[data-atmosphere=faq] .faq .faq-answer p { color:#56626b; }
.page[data-atmosphere=faq] .faq-answer a { color:#405664; text-decoration-color:#98a7b0; }
.page[data-atmosphere=faq] .faq-arrival { border-color:var(--reading-line); }
.page[data-atmosphere=faq] .faq-arrival p { color:var(--reading-ink); }
.page[data-atmosphere=faq] .faq-guide-media { background:#e9ece2; }
.page[data-atmosphere=faq] .faq-guide-media img { filter:grayscale(1); }
.page[data-atmosphere=faq] .faq-guide-media figcaption,.page[data-atmosphere=faq] .faq-resource { color:#69735a; }

@media(max-width:1000px) {
  .flow-section[data-flow=play][data-atmosphere] > .page-head { grid-template-columns:200px minmax(0,1fr); gap:0 5%; }
  .flow-section[data-flow=play] .path[data-mode],.flow-section[data-flow=play] .path[data-mode]:nth-child(even) { column-gap:5%; }
  .flow-section[data-flow=play] .path[data-mode] figure { grid-template-columns:minmax(0,1fr) 40px; }
  .flow-section[data-flow=play] .media-spine b { font-size:19px; }
  .flow-section[data-flow=play] .path-text h3 { font-size:30px; }
  .page[data-atmosphere=world] .lore-heading,.page[data-atmosphere=world] .lore-stage > .page-lead,.page[data-atmosphere=world] .lore-read { left:53%; }
  .page[data-atmosphere=world] .lore-heading > span { font-size:38px; }
  .page[data-atmosphere=world] .lore-stage > .page-lead { font-size:15px; }
  .page[data-atmosphere=world] .chapter { grid-template-columns:48px 190px minmax(0,1fr); gap:24px; }
  .page[data-atmosphere=world] .archive-records { grid-template-columns:180px minmax(0,1fr); gap:6%; }
  .page[data-atmosphere=world] .glossary > div { grid-template-columns:1fr; gap:12px; }
}
@media(max-width:760px) {
  .page.flow-section[data-atmosphere=faq] > .page-head { padding:76px 7.8% 42px; }
  .page.flow-section[data-atmosphere=faq] .page-lead { margin-top:26px; }
  .flow-section[data-flow=play][data-atmosphere] > .page-head { grid-template-columns:1fr; gap:0; padding:68px 0 38px; }
  .flow-section[data-flow=play] .section-mast { font-size:clamp(39px,10.8cqw,72px); margin-bottom:36px; gap:4%; }
  .flow-section[data-flow=play] .page-title { font-size:30px; }
  .flow-section[data-flow=play] .page-lead { grid-column:1; grid-row:5; margin-top:24px; font-size:15px; }
  .flow-section[data-flow=play] .paths { gap:0; padding:0; }
  .flow-section[data-flow=play] .path[data-mode],.flow-section[data-flow=play] .path[data-mode]:nth-child(even) { grid-template-columns:1fr; gap:25px; padding:55px 7.8%; }
  .flow-section[data-flow=play] .path[data-mode] figure { grid-template-columns:minmax(0,1fr) 34px; }
  .flow-section[data-flow=play] .media-spine { padding:12px 0; gap:10px; }
  .flow-section[data-flow=play] .media-spine b { font-size:16px; }
  .flow-section[data-flow=play] .media-spine small { font-size:6px; letter-spacing:.5px; }
  .flow-section[data-flow=play] .media-spine i { width:14px; height:17px; }
  .flow-section[data-flow=play] .media-spine :is(small,i) { display:none; }
  .flow-section[data-flow=play] .path-text h3 { font-size:32px; margin:18px 0; }
  .flow-section[data-flow=play] .path-text > p:not(.path-no) { font-size:15px; }
  .flow-section[data-flow=play] .path[data-mode] .path-text { padding-top:20px; }
  .flow-section[data-flow=play] .path-text ul { margin-top:24px; }
  .flow-section[data-flow=play] .path-text li { padding:11px 0; font-size:12px; }
  .flow-section[data-flow=play] .path-rule { left:7.8%; right:7.8%; }
  .flow-section[data-flow=play] .path-process { gap:12px; padding-top:18px; }
  .flow-section[data-flow=play] .path-process span { font-size:11px; }
  .flow-section[data-flow=play] .industry-plate { padding:17px 10px; }
  .flow-section[data-flow=play] .industry-flow { grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
  .flow-section[data-flow=play] .industry-flow b { margin:3px 0; font-size:16px; }
  .flow-section[data-flow=play] > .chapter-continuation { min-height:108px; }
  .page[data-atmosphere=world] > .page-head.lore-stage { display:grid; grid-template-columns:1fr; gap:0; min-height:0; padding:76px 7.8% 42px; }
  .page[data-atmosphere=world] .lore-stage > .page-no { grid-column:1; grid-row:1; }
  .page[data-atmosphere=world] .lore-stage > .page-title { grid-column:1; grid-row:2; }
  .page[data-atmosphere=world] .lore-stage > .page-en { grid-column:1; grid-row:3; }
  .page[data-atmosphere=world] .lore-model { position:relative; grid-column:1; grid-row:4; left:auto; top:auto; width:100%; height:clamp(230px,72cqw,380px); margin:24px 0; }
  .page[data-atmosphere=world] .lore-model-label { left:12%; bottom:3%; font-size:6px; }
  .page[data-atmosphere=world] .lore-heading { position:relative; grid-column:1; grid-row:5; top:auto; left:auto; right:auto; }
  .page[data-atmosphere=world] .lore-heading > span { font-size:clamp(35px,9cqw,56px); }
  .page[data-atmosphere=world] .lore-heading b { font-size:25px; margin-top:13px; }
  .page[data-atmosphere=world] .lore-heading small { margin-top:12px; padding-top:10px; font-size:8px; }
  .page[data-atmosphere=world] .lore-stage > .page-lead { position:relative; grid-column:1; grid-row:6; top:auto; left:auto; right:auto; margin-top:24px; font-size:14px; line-height:1.85; }
  .page[data-atmosphere=world] .lore-read { position:relative; grid-column:1; grid-row:7; justify-self:start; left:auto; bottom:auto; margin-top:20px; min-height:44px; font-size:11px; }
  .page[data-atmosphere=world] > .sketch { margin-top:36px; }
  .page[data-atmosphere=world] .chapter { grid-template-columns:32px minmax(0,1fr); gap:16px; padding:30px 0; }
  .page[data-atmosphere=world] .chapter > p:last-child { grid-column:2; }
  .page[data-atmosphere=world] .chapter h3 { font-size:23px; }
  .page[data-atmosphere=world] .chapter-no { font-size:26px; }
  .page[data-atmosphere=world] .archive-intro { grid-template-columns:1fr; gap:0; padding-top:46px; }
  .page[data-atmosphere=world] .archive-intro > span { grid-column:1; grid-row:3; margin-top:22px; font-size:15px; }
  .page[data-atmosphere=world] .archive-records { grid-template-columns:1fr; gap:34px; margin-top:36px; }
  .page[data-atmosphere=world] .archive-index { position:static; }
  .page[data-atmosphere=world] .archive-index ol { display:grid; grid-template-columns:1fr 1fr; gap:0 20px; }
  .page[data-atmosphere=world] .archive-index a { font-size:12px; gap:8px; min-height:44px; }
  .page[data-atmosphere=world] .archive-index > small { display:none; }
  .page[data-atmosphere=world] .archive-records .chapter { grid-template-columns:28px minmax(0,1fr); gap:16px; padding:28px 0; }
  .page[data-atmosphere=world] .archive-records .chapter > p:last-child { font-size:15px; }
  .page[data-atmosphere=world] .quote { margin-block:42px; }
}
@media(max-width:420px) {
  .page.flow-section[data-atmosphere=faq] > .page-head { padding-inline:24px; }
  .page[data-atmosphere=world] > .page-head.lore-stage { padding-inline:24px; }
  .flow-section[data-flow=play] .path[data-mode],.flow-section[data-flow=play] .path[data-mode]:nth-child(even) { padding-inline:24px; }
  .flow-section[data-flow=play] .path-rule { left:24px; right:24px; }
}
@media(prefers-reduced-motion:reduce) { .page[data-atmosphere=world] .lore-cloud { transition:none; } }

/* Lore cover only: the reference layout with local pointcloud models. */
.page[data-atmosphere=world] > .page-head.lore-stage.lore-replica {
  display:block; position:relative; height:calc(100svh - var(--header-height)); min-height:740px;
  padding:0; overflow:hidden; isolation:isolate;
  --lore-center-x:40%; --lore-center-y:49%;
  background:radial-gradient(ellipse at 3% 7%,#30496c8c,transparent 51%),radial-gradient(ellipse at 71% -12%,#62543235,transparent 36%),radial-gradient(ellipse at 105% 98%,#2334484f,transparent 39%),linear-gradient(145deg,#181a23,#101115 69%,#090b0e);
  border:0;
}
.page[data-atmosphere=world] .lore-replica::before { display:none; }
.lore-replica .lore-blueprint { position:absolute; inset:0; z-index:1; pointer-events:none; }
.lore-replica .lore-blueprint::before { content:''; position:absolute; left:0; right:0; top:32.5%; height:1px; background:#d4d7e52e; }
.lore-replica .lore-blueprint i { position:absolute; top:0; bottom:0; width:1px; background:#d4d7e525; }
.lore-replica .lore-blueprint i:nth-child(1) { left:2.1%; }
.lore-replica .lore-blueprint i:nth-child(2) { left:18.2%; }
.lore-replica .lore-blueprint i:nth-child(3) { right:1.5%; }
.page[data-atmosphere=world] .lore-replica .lore-reticle-frame { position:absolute; z-index:1; left:var(--lore-center-x); top:var(--lore-center-y); height:81%; aspect-ratio:1; transform:translate(-50%,-50%); pointer-events:none; opacity:0; }
.lore-replica .lore-reticle-reveal { width:100%; height:100%; transform-origin:50% 50%; }
.lore-replica .lore-ambient-dust { position:absolute; z-index:0; inset:0; width:100%; height:100%; pointer-events:none; }
.page[data-atmosphere=world] .lore-replica .lore-reticle { position:static; display:block; width:100%; height:100%; transform-origin:50% 50%; }
.lore-replica .lore-viewport { position:absolute; z-index:0; inset:0; touch-action:pan-y; cursor:grab; mask-image:linear-gradient(to right,#000 0 61%,#000b 66%,transparent 76%); }
.lore-replica .lore-viewport.dragging { cursor:grabbing; }
.page[data-atmosphere=world] .lore-replica .lore-cloud { position:absolute; inset:0; width:100%; height:100%; opacity:1; transition:none; pointer-events:none; }
.lore-replica .lore-render-status { position:absolute; top:52%; left:39%; transform:translate(-50%,-50%); font:11px var(--mono); color:#959da9; letter-spacing:2px; }
.lore-replica .lore-render-status[hidden] { display:none; }
.page[data-atmosphere=world] .lore-replica .lore-caption { position:absolute; z-index:3; top:8%; left:6%; width:19%; }
.page[data-atmosphere=world] .lore-replica .lore-caption .page-no { color:#9ca4af; margin:0 0 10px; font-size:8px; letter-spacing:1.8px; }
.page[data-atmosphere=world] .lore-replica .lore-caption .page-no::before { display:none; }
.lore-replica .lore-caption-en { display:flex; align-items:center; gap:5px; color:#f2f2ed; font:400 19px/1.1 var(--en); }
.lore-replica .lore-caption-en > span { width:52px; height:18px; text-align:right; padding-right:4px; background:#dadbd8; color:#22252b; font:20px/.9 var(--en); }
.page[data-atmosphere=world] .lore-replica .lore-caption .page-title { margin-top:6px; color:#f6f6f0; font-size:25px; font-weight:600; letter-spacing:0; line-height:1.25; overflow:visible; }
.page[data-atmosphere=world] .lore-replica .lore-caption .page-en { margin-top:9px; color:#a8aeb8; font-size:7px; line-height:1.6; letter-spacing:.7px; }
.lore-replica .lore-symbol { position:relative; margin-top:43px; padding-top:22px; display:flex; gap:11px; align-items:stretch; }
.lore-replica .lore-pixel-grid { position:absolute; top:0; left:0; width:43px; height:14px; display:grid; grid-template-columns:repeat(6,1fr); gap:2px; }
.lore-replica .lore-pixel-grid i { background:#bdc4cc; }
.lore-replica .lore-symbol > i { width:6px; flex:none; background:linear-gradient(#cc46cf 0 20%,#50d7d2 20% 35%,#cbea45 35% 72%,#b7b72c00); }
.lore-replica .lore-symbol > svg { width:92px; height:88px; padding:10px; background:#89909d59; color:#f8f8f6; fill:currentColor; stroke:none; }
.lore-replica :is(.lore-badge-void,.lore-badge-helena,.lore-badge-echo,.lore-badge-leviathan) { display:none; }
.lore-replica[data-lore-index="1"] .lore-badge-void { display:block; }
.lore-replica[data-lore-index="2"] .lore-badge-helena { display:block; }
.lore-replica[data-lore-index="3"] .lore-badge-echo { display:block; }
.lore-replica[data-lore-index="4"] .lore-badge-leviathan { display:block; }
.lore-replica[data-lore-index]:not([data-lore-index="0"]) .lore-badge-future { display:none; }
.page[data-atmosphere=world] .lore-replica .lore-effect-state { position:absolute; z-index:3; top:auto; left:6%; right:auto; bottom:11%; width:auto; height:auto; margin:0; font:11px var(--sans); letter-spacing:4px; color:#d7d8cb; }
.lore-replica :is(.lore-effect-state,.lore-replay)[hidden] { display:none; }
.page[data-atmosphere=world] .lore-replica .lore-detail { position:absolute; z-index:3; top:25.5%; left:71%; right:4.8%; }
.lore-replica .lore-detail-heading { text-align:right; min-width:0; }
.lore-replica .lore-codename { display:block; text-align:right; color:#f3f3ee; font:250 clamp(34px,4.5cqw,72px)/1.05 'Deuterium Sans',sans-serif; letter-spacing:-2px; white-space:nowrap; }
.lore-replica:is([data-lore-index="1"],[data-lore-index="3"],[data-lore-index="4"]) .lore-codename { font-size:clamp(30px,3.9cqw,62px); }
.lore-replica .lore-detail-heading small { display:block; margin-top:7px; color:#f3f3ee; font:500 13px/1.3 var(--en); letter-spacing:-.1px; }
.lore-replica .lore-selector { display:flex; align-items:center; justify-content:space-between; gap:8px; height:54px; padding:4px; margin-top:50px; border:1px solid #eeeeee45; border-radius:30px; background:repeating-linear-gradient(130deg,#c4c7cf13 0 2px,transparent 2px 5px),#090b0c; box-shadow:inset 0 0 0 2px #050606; }
.lore-replica .lore-selector > button { display:grid; place-items:center; width:44px; height:44px; flex:none; padding:0; color:#30343b; background:#f5f5f4; border:2px solid #ddd; border-radius:50%; transition:background .2s,color .2s; }
.lore-replica .lore-selector > button:hover { background:#e8e24b; border-color:#e8e24b; color:#15181b; }
.lore-replica .lore-selector svg { width:19px; height:19px; fill:none; stroke-width:2.5; }
.lore-replica .lore-selector > div { display:flex; gap:10px; align-items:center; justify-content:center; min-width:0; }
.lore-replica .lore-counter { font:700 9px var(--en); color:#e8e24b; white-space:nowrap; }
.lore-replica .lore-name { font:500 21px/1.3 var(--sans); color:#f0f1ea; white-space:nowrap; }
.lore-replica .lore-pagination { display:flex; justify-content:center; gap:4px; width:max(100%,236px); margin:8px auto 14px; }
.lore-replica .lore-pagination button { position:relative; height:44px; min-width:44px; flex:1; padding:20px 0; }
.lore-replica .lore-pagination i { display:block; height:3px; background:#8d939042; transition:background .3s,box-shadow .3s; }
.lore-replica .lore-pagination button[aria-pressed=true] i { background:#e8e24b; box-shadow:0 0 7px 2px #e8e24b65; }
.lore-replica .lore-description { font-size:15px; font-weight:400; line-height:1.85; color:#9da1a3; margin:0 8px; min-height:110px; }
.lore-replica .lore-replay { display:block; min-height:44px; margin:24px 8px 0; padding:5px 0; border-bottom:1px solid #a2a8b04a; font:10px var(--sans); color:#b9bec4; }
.lore-replica .lore-replay:hover { color:#e8e24b; border-color:#e8e24b; }
.page[data-atmosphere=world] .lore-replica .lore-read { position:absolute; bottom:5%; top:auto; left:71%; margin:0 8px; min-height:32px; color:#a4abb2; border-color:#a4abb238; font-size:10px; gap:20px; }
.lore-replica :is(button,a):focus-visible { outline:2px solid #e8e24b; outline-offset:5px; }
.lore-replica :is(.lore-selector button,.lore-pagination button,.lore-replay) { cursor:pointer; }
@media(max-width:1100px) and (min-width:761px) {
  .page[data-atmosphere=world] .lore-replica .lore-caption { left:5%; }
  .page[data-atmosphere=world] .lore-replica .lore-caption .page-title { font-size:21px; }
  .page[data-atmosphere=world] .lore-replica .lore-detail { left:66%; right:4%; }
  .lore-replica .lore-codename { font-size:clamp(30px,4.2cqw,48px); }
  .lore-replica .lore-description { font-size:14px; }
  .page[data-atmosphere=world] .lore-replica .lore-read { left:66%; }
}
@media(max-width:760px) {
  .page[data-atmosphere=world] > .page-head.lore-stage.lore-replica { height:auto; min-height:1080px; padding:0; --lore-center-x:50%; --lore-center-y:365px; }
  .page[data-atmosphere=world] .lore-replica .lore-caption { top:68px; left:24px; right:24px; width:auto; }
  .page[data-atmosphere=world] .lore-replica .lore-caption .page-title { font-size:25px; }
  .lore-replica .lore-caption .page-en { max-width:200px; }
  .lore-replica .lore-symbol { position:absolute; right:0; top:25px; padding:0; margin:0; gap:7px; }
  .lore-replica .lore-symbol > svg { width:49px; height:49px; padding:7px; }
  .lore-replica .lore-symbol > i { width:4px; }
  .lore-replica .lore-pixel-grid { display:none; }
  .lore-replica .lore-blueprint::before { top:43%; }
  .lore-replica .lore-blueprint i:nth-child(1) { left:12px; }
  .lore-replica .lore-blueprint i:nth-child(2) { left:calc(100% - 12px); }
  .lore-replica .lore-blueprint i:nth-child(3) { display:none; }
  .page[data-atmosphere=world] .lore-replica .lore-reticle-frame { height:auto; width:min(91%,410px); }
  .lore-replica .lore-viewport { top:152px; height:450px; bottom:auto; mask-image:linear-gradient(to bottom,transparent,#000 6% 91%,transparent); }
  .page[data-atmosphere=world] .lore-replica .lore-effect-state { top:578px; bottom:auto; left:24px; margin:0; font-size:10px; }
  .page[data-atmosphere=world] .lore-replica .lore-detail { top:615px; left:24px; right:24px; }
  .lore-replica .lore-codename { font-size:clamp(35px,9cqw,56px); letter-spacing:-1.5px; }
  .lore-replica .lore-detail-heading small { font-size:11px; }
  .lore-replica .lore-selector { margin-top:25px; }
  .lore-replica .lore-description { min-height:0; font-size:14px; line-height:1.8; }
  .lore-replica .lore-replay { margin-top:13px; }
  .page[data-atmosphere=world] .lore-replica .lore-read { left:24px; bottom:19px; margin:0 8px; }
}
@media(max-width:360px) {
  .page[data-atmosphere=world] > .page-head.lore-stage.lore-replica { min-height:1080px; }
  .lore-replica .lore-description { font-size:14px; }
}

/* Staggered gameplay spreads, with an independent gallery in each chapter. */
.flow-section[data-flow=play] .path-spread[data-mode] {
  display:grid; grid-template-columns:minmax(125px,.24fr) minmax(0,1fr); gap:0 5%;
  align-items:start; padding:28px 0 100px; width:84.4%; max-width:none;
  margin:0 auto; background:none;
}
.flow-section[data-flow=play] .path-spread[data-mode]:nth-child(even) {
  grid-template-columns:minmax(0,1fr) minmax(125px,.24fr); background:none;
}
.flow-section[data-flow=play] .path-spread[data-mode=ODYSSEY] { width:86.4%; margin-left:6.8%; padding-top:30px; }
.flow-section[data-flow=play] .path-spread[data-mode=FRONTLINE] { width:80.4%; margin-left:11.8%; padding-top:30px; }
.flow-section[data-flow=play] .path-spread[data-mode=MEK] { width:86.4%; margin-left:6.8%; padding-top:30px; }
.flow-section[data-flow=play] .path-spread .path-rule { display:none; }
.flow-section[data-flow=play] .path-spread .path-index { grid-column:1; grid-row:1 / 3; min-width:0; position:relative; align-self:stretch; padding:3px 0 100px; }
.flow-section[data-flow=play] .path-spread:nth-child(even) .path-index { grid-column:2; }
.flow-section[data-flow=play] .path-spread .path-brand { display:block; font:5px/1.5 var(--en); letter-spacing:.6px; color:#888d87; }
.flow-section[data-flow=play] .path-index-label { display:flex; align-items:center; gap:4px; font:400 clamp(12px,1.55cqw,21px)/1 var(--en); color:#262c28; margin:5px 0 14px; white-space:nowrap; }
.flow-section[data-flow=play] .path-index-label > span { background:#d7dad4; padding:1px 4px 1px 24px; font-size:20px; line-height:.7; }
.flow-section[data-flow=play] .path-spread .path-no { gap:10px; font-size:8px; letter-spacing:.6px; color:#777d71; }
.flow-section[data-flow=play] .path-spread .path-no > span { font-size:9px; min-width:0; }
.flow-section[data-flow=play] .path-spread .path-no > span::after { display:none; }
.flow-section[data-flow=play] .path-index h3 { font:600 clamp(19px,2cqw,27px)/1.35 var(--sans); letter-spacing:.5px; margin:10px 0 24px; }
.flow-section[data-flow=play] .path-registration { display:flex; gap:9px; position:relative; margin-top:28px; padding-top:15px; }
.flow-section[data-flow=play] .path-registration::before { content:''; position:absolute; top:0; left:0; width:41px; height:9px; background:repeating-linear-gradient(90deg,#afb3aa 0 3px,transparent 3px 5px),repeating-linear-gradient(0deg,transparent 0 3px,#f3f3ed 3px 5px); }
.flow-section[data-flow=play] .path-registration i { width:3px; height:47px; background:linear-gradient(#c44ad0 0 18%,#57d5c7 18% 34%,#e8e24b 34% 76%,transparent); }
.flow-section[data-flow=play] .path-registration span { font:5px/1.6 var(--mono); letter-spacing:.2px; color:#8a9085; }
.flow-section[data-flow=play] .path-emblem { position:absolute; bottom:117px; left:0; width:76px; height:76px; padding:9px; background:#dfe1dc; color:#8b9187; }
.flow-section[data-flow=play] .path-emblem svg { width:100%; height:100%; stroke-width:3; }
.flow-section[data-flow=play] .path-spread:nth-child(even) .path-emblem { bottom:110px; }
.flow-section[data-flow=play] .path-spread .path-sketch { width:140px; height:105px; right:auto; left:0; top:auto; bottom:52px; opacity:.22; }
.flow-section[data-flow=play] .path-spread:nth-child(even) .path-sketch { left:auto; right:0; }
.flow-section[data-flow=play] .path-spread[data-mode=MEK] .path-sketch { display:block; width:165px; height:110px; bottom:24px; }
.flow-section[data-flow=play] .path-spread[data-mode] figure {
  grid-column:2; grid-row:1; display:grid; grid-template-columns:minmax(0,1fr) 84px;
  width:100%; align-items:stretch; position:relative; gap:0; min-height:0; margin:0;
}
.flow-section[data-flow=play] .path-spread[data-mode]:nth-child(even) figure { grid-column:1; }
.flow-section[data-flow=play] .path-spread[data-mode] .play-gallery { grid-column:1; grid-row:1; width:100%; position:relative; min-width:0; touch-action:pan-y; isolation:isolate; }
.flow-section[data-flow=play] .gallery-visual { position:relative; overflow:hidden; width:100%; aspect-ratio:var(--gallery-ratio); background:#e5e7df; }
.flow-section[data-flow=play] .gallery-slide { position:absolute; inset:0; display:grid; place-items:center; visibility:hidden; opacity:0; background:#e5e7df; }
.flow-section[data-flow=play] .gallery-slide:is(.is-current,.is-leaving) { visibility:visible; opacity:1; }
.flow-section[data-flow=play] .gallery-slide.is-current { z-index:1; }
.flow-section[data-flow=play] .gallery-slide .path-main-image { position:static; width:auto; height:auto; max-width:100%; max-height:100%; min-height:0; display:block; object-fit:contain; transform:none; border:0; mask:none; clip-path:none; }
.flow-section[data-flow=play] .gallery-controls { position:absolute; bottom:15px; left:20px; z-index:4; display:flex; align-items:center; gap:14px; }
.flow-section[data-flow=play] .gallery-controls button { width:44px; height:44px; display:grid; place-items:center; border:1px solid #fff; border-radius:50%; background:#f7f8f2; color:#30372f; box-shadow:0 0 0 4px #262c294d; transition:background .2s,color .2s,transform .2s; }
.flow-section[data-flow=play] .gallery-controls button svg { width:19px; height:19px; stroke-width:2; }
.flow-section[data-flow=play] .gallery-controls button:is(:hover,:focus-visible) { background:var(--section-signal); transform:translateY(-2px); }
.flow-section[data-flow=play] .gallery-controls button[aria-disabled=true] { cursor:pointer; }
.flow-section[data-flow=play] .gallery-scan { display:none; position:absolute; z-index:3; top:0; bottom:0; width:3px; left:0; background:#e8e24b; box-shadow:0 0 14px #e8e24b70; pointer-events:none; }
.flow-section[data-flow=play] .play-gallery[data-gallery-busy=true] .gallery-scan { display:block; }
.flow-section[data-flow=play] .path-spread[data-mode] .media-spine { grid-column:2; grid-row:1; padding:19px 12px; gap:18px; contain:size; background:var(--section-signal); color:#262b24; }
.flow-section[data-flow=play] .path-spread .media-spine b { font:700 28px/1 var(--en); writing-mode:vertical-rl; letter-spacing:-.7px; }
.flow-section[data-flow=play] .path-spread .media-spine small { font-size:6px; line-height:1.3; letter-spacing:.6px; }
.flow-section[data-flow=play] .path-spread .media-spine i { width:16px; height:27px; }
.flow-section[data-flow=play] .path-spread[data-mode=AMIYA] figure::after { content:''; position:absolute; top:-11px; right:-11px; width:31px; height:50px; border-top:1px solid #787e704d; border-right:1px solid #787e704d; pointer-events:none; }
.flow-section[data-flow=play] .path-spread[data-mode=ODYSSEY] figure { grid-template-columns:76px minmax(0,1fr); }
.flow-section[data-flow=play] .path-spread[data-mode=ODYSSEY] .play-gallery { grid-column:2; }
.flow-section[data-flow=play] .path-spread[data-mode=ODYSSEY] .media-spine { grid-column:1; background:#e2e4df; }
.flow-section[data-flow=play] .path-spread[data-mode=ODYSSEY] figure::after { content:''; position:absolute; left:-11px; bottom:73px; width:43px; height:43px; border-left:1px solid #777e714d; border-bottom:1px solid #777e714d; pointer-events:none; }
.flow-section[data-flow=play] .path-spread[data-mode=FRONTLINE] figure { grid-template-columns:1fr; }
.flow-section[data-flow=play] .path-spread[data-mode=FRONTLINE] .media-spine { grid-column:1; grid-row:2; display:flex; flex-direction:row; align-items:center; min-height:46px; padding:13px 18px; background:#252b26; color:#eff0e8; contain:none; }
.flow-section[data-flow=play] .path-spread[data-mode=FRONTLINE] .media-spine b { writing-mode:horizontal-tb; font-size:21px; letter-spacing:0; }
.flow-section[data-flow=play] .path-spread[data-mode=FRONTLINE] .media-spine small { writing-mode:horizontal-tb; margin:0 0 0 auto; }
.flow-section[data-flow=play] .path-spread[data-mode=FRONTLINE] .media-spine i { background:repeating-linear-gradient(90deg,#e8e24b 0 1px,transparent 1px 3px,#e8e24b 3px 5px,transparent 5px 7px); height:19px; }
.flow-section[data-flow=play] .path-spread[data-mode=FRONTLINE] figure::after { content:''; position:absolute; width:42px; height:42px; top:-10px; left:-10px; border-top:3px solid #252b26; border-left:3px solid #252b26; pointer-events:none; }
.flow-section[data-flow=play] .path-spread[data-mode=FRONTLINE] .gallery-visual,.flow-section[data-flow=play] .path-spread[data-mode=FRONTLINE] .gallery-slide { background:#1e2421; }
.flow-section[data-flow=play] .path-spread[data-mode=MEK] figure { grid-template-columns:68px minmax(0,1fr); }
.flow-section[data-flow=play] .path-spread[data-mode=MEK] .play-gallery { grid-column:2; }
.flow-section[data-flow=play] .path-spread[data-mode=MEK] .media-spine { grid-column:1; padding:18px 8px; background:var(--section-signal); }
.flow-section[data-flow=play] .path-spread[data-mode=MEK] .media-spine b { font-size:22px; }
.flow-section[data-flow=play] .path-spread[data-mode=MEK] .gallery-visual { background:#202820; }
.flow-section[data-flow=play] .path-spread[data-mode=MEK] .gallery-slide { background:#202820; }
.flow-section[data-flow=play] .path-spread[data-mode=MEK] .gallery-slide:nth-child(2) { background:radial-gradient(#7d97922a .7px,transparent 1px) 0 0/16px 16px,#eceee7; }
.flow-section[data-flow=play] .path-spread[data-mode] figcaption { grid-column:1 / -1; grid-row:2; display:block; padding:20px 0 0; }
.flow-section[data-flow=play] .path-spread[data-mode=ODYSSEY] figcaption { padding-left:76px; }
.flow-section[data-flow=play] .path-spread[data-mode=FRONTLINE] figcaption { grid-row:3; }
.flow-section[data-flow=play] .path-spread[data-mode=MEK] figcaption { grid-row:2; padding-left:68px; }
.flow-section[data-flow=play] .gallery-caption-heading { display:flex; gap:12px; align-items:baseline; }
.flow-section[data-flow=play] .gallery-caption-heading small { font:500 8px/1 var(--mono); letter-spacing:.5px; color:#676f5e; white-space:nowrap; }
.flow-section[data-flow=play] .gallery-caption-heading h4 { font:500 clamp(22px,2.5cqw,32px)/1.4 var(--sans); letter-spacing:.3px; color:#282e27; }
.flow-section[data-flow=play] .gallery-caption-meta { display:flex; flex-wrap:wrap; justify-content:space-between; gap:8px 16px; margin:9px 0 0 46px; font:500 8px/1.5 var(--en); color:#858b7d; letter-spacing:.7px; }
.flow-section[data-flow=play] .gallery-caption-meta > span:first-child { font-family:var(--sans); letter-spacing:.4px; }
.flow-section[data-flow=play] .path-spread[data-mode] .path-text { grid-column:2; grid-row:2; padding:16px 84px 0 46px; margin:0; border:0; }
.flow-section[data-flow=play] .path-spread[data-mode]:nth-child(even) .path-text { grid-column:1; }
.flow-section[data-flow=play] .path-spread[data-mode=ODYSSEY] .path-text { padding:16px 0 0 122px; }
.flow-section[data-flow=play] .path-spread[data-mode=FRONTLINE] .path-text { padding-right:0; }
.flow-section[data-flow=play] .path-spread[data-mode=MEK] .path-text { padding:16px 0 0 114px; }
.flow-section[data-flow=play] .path-spread .path-text > p { max-width:660px; font-size:15px; line-height:1.8; }
.flow-section[data-flow=play] .path-spread .path-text ul { display:flex; flex-wrap:wrap; gap:12px 24px; border:0; margin:20px 0 0; }
.flow-section[data-flow=play] .path-spread .path-text li { display:flex; align-items:center; gap:9px; border:0; padding:0; font-size:11px; }
.flow-section[data-flow=play] .path-spread .path-process { grid-column:2; grid-row:3; gap:18px; padding:22px 0 0; }
.flow-section[data-flow=play] .path-spread .path-process span { font-size:11px; padding-top:10px; }
/* Match the large scene-led desktop spreads, including their reading scale. */
@media(min-width:1001px) {
  .flow-section[data-flow=play] { --play-unit:clamp(8px,.625vw,16px); }
  .flow-section[data-flow=play][data-atmosphere] > .page-head {
    width:80.4%; margin-left:13.6%; margin-right:6%;
    grid-template-columns:minmax(125px,.24fr) minmax(0,1fr); gap:0 5%;
    padding-bottom:calc(var(--play-unit) * 2.5);
  }
  .flow-section[data-flow=play] .page-head .page-no { font-size:clamp(10px,.5vw,13px); }
  .flow-section[data-flow=play] .page-head .page-title { font-size:clamp(32px,1.7vw,44px); }
  .flow-section[data-flow=play] .page-head .page-en { font-size:clamp(9px,.47vw,12px); }
  .flow-section[data-flow=play] .page-head .page-lead { font-size:clamp(17px,1.04vw,27px); max-width:42em; line-height:1.65; }
  .flow-section[data-flow=play] .path-spread[data-mode] { padding-top:calc(var(--play-unit) * 2); padding-bottom:calc(var(--play-unit) * 7.5); }
  .flow-section[data-flow=play] .path-spread[data-mode=AMIYA] { width:80.4%; margin-left:13.6%; margin-right:6%; }
  .flow-section[data-flow=play] .path-spread .path-brand { font-size:clamp(6px,.3vw,8px); }
  .flow-section[data-flow=play] .path-index-label { font-size:clamp(14px,1.25vw,32px); gap:calc(var(--play-unit) * .5); margin:calc(var(--play-unit) * .4) 0 calc(var(--play-unit) * 1.15); }
  .flow-section[data-flow=play] .path-index-label > span { font-size:calc(var(--play-unit) * 2.4); padding-left:calc(var(--play-unit) * 3); padding-right:calc(var(--play-unit) * .4); }
  .flow-section[data-flow=play] .path-index h3 { font-size:clamp(26px,1.7vw,44px); margin:calc(var(--play-unit) * 1) 0 calc(var(--play-unit) * 2); }
  .flow-section[data-flow=play] .path-spread .path-no { font-size:clamp(9px,.43vw,11px); gap:calc(var(--play-unit) * 1); }
  .flow-section[data-flow=play] .path-spread .path-no > span { font-size:clamp(10px,.5vw,13px); }
  .flow-section[data-flow=play] .path-registration { margin-top:calc(var(--play-unit) * 3); padding-top:calc(var(--play-unit) * 1.5); gap:calc(var(--play-unit) * 1); }
  .flow-section[data-flow=play] .path-registration::before { width:calc(var(--play-unit) * 4.4); height:calc(var(--play-unit) * 1); }
  .flow-section[data-flow=play] .path-registration i { width:calc(var(--play-unit) * .3); height:calc(var(--play-unit) * 5.5); }
  .flow-section[data-flow=play] .path-registration span { font-size:clamp(6px,.3vw,8px); }
  .flow-section[data-flow=play] .path-emblem,.flow-section[data-flow=play] .path-spread:nth-child(even) .path-emblem { width:calc(var(--play-unit) * 8); height:calc(var(--play-unit) * 8); padding:calc(var(--play-unit) * 1); bottom:calc(var(--play-unit) * 10); }
  .flow-section[data-flow=play] .path-spread .path-sketch { width:calc(var(--play-unit) * 15); height:calc(var(--play-unit) * 11); }
  .flow-section[data-flow=play] .path-spread[data-mode=MEK] .path-sketch { width:calc(var(--play-unit) * 18); height:calc(var(--play-unit) * 12); }
  .flow-section[data-flow=play] .gallery-controls { bottom:calc(var(--play-unit) * 1.4); left:calc(var(--play-unit) * 2); gap:calc(var(--play-unit) * 3); }
  .flow-section[data-flow=play] .gallery-controls button { width:clamp(44px,2.65vw,68px); height:clamp(44px,2.65vw,68px); }
  .flow-section[data-flow=play] .gallery-controls button svg { width:calc(var(--play-unit) * 1.8); height:calc(var(--play-unit) * 1.8); }
  .flow-section[data-flow=play] .path-spread[data-mode] figcaption { padding-top:calc(var(--play-unit) * 2); }
  .flow-section[data-flow=play] .gallery-caption-heading small { font-size:clamp(8px,.45vw,12px); }
  .flow-section[data-flow=play] .gallery-caption-heading h4 { font-size:clamp(26px,1.7vw,44px); line-height:1.3; }
  .flow-section[data-flow=play] .gallery-caption-meta { font-size:clamp(9px,.47vw,12px); margin-top:calc(var(--play-unit) * .75); }
  .flow-section[data-flow=play] .path-spread .path-text > p { max-width:42em; font-size:clamp(17px,1.04vw,27px); line-height:1.65; }
  .flow-section[data-flow=play] .path-spread .path-text ul { gap:calc(var(--play-unit) * 1) calc(var(--play-unit) * 2.5); margin-top:calc(var(--play-unit) * 1.5); }
  .flow-section[data-flow=play] .path-spread .path-text li { font-size:clamp(12px,.625vw,16px); gap:calc(var(--play-unit) * .8); }
  .flow-section[data-flow=play] .path-spread .path-text li::before { font-size:clamp(10px,.47vw,12px); }
  .flow-section[data-flow=play] .path-spread .path-process { gap:calc(var(--play-unit) * 2); padding-top:calc(var(--play-unit) * 2); }
  .flow-section[data-flow=play] .path-spread .path-process span { font-size:clamp(12px,.625vw,16px); padding-top:calc(var(--play-unit) * 1); }
}
@media(max-width:1000px) {
  .flow-section[data-flow=play] .path-spread[data-mode],.flow-section[data-flow=play] .path-spread[data-mode]:nth-child(even) { gap:0 4%; grid-template-columns:145px minmax(0,1fr); }
  .flow-section[data-flow=play] .path-spread[data-mode]:nth-child(even) { grid-template-columns:minmax(0,1fr) 145px; }
  .flow-section[data-flow=play] .path-spread[data-mode] figure { grid-template-columns:minmax(0,1fr) 56px; }
  .flow-section[data-flow=play] .path-spread[data-mode=ODYSSEY] figure,.flow-section[data-flow=play] .path-spread[data-mode=MEK] figure { grid-template-columns:50px minmax(0,1fr); }
  .flow-section[data-flow=play] .path-spread[data-mode=FRONTLINE] figure { grid-template-columns:1fr; }
  .flow-section[data-flow=play] .path-spread .media-spine b { font-size:22px; }
  .flow-section[data-flow=play] .path-spread[data-mode=MEK] .media-spine b { font-size:17px; }
  .flow-section[data-flow=play] .path-spread[data-mode=ODYSSEY] figcaption,.flow-section[data-flow=play] .path-spread[data-mode=MEK] figcaption { padding-left:50px; }
  .flow-section[data-flow=play] .path-spread[data-mode] .path-text { padding:16px 0 0 46px; }
  .flow-section[data-flow=play] .path-spread[data-mode]:nth-child(even) .path-text { padding-left:96px; }
  .flow-section[data-flow=play] .path-emblem { bottom:160px; width:62px; height:62px; }
}
@media(min-width:761px) and (max-width:1000px) {
  .flow-section[data-flow=play][data-atmosphere] > .page-head { width:90.4%; margin-inline:4.8%; grid-template-columns:145px minmax(0,1fr); gap:0 4%; }
  .flow-section[data-flow=play] .path-spread[data-mode] { width:90.4%; margin-inline:4.8%; }
}
@media(max-width:760px) {
  .flow-section[data-flow=play] .path-spread[data-mode],.flow-section[data-flow=play] .path-spread[data-mode]:nth-child(even) { width:84.4%; max-width:600px; margin:0 auto; padding:30px 0 65px; grid-template-columns:1fr; gap:0; }
  .flow-section[data-flow=play] .path-spread .path-index,.flow-section[data-flow=play] .path-spread:nth-child(even) .path-index { grid-column:1; grid-row:1; padding:0 72px 22px 0; }
  .flow-section[data-flow=play] .path-index-label { font-size:16px; margin-bottom:10px; }
  .flow-section[data-flow=play] .path-index h3 { font-size:24px; margin:9px 0 0; }
  .flow-section[data-flow=play] .path-registration { display:none; }
  .flow-section[data-flow=play] .path-emblem,.flow-section[data-flow=play] .path-spread:nth-child(even) .path-emblem { top:8px; bottom:auto; left:auto; right:0; width:55px; height:55px; }
  .flow-section[data-flow=play] .path-spread .path-sketch { display:none; }
  .flow-section[data-flow=play] .path-spread[data-mode=MEK] .path-sketch { display:none; }
  .flow-section[data-flow=play] .path-spread[data-mode] figure,.flow-section[data-flow=play] .path-spread[data-mode]:nth-child(even) figure { grid-column:1; grid-row:2; }
  .flow-section[data-flow=play] .path-spread .media-spine { padding:12px 4px; }
  .flow-section[data-flow=play] .path-spread .media-spine b { font-size:19px; }
  .flow-section[data-flow=play] .gallery-controls { bottom:12px; left:14px; gap:12px; }
  .flow-section[data-flow=play] .gallery-controls button { width:44px; height:44px; box-shadow:0 0 0 3px #262c294d; }
  .flow-section[data-flow=play] .path-spread .gallery-caption-heading h4 { font-size:23px; }
  .flow-section[data-flow=play] .gallery-caption-heading { gap:9px; }
  .flow-section[data-flow=play] .gallery-caption-heading small { font-size:7px; }
  .flow-section[data-flow=play] .gallery-caption-meta { margin-left:39px; font-size:7px; letter-spacing:.2px; }
  .flow-section[data-flow=play] .gallery-caption-meta > span:last-child { display:none; }
  .flow-section[data-flow=play] .path-spread[data-mode] .path-text,.flow-section[data-flow=play] .path-spread[data-mode]:nth-child(even) .path-text { grid-column:1; grid-row:3; padding:14px 0 0 39px; }
  .flow-section[data-flow=play] .path-spread[data-mode=ODYSSEY] .path-text,.flow-section[data-flow=play] .path-spread[data-mode=MEK] .path-text { padding-left:89px; }
  .flow-section[data-flow=play] .path-spread .path-text > p { font-size:14px; }
  .flow-section[data-flow=play] .path-spread .path-text ul { gap:10px 18px; margin-top:17px; }
  .flow-section[data-flow=play] .path-spread .path-process { gap:10px; }
  .flow-section[data-flow=play] .path-spread .path-process span { font-size:10px; }
}
@media(max-width:420px) {
  .flow-section[data-flow=play] .path-spread[data-mode],.flow-section[data-flow=play] .path-spread[data-mode]:nth-child(even) { width:calc(100% - 48px); }
  .flow-section[data-flow=play] .path-spread[data-mode] figure { grid-template-columns:minmax(0,1fr) 34px; }
  .flow-section[data-flow=play] .path-spread[data-mode=ODYSSEY] figure,.flow-section[data-flow=play] .path-spread[data-mode=MEK] figure { grid-template-columns:34px minmax(0,1fr); }
  .flow-section[data-flow=play] .path-spread[data-mode=FRONTLINE] figure { grid-template-columns:1fr; }
  .flow-section[data-flow=play] .path-spread[data-mode] .media-spine { padding:11px 4px; }
  .flow-section[data-flow=play] .path-spread .media-spine b { font-size:17px; }
  .flow-section[data-flow=play] .path-spread[data-mode=MEK] .media-spine b { font-size:14px; }
  .flow-section[data-flow=play] .path-spread[data-mode=ODYSSEY] figcaption,.flow-section[data-flow=play] .path-spread[data-mode=MEK] figcaption { padding-left:34px; }
  .flow-section[data-flow=play] .path-spread[data-mode=ODYSSEY] .path-text,.flow-section[data-flow=play] .path-spread[data-mode=MEK] .path-text { padding-left:73px; }
  .flow-section[data-flow=play] .path-spread .gallery-caption-heading h4 { font-size:21px; }
  .flow-section[data-flow=play] .path-spread[data-mode=FRONTLINE] .media-spine { padding:11px 12px; }
  .flow-section[data-flow=play] .path-spread[data-mode=FRONTLINE] .media-spine b { font-size:18px; }
}
@media(prefers-reduced-motion:reduce) {
  .flow-section[data-flow=play] .gallery-controls button { transition:none; }
}
/* Compact chapter labels and a registered grid of solid marks. */
.flow-section[data-flow=play] .path-index h3 { margin:8px 0 0; font-weight:700; line-height:1.15; letter-spacing:0; }
.flow-section[data-flow=play] .path-registration { --register-unit:8px; display:grid; justify-items:start; gap:0; margin-top:32px; padding:0; }
.flow-section[data-flow=play] .path-registration::before { display:none; }
.flow-section[data-flow=play] .path-registration .registration-fiducial {
  width:calc(var(--register-unit) * .8); height:calc(var(--register-unit) * .8); margin-bottom:5px;
  border:1px solid #a8a8a8; display:grid; place-items:center; font:8px/1 sans-serif; color:#929292;
}
.flow-section[data-flow=play] .path-registration .registration-copy { color:#959595; font:calc(var(--register-unit) * .5)/1.15 var(--en); letter-spacing:0; }
.flow-section[data-flow=play] .path-registration .registration-matrix {
  display:grid; grid-template-columns:repeat(6,1fr); gap:calc(var(--register-unit) * .15);
  width:calc(var(--register-unit) * 4.4); margin-top:calc(var(--register-unit) * .85);
}
.flow-section[data-flow=play] .registration-matrix i { width:auto; height:auto; aspect-ratio:1; background:#9e9e9e; }
.flow-section[data-flow=play] .path-registration .registration-signal {
  position:relative; display:block; width:calc(var(--register-unit) * .3); height:calc(var(--register-unit) * 7);
  margin-top:calc(var(--register-unit) * .7); background:linear-gradient(#fa00a6 0 20%,#00ddb1 20% 40%,#fffa00 40% 74%,#fffa0000);
}
.flow-section[data-flow=play] .registration-signal::after { content:''; position:absolute; left:100%; top:0; width:calc(var(--register-unit) * .5); height:40%; background:#d7d7d7; }
.flow-section[data-flow=play] .path-emblem { background:#d6d6d6; color:#a0a0a0; }
.flow-section[data-flow=play] .path-emblem svg,.flow-section[data-flow=play] .path-emblem svg path { fill:currentColor; stroke:none; }
@media(min-width:1001px) {
  .flow-section[data-flow=play] .path-index h3 { margin-top:calc(var(--play-unit) * .5); }
  .flow-section[data-flow=play] .path-registration { --register-unit:var(--play-unit); margin-top:calc(var(--play-unit) * 3.5); }
}
@media(max-width:760px) {
  .flow-section[data-flow=play] .path-registration { display:none; }
}

/* Natural document flow, followed by a compact setting page and layered entrances. */
html[data-layout=flow],html[data-layout=flow].is-home { scrollbar-gutter:stable; background:#f3f3ed; }
html[data-layout=flow] body { overflow-x:clip; }
html[data-layout=flow] #main { min-height:0; transform:none; }
html[data-layout=flow] .home { height:auto; min-height:100svh; }
html[data-layout=flow] #hero { height:100svh; min-height:0; }
html[data-layout=flow] .flow-section.page { padding-top:0; min-height:0; }
html[data-layout=flow] #flow-world { padding-top:0; background:#13171c; }
html[data-layout=flow] #flow-world > .lore-stage.lore-replica { height:100svh; min-height:0; }
html[data-layout=flow] .lore-replica .lore-caption { top:max(112px,8%); }
html[data-layout=flow] .flow-section { scroll-margin-top:var(--header-height); }
html[data-layout=flow] #flow-world { scroll-margin-top:0; }
html[data-footer-mode=inline] #siteFooter { position:relative; z-index:1; transform:none; max-height:none; overflow:visible; }
html.terminal-open #main { transform:none; }
.lore-cloud-layer { position:absolute; inset:0; z-index:0; }
html[data-layout=flow] .lore-cloud-layer { top:var(--header-height); }
.page[data-atmosphere=world] .world-summary {
  --summary-inset:16.6667%;
  position:relative; z-index:2; isolation:isolate; overflow:visible; min-height:0; padding:0;
  color:#252d32; background:transparent; scroll-margin-top:var(--header-height);
}
.world-summary .summary-paper-body { position:relative; z-index:1; isolation:isolate; overflow:hidden; padding:64px var(--summary-inset) 154px; background:#f3f3ed; }
.world-summary .summary-opening { display:flow-root; }
html[data-page=world].paper-reading:not(.menu-visible) .floating-menu { color:#222620; }
html[data-page=world]:not(.paper-reading):not(.intro-reading):not(.menu-visible) .floating-menu { color:#f2f4f1; }
.world-summary .summary-grid { position:absolute; inset:0; z-index:-1; pointer-events:none; border-block:1px solid #646f7926; }
.summary-grid::before { content:''; position:absolute; top:100px; left:0; right:0; height:1px; background:#646f7921; }
.summary-grid i { position:absolute; top:0; bottom:0; width:1px; background:#646f7921; transform-origin:top; }
.summary-grid i:nth-child(1) { left:var(--summary-inset); }
.summary-grid i:nth-child(2) { left:50%; }
.summary-grid i:nth-child(3) { right:var(--summary-inset); }
.summary-grid i:nth-child(4) { left:66.6667%; opacity:.45; }
.world-summary .summary-background { position:absolute; z-index:-1; right:0; bottom:0; height:52%; max-height:360px; width:33.3333%; opacity:.13; object-fit:contain; pointer-events:none; }
.world-summary .summary-header { display:flex; align-items:center; gap:28px; position:relative; }
.summary-header > span { padding:3px 20px; color:#252d32; background:#e8e24b; font:500 11px/1.5 var(--sans); }
.summary-header > small { font:500 8px/1.5 var(--en); letter-spacing:1.2px; color:#7f888d; }
.world-summary .summary-heading { margin:44px 0 42px; font:400 clamp(40px,4.4vw,72px)/1.1 var(--sans); letter-spacing:.5px; }
.summary-heading span,.summary-heading strong { display:block; }
.summary-heading strong { font-weight:700; }
.summary-columns { display:grid; grid-template-columns:1fr 1fr; gap:0; }
.summary-columns article { min-width:0; padding-right:clamp(24px,2.5vw,64px); }
.summary-columns h3 { display:table; margin-bottom:16px; padding:3px 11px; background:#283139; color:#f3f3ed; font:500 22px/1.3 var(--sans); }
.summary-columns p { font:400 16px/2 var(--sans); margin-top:12px; color:#59636a; max-width:none; }
.world-summary .summary-quote { max-width:1000px; margin:28px 20% 0 0; padding:0 0 0 19px; border-left:2px solid #c6c937; }
.summary-quote p { font:400 14px/1.9 var(--sans); color:#758185; }
.summary-quote cite { display:block; font:500 10px/1.6 var(--sans); font-style:normal; margin-top:10px; letter-spacing:.6px; color:#8b9496; }
.summary-more-strip { position:absolute; right:0; bottom:39px; width:33.3333%; height:75px; border-block:1px solid #58656c45; }
.world-summary .world-more { position:absolute; right:50%; top:10px; display:flex; align-items:center; justify-content:space-between; width:160px; min-height:54px; margin:0; padding:8px 0 8px 12px; border:0; color:#263038; font:500 16px/1.25 var(--sans); opacity:1; cursor:pointer; }
.world-more::before { content:''; position:absolute; inset:0; background:#e8e24b; transform:scaleX(0); transform-origin:left; transition:transform .42s cubic-bezier(.215,.61,.355,1); z-index:-1; }
.world-more small { display:block; font:500 8px/1.5 var(--en); letter-spacing:.6px; margin-top:3px; }
.world-more svg { width:40px; height:40px; margin-right:5px; fill:currentColor; stroke:none; transition:transform .42s cubic-bezier(.215,.61,.355,1); }
.world-more:is(:hover,:focus-visible)::before { transform:scaleX(1); }
.world-more:is(:hover,:focus-visible) svg { transform:translate(4px,4px); }
.world-more:focus-visible { outline:2px solid #c6c937; outline-offset:4px; }
.scroll-group { position:relative; }
html.motion-ready:not(.motion-reduced) .scroll-group[data-scroll-state=waiting] { pointer-events:none; }
.scroll-ribbon { position:absolute; z-index:3; top:0; bottom:0; left:0; width:10%; background:#e8e24b; opacity:0; pointer-events:none; transform:skewX(-18deg); }
.motion-section-rule { position:absolute; pointer-events:none; top:-11px; left:0; right:0; height:1px; background:#818a7733; transform-origin:left; }
.motion-section-rule::before { content:''; position:absolute; width:34px; height:3px; top:-1px; background:#e8e24b; }
.flow-section[data-flow=play] > .page-head { overflow:clip; }
.scroll-layer { will-change:transform,opacity,clip-path; }
@media(max-width:1000px) {
  .page[data-atmosphere=world] .world-summary { --summary-inset:8%; }
  .world-summary .summary-paper-body { padding-block:48px 154px; }
  .world-summary .summary-heading { font-size:clamp(36px,4.8cqw,54px); margin-block:36px 30px; }
  .summary-columns article { padding-right:24px; }
  .summary-columns p { font-size:14px; }
  .world-summary .summary-quote { margin-right:12%; }
  .summary-more-strip { width:42%; }
}
@media(max-width:760px) {
  html[data-layout=flow] #flow-world > .lore-stage.lore-replica { height:auto; min-height:1080px; }
  html[data-layout=flow] .lore-replica .lore-caption { top:68px; }
  .page[data-atmosphere=world] .world-summary { --summary-inset:24px; }
  .world-summary .summary-paper-body { padding:39px 24px 32px; }
  .summary-grid::before { top:72px; }
  .summary-grid i:nth-child(1) { left:24px; }
  .summary-grid i:nth-child(3) { right:24px; }
  .summary-grid i:nth-child(2) { opacity:.25; }
  .summary-grid i:nth-child(4) { display:none; }
  .world-summary .summary-background { height:39%; width:65%; opacity:.09; }
  .world-summary .summary-header { gap:18px; padding-left:48px; }
  .summary-header > span { padding:3px 14px; font-size:10px; }
  .summary-header > small { font-size:6px; letter-spacing:.6px; }
  .world-summary .summary-heading { font-size:clamp(28px,7.8cqw,43px); margin:32px 0 27px; line-height:1.4; }
  .summary-columns { grid-template-columns:1fr; gap:22px; }
  .summary-columns article { padding-right:0; }
  .summary-columns h3 { font-size:14px; margin-bottom:11px; }
  .summary-columns p { font-size:13px; line-height:1.85; margin-top:8px; }
  .world-summary .summary-quote { margin:23px 0 0; padding-left:14px; }
  .summary-quote p { font-size:12px; line-height:1.9; }
  .summary-quote cite { font-size:9px; margin-top:8px; }
  .summary-more-strip { position:relative; right:auto; bottom:auto; width:calc(100% + 48px); height:68px; margin:28px -24px 0; }
  .world-summary .world-more { right:24px; top:6px; width:160px; min-height:55px; font-size:16px; }
  .world-more svg { width:34px; height:34px; }
}
@media(prefers-reduced-motion:reduce) {
  .world-more::before,.world-more svg { transition:none; }
  .scroll-ribbon { display:none; }
}

/* One 2:1 image format, with alternating chapter spines. */
.flow-section[data-flow=play] .path-spread[data-mode] figure { display:block; }
.flow-section[data-flow=play] .path-spread[data-mode] figure::after { display:none; }
.flow-section[data-flow=play] .play-media { position:relative; display:grid; grid-template-columns:minmax(0,1fr) 84px; overflow:clip; isolation:isolate; }
.flow-section[data-flow=play] .play-media[data-media-side=left] { grid-template-columns:84px minmax(0,1fr); }
.flow-section[data-flow=play] .path-spread[data-mode] .play-gallery { grid-column:1; grid-row:1; }
.flow-section[data-flow=play] .play-media[data-media-side=left] .play-gallery { grid-column:2; }
.flow-section[data-flow=play] .path-spread[data-mode] .media-spine {
  grid-column:2; grid-row:1; position:relative; z-index:2; display:flex; flex-direction:column; align-items:center;
  min-height:0; padding:19px 12px; gap:18px; background:var(--section-signal); color:#262b24; contain:size;
}
.flow-section[data-flow=play] .play-media[data-media-side=left] .media-spine { grid-column:1; }
.flow-section[data-flow=play] .path-spread[data-mode] .media-spine b { writing-mode:vertical-rl; font:700 28px/1 var(--en); letter-spacing:-.7px; }
.flow-section[data-flow=play] .path-spread[data-mode] .media-spine small { writing-mode:vertical-rl; margin-top:auto; font:500 6px/1.3 var(--mono); letter-spacing:.6px; }
.flow-section[data-flow=play] .path-spread[data-mode] .media-spine i { width:16px; height:27px; background:repeating-linear-gradient(90deg,#1b1c1b 0 1px,transparent 1px 3px,#1b1c1b 3px 5px,transparent 5px 7px); }
.flow-section[data-flow=play] .media-outline { position:absolute; inset:0; z-index:3; pointer-events:none; border:1px solid #44504e4d; }
.flow-section[data-flow=play] .media-outline::after { content:''; position:absolute; right:6px; top:6px; width:29px; height:32px; border-top:2px solid #333c35; border-right:2px solid #333c35; }
.flow-section[data-flow=play] .play-media[data-media-side=left] .media-outline::after { right:auto; left:6px; border-right:0; border-left:2px solid #333c35; }
.flow-section[data-flow=play] .path-spread[data-mode] .gallery-visual { aspect-ratio:2 / 1; }
.flow-section[data-flow=play] .path-spread[data-mode] .gallery-slide .path-main-image { width:100%; height:100%; max-width:100%; max-height:100%; object-fit:cover; object-position:50% 50%; }
.flow-section[data-flow=play] .path-spread[data-mode=MEK] .gallery-slide:first-child .path-main-image { object-position:42% 50%; }
.flow-section[data-flow=play] .path-spread[data-mode=AMIYA] .gallery-slide .path-main-image[src="https://xiwanzi.cn-nb2.rains3.com/deuterium-official/r82-e455d305512e/assets/play-community-gathering.png"] { transform:scale(1.04); }
.flow-section[data-flow=play] .path-spread[data-mode] figcaption { margin-top:0; }
.flow-section[data-flow=play] .path-spread[data-media-side=left] figcaption { padding-left:84px; }
.flow-section[data-flow=play] .path-spread[data-media-side=left] .path-text { padding-left:130px; }
.flow-section[data-flow=play] .path-spread[data-mode=FRONTLINE] .path-text { padding-right:84px; }
@media(min-width:1001px){
  .flow-section[data-flow=play] { --play-spine:17%; --play-caption-indent:clamp(42px,2.45vw,63px); }
  .flow-section[data-flow=play] .play-media { grid-template-columns:minmax(0,1fr) var(--play-spine); }
  .flow-section[data-flow=play] .play-media[data-media-side=left] { grid-template-columns:var(--play-spine) minmax(0,1fr); }
  .flow-section[data-flow=play] .path-spread[data-mode] .media-spine { padding:calc(var(--play-unit) * 2) calc(var(--play-unit) * 1.5); gap:calc(var(--play-unit) * 1.25); }
  .flow-section[data-flow=play] .path-spread[data-mode] .media-spine b { font-size:calc(var(--play-unit) * 4); }
  .flow-section[data-flow=play] .path-spread:is([data-mode=ODYSSEY],[data-mode=MEK]) .media-spine b { font-size:calc(var(--play-unit) * 3); }
  .flow-section[data-flow=play] .path-spread[data-mode] .media-spine small { font-size:clamp(7px,.35vw,9px); }
  .flow-section[data-flow=play] .path-spread[data-mode] .media-spine i { width:calc(var(--play-unit) * 1.5); height:calc(var(--play-unit) * 3); }
  .flow-section[data-flow=play] .media-outline::after { width:calc(var(--play-unit) * 3); height:calc(var(--play-unit) * 4); right:calc(var(--play-unit) * .75); top:calc(var(--play-unit) * .75); }
  .flow-section[data-flow=play] .play-media[data-media-side=left] .media-outline::after { left:calc(var(--play-unit) * .75); }
  .flow-section[data-flow=play] .gallery-caption-heading { display:grid; grid-template-columns:var(--play-caption-indent) minmax(0,1fr); gap:0; }
  .flow-section[data-flow=play] .gallery-caption-meta { margin-left:var(--play-caption-indent); }
  .flow-section[data-flow=play] .path-spread[data-media-side=left] figcaption { padding-left:var(--play-spine); }
  .flow-section[data-flow=play] .path-spread[data-mode] .path-text { padding:calc(var(--play-unit) * 1.25) var(--play-spine) 0 var(--play-caption-indent); }
  .flow-section[data-flow=play] .path-spread[data-media-side=left] .path-text { padding-right:0; padding-left:calc(var(--play-spine) + var(--play-caption-indent)); }
}
@media(min-width:761px){
  .flow-section[data-flow=play] .path-spread[data-mode] .media-spine b { white-space:nowrap; flex-shrink:0; }
}
@media(min-width:761px) and (max-width:1280px){
  .flow-section[data-flow=play] .path-spread[data-mode] .media-spine small { display:none; }
}
@media(max-width:1000px){
  .flow-section[data-flow=play] .play-media { grid-template-columns:minmax(0,1fr) 56px; }
  .flow-section[data-flow=play] .play-media[data-media-side=left] { grid-template-columns:56px minmax(0,1fr); }
  .flow-section[data-flow=play] .path-spread[data-mode] .media-spine { padding-inline:7px; }
  .flow-section[data-flow=play] .path-spread[data-mode] .media-spine b { font-size:22px; }
  .flow-section[data-flow=play] .path-spread[data-mode=FRONTLINE] .path-text { padding-right:0; }
  .flow-section[data-flow=play] .path-spread[data-media-side=left] figcaption { padding-left:56px; }
  .flow-section[data-flow=play] .path-spread[data-media-side=left] .path-text { padding-left:102px; }
  .flow-section[data-flow=play] .path-spread[data-mode=ODYSSEY] .media-spine b { font-size:18px; }
  .flow-section[data-flow=play] .path-spread[data-mode=MEK] .media-spine b { font-size:17px; }
  .flow-section[data-flow=play] .path-spread[data-mode] .media-spine i { height:20px; }
}
@media(max-width:760px){
  .flow-section[data-flow=play] .path-spread[data-mode] .media-spine { padding:12px 4px; }
  .flow-section[data-flow=play] .path-spread[data-mode] .media-spine b { font-size:19px; }
  .flow-section[data-flow=play] .path-spread[data-media-side=left] .path-text { padding-left:95px; }
}
@media(max-width:420px){
  .flow-section[data-flow=play] .play-media { grid-template-columns:minmax(0,1fr) 34px; }
  .flow-section[data-flow=play] .play-media[data-media-side=left] { grid-template-columns:34px minmax(0,1fr); }
  .flow-section[data-flow=play] .path-spread[data-mode] .media-spine b { font-size:17px; }
  .flow-section[data-flow=play] .path-spread[data-mode=MEK] .media-spine b { font-size:14px; }
  .flow-section[data-flow=play] .path-spread[data-mode=ODYSSEY] .media-spine b { font-size:clamp(12px,3.8vw,16px); }
  .flow-section[data-flow=play] .media-outline::after { width:17px; height:27px; right:4px; top:4px; }
  .flow-section[data-flow=play] .play-media[data-media-side=left] .media-outline::after { left:4px; }
  .flow-section[data-flow=play] .path-spread[data-media-side=left] figcaption { padding-left:34px; }
  .flow-section[data-flow=play] .path-spread[data-media-side=left] .path-text { padding-left:73px; }
}
/* A slim white label strip over a broad chapter color, as in the reference. */
.flow-section[data-flow=play] .path-spread[data-mode=AMIYA] { --section-signal:#b5dce1; }
.flow-section[data-flow=play] .path-spread[data-mode=ODYSSEY] { --section-signal:#ee957f; }
.flow-section[data-flow=play] .path-spread[data-mode=FRONTLINE] { --section-signal:#c7c9cc; }
.flow-section[data-flow=play] .path-spread[data-mode=MEK] { --section-signal:#fffa00; }
.flow-section[data-flow=play] .path-spread[data-mode] .media-spine {
  display:block; padding:0; background:var(--section-signal); color:#151818;
  --spine-type:28px; --spine-mark:12px; --spine-micro:6px;
}
.flow-section[data-flow=play] .media-spine-ribbon {
  position:absolute; top:2.76%; bottom:2.76%; left:9.87%; width:11.84%;
  display:block; background:#fff;
}
.flow-section[data-flow=play] .path-spread[data-mode] .media-spine b {
  position:absolute; top:1.21%; left:22.22%; font-size:var(--spine-type); line-height:1;
  font-family:'Novecento Sans Wide',sans-serif; font-weight:600;
  letter-spacing:0; writing-mode:vertical-rl; white-space:nowrap;
}
.flow-section[data-flow=play] .media-spine-imprint {
  position:absolute; left:22.22%; bottom:2%; display:flex; flex-direction:column;
  align-items:flex-start; gap:4px;
}
.flow-section[data-flow=play] .media-spine-marks { display:grid; gap:3px; width:var(--spine-mark); }
.flow-section[data-flow=play] .media-spine-marks svg { display:block; width:100%; height:auto; fill:none; stroke:currentColor; stroke-width:1.6; }
.flow-section[data-flow=play] .media-spine-marks .mark-body { fill:currentColor; stroke:none; }
.flow-section[data-flow=play] .media-spine-marks .mark-cutout { fill:#fff; stroke:none; }
.flow-section[data-flow=play] .media-spine-marks .mark-arrow { fill:none; stroke:#fff; stroke-width:2; }
.flow-section[data-flow=play] .path-spread[data-mode] .media-spine small {
  display:block; margin:0; font:600 var(--spine-micro)/1.05 'Novecento Sans Wide',sans-serif; letter-spacing:0;
  writing-mode:vertical-rl; white-space:nowrap;
}
.flow-section[data-flow=play] .media-outline { border:0; }
.flow-section[data-flow=play] .media-outline::after { display:none; }
@media(min-width:1001px){
  .flow-section[data-flow=play] .path-spread[data-mode] .media-spine { --spine-type:calc(var(--play-unit) * 4); --spine-mark:calc(var(--play-unit) * 1.25); --spine-micro:clamp(6.5px,.35vw,9px); }
}
@media(max-width:1439px){
  .flow-section[data-flow=play] .media-spine-imprint { display:none; }
}
@media(max-width:1000px){
  .flow-section[data-flow=play] .path-spread[data-mode] .media-spine { --spine-type:22px; }
  .flow-section[data-flow=play] .media-spine-ribbon { width:22%; }
}
@media(max-width:760px){
  .flow-section[data-flow=play] .path-spread[data-mode] .media-spine { --spine-type:19px; }
}
@media(max-width:420px){
  .flow-section[data-flow=play] .path-spread[data-mode] .media-spine { --spine-type:17px; }
  .flow-section[data-flow=play] .media-spine-ribbon { top:4%; bottom:4%; width:30%; }
}
/* The controls keep their edge placement with a lighter frame. */
.flow-section[data-flow=play] .play-media { overflow:visible; }
.flow-section[data-flow=play] .gallery-controls {
  --gallery-button-size:44px; bottom:-14px; gap:calc(var(--gallery-button-size) * .81);
  padding:5px; border-radius:999px; background:#1e1e1e80;
}
.flow-section[data-flow=play] .gallery-controls button {
  position:relative; width:var(--gallery-button-size); height:var(--gallery-button-size);
  padding:0; border:1px solid #ffffffb3; background:#fafafa; color:#555d5a;
  box-shadow:0 2px 5px #02020224;
}
.flow-section[data-flow=play] .gallery-controls button svg { width:33%; height:45%; fill:currentColor; stroke:none; }
.flow-section[data-flow=play] .gallery-controls button:is(:hover,:focus-visible) { background:var(--section-signal); color:#202322; transform:none; }
.flow-section[data-flow=play] .gallery-controls button:focus-visible { outline:2px solid #fff; outline-offset:3px; }
@media(min-width:1001px) {
  .flow-section[data-flow=play] .gallery-controls { --gallery-button-size:clamp(44px,2.65vw,68px); bottom:calc(var(--play-unit) * -1.25); }
}

/* A setting title plate connects the resident photograph to the blue world archive. */
html.lenis { height:auto; }
html.lenis.lenis-smooth { scroll-behavior:auto !important; }
.lenis.lenis-smooth [data-lenis-prevent] { overscroll-behavior:contain; }
html.lenis.lenis-stopped { overflow:hidden; }
.world-intro { position:relative; z-index:1; isolation:isolate; overflow:hidden; padding:0 0 44px; background:linear-gradient(#0a0e12,#0a0e12) top / 100% 64px no-repeat; }
.world-intro-grid { display:none; }
/* Share one dark edge with the next section, without a separate spacer band. */
#hero::after { content:''; position:absolute; z-index:2; inset:auto 0 0; height:90px; background:linear-gradient(transparent,#0a0e12); pointer-events:none; }
.world-cover-atmosphere { position:absolute; pointer-events:none; left:0; top:0; width:100%; height:calc(100svh + 600px); background:radial-gradient(ellipse at 3% 7%,#30496c8c,transparent 51%),radial-gradient(ellipse at 71% -12%,#62543235,transparent 36%),radial-gradient(ellipse at 105% 98%,#2334484f,transparent 39%),linear-gradient(145deg,#181a23,#101115 69%,#090b0e); }
html[data-layout=flow] #flow-world > .lore-stage.lore-replica { z-index:1; background:transparent; }
.world-intro-frame { position:relative; isolation:isolate; min-height:clamp(410px,34vw,610px); background:#f0f1eb; color:#19282d; clip-path:polygon(0 18px,16.5% 18px,16.5% 0,100% 0,100% calc(100% - 26px),87.5% calc(100% - 26px),87.5% 100%,0 100%); }
.world-intro-art { position:absolute; inset:0; margin:0; }
.world-intro-art img { position:absolute; left:0; top:12%; width:80%; height:80%; object-fit:contain; object-position:left center; opacity:.83; filter:grayscale(.32) blur(1.8px); mix-blend-mode:multiply; mask-image:linear-gradient(90deg,#000 0%,#000 58%,transparent 96%); }
.world-intro-art figcaption { position:absolute; left:5.6%; bottom:8%; font:500 10px/1.5 var(--sans); letter-spacing:1px; }
.world-intro-art figcaption span { margin-left:25px; color:#73878c; font:500 8px/1.5 var(--en); letter-spacing:1.1px; }
.world-intro-lines { position:absolute; inset:0; pointer-events:none; }
.world-intro-lines i { position:absolute; height:1px; background:#4c687523; transform-origin:left; }
.world-intro-lines i { left:42%; right:5.6%; bottom:20%; }
.world-intro-accent { position:absolute; top:0; right:0; width:7.6%; height:24%; background:#e8e24b; }
.world-intro-accent i { position:absolute; width:8px; height:8px; left:15%; top:36%; background:#19282d; }
.world-intro-accent i+ i { width:5px; height:5px; transform:translate(-5px,8px); }
.world-intro-wordmark { position:absolute; isolation:isolate; right:5.6%; top:16%; display:flex; flex-direction:column; align-items:flex-end; font:800 italic clamp(32px,4.3vw,78px)/.94 'Deuterium Sans',sans-serif; letter-spacing:-.055em; }
.world-intro-wordmark b { position:relative; z-index:1; font:inherit; white-space:nowrap; }
.world-intro-wordmark span { display:block; font:inherit; white-space:nowrap; }
.world-intro-wordmark > .intro-reflection-one,.world-intro-wordmark > .intro-reflection-two { position:relative; align-self:flex-start; width:100%; pointer-events:none; }
.world-intro-wordmark > .intro-reflection-one { height:.647213em; margin-top:-.246557em; opacity:.18; }
.world-intro-wordmark > .intro-reflection-two { height:.431475em; margin-top:.092459em; opacity:.09; }
.intro-shadow-text { width:100%; transform-origin:left top; }
.intro-reflection-one .intro-shadow-text { transform:scale(.987842,.688525); }
.intro-reflection-two .intro-shadow-text { transform:scale(.981763,.459016); mask-image:linear-gradient(#000 0%,#0009 75%,transparent 100%); }
.world-intro-note { position:absolute; right:5.6%; bottom:29%; text-align:right; }
.world-intro-note p { font:500 clamp(12px,1.05vw,17px)/1.6 var(--sans); letter-spacing:1.4px; }
.world-intro-note span { display:block; margin-top:8px; color:#75848a; font:500 7px/1.5 var(--en); letter-spacing:1.3px; }
.world-intro-label { position:absolute; right:5.6%; bottom:11%; display:flex; gap:22px; align-items:center; }
.world-intro-label h2 { font:500 13px/1.5 var(--sans); letter-spacing:6px; }
.world-intro-label i { height:1px; width:80px; background:#5168725c; }
.world-intro-label > span { font:500 24px/1 var(--en); }
.flow-section[data-flow=play] .gameplay-marquee.section-mast { --title-unit:.625vw; display:block; width:100%; min-width:0; height:calc(var(--title-unit) * 32); min-height:0; margin:0; padding:calc(var(--title-unit) * 8.125) 0 0; overflow:clip; }
@media(min-width:1001px) { .flow-section[data-flow=play] .gameplay-marquee.section-mast { height:calc(var(--title-unit) * 26); } }
.flow-section[data-flow=play][data-atmosphere] > .page-head { padding-top:12px; }
.flow-section[data-flow=play] .page-head .page-no { grid-row:1; }
.flow-section[data-flow=play] .page-head .page-title { grid-row:2; }
.flow-section[data-flow=play] .page-head .page-en { grid-row:3; }
.flow-section[data-flow=play] .page-head .page-lead { grid-row:2 / 4; }
html[data-layout=flow] #flow-play { overflow-x:clip; }
html.intro-reading .floating-menu { color:#19282d; }
html.intro-reading .floating-menu:hover { background:#73878c0a; border-color:#63798330; }
.mast-track { position:relative; width:100%; height:calc(var(--title-unit) * 15.625); }
.mast-item { position:absolute; left:0; top:0; width:calc(var(--title-unit) * 117.46541502); height:100%; }
.mast-graphic { display:block; width:100%; height:100%; fill:currentColor; stroke:none; }
.topline { will-change:transform; }
/* Animated footer children must not change the document scroll range. */
html[data-footer-mode=inline] #siteFooter { overflow:clip; }
html[data-page=play]:not(.menu-visible) .floating-menu { background:#f3f3ede6; backdrop-filter:blur(4px); }
@media(min-width:1920px) { .world-intro-frame { min-height:32vw; } }
@media(max-width:760px) {
  .world-intro { padding:0 0 28px; }
  .world-intro-frame { min-height:470px; clip-path:polygon(0 12px,20% 12px,20% 0,100% 0,100% calc(100% - 18px),80% calc(100% - 18px),80% 100%,0 100%); }
  .world-intro-art img { top:35%; width:119%; max-width:none; height:40%; object-position:center; mask-image:linear-gradient(90deg,#000 0%,#000 66%,transparent 100%); }
  .world-intro-art figcaption { left:24px; bottom:15%; font-size:9px; }
  .world-intro-art figcaption span { display:block; margin:5px 0 0; font-size:6px; }
  .world-intro-wordmark { top:14%; right:24px; font-size:clamp(27px,7.65vw,53px); }
  .world-intro-accent { width:18%; height:18%; }
  .world-intro-note { right:24px; bottom:21%; }
  .world-intro-note p { font-size:11px; letter-spacing:0; }
  .world-intro-note span { display:none; }
  .world-intro-label { right:24px; bottom:7%; gap:14px; }
  .world-intro-label h2 { font-size:12px; letter-spacing:3px; }
  .world-intro-label i { width:42px; }
  .world-intro-lines i { left:24px; right:24px; bottom:25%; }
  .flow-section[data-flow=play][data-atmosphere] > .page-head { padding-top:8px; }
  .flow-section[data-flow=play] .page-head .page-lead { grid-row:4; }
  .world-intro-art img { filter:grayscale(.32) blur(1.2px); }
}
/* The original uses a static, smaller graphic in portrait mode. */
@media(orientation:portrait) {
  .flow-section[data-flow=play] .gameplay-marquee.section-mast { --title-unit:1.481481481vw; height:calc(var(--title-unit) * 16.25); padding-top:calc(var(--title-unit) * 4.625); }
  .mast-track { height:calc(var(--title-unit) * 7.5); }
  .mast-item { width:calc(var(--title-unit) * 56.383399209); }
}

/* Static identity, policy entries and player information. */
#siteFooter { padding:0; background:#0b0e10; color:#d9dedd; }
#siteFooter .footer-signal { min-height:72px; padding:20px 5.5%; background:radial-gradient(#dbe5e610 .7px,transparent .9px) 0 0/7px 7px,#13181b; color:#a4adae; }
#siteFooter .footer-body { display:grid; grid-template-columns:minmax(300px,.8fr) minmax(0,1.4fr); align-items:start; gap:56px; width:100%; max-width:1800px; min-height:0; margin:0 auto; padding:48px clamp(24px,5.5vw,112px) 44px; }
#siteFooter .footer-brand { display:flex; align-items:center; gap:20px; min-width:0; min-height:112px; padding:0 32px 0 0; border-right:1px solid #b2bfc129; }
#siteFooter .footer-brand img { display:block; flex:none; width:80px; height:80px; }
#siteFooter .footer-brand b { display:block; color:#eef0ea; font:650 clamp(22px,2vw,32px)/1.1 var(--brand-sans); letter-spacing:-.7px; white-space:nowrap; }
#siteFooter .footer-brand em { font:inherit; color:#e8e24b; }
#siteFooter .footer-brand p { margin-top:14px; color:#bac3c2; font:400 11px/1.7 var(--sans); letter-spacing:1.5px; }
#siteFooter .footer-legal { display:grid; grid-template-columns:minmax(0,1fr) 94px; align-items:start; gap:28px; min-width:0; margin:0; max-width:none; text-align:left; }
#siteFooter .footer-information { min-width:0; }
#siteFooter .footer-copyright { margin:0; color:#b8c2c2; font:500 11px/1.7 var(--brand-sans); letter-spacing:.45px; }
#siteFooter .footer-links { display:flex; flex-wrap:wrap; gap:2px 22px; margin:10px 0 19px; color:#d8dfde; font:400 13px/1.5 var(--sans); }
#siteFooter .footer-links a { display:inline-flex; align-items:center; min-height:36px; padding:0; border:0; text-underline-offset:5px; }
#siteFooter .footer-links a:hover { color:#e8e24b; text-decoration:underline; }
#siteFooter .footer-health p { display:flex; flex-wrap:wrap; gap:0 16px; margin:0; color:#9faeaf; font:400 11px/1.9 var(--sans); }
#siteFooter .footer-health span { white-space:nowrap; }
#siteFooter .footer-disclaimer { margin:13px 0; color:#95a3a7; font:400 10px/1.9 var(--sans); }
#siteFooter .footer-record { display:inline-flex; align-items:center; gap:8px; min-height:32px; color:#b5c0c1; font:400 11px/1.5 var(--sans); }
#siteFooter .footer-record svg { width:11px; height:11px; }
#siteFooter .footer-record:hover { color:#e8e24b; }
#siteFooter .footer-age { display:flex; flex-direction:column; align-items:center; gap:10px; padding-top:3px; }
#siteFooter .footer-age img { display:block; width:80px; height:auto; }
#siteFooter .footer-age p { margin:0; color:#b8c2c2; font:400 9px/1.6 var(--sans); white-space:nowrap; }
#siteFooter :is(.footer-signal,.footer-brand,.footer-legal) { opacity:1; transform:none; animation:none; transition:none; }
#siteFooter a:focus-visible { outline:2px solid #e8e24b; outline-offset:5px; }
@media(max-width:1100px) {
  #siteFooter .footer-body { grid-template-columns:1fr; gap:28px; padding:36px clamp(24px,5.5vw,64px) 32px; }
  #siteFooter .footer-brand { border-right:0; border-bottom:1px solid #b2bfc129; padding:0 0 28px; min-height:0; }
  #siteFooter .footer-brand b { font-size:28px; }
  #siteFooter .footer-brand img { width:64px; height:64px; }
  #siteFooter .footer-legal { gap:32px; }
}
@media(max-width:600px) {
  #siteFooter .footer-signal { min-height:58px; padding:16px 24px; }
  #siteFooter .footer-body { padding:28px 24px 32px; gap:24px; }
  #siteFooter .footer-brand { gap:16px; padding-bottom:24px; }
  #siteFooter .footer-brand img { width:52px; height:52px; }
  #siteFooter .footer-brand b { font-size:clamp(20px,5.65vw,28px); letter-spacing:-.5px; }
  #siteFooter .footer-brand p { font-size:10px; letter-spacing:.7px; margin-top:10px; }
  #siteFooter .footer-legal { grid-template-columns:1fr; gap:24px; }
  #siteFooter .footer-copyright { max-width:260px; font-size:10px; }
  #siteFooter .footer-links { column-gap:20px; margin-bottom:14px; font-size:12px; }
  #siteFooter .footer-links a { min-height:44px; }
  #siteFooter .footer-health p { display:grid; grid-template-columns:1fr 1fr; gap:0 14px; font-size:11px; line-height:2; }
  #siteFooter .footer-age { flex-direction:row; justify-content:flex-start; padding:0; gap:16px; }
  #siteFooter .footer-age img { width:64px; }
  #siteFooter .footer-age p { font-size:11px; }
  #siteFooter .footer-disclaimer { font-size:10px; }
  #siteFooter .footer-record { min-height:44px; }
}

/* Reference paper trial and six-column archive typography. */
@font-face { font-family:'D9 Archive'; src:url('https://xiwanzi.cn-nb2.rains3.com/deuterium-official/r82-e455d305512e/assets/fonts/Archive-KaiGen-Normal.woff') format('woff'); font-weight:350; font-display:swap; }
@font-face { font-family:'D9 Archive'; src:url('https://xiwanzi.cn-nb2.rains3.com/deuterium-official/r82-e455d305512e/assets/fonts/Archive-KaiGen-Bold.woff') format('woff'); font-weight:700; font-display:swap; }
@font-face { font-family:'D9 Archive'; src:url('https://xiwanzi.cn-nb2.rains3.com/deuterium-official/r82-e455d305512e/assets/fonts/Archive-KaiGen-Heavy.woff') format('woff'); font-weight:900; font-display:swap; }
html[data-layout=flow] { background:#eeeeee; }
html[data-layout=flow][data-page=world].lore-reading { background:#eeeeee; }
#flow-world { --archive-corner-depth:26px; --archive-corner-width:12.5%; --archive-paper:#eeeeee; --archive-ink:#0f1a1e; --archive-grid:#c7c7c7; --archive-font:'D9 Archive','HarmonyOS Sans SC Complete',sans-serif; }
#flow-world .world-intro-frame { background:#eeeeee url('https://xiwanzi.cn-nb2.rains3.com/deuterium-official/r82-e455d305512e/assets/archive-paper-grain.svg'); clip-path:polygon(0 18px,16.5% 18px,16.5% 0,100% 0,100% calc(100% - var(--archive-corner-depth)),calc(100% - var(--archive-corner-width)) calc(100% - var(--archive-corner-depth)),calc(100% - var(--archive-corner-width)) 100%,0 100%); }
#flow-world .world-summary { color:var(--archive-ink); font-family:var(--archive-font); }
#flow-world .summary-paper-body { padding-top:78px; background:#eeeeee url('https://xiwanzi.cn-nb2.rains3.com/deuterium-official/r82-e455d305512e/assets/gf2-setting-reference.png') center bottom / cover no-repeat; clip-path:polygon(0 var(--archive-corner-depth),var(--archive-corner-width) var(--archive-corner-depth),var(--archive-corner-width) 0,100% 0,100% 100%,0 100%); }
#flow-world .summary-background { display:none; }
#flow-world .summary-grid { border-color:var(--archive-grid); border-block:0; mask-image:linear-gradient(to bottom,#000 calc(100% - 96px),transparent); }
#flow-world .world-cover-atmosphere :is(.lore-cloud,.lore-ambient-dust) { position:absolute; inset:0; width:100%; height:100%; pointer-events:none; }
#flow-world .world-cover-atmosphere .lore-cloud { transition:none; mask-image:linear-gradient(to right,#000 0 61%,#000b 66%,transparent 76%); }
@media(max-width:760px) { #flow-world .world-cover-atmosphere .lore-cloud { mask-image:none; } }
#flow-world .summary-grid::before { top:76px; background:var(--archive-grid); }
#flow-world .summary-grid i { background:var(--archive-grid); opacity:1; }
#flow-world .summary-grid i:nth-child(1) { left:var(--summary-inset); }
#flow-world .summary-grid i:nth-child(2) { left:calc(var(--summary-inset) + (100% - 2 * var(--summary-inset)) / 4); }
#flow-world .summary-grid i:nth-child(3) { left:50%; right:auto; }
#flow-world .summary-grid i:nth-child(4) { left:calc(50% + (100% - 2 * var(--summary-inset)) / 4); }
#flow-world .summary-grid i:nth-child(5) { left:calc(100% - var(--summary-inset)); }
#flow-world .summary-header { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:0; align-items:start; height:18px; padding:0; }
#flow-world .summary-header > span { justify-self:start; display:flex; align-items:center; height:18px; padding:0 30px 0 12px; color:var(--archive-ink); background:#e8e24b; font:700 18px/18px var(--archive-font); }
#flow-world .summary-header > small { grid-column:2 / 4; display:flex; align-items:center; gap:10px; min-height:18px; font:500 9px/18px var(--en); letter-spacing:1px; color:#48545a; }
#flow-world .summary-header > small i { display:block; flex:none; width:12px; height:12px; background:var(--archive-ink); }
#flow-world .summary-heading { position:relative; margin:60px 0 57px; font:350 clamp(40px,4.4vw,72px)/1 var(--archive-font); letter-spacing:0; }
#flow-world .summary-heading strong { margin-top:12px; font-weight:350; }
#flow-world .summary-heading strong b { font-weight:900; }
#flow-world .summary-heading::before,#flow-world .summary-columns::before { content:'//'; position:absolute; left:-33px; top:10px; color:#555d60; font:350 24px/1 var(--archive-font); letter-spacing:-5px; pointer-events:none; }
#flow-world .summary-columns { position:relative; }
#flow-world .summary-columns::before { top:2px; }
#flow-world .summary-columns article { padding-right:64px; }
#flow-world .summary-columns h3 { margin:0; padding:4px 13px; background:var(--archive-ink); color:#efefef; font:700 26px/1 var(--archive-font); }
#flow-world .summary-columns p { margin:0; padding:0; color:#0f1a1e; font:700 16px/32px var(--archive-font); }
#flow-world .summary-columns p:first-of-type { padding-top:23px; }
#flow-world .summary-columns p + p { margin-top:8px; }
#flow-world .summary-quote { margin-top:32px; border-color:#b9bb40; }
#flow-world .summary-quote p { color:#465255; font:350 16px/30px var(--archive-font); }
#flow-world .summary-quote cite { color:#58666b; font:350 11px/18px var(--archive-font); }
#flow-world .summary-more-strip { border-color:var(--archive-grid); }
.summary-more-frame { position:absolute; left:0; top:-1px; bottom:-1px; width:50%; border:1px solid var(--archive-grid); pointer-events:none; }
.summary-more-frame i { position:absolute; width:3px; height:3px; background:#151c1f; }
.summary-more-frame i:nth-child(1) { left:-2px; top:-2px; }
.summary-more-frame i:nth-child(2) { right:-2px; top:-2px; }
.summary-more-frame i:nth-child(3) { left:-2px; bottom:-2px; }
.summary-more-frame i:nth-child(4) { right:-2px; bottom:-2px; }
#flow-world .world-more { width:146px; min-height:44px; top:15px; padding:0; color:var(--archive-ink); font:700 20px/20px var(--archive-font); }
#flow-world .world-more small { margin-top:2px; font:400 12px/14px var(--en); letter-spacing:0; }
#flow-world .world-more svg { width:39px; height:39px; margin:0; }
.summary-left-rail { position:absolute; left:67px; bottom:29px; width:22px; height:258px; display:flex; flex-direction:column; justify-content:space-between; align-items:center; color:#62696b; pointer-events:none; }
.summary-left-rail span { font:400 8px/1 var(--en); white-space:nowrap; }
.summary-left-rail small { font:400 8px/1 var(--en); }
.summary-left-rail svg { width:22px; height:26px; fill:none; stroke:#2a3134; stroke-width:2; }
.summary-right-rail { position:absolute; right:67px; top:32%; bottom:190px; width:12px; display:flex; flex-direction:column; align-items:center; justify-content:space-between; pointer-events:none; }
.summary-right-rail i { width:12px; height:12px; background:#696e70; }
.summary-right-rail b { display:block; width:3px; height:13px; background:repeating-linear-gradient(#696e70 0 3px,transparent 3px 5px); }
.summary-right-rail b:first-of-type { width:12px; height:9px; background:radial-gradient(circle,#696e70 1.2px,transparent 1.3px) 0 0/6px 4px; }
#flow-play,#flow-faq { --reading-paper:#eeeeee; --chapter-surface:#eeeeee; }
#flow-play { background:#eeeeee; }
#flow-faq { background:#eeeeee url('https://xiwanzi.cn-nb2.rains3.com/deuterium-official/r82-e455d305512e/assets/archive-paper-grain.svg'); }
html[data-page=world].lore-reading .topline { background:#eeeeeef0; color:#0f1a1e; }
@media(max-width:1100px) {
  #flow-world .summary-paper-body { padding-top:60px; }
  #flow-world .summary-grid::before { top:58px; }
  #flow-world .summary-heading { margin-block:46px 40px; font-size:clamp(36px,4.8vw,54px); }
  #flow-world .summary-columns article { padding-right:32px; }
  #flow-world .summary-columns h3 { font-size:22px; }
  #flow-world .summary-columns p { font-size:14px; line-height:28px; }
  #flow-world .summary-quote p { font-size:14px; line-height:26px; }
  .summary-left-rail { left:24px; }
  .summary-right-rail { right:24px; }
}
@media(min-width:761px) and (max-width:1000px) {
  #flow-world .summary-more-strip { width:29%; }
  #flow-world .summary-more-frame { width:72.413793%; }
  #flow-world .world-more { right:27.586207%; }
}
@media(max-width:760px) {
  #flow-world { --archive-corner-depth:18px; --archive-corner-width:20%; }
  #flow-world .world-intro-frame { clip-path:polygon(0 12px,20% 12px,20% 0,100% 0,100% calc(100% - var(--archive-corner-depth)),calc(100% - var(--archive-corner-width)) calc(100% - var(--archive-corner-depth)),calc(100% - var(--archive-corner-width)) 100%,0 100%); }
  #flow-world .summary-paper-body { padding-top:44px; background-position:65% bottom; }
  #flow-world .summary-grid::before { top:42px; }
  #flow-world .summary-grid i:nth-child(2),#flow-world .summary-grid i:nth-child(4) { display:none; }
  #flow-world .summary-grid i:nth-child(3) { opacity:.5; }
  #flow-world .summary-header { grid-template-columns:1fr 1fr; }
  #flow-world .summary-header > span { margin-left:48px; font-size:14px; padding-inline:10px 18px; }
  #flow-world .summary-header > small { grid-column:2; font-size:7px; gap:6px; letter-spacing:0; }
  #flow-world .summary-header > small i { width:8px; height:8px; }
  #flow-world .summary-heading { font-size:clamp(28px,7.8vw,43px); margin:34px 0 32px; line-height:1.15; }
  #flow-world .summary-heading strong { margin-top:8px; }
  #flow-world .summary-heading::before,#flow-world .summary-columns::before { display:none; }
  #flow-world .summary-columns article { padding-right:0; }
  #flow-world .summary-columns h3 { font-size:18px; padding:4px 10px; }
  #flow-world .summary-columns p { font-size:13px; line-height:25px; }
  #flow-world .summary-columns p:first-of-type { padding-top:15px; }
  #flow-world .summary-quote { margin-top:26px; }
  #flow-world .summary-quote p { font-size:13px; line-height:25px; }
  #flow-world .summary-quote cite { font-size:10px; }
  .summary-left-rail,.summary-right-rail { display:none; }
  .summary-more-frame { left:24px; width:calc(100% - 48px); }
  #flow-world .world-more { top:12px; font-size:18px; }
}

/* 2048 CSS px is the approved 2560-wide desktop at 125% browser zoom.
   Scale coherent UI groups with the viewport; never infer zoom from devicePixelRatio. */
@media (min-width:1200px) and (min-aspect-ratio:6/5) {
  .topline, .floating-menu,
  .hero-copy, .hero-topnote, .hero-bottom, .hero-discover,
  .world-intro-wordmark, .world-intro-art figcaption, .world-intro-note, .world-intro-label,
  #flow-world .lore-caption, #flow-world .lore-detail, #flow-world .lore-read,
  #flow-world .lore-effect-state, #flow-world .world-summary {
    zoom:var(--desktop-ui-scale,1);
  }
  /* Hold the reference typography when a browser zoom crosses the older 1700px breakpoint. */
  .hero-copy { max-width:850px; bottom:26%; }
  .hero-wordmark { font-size:99px; }
  .hero h1 { font-size:59px; }
  .hero-label { font-size:14px; }
  .hero-bottom { bottom:67px; }
  .hero-notice { width:360px; }
  .world-intro { padding-block:0 calc(44px * var(--desktop-ui-scale,1)); }
  .world-intro-frame { min-height:32vw; }
  .world-intro-wordmark { font-size:78px; }
  html[data-layout=flow] .lore-cloud-layer { top:calc(var(--header-height) * var(--desktop-ui-scale,1)); }
  #flow-world .world-intro-frame {
    --archive-corner-depth:calc(26px * var(--desktop-ui-scale,1));
    clip-path:polygon(0 calc(18px * var(--desktop-ui-scale,1)),16.5% calc(18px * var(--desktop-ui-scale,1)),16.5% 0,100% 0,100% calc(100% - var(--archive-corner-depth)),calc(100% - var(--archive-corner-width)) calc(100% - var(--archive-corner-depth)),calc(100% - var(--archive-corner-width)) 100%,0 100%);
  }
}

/* Quiet surfaces for map, resources and the team page. */
.page[data-atmosphere]:is([data-route=map],[data-route=portal],[data-route=about]) { background-image:none; }
.page[data-atmosphere]:is([data-route=map],[data-route=portal],[data-route=about]) > .page-head { background:none; }
.page[data-atmosphere]:is([data-route=map],[data-route=portal],[data-route=about]) > .page-head::after { display:none; }
.page[data-atmosphere=portal], .page[data-atmosphere=about] { --chapter-surface:#eeefeb; --chapter-ink:#242b2d; --chapter-accent:#68716b; --chapter-rule:#242b2d24; }
.section-eyebrow { font:10px var(--mono); letter-spacing:1.8px; color:#626c66; }

/* One client, three clearly pending services, one working community contact. */
.page[data-atmosphere=portal] .portal { padding-block:48px 80px; }
.page[data-atmosphere=portal] .client-entry { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:24px 40px; padding:40px; background:#22292c; color:#f2f3ef; border:0; }
.page[data-atmosphere=portal] .client-entry::before,.page[data-atmosphere=portal] .client-entry::after,.page[data-atmosphere=portal] .portal-links > a::before { display:none; }
.page[data-atmosphere=portal] .client-identity { display:flex; align-items:center; gap:24px; }
.page[data-atmosphere=portal] .client-identity img { flex:none; width:64px; height:64px; }
.page[data-atmosphere=portal] .client-identity p { color:#b9c2bb; font:10px var(--mono); letter-spacing:1.5px; }
.page[data-atmosphere=portal] .client-identity h2 { margin:12px 0; color:#f2f3ef; font-size:28px; font-weight:500; letter-spacing:.5px; }
.page[data-atmosphere=portal] .client-identity span { color:#b9c2bb; font-size:12px; }
.page[data-atmosphere=portal] .client-action { display:flex; flex-direction:column; align-items:stretch; gap:12px; margin:0; }
.page[data-atmosphere=portal] .client-status { color:#c9d0c9; text-align:right; font-size:12px; }
.page[data-atmosphere=portal] .client-action .pill { min-width:210px; background:var(--industrial-yellow); color:#22292c; border:0; }
.page[data-atmosphere=portal] .client-note { grid-column:1/-1; margin:0; padding-top:22px; border-top:1px solid #ffffff26; color:#b9c2bb; font-size:13px; line-height:1.7; }
.resource-heading { display:flex; align-items:end; justify-content:space-between; gap:20px; margin:52px 0 22px; }
.resource-heading h2 { font-size:23px; font-weight:500; letter-spacing:1px; }
.resource-heading > span { font:10px var(--mono); color:#68716b; }
.page[data-atmosphere=portal] .portal-links { margin:0; gap:16px; border:0; }
.page[data-atmosphere=portal] .portal-links > a { min-height:248px; padding:28px; gap:35px 12px; background:#f6f6f2; border:1px solid #242b2d22; transition:background .2s,border-color .2s; }
.page[data-atmosphere=portal] .portal-links > a:last-child { border:1px solid #242b2d22; }
.page[data-atmosphere=portal] .portal-links > a:is(:hover,:focus-visible) { padding-left:28px; background:#e6e9e2; border-color:#778173; color:#242b2d; }
.page[data-atmosphere=portal] .portal-links > a > svg:first-child { width:28px; height:28px; color:#4d5d51; }
.page[data-atmosphere=portal] .portal-links h2 { margin:12px 0; font-size:25px; font-weight:500; letter-spacing:1px; }
.page[data-atmosphere=portal] .portal-links p { color:#59655e; font-size:14px; line-height:1.8; }
.page[data-atmosphere=portal] .portal-links small { color:#68716b; font:10px var(--mono); letter-spacing:1.2px; }
.page[data-atmosphere=portal] .portal-links > a:is(:hover,:focus-visible) :is(p,small,svg) { color:#48594d; }
.resource-status { grid-column:2; grid-row:1; align-self:start; justify-self:end; padding:5px 8px; border:1px solid #68716b40; color:#626c66; font-size:11px; white-space:nowrap; }
.page[data-atmosphere=portal] .portal-links > a { grid-template-columns:1fr auto; }
.page[data-atmosphere=portal] .portal-community { display:flex; justify-content:space-between; align-items:center; gap:32px; margin:48px 0 0; padding:32px 0 0; border-top:1px solid #242b2d26; }
.page[data-atmosphere=portal] .portal-community h2 { font-size:26px; font-weight:500; margin:14px 0; letter-spacing:1px; }
.page[data-atmosphere=portal] .portal-community p:not(.section-eyebrow) { font-size:14px; line-height:1.8; color:#59655e; }
.page[data-atmosphere=portal] .portal-community a { flex:none; padding:16px 0; font-size:14px; border-bottom:1px solid #242b2d; }

/* About: a letter, an invitation, then recruitment directions. */
.page[data-atmosphere=about] .about-story { display:grid; grid-template-columns:1fr 1.65fr; gap:8%; padding-block:80px 96px; }
.about-note h2 { margin:24px 0; font-size:clamp(26px,3vw,38px); font-weight:500; line-height:1.6; letter-spacing:1px; }
.about-note > p:last-child { color:#68716b; font-size:15px; line-height:1.9; }
.page[data-atmosphere=about] .letter { width:100%; max-width:none; margin:0; padding:0 0 0 40px; border:0; border-left:1px solid #242b2d2b; background:none; }
.page[data-atmosphere=about] .letter h3 { font:500 30px/1.5 var(--sans); margin:18px 0 26px; letter-spacing:2px; }
.page[data-atmosphere=about] .letter > p:not([class]) { font:16px/2 var(--sans); text-align:left; color:#535d57; margin:20px 0; }
.page[data-atmosphere=about] .letter-kicker { font:10px var(--mono); letter-spacing:2px; color:#68716b; }
.page[data-atmosphere=about] .letter-end { font:500 25px/1.8 var(--sans); letter-spacing:1px; }
.page[data-atmosphere=about] .letter-sign { font:16px var(--sans); color:#535d57; }
.join-section { background:#252b2d; color:#f1f2eb; padding:80px 0; }
.join-inner { display:grid; grid-template-columns:1fr 1.1fr; gap:10%; align-items:center; }
.join-word { position:relative; font:750 clamp(88px,11vw,158px)/.88 var(--en); letter-spacing:-8px; color:var(--industrial-yellow); }
.join-word > span { display:inline-block; font-weight:450; vertical-align:top; margin-left:12px; }
.join-copy .section-eyebrow { color:#b7c0b6; }
.join-copy h2 { font-size:clamp(28px,3.4vw,44px); font-weight:500; line-height:1.5; letter-spacing:1px; margin:24px 0; }
.join-copy > p:not(.section-eyebrow) { max-width:440px; font-size:16px; line-height:1.9; color:#c4cbc4; }
.join-copy .pill { margin-top:30px; background:var(--industrial-yellow); color:#242b2d; border:0; }
.page[data-atmosphere=about] .team-section { padding-block:88px 80px; scroll-margin-top:110px; }
.team-heading { display:flex; justify-content:space-between; align-items:end; gap:32px; margin-bottom:36px; }
.team-heading h2 { font-size:36px; font-weight:500; letter-spacing:2px; margin-top:20px; }
.team-heading > p { font-size:14px; line-height:1.9; color:#626c66; }
.team-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; }
.team-card { display:flex; flex-direction:column; padding:30px; min-height:380px; background:#f7f7f3; border-bottom:5px solid var(--industrial-yellow); }
.team-category { font:10px var(--mono); color:#69736b; letter-spacing:1px; }
.team-number { margin:32px 0 20px; font:500 62px/1 var(--en); letter-spacing:-3px; color:#c8cec4; }
.team-card h3 { font-size:27px; font-weight:500; margin-bottom:18px; letter-spacing:1px; }
.team-card > p:not(.team-category) { font-size:14px; line-height:1.9; color:#5e6961; margin-bottom:30px; }
.team-status { margin-top:auto; padding-top:18px; border-top:1px solid #242b2d24; color:#68716b; font-size:12px; }
.team-contact { display:flex; justify-content:space-between; align-items:center; gap:24px; padding-top:28px; }
.team-contact p { font-size:14px; color:#626c66; line-height:1.8; }
.team-contact a { display:flex; align-items:center; gap:20px; font-size:14px; padding:14px 0; border-bottom:1px solid #242b2d; }
.team-contact svg { width:16px; height:16px; }
@media(max-width:1000px) {
  .page[data-atmosphere=portal] .client-identity h2 { font-size:22px; }
  .page[data-atmosphere=portal] .client-entry { padding:30px; column-gap:20px; }
  .page[data-atmosphere=about] .about-story { gap:5%; grid-template-columns:.8fr 1.5fr; }
  .team-card { padding:24px; }
}
@media(max-width:760px) {
  .page[data-atmosphere=portal] .portal { padding-block:28px 56px; }
  .page[data-atmosphere=portal] .client-entry { grid-template-columns:1fr; padding:26px 22px; gap:24px; }
  .page[data-atmosphere=portal] .client-identity { gap:16px; }
  .page[data-atmosphere=portal] .client-identity img { width:48px; height:48px; }
  .page[data-atmosphere=portal] .client-identity h2 { font-size:20px; line-height:1.5; }
  .page[data-atmosphere=portal] .client-identity p { font-size:8px; letter-spacing:.7px; }
  .page[data-atmosphere=portal] .client-status { text-align:left; }
  .page[data-atmosphere=portal] .client-action .pill { width:100%; min-width:0; justify-content:space-between; }
  .resource-heading { display:block; margin-top:36px; }
  .resource-heading > span { display:block; margin-top:12px; }
  .page[data-atmosphere=portal] .portal-links { grid-template-columns:1fr; gap:12px; }
  .page[data-atmosphere=portal] .portal-links > a { min-height:210px; padding:24px; gap:26px 12px; }
  .page[data-atmosphere=portal] .portal-links > a:is(:hover,:focus-visible) { padding-left:24px; }
  .page[data-atmosphere=portal] .portal-community { display:block; margin-top:36px; }
  .page[data-atmosphere=portal] .portal-community a { display:inline-flex; margin-top:20px; }
  .page[data-atmosphere=about] .about-story { grid-template-columns:1fr; gap:32px; padding-block:42px 56px; }
  .about-note h2 { font-size:28px; margin:18px 0; }
  .page[data-atmosphere=about] .letter { padding:30px 0 0; border-left:0; border-top:1px solid #242b2d2b; }
  .page[data-atmosphere=about] .letter > p:not([class]) { font-size:15px; }
  .page[data-atmosphere=about] .letter-end { font-size:23px; }
  .join-section { padding-block:48px; }
  .join-inner { grid-template-columns:1fr; gap:36px; }
  .join-word { font-size:94px; letter-spacing:-5px; }
  .join-copy h2 { margin-block:20px; }
  .page[data-atmosphere=about] .team-section { padding-block:48px 56px; }
  .team-heading { display:block; }
  .team-heading h2 { font-size:30px; }
  .team-heading > p { margin-top:20px; }
  .team-grid { grid-template-columns:1fr; gap:16px; }
  .team-card { min-height:310px; padding:26px; }
  .team-number { margin:24px 0 18px; font-size:48px; }
  .team-contact { display:block; }
  .team-contact a { width:fit-content; margin-top:12px; }
}
@media(max-width:360px) {
  .join-word { font-size:76px; letter-spacing:-4px; }
  .page[data-atmosphere=portal] .client-identity { align-items:start; }
  .page[data-atmosphere=portal] .client-identity img { width:36px; height:36px; }
  .page[data-atmosphere=portal] .client-identity h2 { font-size:18px; }
}