/* A single entrance; navigation stays in the museum masthead. */
:root{--museum-navy:#141b3c}
.masthead{gap:5%;padding-inline:3%;border-bottom-color:#bda070}.masthead nav{margin-left:auto;height:60px}.masthead nav a,.masthead nav button{display:flex;align-items:center;gap:12px;padding:16px 26px;font-size:17px}.masthead nav a:before,.masthead nav button:before{content:'◇';border:1px solid #bca67d;border-radius:50%;width:29px;height:29px;display:grid;place-items:center;font-size:19px}.masthead nav a:nth-child(2):before{content:'◷'}.masthead nav a:nth-child(3):before{content:'❖'}.masthead nav button:before{content:'▤'}
.gate-journey{height:calc(100svh - var(--museum-head));min-height:570px}.gate-sticky{position:relative;top:0;height:100%;min-height:570px}.gate .gate-heading{opacity:1;transform:none}.gate-image{animation:entrance-breath 24s ease-in-out infinite alternate!important}.gate-entry{margin-top:32px}.gate-footnote{pointer-events:none}@keyframes entrance-breath{from{transform:scale(1.035) translateX(0)}to{transform:scale(1.075) translateX(-.5%)}}
.story{min-height:700px!important;background:#e9dfc9}.story .story-intro{top:22px;left:4%;right:130px;display:flex;align-items:center;gap:24px}.story-intro h1{font-size:22px;line-height:1.4}.story-intro h1 br{display:none}.story-intro .title-line{display:inline}.story-intro .eyebrow{margin:0;font-size:10px}.story-intro p{font-size:10px}.story .scroll-side-title{left:auto;right:0;top:0;bottom:0;width:88px;background:#eee4d1;border-left:5px solid #a27b4f;display:flex;align-items:center;justify-content:center;font-size:29px;letter-spacing:.2em;color:#433624;writing-mode:vertical-rl}.scroll-side-title:after{height:65px;background:#8e704c}.story .scroll-chapter-label{top:102px;left:4%}.story .scroll-rail{top:135px;left:0;width:calc(100% - 89px);height:calc(100% - 280px);mask-image:linear-gradient(90deg,transparent,#000 2%,#000 98%,transparent)}.scroll-world{min-height:400px}.panorama-scenes{top:0;opacity:.62}.panorama-scenes:after{background:linear-gradient(#e9dfc955,transparent 45%,#e9dfc944)}.panorama-scenes img{height:100%;object-position:center}.history-mist{opacity:.25}.history-thread{position:absolute;top:50%;width:100%;height:80px;overflow:visible;pointer-events:none}.history-thread path{stroke:#fff9e8;stroke-width:2;fill:none;vector-effect:non-scaling-stroke}.memory-node,.memory-node:nth-child(even),.memory-node.is-current{top:var(--lift);opacity:1;transform:translateX(-50%)}.memory-node button,.memory-node.is-current button{padding:12px 32px;max-width:360px;gap:9px}.memory-node h2{font-size:24px;color:#674d33;line-height:1.5}.memory-node time{font-size:17px!important;color:#8e492f}.memory-node p.history-summary{font-size:12px;color:#4c493b;line-height:1.95}.memory-node .memory-dot{display:block;position:absolute;top:calc(225px - var(--lift));background:#a67447;border:2px solid #fff5dd;width:12px;height:12px;border-radius:50%;left:40px}.memory-node .history-read{background:#efe5d4b0;padding:5px 9px}.story .scroll-footer{right:125px;bottom:44px;left:4%;justify-content:center}.current-period{bottom:64px}.era-nav{gap:24px}.story-caption{right:115px}.story .scroll-control{margin-inline:auto}.room-bottom{justify-content:space-between}
@media(max-width:1100px){.masthead nav a,.masthead nav button{padding:15px;font-size:14px}.masthead nav{gap:0}}
@media(max-width:950px){.masthead nav a,.masthead nav button{justify-content:flex-start}.masthead nav{height:auto}.story .story-intro{display:block;right:72px}.story-intro h1{font-size:22px;margin:10px 0}.story-intro>p{display:none}.story .scroll-side-title{width:46px;font-size:20px;border-left-width:2px}.story .scroll-rail{width:calc(100% - 48px);top:140px;height:calc(100% - 315px)}.story .scroll-chapter-label{top:113px}.story .scroll-footer{right:65px;left:5%;bottom:40px;gap:10px}.current-period{bottom:95px}.era-nav{gap:18px}.story-caption{right:64px;font-size:7px}.memory-node button{padding:12px 25px;max-width:285px}.memory-node h2{font-size:21px}.memory-node p.history-summary{font-size:11px}.story{min-height:780px!important}.history-thread{top:55%}.memory-node .memory-dot{top:calc(250px - var(--lift))}}
@media(prefers-reduced-motion:reduce){.gate-image{animation:none!important}.gate-journey,.gate-sticky{min-height:570px}}
#reader.compact-reader{width:min(520px,90vw);max-height:84svh;margin:auto 4% auto auto;padding:0;border:1px solid #bda477;border-radius:3px;background:#efe6d6;box-shadow:0 20px 80px #0006;color:#403b31}#reader.compact-reader::backdrop{background:#14233155;backdrop-filter:blur(2px)}#reader.compact-reader .dialog-close{position:absolute;z-index:3;right:15px;top:13px;margin:0;width:32px;height:32px;border-radius:50%;background:#f4eadbe8;color:#2b3336;font-size:24px}.detail-visual{position:relative}.detail-zoom{display:block;width:100%;height:255px;overflow:hidden;padding:0;position:relative}.detail-zoom img{width:100%;height:100%;object-fit:cover;transition:transform .6s;transform-origin:65% 45%}.detail-zoom[aria-pressed=true] img{transform:scale(1.8)}.detail-zoom span{position:absolute;left:20px;bottom:20px;color:#fff4d8;font:11px var(--sans);padding:7px 12px;border:1px solid #e6d3ab88;background:#14222d99}.detail-visual>small{display:block;padding:9px 22px;background:#e2d6c1;font:9px var(--sans);color:#6f6555}.detail-text{padding:25px 30px 32px}.detail-text h2{font:28px/1.5 var(--serif);margin:12px 0 15px}.detail-summary{font:14px/1.95 var(--serif)}.detail-more{border-top:1px solid #a98a5844;margin-top:22px;padding-top:17px}.detail-more summary{cursor:pointer;color:#86623d;font:12px var(--sans)}.detail-more p{font:13px/2 var(--serif)}#reader.detail-performance{background:#233335;color:#f1e4cd}.detail-performance .detail-visual>small{background:#19282b;color:#b9b4a5}.detail-performance .reader-label,.detail-performance .detail-more summary,.detail-performance .reader-note{color:#d2b584}.detail-more a{color:inherit}.detail-more[open] summary{margin-bottom:20px}@media(max-width:600px){#reader.compact-reader{margin:auto;width:92vw;max-height:87svh}.detail-zoom{height:220px}.detail-text{padding:20px 23px 26px}.detail-text h2{font-size:24px}}@media(prefers-reduced-motion:reduce){.detail-zoom img{transition:none}}
.story .scroll-rail{height:calc(100% - 330px)}.story .scroll-footer{display:flex;flex-direction:column;gap:7px;padding-top:0}.story .current-period{position:static;transform:none;order:0}.story .current-period small{display:none}.story .current-period strong{font-size:20px}.story .scroll-control{order:1}.story .era-nav{order:2;width:100%;flex-basis:auto;padding-top:10px;margin-top:0}@media(max-width:950px){.story .scroll-rail{height:calc(100% - 360px)}.story .scroll-footer{bottom:35px}.story .era-nav{max-width:100%;overflow-x:auto}}