/* Deeper character, space and command experiences */
.nav{gap:clamp(14px,2.1vw,34px)}
.person-tab-en{display:block;color:#bdb1a1;font-size:8px;letter-spacing:.1em;line-height:1.5;margin-top:3px}
.person-name-en{font-size:11px;letter-spacing:.18em;color:#c4957c;margin:0 0 10px;font-weight:700}
.story-open{align-self:flex-start;background:transparent;border:1px solid #9d7867;color:#ebded0;font-size:12px;font-weight:600;letter-spacing:.06em;padding:11px 17px;margin-top:26px;transition:background .2s}
.story-open:hover{background:#9d4937}.story-open span{margin-left:30px;color:#d5ab96}
.story-placeholder{min-height:160px;padding:30px;border:1px solid #c8beb1;background:#e5dfd5;display:flex;flex-direction:column;gap:10px}
.story-placeholder>span{font-size:9px;letter-spacing:.18em;color:#9b4b3a}.story-placeholder strong{font:700 20px var(--serif)}.story-placeholder p{margin:0;color:#777066;font-size:12px}
.location-exhibits{margin:35px 0 0}.exhibit-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:17px}.exhibit-head span{font-size:9px;letter-spacing:.17em;color:#9c4d39;font-weight:700}.exhibit-head h3{font:700 23px var(--serif);margin:5px 0 0}.exhibit-head h3 span{font:inherit;color:inherit;letter-spacing:inherit}.exhibit-head p{font-size:11px;color:#777168;text-align:right;margin:0;max-width:380px}.exhibit-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.exhibit-card{padding:0;text-align:left;color:#302d27;background:#eae6de;border:1px solid #bcb6ab;overflow:hidden}.exhibit-card:hover{border-color:#963c30}.exhibit-img{display:block;overflow:hidden;aspect-ratio:1.6;background:#f5f4f0}.exhibit-img img{width:100%;height:100%;display:block;object-fit:contain;transition:transform .25s}.exhibit-card:hover img{transform:scale(1.025)}.scene-frame{background:#262722}.scene-frame img{object-fit:cover}.exhibit-caption{display:flex;justify-content:space-between;align-items:center;padding:13px 16px}.exhibit-caption small,.exhibit-caption strong{display:block}.exhibit-caption small{font-size:8px;letter-spacing:.14em;color:#9e6f5a}.exhibit-caption strong{font:700 14px var(--serif);margin-top:3px}.exhibit-caption i{font-style:normal;font-size:10px;color:#956650}
#area-image-dialog{max-width:min(1120px,calc(100vw - 30px));width:100%;max-height:92vh;background:#222420;color:#f2ede4}.area-dialog-inner{position:relative;padding:34px}.area-dialog-inner .dialog-close{color:#eee;top:15px;right:20px}.area-dialog-inner .eyebrow{margin-bottom:8px;color:#c2937b}.area-dialog-inner h2{font:700 23px var(--serif);margin:0}.area-dialog-inner>p:not(.eyebrow){color:#bab3a8;font-size:11px;margin:7px 0 16px}.area-dialog-inner img{display:block;width:100%;max-height:70vh;object-fit:contain;background:#f5f4f0}
.npc-section{background:#d7d2c8;color:#282722}.npc-section .eyebrow{color:#746e64}.npc-section .section-intro{color:#726c63}.npc-section .section-heading h2 span{color:#948b7f}.npc-featured{display:grid;grid-template-columns:1fr 1fr;gap:18px}.npc-feature{display:grid;grid-template-columns:42% 58%;background:#282925;color:#eee8df;min-height:310px;overflow:hidden}.npc-feature img{width:100%;height:100%;max-height:380px;object-fit:cover;object-position:center 22%;display:block}.npc-feature>div{padding:30px;display:flex;flex-direction:column;justify-content:center}.npc-feature small{font-size:9px;letter-spacing:.13em;color:#be8c74}.npc-feature h3{font:700 25px var(--serif);margin:10px 0 5px}.npc-feature h3 span{font:700 10px var(--sans);letter-spacing:.13em;color:#c0a391;display:block;margin-top:6px}.npc-feature .npc-meta{font-size:11px;color:#c6ad9e;margin:0 0 15px}.npc-feature p{font-size:12px;line-height:1.9;color:#c3bcb2;margin:0}.npc-feature em{font-style:normal;color:#9d968b;font-size:10px;margin-top:20px}.npc-group{margin-top:36px}.npc-group-head{display:flex;align-items:baseline;gap:18px;border-bottom:1px solid #aca69c;padding-bottom:10px;margin-bottom:12px}.npc-group-head h3{font:700 18px var(--serif);margin:0}.npc-group-head span{font-size:9px;letter-spacing:.14em;color:#8c8479}.npc-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.npc-mini{min-height:91px;padding:15px 16px;background:#e9e5dd;border:1px solid #c2bdb3}.npc-mini div{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}.npc-mini strong{font:700 15px var(--serif)}.npc-mini small{font-size:9px;letter-spacing:.1em;color:#997261}.npc-mini>span{display:block;color:#777067;font-size:11px;margin-top:8px}
.guide-layout{display:block}.guide-layout .commands{max-width:none}
@media(max-width:1000px){.npc-feature{grid-template-columns:38% 62%}.npc-feature>div{padding:22px}.npc-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:720px){.person-tab{min-height:132px}.person-tab-en{font-size:7px;letter-spacing:.04em}.person-tab em{display:block;margin-top:2px}.story-open{margin-top:22px}.exhibit-head{display:block}.exhibit-head p{text-align:left;margin-top:10px}.exhibit-grid{grid-template-columns:1fr;gap:12px}.area-dialog-inner{padding:28px 16px}.area-dialog-inner h2{font-size:19px}.npc-featured{grid-template-columns:1fr}.npc-feature{min-height:230px;grid-template-columns:40% 60%}.npc-feature img{max-height:340px}.npc-grid{grid-template-columns:repeat(2,1fr)}.npc-mini{min-height:84px;padding:13px}}
@media(max-width:380px){.person-tab-en{font-size:6px}.npc-feature>div{padding:16px}.npc-feature h3{font-size:21px}.npc-feature p{font-size:11px}}

/* A single click opens the selected location's complete visual guide. */
#area-detail-dialog{width:min(1120px,calc(100vw - 30px));max-width:min(1120px,calc(100vw - 30px));max-height:92vh;background:#e9e4da;color:#282722}
.area-detail-inner{position:relative;padding:36px}
.area-detail-inner .dialog-close{right:22px;top:16px;color:#4f4a42}
.area-detail-inner>.eyebrow{color:#a55d45;margin:0 0 10px}
.area-detail-inner>h2{font:700 29px/1.4 var(--serif);margin:0}
.area-detail-inner>p:not(.eyebrow){font-size:12px;line-height:1.9;color:#6c665e;max-width:800px;margin:10px 0 0}
.area-detail-inner .location-exhibits{margin:27px 0 0}
@media(max-width:720px){.area-detail-inner{padding:30px 20px}.area-detail-inner>h2{font-size:24px}.area-detail-inner .exhibit-head{margin-bottom:12px}}