/* Yous & Co. identity, with the animated city and agent close-ups. */
body.exploring .scene-layer{display:block!important}
body.exploring .agent-spotlight:not([hidden]){display:block!important}
body.exploring .concierge,body.agent-focus .concierge-fab{display:none!important}
body.tour-mode .tour-caption{justify-content:flex-end}
body.tour-mode .tour-caption .tour-location{display:none}
body.agent-focus .tour-caption{opacity:0;pointer-events:none}
.agent-spotlight{right:3vw;bottom:1.25rem;max-height:48svh;overflow:auto}
.agent-spotlight .spotlight-avatar{width:70px;height:70px}
.agent-card{border-left:2px solid var(--pack-color,var(--acid))}
.agent-legend-item{letter-spacing:.04em;font-size:.8rem}
.chapter-inner .eyebrow{font-size:.8rem}
.btn,#tour .button{font-size:.8rem;letter-spacing:.08em}
.nav a{font-size:.875rem}
.menu-item input:focus-visible+.box{outline:2px solid var(--encre);outline-offset:3px}
.menu-item small,.menu-form .field label{font-size:.875rem}
.concierge .choice small{font-size:.8rem;letter-spacing:0}
.concierge-card{--ink-2:#55504B;--ink-3:#6E6862;--surface-2:#F3EEE7;--line:rgba(27,27,31,.14);--line-strong:rgba(27,27,31,.28);--cyan:#475B0A}
.concierge .result .offer{background:#F3EEE7;border-color:rgba(27,27,31,.15)}
.concierge .result .offer em{color:#475B0A}
.concierge .result ol,.concierge .btn-link{color:#55504B}
.concierge .result .btn{background:var(--encre);color:var(--acid)}
body.page-mode .chip-btn,body.page-mode .tl .when{color:#475B0A}
body.page-mode [data-motion],body.page-mode .tour-caption,body.page-mode:not(.exploring) .scene-layer{display:none!important}
body.page-mode .floor-chip{background:var(--paper);color:#55504B;border:1px solid var(--line-strong)}
body.page-mode .floor-chip b{color:#475B0A}
body.page-mode .menu-preview .brief,body.page-mode .tl .fact{color:var(--encre)}
body.page-mode .ind-links a:hover{color:var(--encre)}
.menu-item:focus-within{border-color:var(--encre)}
.scene-poster{background-image:url(assets/tower-poster.jpg)}

@media(min-width:681px){
  #tour .chapter-inner{padding-bottom:5.5rem}
  #tour .chapter--arrival .chapter-inner{padding-bottom:3rem}
  #tour .chapter--agents .chapter-inner{padding-bottom:7rem}
  #tour .floor-humor{margin-top:1.25rem}
  .concierge-fab{right:1.25rem;bottom:1.25rem}
  .tour-caption{right:1.25rem;bottom:5rem}
}
@media(max-width:1320px){
  .topbar .nav{display:none;position:absolute;left:0;right:0;top:100%;flex-direction:column;background:var(--bg);border-bottom:1px solid var(--line);padding:1rem 1.5rem;max-height:75svh;overflow:auto}
  .topbar .nav.open{display:flex}
  .topbar .burger{display:flex}
  .topbar .wordmark-sub{display:none}
  .topbar .nav a{font-size:1rem;padding:.6rem}
}
@media(min-width:681px) and (max-height:820px){
  #tour .chapter{align-items:flex-start;padding-top:7.5rem}
  #tour .chapter--arrival{padding-top:6.5rem}
  #tour .chapter--arrival h1{font-size:clamp(2.75rem,4.1vw,4.1rem)}
  #tour h2{font-size:clamp(2.5rem,4vw,4rem)}
}
@media(max-width:680px){
  #tour .chapter{align-items:flex-start;min-height:142svh;padding:65svh 15vw 18svh 7vw}
  #tour .chapter--arrival{min-height:165svh;padding-top:54svh;padding-bottom:20svh}
  #tour .chapter--agents{min-height:165svh}
  #tour .chapter-inner{padding-bottom:2rem}
  #tour .chapter--agents .chapter-inner{padding-bottom:4rem}
  #tour .chapter--arrival h1{font-size:clamp(2.65rem,10.7vw,3.7rem)}
  #tour h2{font-size:clamp(2.5rem,10vw,3.5rem)}
  #tour .arrival-note{display:none}
  #tour .need-door strong{font-size:1.1rem}
  #tour .need-door span{font-size:.875rem}
  .tour-caption{top:5.1rem;right:4rem;bottom:auto;left:auto;width:auto}
  .tour-caption .tour-location,.tour-caption .tour-status{display:none}
  .tour-right{display:block}
  .tour-right .explore-btn{padding:.6rem .8rem;background:rgba(27,27,31,.88)}
  .agent-spotlight{right:4vw;bottom:1rem;width:92vw;max-height:45svh}
  body.tour-mode .concierge-fab{bottom:1rem}
  .topbar{gap:.5rem}
  .topbar-tools{gap:.35rem}
  .topbar .tool-button{font-size:.7rem;max-width:8rem}
  .topbar .lang{flex-shrink:0}
  .topbar .burger{flex-shrink:0}
  .explore-bar{max-width:calc(100vw - 1rem);flex-wrap:wrap;justify-content:center}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.scene-shade{transition:none}}

/* Brand contrast on paper: acid is reserved for surfaces and frame signals. */
body.page-mode .step .num,body.page-mode .tag,body.page-mode .checklist li::before,
body.page-mode .reco-path li b,body.page-mode .chain li+li::before,
body.page-mode .what li::before,body.page-mode .page-head h1 .dot,
body.page-mode .ind-h1 em,body.page-mode .menu-group .eyebrow{color:var(--encre)}
body.page-mode .chip-btn,body.page-mode .floor-chip b,body.page-mode .tl .when{color:var(--encre)}