/* AIR RIGHTS / architectural edition. Original scenes, live investment diagrams. */
:root{--paper:#f1f3f1;--ink:#142e2a;--muted:#5c706a;--line:#d9e0dc;--green:#174e40;--green-dark:#102e28;--gold:#dfbd80}
body{background:#eef1ef}
.command-header{box-shadow:0 8px 28px #0c302a0b}
.topbar{background:#102923;color:#f7f5ed;border-bottom-color:#ffffff1c}
.brand-mark{border-color:#dfbd80;color:#efce95}
.brand-sub{color:#c4cec7}
.nav-button{color:#c9d5cf}
.nav-button.active{color:#f5d99e;background:#ffffff0d;box-shadow:inset 0 -2px #dbb777}
.nav-button:hover{color:#fff;background:#ffffff12}
.top-actions .text-button{color:#e5ede8}
.top-actions .icon-button,.top-actions .reset-game-button{background:#1a3830;color:#e6eee8;border-color:#476056}
.view{max-width:1600px;margin:auto;background:transparent;padding:28px 34px 42px}
.desk-heading h1,.view-title{font-family:var(--serif);font-weight:400;letter-spacing:-.045em}
.view p{line-height:1.65}
.btn{min-height:44px;box-shadow:0 2px 3px #0f302807}
.btn.primary{box-shadow:0 4px 12px #10372d16}
.btn:active:not(:disabled){transform:translateY(1px)}
.workspace-links{background:#e7ece8;border-bottom:1px solid #d1dad4}
.workspace-links button[aria-current=page]{color:#11392e;background:#fff;box-shadow:0 1px 5px #172f2310}
.view .desk-heading .eyebrow,.view .view-head .eyebrow{color:#56736a}
.scene-heading{position:relative;isolation:isolate;overflow:hidden;padding:30px 34px;min-height:214px;gap:24px;border-radius:9px;background-color:#102d30;color:#fff;box-shadow:0 8px 24px #0e2d2620;align-items:flex-end}
.scene-heading::before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#061c25dc,#061c2570 54%,#061c2520)}
.skyline-heading{background-image:url('assets/skyline-night.webp');background-size:cover;background-position:center 43%}
.boardroom-heading{background-image:url('assets/negotiation-room.webp');background-size:cover;background-position:center 48%}
.scene-heading h1,.scene-heading .view-title{font-size:clamp(32px,3.1vw,46px);line-height:1.1;color:#fff;margin:8px 0 12px}
.view .scene-heading .eyebrow{color:#f1d5a6}
.scene-heading p,.scene-heading .view-sub{color:#e1e9e5;max-width:640px;font-size:16px}
.scene-heading .btn{background:#0d292bc7;border-color:#c5d8cc88;color:#fff;backdrop-filter:blur(8px);flex-shrink:0}
.scene-heading .btn:hover{background:#234b44}
.mandate-intro{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:0;margin-bottom:26px;border-radius:10px;overflow:hidden;box-shadow:0 8px 30px #18342816}
.mandate-intro>.scene-heading{border-radius:0;margin:0;box-shadow:none;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;min-height:316px;padding:30px}
.mandate-intro>.scene-heading>div:first-child{max-width:calc(100% - 90px)}
.mandate-intro>.scene-heading h1{font-size:clamp(32px,3.25vw,48px);max-width:470px}
.mandate-intro>.scene-heading p{font-size:16px;max-width:470px}
.mandate-intro .scene-heading::before{background:linear-gradient(90deg,#061d29e6,#061d2990 62%,#061d2929)}
.quarter-dial{width:100px;height:100px;position:absolute;right:24px;top:26px;color:#fff}
.quarter-dial svg{width:100%;height:100%}
.quarter-dial>div{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;line-height:1.1}
.quarter-dial span,.quarter-dial small{font-size:12px;letter-spacing:.06em;color:#e5d8c1}
.quarter-dial b{font:400 40px/1.15 var(--serif)}
.mandate-intro .principal-decision{padding:30px;border:0;border-radius:0;background:#fbfcf8;color:var(--ink);display:flex;flex-direction:column;justify-content:center;position:relative}
.mandate-intro .principal-decision::before{content:'';position:absolute;top:0;bottom:0;width:4px;left:0;background:var(--gold)}
.mandate-intro .principal-decision>.eyebrow{font-size:13px;color:#76603b}
.mandate-intro .principal-decision h2{font:400 clamp(25px,2.4vw,34px)/1.16 var(--serif);margin:12px 0}
.mandate-intro .principal-decision p{font-size:16px;color:#4d625a}
.mandate-intro .decision-actions{margin-top:22px;flex-wrap:wrap}
.mandate-intro .decision-actions .btn.primary{background:#174e40;color:white}
.mandate-intro .decision-actions .btn:not(.primary){background:transparent;color:#254638;border-color:#b9c8bf}
.mandate-main>*,.mandate-aside>*{box-shadow:0 3px 14px #18342806}
.city-move-invitation{background:linear-gradient(90deg,#0b292ce8,#0b292cb8),url('assets/skyline-night.webp') center 57%/cover;min-height:290px;border-color:#244a43}
.city-move-invitation h2{max-width:560px}
/* Property concept atlas: exact quadrant crops with undistorted square artwork. */
.architecture{margin:0;position:relative;isolation:isolate;overflow:hidden;min-width:0;background:#25443f;aspect-ratio:1.72}
.architecture-scene{position:absolute;top:50%;left:0;width:100%;aspect-ratio:1;transform:translateY(-50%);background-image:url('assets/architecture-atlas.webp');background-size:200% 200%;background-position:0 0;transition:filter .4s;pointer-events:none}
.architecture-retail .architecture-scene{background-position:100% 0}
.architecture-loft .architecture-scene{background-position:0 100%}
.architecture-warehouse .architecture-scene{background-position:100% 100%}
.architecture::after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(0deg,#071c27a8,transparent 45%)}
.architecture figcaption{position:absolute;z-index:1;bottom:12px;left:16px;right:16px;display:flex;align-items:flex-end;justify-content:space-between;gap:8px;color:#fff}
.architecture figcaption span{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.11em}
.architecture figcaption small{font-size:12px;color:#f4f0e8;white-space:nowrap}
.architecture-inspector{height:145px;aspect-ratio:auto;margin:-23px -24px 18px}
.architecture-inspector .architecture-scene{filter:saturate(.8)}
.architecture-review{margin:20px 0 0;border-radius:6px;aspect-ratio:1.6}
.review-address{padding-top:16px}
.inspector-top .asset-heading{gap:10px;font-size:13px}
.inspector .asset-flavor{font-size:14px;margin-top:11px;padding-bottom:12px}
.architecture-card{aspect-ratio:1.58}
.rival-property>.architecture,.offer-card>.architecture,.option-card>.architecture{margin:-24px -24px 22px;border-radius:6px 6px 0 0}
.rival-property,.option-card,.offer-card{overflow:hidden;border-radius:8px;box-shadow:0 5px 18px #14392b09}
.rival-property{padding:24px}
.architecture-tenant{height:112px;aspect-ratio:auto;margin:-22px -22px 18px}
.tenant-roster-card{overflow:hidden;padding:22px;border-radius:8px}
.tenant-roster-card.claimed .architecture{filter:saturate(.2)}
.architecture-offer,.architecture-option{height:168px;aspect-ratio:auto}
.architecture-district{margin:-22px -22px 18px;height:140px;aspect-ratio:auto}
.district-card{overflow:hidden;padding:22px;border-radius:8px}
.architecture-project{height:185px;aspect-ratio:auto;margin:18px 0;border-radius:5px}
.architecture-chapter{height:178px;aspect-ratio:auto;margin:-24px -24px 23px}
.architecture-chapter::after{background:linear-gradient(0deg,#091d30b3,transparent 80%)}
/* Live, proportional financing and scenario diagrams. */
.capital-graphic{display:flex;align-items:center;gap:20px;margin:14px 0 20px;min-width:0}
.capital-graphic svg{width:105px;height:105px;flex:0 0 105px;overflow:visible}
.capital-percent{font:600 18px var(--sans);fill:#163d30}
.capital-label{font:600 14px var(--sans);fill:#586d62;letter-spacing:.08em}
.capital-graphic figcaption{flex:1;min-width:0}
.capital-graphic figcaption>b{display:block;font-size:15px;margin-bottom:9px}
.capital-graphic figcaption>span{display:flex;align-items:center;gap:7px;margin-top:7px;font-size:14px;color:#51645a}
.capital-graphic figcaption strong{margin-left:auto;color:#183d2f;font-variant-numeric:tabular-nums}
.capital-graphic i,.impact-legend i,.atlas-key i{width:9px;height:9px;display:inline-block;flex:0 0 9px;border-radius:2px}
.capital-equity{background:#1f6b56}.capital-debt{background:#d7b277}
#deal-numbers .capital-graphic{margin:0;padding-bottom:12px;border-bottom:1px solid #d4dfd5}
.outcome-graphic{margin:20px 0 24px;padding:22px 24px;background:#f1f5f1;border:1px solid #e0e8e0;border-radius:6px}
.outcome-graphic>figcaption{display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;font-size:15px;font-weight:600;margin-bottom:20px}
.outcome-graphic>figcaption span{font-weight:400;color:#657568;font-size:14px}
.outcome-rows{display:grid;gap:18px}
.outcome-row{display:grid;grid-template-columns:90px minmax(20px,1fr) 60px;gap:16px;align-items:center;font-size:14px}
.outcome-row>b{font-weight:500}
.outcome-row>strong{text-align:right;font-size:18px;font-variant-numeric:tabular-nums}
.outcome-track{height:27px;background:#e0e7df;position:relative;border-radius:2px}
.outcome-bar{display:block;height:100%;background:#327c62;border-radius:2px;transition:width .3s ease}
.outcome-row.downside .outcome-bar{background:#b98767}
.outcome-row.upside .outcome-bar{background:#184d40}
.outcome-breakeven{position:absolute;top:-5px;bottom:-5px;width:1px;background:#163e3190;border-left:1px dashed #fff}
.lease-at-a-glance{grid-template-columns:minmax(150px,1.2fr) repeat(4,minmax(0,1fr));align-items:center}
.lease-occupancy-visual{display:flex;align-items:center;gap:12px}
.lease-square-grid{display:grid;grid-template-columns:repeat(10,1fr);gap:3px;width:95px;flex:0 0 95px}
.lease-square-grid i{height:6px;background:#d4dfd4}
.lease-square-grid i.occupied{background:#3a8265}
.lease-occupancy-visual>div:last-child strong{font:400 28px/1.1 var(--serif);display:block}
.lease-occupancy-visual>div:last-child span{font-size:12px}
.investment-summary{background:linear-gradient(125deg,#143b31,#102e28);border:1px solid #345d4c;box-shadow:0 7px 20px #0c2e2312;color:#fff}
.investment-summary>p,.investment-summary .review-kpis span,.investment-summary .review-kpis small{color:#d7e2d9}
.investment-summary .review-kpis strong{color:#f0d39e}
.investment-summary .review-kpis .bad{color:#ffc6a6}
.investment-summary .review-kpis>div{border-color:#ffffff26}
.investment-summary .tag{background:#d3e6c9;color:#183f2c}
/* Portfolio is an actual collection of addresses with a compact financial ledger. */
.portfolio-heading{margin-bottom:23px}
.portfolio-summary{grid-template-columns:1fr 1.3fr .9fr;gap:25px;padding:25px 30px;border-radius:8px;align-items:center;margin-bottom:27px;background:linear-gradient(120deg,#163e33,#102b2b)}
.portfolio-summary .big{font-size:46px;color:#f4ddb0}
.portfolio-summary .chart{height:140px}
.portfolio-capital{padding-left:24px;border-left:1px solid #ffffff24}
.portfolio-capital .capital-graphic{margin:0;gap:12px}
.portfolio-capital .capital-graphic svg{width:90px;height:90px;flex-basis:90px}
.portfolio-capital .capital-percent,.portfolio-capital .capital-label{fill:#f0dfbd}
.portfolio-capital .capital-graphic figcaption>span{color:#c6d8cb}
.portfolio-capital .capital-graphic figcaption strong{color:#fff}
.holding-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-bottom:24px}
.holding-card{min-width:0;overflow:hidden;border:1px solid #d3ded6;border-radius:8px;background:white;box-shadow:0 5px 22px #143d2d0a;transition:transform .2s,box-shadow .2s}
.holding-card:hover{transform:translateY(-3px);box-shadow:0 10px 28px #143d2d18}
.holding-content{padding:21px}
.holding-content>.between{gap:8px;flex-wrap:wrap}
.holding-content .eyebrow{font-size:12px;letter-spacing:.06em;color:#61756a}
.holding-content h2{font:400 29px/1.15 var(--serif);margin:11px 0 20px;letter-spacing:-.025em}
.holding-values{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:20px}
.holding-values span{display:block;color:var(--muted);font-size:14px}
.holding-values b{display:block;font:400 27px/1.25 var(--serif);margin-top:4px}
.holding-occupancy,.holding-debt{font-size:13px;display:flex;justify-content:space-between;gap:14px;color:#5d7368}
.holding-occupancy span:last-child{text-align:right}
.holding-occupancy b{color:#23513d}
.occupancy-track{height:5px;background:#e3eae0;margin:9px 0 12px;overflow:hidden;border-radius:2px}
.occupancy-track i{display:block;height:100%;background:#3d8268}
.holding-debt{padding-bottom:18px;margin-bottom:18px;border-bottom:1px solid #e3e9e2}
.portfolio-ledger{border:1px solid #d9e1db;background:#fff;border-radius:6px;padding:20px}
.portfolio-ledger>summary{font-size:16px;font-weight:600;cursor:pointer}
.portfolio-ledger[open]>summary{margin-bottom:20px}
/* Ownership atlas and intervention network use real campaign state. */
.ownership-atlas{padding:22px;background:#15392f;color:#e3eae4;border-radius:7px;border:1px solid #345448}
.atlas-heading{display:grid;gap:5px;margin-bottom:17px}
.atlas-heading .eyebrow{color:#edca91;font-size:13px}
.atlas-heading small{font-size:13px;color:#c4d5c9}
.atlas-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px 20px}
.atlas-district{min-width:0}
.atlas-district>span{font-size:13px;color:#d9e5dc;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom:6px}
.atlas-district>div{display:flex;gap:5px}
.atlas-address{background:#899993;border:1px solid #d6e2d466;border-radius:3px;flex:1;height:36px;min-width:32px;color:#142d26;display:grid;place-items:center}
.atlas-address b{font-size:13px;font-weight:600}
.atlas-address.you{background:#78bda3}.atlas-address.sterling{background:#d2946a}.atlas-address.harbor{background:#8bb4d5}
.atlas-address:hover{outline:2px solid #f1d292;outline-offset:2px}
.atlas-address.atlas-muted{opacity:.35}
.atlas-key{margin-top:18px;padding-top:14px;border-top:1px solid #ffffff22;display:flex;gap:7px 14px;flex-wrap:wrap}
.atlas-key>span{font-size:12px;display:flex;gap:6px;align-items:center;color:#d6e2d9}
.counterparty-brief>.ownership-atlas{background:#0d2725;margin:22px -5px 10px;padding:16px;border-color:#ffffff24}
.counterparty-brief .atlas-grid{gap:10px 14px}
.counterparty-brief .atlas-district>span{font-size:12px}
.counterparty-brief .atlas-address{height:28px;min-width:22px}
.counterparty-sterling{border-top:4px solid #b78258}
.counterparty-harbor{border-top:4px solid #79a4ca}
.counterparty-tabs button{border-radius:7px;transition:box-shadow .2s,background .2s}
.counterparty-tabs button[aria-pressed=true]{box-shadow:0 4px 15px #153e301a}
.deal-room-hero{background:linear-gradient(90deg,#0b211eec,#0b211e8c),url('assets/negotiation-room.webp') center 47%/cover;min-height:230px;border-radius:8px;padding:32px}
.deal-room-hero h1{font-size:clamp(30px,3vw,44px)}
.deal-room-hero p{color:#dae5df}
.empty-offer{background:linear-gradient(180deg,#f9fbf8e8,#f9fbf8f7),url('assets/negotiation-room.webp') center/cover}
.reach-network-label{display:flex;align-items:center;justify-content:center;gap:10px;margin:20px 0 6px;color:#d6e6d8;font-size:13px}
.reach-network-label>span{max-width:120px}
.reach-network-label>b{text-align:center;color:#ecd49f;font-weight:500}
.reach-network-label>i{flex:1;height:1px;background:#dfbd8077;min-width:8px}
.reach-districts{gap:24px;position:relative}
.reach-districts section{min-width:0}
.reach-building{overflow:hidden;position:relative;padding:14px;min-height:180px;isolation:isolate;border-color:#ffffff46}
.architecture-reach{position:absolute;inset:0;height:100%;width:100%;z-index:-2;aspect-ratio:auto;opacity:.5}
.architecture-reach::after{background:linear-gradient(180deg,#071d2980,#071d29e8)}
.reach-building>span,.reach-building>b,.reach-building>div,.reach-building>em{position:relative;z-index:1}
.reach-building>b{font:400 23px/1.16 var(--serif);margin:28px 0 12px;color:#fff}
.reach-building>span{color:#eff2dc}
.reach-building>div small{color:#d4ded4}
.reach-building.you{border-left:4px solid #78bda3}.reach-building.sterling{border-left:4px solid #d2946a}.reach-building.harbor{border-left:4px solid #8bb4d5}
.shared-reach{background:linear-gradient(140deg,#183e36,#0c2828);box-shadow:0 7px 22px #0d362a1c}
.impact-graphic{margin:18px 0 20px;padding-bottom:18px;border-bottom:1px solid #dbe4dd}
.impact-graphic figcaption{font-size:14px;margin-bottom:14px;color:#526c5d}
.impact-stack{display:flex;width:100%;height:20px;border-radius:3px;overflow:hidden;background:#e5eae5}
.impact-stack>i{display:block;height:100%;border-right:2px solid #fff}
.impact-legend{display:grid;grid-template-columns:1fr 1fr;gap:9px 18px;margin-top:14px;font-size:14px}
.impact-legend>span{display:flex;align-items:center;gap:6px}
.impact-legend b{margin-left:auto}
/* Construction, campaign collection and the closing ceremony. */
.development-hero{background:linear-gradient(90deg,#092b2bed,#092b2b40),url('assets/skyline-night.webp') center 43%/cover;border-radius:8px;min-height:245px}
.development-hero>div:first-child{position:relative;z-index:1}
.development-hero-image{min-height:150px;width:40%;flex-shrink:1}
.development-hero h1{font-size:clamp(30px,3.3vw,46px)}
.development-hero p{color:#deebe3}
.project-stages span{position:relative;padding-top:14px;border-top-width:3px}
.chapter-card{overflow:hidden;padding:24px;position:relative;border-radius:8px;box-shadow:0 5px 18px #1233280a}
.chapter-skyline{height:178px;background:url('assets/skyline-night.webp') center 45%/cover;margin:-24px -24px 23px}
.chapter-card .chapter-number{position:absolute;top:107px;left:22px;color:#fff;font:400 52px/1 var(--serif);text-shadow:0 2px 20px #031720}
.chapter-card.locked .architecture-scene,.chapter-card.locked .chapter-skyline{filter:saturate(.3) brightness(.65)}
.chapter-card.locked{opacity:1;background:#eef2ef}
.chapter-card>h2{font:400 29px/1.15 var(--serif);min-height:66px}
.chapter-card>p{font-size:15px}
.chapter-card.won{border-color:#b99656}
.chapter-card.open{border-color:#738f79}
.legacy-inheritance{background:linear-gradient(90deg,#103329ed,#103329de),url('assets/skyline-night.webp') center/cover}
.badge-grid article{border-radius:6px;background:linear-gradient(145deg,#fff,#eef3ee)}
.badge-grid article.earned{background:linear-gradient(145deg,#193f33,#102d2a);color:#f1e9d1;border-color:#65794b}
.badge-grid article.earned p,.badge-grid article.earned small{color:#c9d8c9}
.badge-grid article.earned .badge-seal{background:#e4c68b;color:#214933;box-shadow:0 0 0 5px #d9b97220;border-color:#f1dbaa}
.victory-scene{background:linear-gradient(180deg,#031c2855,#04222bc2 70%,#0b2a29),url('assets/skyline-night.webp') center 40%/cover;padding-top:40px;min-height:460px}
.victory-scene::before{background:linear-gradient(120deg,#d7b66d12,transparent 60%)}
.victory-emblem{color:#f5d89c;box-shadow:0 0 0 10px #f4d6a019,0 0 60px #ddb37833;border:1px solid #efd29a80;background:#082732b5;backdrop-filter:blur(8px)}
.victory-scene h2{font-size:clamp(44px,6vw,66px);text-shadow:0 5px 35px #001a25}
.victory-equity strong{color:#f5dca9}
.victory-details{background:#f7f9f5}
.victory-details .next-chapter-reward{border-left:3px solid #d4b071}
.journal-heading{min-height:185px}
.journal{position:relative;background:#fff;border:1px solid #d7e0d8;border-radius:8px;padding:5px 24px}
.journal-entry{position:relative;border-bottom-color:#e3e9e3}
.journal-entry::before{content:'';position:absolute;left:23px;top:66px;bottom:-12px;width:1px;background:#d9e3d9}
.journal-entry:last-child::before{display:none}
.journal-q{position:relative;z-index:1;background:#e8efe6;border:1px solid #cbdcca;min-width:45px;height:35px;display:grid;place-items:center;border-radius:4px;color:#26533f}
.dialog-city-art{height:135px;background:linear-gradient(90deg,#05212830,#05212815),url('assets/skyline-night.webp') center 41%/cover;border-bottom:3px solid #d8b571}
.deal-art{height:145px;position:relative;overflow:hidden;background:#0d2a26}
.deal-art .architecture-dialog{position:absolute;inset:0;height:100%;aspect-ratio:auto}
.deal-art .architecture-scene{width:55%;left:45%;filter:saturate(.75)}
.deal-art .architecture::after{background:linear-gradient(90deg,#0d2a26 15%,#0d2a26e0 40%,#0d2a2600 75%)}
.deal-art .architecture figcaption{left:auto;right:20px;bottom:12px}
.deal-art .architecture figcaption>span{display:none}
.deal-art>div{position:relative;z-index:2;width:64%;padding:25px 30px;display:flex;flex-direction:column;justify-content:center;height:100%;color:#fff}
.deal-art>div .eyebrow{color:#e2c38b;font-size:12px}
.deal-art>div>b{font:400 30px/1.12 var(--serif);margin-top:8px}
#dialog:has(.deal-art) .dialog-close,#dialog:has(.dialog-city-art) .dialog-close{background:#09282ee0;color:#fff;border:1px solid #cddacf60;border-radius:50%;width:34px;height:34px;z-index:6}
.guide-art{background-image:url('assets/skyline-night.webp');background-position:center 43%}
.dialog-actions{position:sticky;bottom:-28px;z-index:3;background:#fff;padding-top:18px;padding-bottom:10px;box-shadow:0 -8px 12px #ffffffd0}
#bid-submit{min-height:50px}
.bid-feedback{font-size:15px}
@media(min-width:1600px){.architecture-inspector{margin:-26px -28px 18px;height:165px}}
@media(max-width:1200px){
 .view{padding:25px 24px 36px}.mandate-intro{grid-template-columns:1.1fr 1fr}.mandate-intro>.scene-heading{padding:25px}.mandate-intro .principal-decision{padding:25px}.quarter-dial{width:83px;height:83px;right:18px;top:24px}.quarter-dial b{font-size:34px}.quarter-dial span{font-size:12px}.mandate-intro>.scene-heading>div:first-child{max-width:calc(100% - 70px)}.architecture-inspector{margin:-21px -21px 18px}.portfolio-summary{grid-template-columns:1fr 1.3fr}.portfolio-capital{grid-column:1/-1;padding:16px 0 0;border-left:0;border-top:1px solid #ffffff26}.portfolio-capital .capital-graphic{max-width:360px}.portfolio-capital .capital-graphic svg{width:75px;height:75px;flex-basis:75px}.holding-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.lease-at-a-glance{grid-template-columns:repeat(2,minmax(0,1fr))}.lease-occupancy-visual{grid-column:1/-1;padding-bottom:15px;border-bottom:1px solid #dbe5dc}.chapter-path{grid-template-columns:repeat(2,minmax(0,1fr))}.chapter-card>h2{min-height:0}
}
@media(max-width:900px){
 .navigation{border-top-color:#ffffff20}.nav-button.active{background:#ffffff0a;border-bottom-color:#e6c18a}.mandate-intro{grid-template-columns:1fr}.mandate-intro>.scene-heading{min-height:260px}.mandate-intro>.scene-heading>div:first-child{max-width:80%}.mandate-intro .principal-decision{padding:24px}.mandate-intro .principal-decision::before{width:auto;height:3px;top:0;right:0;bottom:auto}.mandate-intro .principal-decision h2{font-size:29px}.mandate-intro .decision-actions{margin-top:16px}.mandate-intro .scene-heading h1{font-size:38px}.quarter-dial{width:94px;height:94px;right:25px}.mandate-intro>.scene-heading p{max-width:550px}.scene-heading{padding:27px;align-items:flex-start;flex-direction:column}.scene-heading p{max-width:100%}.architecture-inspector{margin:-18px -18px 18px;height:135px}.counterparty-brief>.ownership-atlas{margin:18px 0 0}.counterparty-brief .atlas-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.rival-property-grid{gap:18px}.portfolio-heading{align-items:flex-start}.lease-at-a-glance{gap:17px}.impact-legend{grid-template-columns:1fr 1fr}.chapter-card{padding:24px}.outcome-graphic{padding:18px}.deal-room-hero{padding:28px}.scene-heading h1{font-size:37px}
}
@media(max-width:600px){
 .view{padding:20px 16px 32px}.brand-sub{font-size:12px;letter-spacing:.14em}.mandate-intro{margin-bottom:20px}.mandate-intro>.scene-heading{padding:24px 22px;min-height:285px}.mandate-intro>.scene-heading>div:first-child{max-width:100%}.mandate-intro .scene-heading h1{max-width:240px;font-size:35px;margin-top:12px}.mandate-intro>.scene-heading p{padding-right:0;font-size:15px;max-width:360px}.quarter-dial{top:46px;right:18px;width:75px;height:75px}.quarter-dial b{font-size:28px}.quarter-dial span,.quarter-dial small{font-size:12px}.mandate-intro .principal-decision{padding:25px 22px}.mandate-intro .principal-decision h2{font-size:28px}.mandate-intro .decision-actions .btn{width:100%}.mandate-intro .scene-heading>.btn{margin-top:20px}.scene-heading{border-radius:6px;padding:24px;min-height:250px}.scene-heading h1,.scene-heading .view-title{font-size:34px}.scene-heading p{font-size:15px}.scene-heading>.btn{max-width:100%;white-space:normal}.holding-gallery{grid-template-columns:1fr;gap:20px}.holding-content{padding:22px}.holding-content h2{font-size:30px}.holding-card>.architecture{aspect-ratio:1.6}.portfolio-summary{grid-template-columns:1fr;gap:18px;padding:24px}.portfolio-summary .big{font-size:45px}.portfolio-capital{grid-column:auto;padding-top:16px}.portfolio-summary .chart{height:130px}.portfolio-ledger{padding:16px}.portfolio-heading>.btn{display:none}.architecture-inspector{margin:-22px -22px 18px;height:185px}.architecture-review{aspect-ratio:1.8}.rival-property>.architecture{height:180px;aspect-ratio:auto}.counterparty-brief .atlas-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.deal-room-hero{min-height:280px;padding:25px;gap:25px}.deal-room-hero h1{font-size:33px}.deal-room-hero p{font-size:15px}.outcome-graphic{padding:18px 14px}.outcome-row{grid-template-columns:75px minmax(0,1fr) 52px;gap:10px;font-size:13px}.outcome-row>strong{font-size:16px}.outcome-track{height:24px}.capital-graphic{gap:17px}.capital-graphic svg{width:90px;height:90px;flex-basis:90px}.lease-at-a-glance{grid-template-columns:1fr 1fr}.lease-occupancy-visual{grid-column:1/-1}.impact-legend{grid-template-columns:1fr}.reach-network-label{gap:6px;font-size:12px}.reach-network-label>span{max-width:80px}.reach-network-label>b{max-width:90px}.reach-building>b{font-size:21px}.reach-districts{gap:14px}.reach-building{min-height:170px;padding:12px}.chapter-path{grid-template-columns:1fr}.chapter-card>h2{font-size:30px}.chapter-card>.architecture,.chapter-skyline{height:200px}.chapter-card .chapter-number{top:127px}.development-hero{padding:27px;min-height:260px}.development-hero-image{display:none}.development-hero h1{font-size:34px}.architecture-district{height:175px}.deal-art{height:128px}.deal-art>div{padding:20px 24px;width:70%}.deal-art>div>b{font-size:27px}.deal-art .architecture-scene{width:68%;left:32%}.deal-art .architecture figcaption{bottom:8px;right:12px}.deal-art .architecture figcaption small{font-size:12px}.dialog-city-art{height:115px}.dialog-actions{bottom:-25px}.journal{padding:0 16px}.journal-entry::before{left:21px}.victory-scene{min-height:435px}.victory-scene h2{font-size:54px}
}
@media(max-width:360px){.mandate-intro .scene-heading h1{font-size:30px;max-width:195px}.quarter-dial{width:64px;height:64px;right:12px}.mandate-intro .scene-heading p{font-size:14px}.atlas-grid{gap:12px}.capital-graphic{gap:10px}}
@media(prefers-reduced-motion:reduce){.holding-card,.architecture-scene,.outcome-bar,.btn{transition:none}.holding-card:hover{transform:none}}

/* Flex items retain full-bleed image geometry; chart labels retain contrast. */
.chapter-card>.architecture,.chapter-card>.chapter-skyline{width:calc(100% + 48px);flex-shrink:0}
.chapter-card>.eyebrow{margin-top:0}
.chapter-card.won .chapter-number{color:#fff3d0}
.tenant-roster-card>.architecture{width:calc(100% + 44px);flex-shrink:0}
.counterparty-brief>.ownership-atlas{grid-column:1/-1}
.reach-building strong{color:#f6d69a}
.reach-building em{color:#e0e9df}
.mandate-intro .principal-decision h2{color:#193d2f}
.offer-card{padding:24px}
@media(max-width:600px){.brand-sub{font-size:12px;letter-spacing:.035em}.holding-occupancy,.holding-debt{font-size:14px}.lease-occupancy-visual>div:last-child span{font-size:14px}}

.architecture-directory{display:block;width:66px;height:62px;aspect-ratio:auto;border-radius:4px}
.property-directory>button{grid-template-columns:66px 1fr auto;gap:15px}
.property-directory b{font-size:15px}
.property-directory small{font-size:13px}
.architecture-reach{display:block}
@media(max-width:600px){.brand-sub{display:none}.property-directory>button{grid-template-columns:48px minmax(0,1fr) auto;gap:10px}.architecture-directory{width:48px;height:58px}.property-directory b{font-size:14px}.property-directory small{font-size:12px}.property-directory>button>span:last-child{max-width:92px}.dialog-actions{flex-wrap:wrap}}
.reach-building>.architecture-reach{position:absolute;inset:0;z-index:-2;width:100%;height:100%;margin:0;padding:0}