:root{--forest:#400d10;--deep:#340a0d;--cream:#f1eee5;--gold:#bda77b;--soft:#dccbbd;--rail:292px}*{box-sizing:border-box}body{margin:0;background:var(--deep);color:var(--cream);font:13px 'PingFang SC','Microsoft YaHei',sans-serif;overflow:hidden}button{color:inherit;font:inherit;cursor:pointer;background:none;border:0}button:focus-visible,select:focus-visible,input:focus-visible{outline:2px solid var(--gold);outline-offset:4px}button:disabled{opacity:.4;cursor:default}[hidden]{display:none!important}#world{position:fixed;inset:0 0 0 var(--rail);overflow:hidden;background:#601318}#photo{width:100%;height:100%;touch-action:none;cursor:grab}#scene-image{width:100%;height:100%;object-fit:cover;transform:scale(1.09);user-select:none;pointer-events:none;transition:opacity .35s,filter .7s}#photo:active{cursor:grabbing}.shade{position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#340a0d44,transparent 30%),linear-gradient(0deg,#340a0de6,transparent 45%,transparent 70%,#340a0d77)}#pins{position:absolute;inset:0;pointer-events:none}.pin{position:absolute;transform:translate(-50%,-50%);pointer-events:auto;display:flex;align-items:center;gap:9px;padding:8px 12px;background:#400d10bb;border:1px solid #d4c7a65c;backdrop-filter:blur(7px);border-radius:2px;font-size:11px;box-shadow:0 6px 25px #340a0d40}.pin:before{content:'';width:6px;height:6px;border-radius:50%;background:#e6c98b;box-shadow:0 0 0 5px #e6c98b22}.pin:hover{background:#bda77b;color:#400d10}.pin.building{font-size:12px;padding:9px 15px}header{position:absolute;top:0;left:0;right:0;height:94px;display:flex;align-items:center;justify-content:space-between;padding:0 30px 0 27px;z-index:4;background:linear-gradient(#340a0dc0,transparent)}.identity{display:flex;align-items:center;gap:15px;text-align:left}.seal{width:38px;height:45px;border:1px solid var(--gold);color:var(--gold);display:grid;place-items:center;font:27px 'Songti SC',serif}.identity small{display:block;letter-spacing:2.5px;font-size:8px;color:var(--gold);margin-bottom:6px}.identity strong{font:21px 'Songti SC',serif;letter-spacing:2px}.header-right{display:flex;align-items:center;gap:22px}.header-right button{font-size:11px;letter-spacing:1px}.header-right #fullscreen{font-size:23px}.edition{font-size:10px;color:#efded0;letter-spacing:1px}#sidebar{position:absolute;top:0;bottom:0;width:var(--rail);background:linear-gradient(140deg,#460e12,#340a0d);padding:126px 27px 132px;z-index:2;border-right:1px solid #bda77b27}.chapter-index{font-size:9px;letter-spacing:2px;color:var(--gold)}h1{font:34px 'Songti SC',serif;letter-spacing:3px;margin:15px 0}#chapter-intro{font-size:12px;color:var(--soft);line-height:1.9;min-height:46px;margin:0}.hairline{height:1px;background:#bda77b50;margin:24px 0 15px}#subnav{display:grid;gap:4px}.subitem{display:flex;align-items:center;width:100%;text-align:left;padding:10px 11px;color:#dccbbd;position:relative;border-left:1px solid transparent}.subitem .num{font:10px Georgia;opacity:.6;width:28px}.subitem strong{font:17px 'Songti SC',serif;letter-spacing:1px}.subitem small{display:block;font-size:9px;margin-top:5px;opacity:.65}.subitem.active{border-left-color:var(--gold);background:linear-gradient(90deg,#bda77b18,transparent);color:var(--cream)}.subitem.active .num{color:var(--gold);opacity:1}.subitem:hover{color:var(--gold)}.side-bottom{position:absolute;bottom:133px;left:28px;right:28px;font-size:9px;color:#c3b2a4}.side-bottom button{display:block;margin-top:15px;border:1px solid #bda77b66;padding:9px 15px;color:var(--gold);font-size:11px;letter-spacing:2px}.side-bottom button.running{background:var(--gold);color:var(--forest)}#stage{position:absolute;inset:95px 0 126px var(--rail);pointer-events:none}.view-switch{position:absolute;top:15px;left:30px;display:flex;border:1px solid #ece7d43c;background:#400d1066;backdrop-filter:blur(10px);pointer-events:auto}.view-switch button{padding:9px 16px;font-size:10px;color:#e5d4c6}.view-switch .active{background:var(--cream);color:var(--forest)}.compass{position:absolute;right:40px;top:17px;display:flex;flex-direction:column;align-items:center;font:10px Georgia;gap:6px;color:#ebe5d5;text-shadow:0 2px 5px #000}.compass i{font-size:25px;font-style:normal}.scene-caption{position:absolute;bottom:57px;left:40px;max-width:520px;pointer-events:auto}.scene-caption>span{font-size:9px;letter-spacing:3px;color:#e0cfaa}.scene-caption h2{font:42px 'Songti SC',serif;letter-spacing:3px;margin:16px 0 12px;text-shadow:0 2px 18px #340a0d90}.scene-caption p{font-size:12px;color:#e2e5dc;line-height:1.85;margin:0;max-width:470px}#scene-actions{display:flex;gap:12px;margin-top:18px}#scene-actions button{border:1px solid #bda77b88;padding:10px 15px;background:#400d1077;font-size:11px;backdrop-filter:blur(8px)}#scene-actions button:first-child{background:var(--cream);color:var(--forest)}#scene-strip{position:absolute;right:92px;bottom:50px;display:flex;gap:8px;pointer-events:auto}.thumbnail{width:85px;height:62px;position:relative;background:#400d10;overflow:hidden;border:1px solid #fff4}.thumbnail img{width:100%;height:100%;object-fit:cover;opacity:.8}.thumbnail span{position:absolute;bottom:5px;left:7px;font-size:9px;text-shadow:0 1px 5px #000}.thumbnail:hover{border-color:var(--gold)}#view-label{position:absolute;bottom:12px;left:40px;font-size:9px;letter-spacing:1px;color:#e7d6c8}.scene-tools{position:absolute;right:27px;bottom:50px;display:grid;background:#400d10bd;border:1px solid #bda77b55;backdrop-filter:blur(8px);pointer-events:auto}.scene-tools button{width:38px;height:38px;font-size:19px}.scene-tools button:hover{background:#bda77b33}#chapters{position:absolute;bottom:37px;left:var(--rail);right:0;height:89px;display:flex;background:#350b0df2;border-top:1px solid #bda77b4c;z-index:3;padding:0 28px}#chapters button{position:relative;flex:1;display:flex;align-items:center;justify-content:center;gap:15px;border-right:1px solid #bda77b1e;margin:17px 0;color:#cebdaf}#chapters button:last-child{border:0}#chapters .num{font:12px Georgia;color:#bda77b88}#chapters strong{display:block;font:20px 'Songti SC',serif;letter-spacing:2px}#chapters small{display:block;font-size:9px;margin-top:6px;color:#ad9c8e;letter-spacing:1px}#chapters button.active{color:var(--cream)}#chapters button.active:after{content:'';position:absolute;bottom:-17px;width:44px;height:2px;background:var(--gold)}#chapters button.active .num{color:var(--gold)}#chapters button:hover strong{color:var(--gold)}footer{position:absolute;bottom:0;left:0;right:0;height:37px;display:flex;align-items:center;justify-content:space-between;background:#2f0a0c;padding:0 28px;font-size:9px;color:#ad9c8e;letter-spacing:.5px;z-index:4}footer button{font-size:9px;color:#d3c2b4;text-decoration:underline}dialog{background:#3d0c0f;color:var(--cream);border:1px solid #bda77b80;padding:45px;width:min(1100px,92vw);max-height:85vh;overflow:auto;box-shadow:0 20px 100px #0008}dialog::backdrop{background:#2a090bbb;backdrop-filter:blur(12px)}dialog small{letter-spacing:3px;font-size:9px;color:var(--gold)}dialog h2{font:34px 'Songti SC',serif;letter-spacing:2px;margin:14px 0 30px}.close{position:absolute;right:15px;top:12px;font-size:25px}.close:hover{color:var(--gold)}#info{width:620px}#info p{line-height:1.9;color:#dccbbd;font-size:12px}#directory-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:24px}.dircol h3{font:21px 'Songti SC',serif;color:var(--gold);margin:0 0 20px}.dircol button{display:block;text-align:left;padding:8px 0;width:100%;border-bottom:1px solid #bda77b20;font-size:12px}.dircol button:hover{color:var(--gold)}.dircol small{letter-spacing:0;display:block;color:#b3a294;font-size:9px;margin-top:4px}#selection-panel{position:absolute;right:80px;top:76px;width:280px;background:#3c0c0feb;border:1px solid #bda77b66;padding:23px;backdrop-filter:blur(14px);pointer-events:auto;max-height:calc(100% - 85px);overflow:auto}#selection-panel h3{font:25px 'Songti SC',serif;margin:7px 0 12px}#selection-panel .overline{letter-spacing:2px;color:var(--gold);font-size:9px}.form-row{display:flex;align-items:center;justify-content:space-between;margin:13px 0;gap:15px}.form-row label{font-size:11px;color:#d2c1b3}.form-row select{background:#460e12;color:var(--cream);border:1px solid #bda77b55;padding:7px 8px;font:11px inherit;width:130px}.floor-row{display:flex;flex-wrap:wrap;gap:7px;margin:12px 0}.floor-row button{border:1px solid #bda77b44;padding:7px 10px;font-size:11px}.floor-row button.active{background:var(--gold);color:var(--forest)}.unit-card{background:#f1eee5;color:#400d10;padding:15px;margin:15px 0}.unit-card strong{display:block;font:23px 'Songti SC',serif;margin:6px 0}.unit-card small{font-size:10px}.unit-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px}.unit-actions button{padding:9px 5px;border:1px solid #bda77b66;font-size:10px}.unit-actions .primary{background:var(--gold);color:var(--forest)}.small-note{font-size:9px;color:#b5a496;line-height:1.65;margin-top:13px}.plan-thumb{width:100%;margin-top:12px;cursor:zoom-in}.room-tabs{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:12px 0}.room-tabs button{padding:9px;border:1px solid #bda77b55;font-size:10px}.room-tabs button.active{color:var(--forest);background:var(--cream)}#region-panel{position:absolute;inset:75px 90px 125px 30px;background:#f1eee5ed;border:1px solid #bda77b66;pointer-events:auto;padding:18px;display:grid;grid-template-columns:1fr 230px;gap:25px;color:var(--forest)}#region-panel img{width:100%;height:100%;object-fit:contain;min-height:0}#region-panel h3{font:27px 'Songti SC',serif;margin:13px 0}#region-panel p{line-height:1.8;font-size:12px}#region-panel .overline{letter-spacing:2px;font-size:9px;color:#8d7c6e}#brand-panel{position:absolute;inset:64px 80px 155px 30px;background:#400d10f2;border:1px solid #bda77b66;pointer-events:auto;padding:32px;display:flex;flex-direction:column;justify-content:center}#brand-panel h3{font:35px 'Songti SC',serif;margin:8px 0 17px;color:var(--gold)}#brand-panel p{font-size:12px;line-height:1.8;color:var(--soft)}.brand-gallery{display:flex;gap:20px;margin-top:20px}.brand-gallery button{flex:1;text-align:left;border-top:1px solid #bda77b6c;padding:15px 0}.brand-gallery .folio{display:block;font:35px Georgia;color:#bda77b66;margin-bottom:12px}.brand-gallery strong{display:block;font:20px 'Songti SC',serif}.brand-gallery small{display:block;font-size:10px;color:#b4a395;margin-top:9px}.brand-gallery button.active{border-color:var(--cream)}#toast{position:absolute;top:105px;left:50%;transform:translateX(-50%);padding:12px 20px;background:#400d10f5;border:1px solid #bda77b77;z-index:40;opacity:0;transition:.3s;pointer-events:none;font-size:12px}#toast.show{opacity:1}#model{position:absolute;inset:0}#model canvas{display:block;width:100%;height:100%}.compare-list{font-size:11px;color:var(--soft);line-height:1.7;margin:14px 0}.compare-list button{color:var(--gold);font-size:10px;margin-left:8px}
/* Desktop demonstration layout: navigation and playback have separate rows. */
body{min-width:1024px}
#sidebar{display:flex;flex-direction:column;padding:120px 27px 44px;gap:0;overflow:hidden}
#sidebar .chapter-index,#sidebar h1,#chapter-intro,#sidebar .hairline{flex-shrink:0}
#sidebar h1{margin:12px 0}
#chapter-intro{min-height:42px}
#sidebar .hairline{margin:20px 0 12px}
#subnav{display:block;flex:1;min-height:0;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#bda77b55 transparent;padding:0 4px 12px 0}
.subitem{margin-bottom:4px;padding:10px 10px}
.subitem strong{font-size:17px}
.side-bottom{position:static;flex-shrink:0;left:auto;right:auto;bottom:auto;background:transparent;border-top:1px solid #bda77b44;padding-top:15px;margin-top:8px}
.side-bottom button{margin-top:10px;width:100%;padding:11px 15px;text-align:center}
.scene-caption{max-width:min(530px,calc(100% - 300px));bottom:44px}
.scene-caption h2{font-size:36px;line-height:1.35;letter-spacing:2px;margin:12px 0}
#scene-strip{right:28px;bottom:46px}
.thumbnail{width:74px;height:55px}
#view-label{bottom:12px;left:40px;font-size:9px}
.tool-dock{position:absolute;right:28px;top:14px;pointer-events:auto;z-index:8}
#tools-toggle{display:flex;align-items:center;gap:22px;font-size:11px;padding:11px 15px;border:1px solid #bda77b66;background:#400d10c7;backdrop-filter:blur(10px)}
#tools-toggle span{font-size:15px;color:var(--gold)}
#tools-toggle[aria-expanded=true]{background:var(--cream);color:var(--forest)}
.scene-tools{position:absolute;right:0;top:48px;bottom:auto;display:grid;grid-template-columns:repeat(4,48px);padding:5px;gap:3px}
.scene-tools button{width:48px;height:51px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;font-size:19px}
.scene-tools button span{font-size:9px}
.compass{right:185px;top:17px}
#selection-panel{right:28px;top:76px;max-height:calc(100% - 92px)}
#region-panel{right:28px}
#brand-panel{right:28px}
.view-switch{left:30px}
#chapters{height:83px;bottom:37px}
#stage{bottom:120px}
#scene-actions button{padding:9px 14px}
@media(max-height:800px){#sidebar{padding-top:103px}#sidebar h1{font-size:29px;margin:10px 0}#chapter-intro{font-size:11px;min-height:37px}#sidebar .hairline{margin:15px 0 9px}.subitem{padding:8px 9px}.subitem small{margin-top:4px}.side-bottom{padding-top:10px}.side-bottom>span{font-size:8px}.scene-caption h2{font-size:30px}.scene-caption p{font-size:11px}.scene-caption{bottom:36px}}

#loading-scene{position:absolute;inset:0;display:grid;place-items:center;background:#400d10;color:#bda77b;z-index:20;font:26px 'Songti SC',serif;letter-spacing:4px}.scene-caption{pointer-events:none}.scene-caption #scene-actions{pointer-events:auto}#brand-panel{inset:auto 30px 140px auto;width:300px;padding:24px;background:#3d0c0fda}.brand-gallery{gap:10px}.brand-gallery strong{font-size:13px}.brand-gallery .folio{font-size:22px}#brand-panel h3{font-size:23px}#brand-panel p{font-size:10px}.reference-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.reference-grid img{width:100%;max-height:300px;object-fit:cover}.reference-grid img:last-child{grid-column:1/-1;max-height:350px}#references-dialog p{font-size:11px;line-height:1.8;color:#dccbbd}.shade{background:linear-gradient(0deg,#340a0da6,transparent 36%,transparent 80%,#340a0d55)}#photo{display:none!important}#model{touch-action:none}.pin{font-size:10px;background:#3e0c10c7;backdrop-filter:blur(8px)}

/* Presentation-led desktop experience, model retains the whole canvas. */
:root{--rail:0px}#world{inset:0}#stage{inset:95px 0 115px 0}header{padding:0 30px;height:96px}.identity strong{font-size:23px}#sidebar{left:30px;top:114px;bottom:auto;width:305px;max-height:calc(100vh - 250px);padding:23px 22px 18px;background:#3e0c10ef;border:1px solid #bdad853a;border-radius:3px;backdrop-filter:blur(18px);box-shadow:0 15px 60px #360b0e33;overflow:auto;display:block;scrollbar-width:thin}#chapter-index{font-size:8px;letter-spacing:2px}#sidebar h1{font-size:19px;letter-spacing:2px;color:var(--gold);margin:12px 0 0}#chapter-intro{display:none}#panel-title{font:27px/1.4 'Songti SC',serif;margin:16px 0 11px;letter-spacing:1px}#panel-summary{font-size:11px;line-height:1.9;color:#decdbf;margin:0}#signature-launches button{width:100%;font-size:11px;border:1px solid #bda77b88;padding:11px 10px;color:#420d11;background:var(--gold);margin-top:17px;text-align:left}#design-evidence{font-size:10px;margin-top:14px;color:#decdbf;line-height:1.9}#design-evidence summary{cursor:pointer;color:#bda77b}#evidence-copy{padding:10px 0 0}#sidebar .hairline{margin:15px 0 5px}#subnav{overflow:visible;padding:0;display:grid;gap:0}.subitem{padding:9px 7px;margin:0;border-top:1px solid #bda77b18;border-left:0}.subitem .num{width:24px}.subitem strong{font:13px 'Songti SC',serif}.subitem small{display:none}.subitem.active{background:#d7c7a5;color:#400d10;border-radius:2px}.subitem.active .num{color:#5e1318}.side-bottom{margin-top:14px;padding-top:12px}.side-bottom>span{display:none}.side-bottom button{margin:0;font-size:10px;padding:9px}.scene-caption{display:none}#chapters{left:50%;right:auto;transform:translateX(-50%);bottom:43px;width:850px;height:65px;border:1px solid #bda77b55;border-radius:4px;background:#3e0c10f2;padding:5px 10px;backdrop-filter:blur(16px)}#chapters button{margin:3px 0;padding:8px 10px;gap:10px}#chapters strong{font-size:17px}#chapters small{display:none}#chapters button.active{background:var(--gold);color:var(--forest);border-radius:2px}#chapters button.active:after{display:none}#chapters button.active .num{color:#5c1217}.view-switch{left:auto;right:190px;top:17px}.tool-dock{right:30px;top:17px}.compass{right:52px;top:95px}#view-label{left:30px;bottom:0;color:#ead9cb;font-size:9px}.shade{background:linear-gradient(0deg,#3a0c0f66,transparent 23%,transparent 80%,#3a0c0f88)}#selection-panel{right:30px;top:80px;background:#3e0c10e8;width:265px}#brand-panel{right:30px;bottom:85px;width:290px}.pin{font-size:10px}#experience-rail{position:absolute;bottom:126px;left:50%;transform:translateX(-50%);width:min(830px,calc(100vw - 400px));z-index:8;background:#3e0c10f2;border:1px solid #bda77b66;backdrop-filter:blur(15px);padding:15px 18px;border-radius:3px}.experience-head{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#d4c197;margin-bottom:12px}.experience-head button{font-size:21px}#experience-steps{display:flex;gap:5px}#experience-steps button{flex:1;padding:10px 5px;border:1px solid #bda77b33;font-size:11px}#experience-steps button.active{background:var(--gold);color:var(--forest)}.experience-foot{display:flex;gap:15px;align-items:center;margin-top:8px}.experience-foot button{font-size:10px;color:var(--gold);white-space:nowrap}.experience-foot p{font-size:10px;color:#e4d3c5;line-height:1.6;margin:0;flex:1}.experience-active #sidebar{max-height:calc(100vh - 300px)}#layer-control{margin-top:15px;font-size:10px}#layer-control label{display:flex;justify-content:space-between}#layer-slider{width:100%;accent-color:var(--gold);margin:10px 0}#layer-control small{font-size:9px;color:#b7a698}.mode-options{display:flex;gap:16px}.mode-options button{flex:1;text-align:left;padding:23px;border:1px solid #bda77b66}.mode-options strong{font:23px 'Songti SC',serif;display:block}.mode-options span{display:block;font-size:11px;color:#c7b6a8;margin-top:15px}#tour-modes{width:850px}footer{background:#350b0dcc;height:30px;font-size:8px}@media(max-height:800px){#sidebar{top:100px;max-height:calc(100vh - 220px);padding:18px}#panel-title{font-size:24px;margin:12px 0 8px}#panel-summary{font-size:10px}#signature-launches button{margin-top:12px;padding:9px}.subitem{padding:7px}#experience-rail{bottom:119px;padding:10px 15px}}

#experience-rail{left:365px;right:30px;width:auto;transform:none}.experience-active #selection-panel,.experience-active #brand-panel{display:none!important}

/* Content is staged by purpose: brand, city, anatomy and lived experience. */
#narrative{position:absolute;inset:0;z-index:5;pointer-events:none;color:#f4f1e7}#narrative button{pointer-events:auto}.narrative-eyebrow{font:10px Arial;letter-spacing:3px;color:#c9b685}#narrative h2{font:28px 'Songti SC','STSong',serif;margin:12px 0;line-height:1.45}#narrative p{line-height:1.9;font-size:12px;color:#e3d2c4}body.editorial #model,body.editorial #pins,body.editorial .view-switch,body.editorial .compass,body.editorial .tool-dock{visibility:hidden}body.editorial #world{background:#360b0e}body.editorial #world:after{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 76% 38%,#64141a38,transparent 65%),linear-gradient(135deg,#360b0e,#400d10)}body.editorial #view-label{display:none}.brand-editorial{padding:112px 44px 145px 375px;overflow:auto;pointer-events:auto!important}.editorial-title{max-width:900px}.brand-spread{display:grid;grid-template-columns:.8fr 1.8fr;border-top:1px solid #b5a77b88;border-bottom:1px solid #b5a77b55;margin-top:24px;min-height:340px}.brand-statement{position:relative;border-right:1px solid #b5a77b55;padding:30px 24px 20px 0}.brand-statement>span{font:12px Arial;color:#c5b180;letter-spacing:4px}.brand-statement h3{font:34px 'Songti SC',serif;line-height:1.7;margin:14px 0}.brand-statement p{font-size:10px!important;letter-spacing:2px;max-width:200px}.brand-stamp{position:absolute;right:20px;bottom:25px;border:1px solid #b4a27a;color:#b4a27a;padding:8px;font:10px serif;line-height:1.8;letter-spacing:3px}.brand-story{display:flex;flex-direction:column}.brand-story button{display:grid;grid-template-columns:110px 1fr;gap:5px 10px;text-align:left;background:none;border:0;border-bottom:1px solid #b5a77b33;padding:22px;color:#eee9da}.brand-story button:last-child{border-bottom:0}.brand-story button.active,.brand-story button:hover{background:#c8b68616}.brand-story small{grid-row:1/3;font-size:10px;letter-spacing:2px;color:#beab7e}.brand-story strong{font:20px 'Songti SC',serif}.brand-story p{margin:0}.brand-story i{grid-column:2;font-style:normal;font-size:10px;color:#c9b685}.brand-detail{font-size:11px;color:#cebdaf;padding:20px 0;line-height:1.8}.brand-detail strong{color:#e3d8b9}.brand-detail p{margin:4px 0}
.city-heading,.analysis-heading{position:absolute;top:104px;left:375px;max-width:540px;background:linear-gradient(90deg,#3d0c0fea,transparent);padding:20px 25px}.city-heading h2,.analysis-heading h2{font-size:25px!important}.city-lenses{position:absolute;left:400px;top:265px;display:flex;gap:6px}.city-lenses button,.layer-tabs button,.function-tabs button{border:1px solid #c4b68c88;background:#420d11ed;color:#e5e8db;font-size:11px;padding:12px 16px}.city-lenses button.active,.layer-tabs button.active,.function-tabs button.active{background:#c2af80;color:#400d10}.radius-key{position:absolute;left:390px;bottom:155px;padding:18px 22px;background:#3e0c10eb;border-left:2px solid #bfad80;display:grid;gap:7px;max-width:240px}.radius-key strong{font:35px Georgia;color:#d2bd8b}.radius-key span{font-size:11px;letter-spacing:2px}.radius-key button{background:#c1af81;color:#3e0c10;border:0;padding:10px;margin-top:4px}.radius-key small{font-size:10px;color:#c7b6a8;line-height:1.7}.city-resource-list{position:absolute;right:30px;top:295px;width:245px;background:#3c0c0fea;padding:8px 16px;max-height:340px;overflow:auto;pointer-events:auto}.city-resource-list button{display:flex;align-items:center;gap:9px;width:100%;background:none;border:0;border-bottom:1px solid #c4b68c33;color:#f0eddf;text-align:left;padding:10px 0}.city-resource-list button.active{color:#d9c18c}.resource-dot{width:5px;height:5px;border-radius:50%;background:#c5b17d;flex-shrink:0}.city-resource-list span{flex:1;font-size:12px}.city-resource-list small{display:block;font-size:9px;color:#ccbbad;margin-top:5px;line-height:1.5}.city-resource-list b{font-weight:normal}.resource-detail{position:absolute;right:30px;bottom:155px;width:280px;padding:20px;background:#3c0c0ff2;border-top:1px solid #c2ad7b}.resource-detail strong,.resource-detail em,.resource-detail small{display:block}.resource-detail strong{font:19px 'Songti SC',serif;line-height:1.4}.resource-detail em{font-size:10px;color:#ccb583;font-style:normal;margin:10px 0}.resource-detail small{font-size:9px;color:#c5b4a6;letter-spacing:2px;margin-bottom:7px}.resource-detail p{font-size:11px!important;margin-bottom:0}.city-map-note{position:absolute;left:375px;bottom:116px;font-size:9px;color:#e4d3c5;max-width:640px;background:#410d10c9;padding:6px 12px}.city-pin{font-size:11px!important;padding:7px 12px!important;white-space:nowrap}.project-pin{background:#c6b483!important;color:#3e0c10!important}.city-pin.selected{background:#b9a578!important;color:#400d10!important}body[data-chapter='1'] #pins{z-index:8}body[data-chapter='1'] .view-switch{display:none}body[data-chapter='1'] .compass{top:200px}
.layer-tabs{position:absolute;left:400px;top:260px;display:flex;gap:4px}.analysis-value{position:absolute;right:30px;top:300px;width:255px;background:#3e0c10e8;padding:6px 22px}.analysis-value>div{padding:18px 0;border-bottom:1px solid #c2b08355}.analysis-value>div:last-child{border-bottom:0}.analysis-value small{font:10px Arial;color:#d0b882;letter-spacing:3px}.analysis-value strong{font:19px 'Songti SC',serif;display:block;margin:9px 0}.analysis-value p{font-size:11px!important;margin:0}.analysis-value em{font-size:10px;color:#d0ba8a;font-style:normal;display:block;margin:12px 0}.analysis-bottom{position:absolute;left:390px;bottom:145px;max-width:590px;background:#3e0c10e8;padding:18px 22px;font-size:11px;color:#e3d2c4}.analysis-bottom strong{font-size:14px;color:#d1bb89}.analysis-bottom p{margin:6px 0 0}.design-orbit{position:absolute;top:300px;left:390px;right:32px;display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#b5a57b55;padding:1px}.design-orbit>span{grid-column:1/-1;padding:20px;text-align:center;background:#3c0c0fee;font:20px 'Songti SC',serif;letter-spacing:8px}.design-orbit>div{background:#3d0c0fec;padding:28px 20px}.design-orbit small{font:34px Georgia;color:#baa676}.design-orbit strong{display:block;margin-top:18px;font:17px 'Songti SC',serif}.design-orbit p{font-size:11px!important}body[data-chapter='2'] .view-switch{display:none}
.chapter-purpose{position:absolute;left:385px;top:118px;font-size:10px;letter-spacing:3px;padding:12px 20px;background:#3e0c10e8;border-left:2px solid #c4b383}.life-start{position:absolute;right:30px;bottom:155px;background:#3e0c10ed;padding:25px;width:285px;border-top:1px solid #c3ad7d}.life-start small{color:#c2b187;font-size:10px}.life-start strong{display:block;margin:12px 0;font:20px 'Songti SC',serif;line-height:1.6}.life-start button{width:100%;background:#c1ae7e;color:#400d10;border:0;padding:13px}.function-layout{position:absolute;right:30px;top:220px;width:330px;background:#3e0c10f2;padding:20px;pointer-events:auto}.function-tabs{display:flex}.function-tabs button{flex:1;padding:12px 5px}#function-plan>span{display:block;font-size:10px;letter-spacing:2px;margin:22px 0 12px;color:#c4b184}.plan-blocks{display:grid;grid-template-columns:1fr 1.3fr;gap:5px;padding:12px;border:1px solid #b5a87b77;transform:skewY(-4deg);margin:25px 0}.plan-blocks b{padding:28px 6px;text-align:center;font-size:11px;font-weight:normal;border:1px solid #d5d3b633;background:#ab9a8c33}.plan-blocks .zone-1{background:#b6a37577}.plan-blocks .zone-3{background:#4b0f13}.function-layout>small{font-size:9px;color:#ccbbad}.service-flow{position:absolute;right:30px;top:215px;width:300px;padding:24px;background:#3e0c10f2}.service-flow h3{font:22px 'Songti SC',serif}.service-flow>small{font-size:9px;letter-spacing:2px;color:#ccb581}.service-flow ol{padding-left:22px;font-size:15px}.service-flow li{padding:16px 6px;border-bottom:1px solid #ad9c8e55}.service-flow li span{display:block;font-size:11px;color:#cbbaac;margin-top:9px}.experience-active .life-start,.experience-active .function-layout,.experience-active .analysis-value,.experience-active .chapter-purpose{display:none}#sidebar{z-index:12}#narrative{z-index:6}#experience-rail{z-index:14}#chapters{z-index:18}header{z-index:20}
@media(max-height:800px){.brand-editorial{padding-top:95px}.brand-spread{min-height:280px;margin-top:12px}.brand-story button{padding:16px}.brand-statement h3{font-size:28px}.brand-detail{padding:10px 0}.city-heading,.analysis-heading{top:90px}.city-lenses,.layer-tabs{top:232px}.city-resource-list{top:245px;max-height:245px}.analysis-value{top:250px}.analysis-value>div{padding:13px 0}.function-layout{top:185px}.resource-detail{bottom:140px}.city-resource-list{right:20px}.city-heading{max-width:490px}}

#narrative{position:fixed;inset:0}.city-resource-list{top:120px;max-height:270px}.analysis-heading,.city-heading{max-width:530px}body.editorial .brand-editorial{padding-bottom:140px}@media(max-height:800px){.city-resource-list{top:115px;max-height:250px}.brand-spread{min-height:250px}.brand-story button{padding:14px 18px}.brand-story p{font-size:11px!important}.brand-statement{padding-top:20px}.brand-statement h3{font-size:27px;margin:8px 0}.brand-editorial h2{font-size:25px!important}.brand-detail{padding:10px 0}}

.city-scale{position:absolute;left:400px;top:286px;display:flex;gap:4px}.city-scale button{font-size:10px;padding:9px 12px;background:#3e0c10eb;border:1px solid #c3ad7c77;color:#dddacb}.city-scale button.active{background:#c1ae7e;color:#3e0c10}.analysis-heading{padding:12px 20px;max-width:540px}.analysis-heading h2{font-size:23px!important;margin:8px 0!important}.analysis-heading p{font-size:11px!important;line-height:1.7!important;margin:8px 0 0}.analysis-bottom{bottom:112px;padding:10px 16px;max-width:610px}.analysis-bottom p{font-size:10px!important}.analysis-bottom strong{font-size:12px}.layer-tabs{top:230px}.city-resource-list{right:30px;width:245px}.city-resource-list button{padding:9px 0}.city-resource-list{top:170px;max-height:210px}.city-heading{max-width:600px;top:105px;padding:15px 20px}.city-lenses{top:250px}.city-scale{top:296px}.radius-key{bottom:155px}.city-map-note{bottom:116px;max-width:840px}body[data-chapter='1'] .tool-dock{top:110px;right:30px}.brand-editorial .editorial-title p{font-size:12px!important}body[data-chapter='2'] #view-label{display:none}@media(max-height:800px){.city-heading{top:95px;max-width:600px;padding:12px 20px}.city-heading h2{font-size:23px!important;margin:7px 0!important}.city-heading p{font-size:11px!important;line-height:1.6!important}.city-lenses{top:213px}.city-scale{top:255px}.city-resource-list{top:172px;max-height:208px}.resource-detail{bottom:140px;padding:16px;width:280px}.radius-key{left:385px;bottom:150px;padding:14px 18px;max-width:210px}.radius-key strong{font-size:28px}.analysis-heading{top:95px}.layer-tabs{top:220px}.analysis-value{top:250px}.analysis-bottom{bottom:112px}.city-map-note{font-size:8px;padding:5px 10px}.function-layout{width:300px;padding:16px}.plan-blocks b{padding:21px 5px}.service-flow{top:180px;padding:20px}.service-flow li{padding:12px 5px}}

body[data-chapter='1'] .tool-dock,body[data-chapter='1'] .compass{display:none}.layer-tabs{left:auto;right:30px;top:200px;gap:2px}.layer-tabs button{font-size:10px;padding:9px 10px}.analysis-value{max-height:calc(100vh - 380px);overflow:auto;pointer-events:auto}.analysis-value strong{font-size:17px}.analysis-value p{line-height:1.7!important}.analysis-value>div{padding:12px 0}@media(max-height:800px){.layer-tabs{top:200px}.analysis-value>div{padding:11px 0}.analysis-value{top:245px}}

.layer-pin{font-size:10px;padding:7px 10px;border-color:#bdaa71;background:#430d11ed;white-space:nowrap}#pins:has(.layer-pin){z-index:8}