/* Museum navigation and a continuous, reversible opening journey. */
:root{--museum-navy:#172438;--museum-gold:#c8b080;--museum-head:100px}
.museum-frame{display:none}.masthead{inset:0 0 auto;width:100%;height:var(--museum-head);padding:0 3.5%;background:var(--museum-navy);color:#e6d8bc!important;border-bottom:3px solid #ae8e59;gap:28px;flex-wrap:nowrap}.brand{font-size:27px;flex-shrink:0}.brand small{font:10px/1.6 var(--sans);letter-spacing:.12em;display:block;margin:6px 0 0}.masthead nav{margin-left:auto;gap:0;height:54px;white-space:nowrap}.masthead nav a,.masthead nav button{padding:16px 20px;font:15px var(--serif);border-left:1px solid #c4af8638}.masthead nav [aria-current=page]{color:#fff0c9;background:#ffffff08}.masthead nav [aria-current=page]:after{bottom:4px}.masthead nav a:hover,.masthead nav button:hover{color:white}.seal{height:42px;width:34px}#menu-toggle{display:none}#museum-search{display:flex;border:1px solid #b59b6e88;width:190px;height:34px;background:#ffffff09;flex-shrink:0}#museum-query{min-width:0;width:100%;border:0;background:none;color:#f0e4cb;font-size:11px;padding:7px 10px;outline-offset:2px}#museum-query::placeholder{color:#b0afa9}#museum-search button{font-size:23px;padding:0 10px}.room{border:0}body[data-room=gate]{overflow-y:auto;overflow-x:hidden}.gate{height:auto;min-height:0;overflow:visible;background:#f2eee5;color:#263b3b;animation:none!important}.gate-journey{height:185svh;position:relative}.gate-sticky{position:sticky;top:var(--museum-head);height:calc(100svh - var(--museum-head));min-height:530px;overflow:hidden;color:#fff1d5}.gate-world{inset:0;transform:none!important;transition:none}.gate-image{animation:none!important;filter:brightness(1.12) saturate(.96);transform:translate3d(0,var(--image-y,0px),0) scale(var(--image-scale,1.035));object-position:66% center;transition:none;will-change:transform}.gate-shade{background:linear-gradient(90deg,#091c29a6 0%,#091c2945 38%,transparent 67%),linear-gradient(0deg,#06182288,transparent 25%)}.gate .gate-heading{top:20%;left:7%;width:48%;min-width:0;transform:translateY(var(--heading-y,0px));opacity:var(--heading-alpha,1);text-align:left;z-index:3}.gate h1{font:clamp(52px,6.3vw,96px)/1.18 var(--serif);letter-spacing:.13em;white-space:nowrap}.gate .title-line,.gate .title-ink{animation:none;opacity:1;transform:none;filter:none}.gate .eyebrow{font-size:10px;letter-spacing:.25em;margin-bottom:25px;color:#dcc8a4}.gate-subtitle{font:clamp(20px,2.2vw,30px)/1.6 var(--serif);letter-spacing:.16em;margin:19px 0}.gate-poem{font:14px/2 var(--serif);opacity:.88;margin:19px 0 28px;max-width:440px}.gate-entry{position:static;transform:none;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:24px}.museum-primary{background:#eedcba;color:#263638;padding:16px 23px;font:14px var(--serif);border:1px solid #ead9b8;display:flex;gap:28px;align-items:center;transition:background .2s}.museum-primary:hover{background:#fff0d1}.museum-primary span,.museum-secondary span{display:inline-block;transition:transform .2s}.museum-primary:hover span,.museum-secondary:hover span{transform:translate(3px,-2px)}.museum-secondary{font:13px var(--serif);border-bottom:1px solid #dec7a188;padding:12px 0;white-space:nowrap}.gate #intro-read{color:#e4ceb0;margin-top:12px;font-size:11px}.gate-footnote{position:absolute;bottom:26px;left:4%;right:4%;display:flex;justify-content:space-between;align-items:center;font:10px var(--sans);letter-spacing:.1em;color:#e7d6bb;z-index:3}.gate-footnote>a{font-size:12px;display:flex;gap:20px}.gate-scroll-caption{position:absolute;left:8%;top:34%;opacity:var(--caption-alpha,0);transform:translateY(var(--caption-y,25px));pointer-events:none;display:flex;flex-direction:column;gap:22px}.gate-scroll-caption small{font:13px var(--serif);letter-spacing:.12em}.gate-scroll-caption strong{font:clamp(38px,5vw,70px) var(--serif);letter-spacing:.12em}.gate-scroll-caption a{font:12px var(--serif);pointer-events:var(--caption-events,none)}#gate-embers{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.gate .mist{opacity:.2;animation:gate-mist 18s ease-in-out infinite alternate;transform:translateY(var(--mist-y,0px));pointer-events:none}.gate .mist-b{animation-delay:-9s;opacity:.12}@keyframes gate-mist{from{translate:-3% 0}to{translate:5% -2%}}
.museum-guide{position:relative;background:#f2eee5;padding:75px 6% 0;scroll-margin-top:var(--museum-head)}.guide-heading{display:flex;justify-content:space-between;align-items:end;border-bottom:1px solid #b8a27c77;padding-bottom:30px}.museum-guide .eyebrow{font-size:10px;color:#917950;letter-spacing:.18em}.museum-guide h2{font:clamp(25px,3vw,38px)/1.5 var(--serif);letter-spacing:.06em}.guide-heading p{font:13px/2 var(--serif);color:#73796e;margin:0}.gate .gate-chapters{position:static;display:grid;grid-template-columns:repeat(3,1fr);gap:34px;transform:none;padding:34px 0 65px;color:#2c3d3b}.gate-chapters>a{display:block;min-width:0}.gate-chapters figure{margin:0 0 23px;aspect-ratio:1.65;overflow:hidden;background:#ded6c7}.gate-chapters img{width:100%;height:100%;object-fit:cover;transition:transform .65s}.gate-chapters a:hover img{transform:scale(1.035)}.gate-chapters a:first-child img{object-position:82% center}.gate-chapters a:nth-child(3) img{object-position:left center}.gate-chapters small{font:10px var(--sans);color:#977b52;letter-spacing:.12em}.gate-chapters h3{font:23px/1.5 var(--serif);margin:10px 0}.gate-chapters h3 span{display:inline;font-size:18px;float:right;opacity:1}.gate-chapters p{font:12px/1.9 var(--sans);color:#72776c;margin:0}.memory-selection{display:grid;grid-template-columns:1fr 1fr;gap:8%;border-top:1px solid #b8a27c77;padding:60px 0 70px}.memory-selection p{font:13px/1.9 var(--serif);color:#76796e}.selected-records button{width:100%;display:grid;grid-template-columns:95px 1fr 20px;text-align:left;align-items:center;padding:20px 0;border-bottom:1px solid #b8a27c55;gap:12px}.selected-records small{color:#947a54;font-size:10px}.selected-records span{font:17px var(--serif)}.selected-records b{font-weight:400;color:#947a54}.selected-records button:hover{color:#986c38}.museum-footer{padding:27px 0;border-top:1px solid #b8a27c66;display:flex;justify-content:space-between;gap:20px;font:10px/1.8 var(--sans);color:#777f77}.room:not(.gate){margin-top:var(--museum-head);height:calc(100svh - var(--museum-head))}.story .story-intro{top:35px}.story .scroll-rail{top:160px;height:calc(100% - 345px)}.story .scroll-chapter-label{top:112px}.theatre .room-heading,.atelier .room-heading{top:8%}.theatre .mechanism-stage{top:3%}.product-stage{top:1%}.room-bottom{bottom:22px}
@media(max-width:1250px){.masthead{gap:18px;padding:0 3%}.brand{font-size:23px}.masthead nav a,.masthead nav button{padding:16px 12px;font-size:13px}#museum-search{width:145px}.brand small{font-size:8px}.gate-entry{gap:16px}}
@media(max-width:950px){:root{--museum-head:86px}.masthead{justify-content:space-between;flex-wrap:nowrap}.masthead .brand{width:auto;font-size:23px;justify-content:initial;gap:10px}.brand small{display:block;margin:4px 0 0}#menu-toggle{display:block;font-size:13px;margin-left:auto;color:#e5d2b0}#museum-search{width:150px}.masthead nav{display:none;position:absolute;top:86px;left:0;right:0;height:auto;background:#172438;padding:15px 4%;border-bottom:1px solid #bfa87e;flex-wrap:wrap}.menu-open .masthead nav{display:flex}.masthead nav a,.masthead nav button{padding:14px 18px;font-size:14px}.gate .gate-heading{top:20%;left:7%;width:78%}.gate h1{font-size:60px}.gate-image{object-position:72% center}.gate-chapters h3{font-size:20px}.gate .gate-chapters{gap:20px}.theatre .room-heading,.atelier .room-heading{top:40px}.theatre .mechanism-stage{top:145px}.theatre-tools{top:475px}.theatre .mechanism-copy{top:570px}.story .story-intro{top:35px}.story .scroll-rail{top:210px;height:calc(100% - 390px)}.story .scroll-chapter-label{top:174px}}
@media(max-width:600px){:root{--museum-head:78px}.masthead{padding:0 5%;gap:12px}.brand{letter-spacing:.08em}.masthead .brand{font-size:21px}.seal{width:29px;height:36px;font-size:19px}.brand small{font-size:7px}#museum-search{display:none}.masthead nav{top:78px}.masthead nav a,.masthead nav button{flex:1 0 40%;border:0;font-size:15px}.gate-journey{height:165svh}.gate-sticky{min-height:570px}.gate .gate-heading{top:16%;width:88%;left:6%}.gate h1{font-size:48px}.gate-subtitle{font-size:22px;margin-top:16px}.gate-poem{font-size:13px;max-width:290px;margin-bottom:23px}.gate-image{object-position:69% center}.gate-shade{background:linear-gradient(90deg,#0b1e2999,transparent 95%),linear-gradient(0deg,#0b1e2988,transparent 60%)}.gate .eyebrow{font-size:8px;letter-spacing:.16em}.gate-entry{gap:18px;flex-wrap:wrap}.museum-primary{font-size:13px;padding:14px 16px;gap:16px}.museum-secondary{font-size:12px}.gate-footnote{bottom:20px;left:6%;right:6%;font-size:8px}.gate-footnote>a{font-size:10px;gap:8px}.gate-footnote>span:first-child{max-width:120px;line-height:1.7}.gate-scroll-caption{left:6%;top:37%}.gate-scroll-caption strong{font-size:40px}.museum-guide{padding:45px 6% 0}.guide-heading{display:block;padding-bottom:22px}.guide-heading p{margin-top:15px;font-size:12px}.gate .gate-chapters{grid-template-columns:1fr;gap:34px;padding:28px 0 40px}.gate-chapters figure{aspect-ratio:1.85;margin-bottom:15px}.gate-chapters h3{font-size:24px}.memory-selection{grid-template-columns:1fr;gap:15px;padding:36px 0 40px}.selected-records button{grid-template-columns:80px 1fr 20px}.selected-records span{font-size:16px}.museum-footer{flex-direction:column;gap:9px;padding:24px 0}.museum-footer>span:nth-child(2){display:none}.room:not(.gate){min-height:950px}.theatre{min-height:1080px!important}}
@media(prefers-reduced-motion:reduce){.gate-image,.gate .mist,.gate-chapters img{animation:none!important;transition:none!important;transform:none!important;translate:none!important}.gate-journey{height:calc(100svh - var(--museum-head));min-height:610px}.gate-sticky{position:relative;top:0;height:100%;min-height:610px}.gate-scroll-caption{display:none}.gate .gate-heading{opacity:1;transform:none}#gate-embers{display:none}}
body[data-room=gate] #gate{padding-top:var(--museum-head)}
/* The scroll timeline owns homepage visibility; legacy entrance animations do not. */
#gate.entered .title-ink,#gate.entered .eyebrow,#gate.entered .gate-poem,#gate.entered .gate-entry,#gate.entered .gate-chapters{animation:none!important;transform:none;opacity:1}