/* The original image and film share one opening behind the palace frame. */
body[data-view="entrance"] .masthead{min-height:52px;padding:10px 0 9px}
body[data-view="entrance"] .palace-frieze{height:11px}
body[data-view="entrance"] #app{animation:none}
body[data-view="entrance"] .palace-shell{max-width:1600px;padding-inline:clamp(16px,3vw,60px)}
.gate-introduction{width:min(1440px,100%,var(--entry-fit-width,1440px));margin:0 auto 16px}
.intro-gate{position:relative;width:100%;aspect-ratio:1000/880;isolation:isolate}
.intro-gate::before{content:'';position:absolute;inset:0;background-color:var(--room-paper);background-image:radial-gradient(ellipse at 50% 10%,#fff9eab0,transparent 75%),url('./assets/palace-plaster.svg');background-size:100% 100%,350px 350px;-webkit-mask:url('./assets/palace-intro-opening.svg') 0 0/100% 100% no-repeat;mask:url('./assets/palace-intro-opening.svg') 0 0/100% 100% no-repeat;z-index:0}
.intro-gate-frame{position:absolute;inset:0;display:block;width:100%;height:100%;z-index:4;pointer-events:none;filter:drop-shadow(0 9px 8px #51341d18)}
.intro-gate-title{position:absolute;z-index:3;top:19.5%;left:27%;right:27%;text-align:center;display:flex;flex-direction:column;align-items:center}
.intro-gate-title .intro-accessible-title{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;font-size:1px}


.intro-media{position:absolute;left:14%;top:30.6818%;width:72%;height:54.5455%;z-index:3;background:#0d1328;border:1px solid #a98955;box-shadow:0 0 0 3px #ede0be80,0 4px 13px #39271d24;overflow:hidden;border-radius:3px}
.intro-cover{position:relative;display:block;width:100%;height:100%;padding:0;margin:0;background:#0d1328;cursor:pointer;color:#fff5dc}
.intro-cover>img{display:block;width:100%;height:100%;object-fit:contain}
.intro-cover:hover .intro-play-mark,.intro-cover:focus-visible .intro-play-mark{background:#f8edc9;color:#503521;transform:translate(-50%,-50%) scale(1.045)}
.intro-cover:focus-visible{outline:3px solid #e9d39a;outline-offset:-5px}
.intro-play-mark{position:absolute;left:50%;top:40.5%;transform:translate(-50%,-50%);display:flex;align-items:center;gap:10px;padding:10px 15px;border:1px solid #efddb7a6;border-radius:24px;background:#151a31df;box-shadow:0 3px 12px #090c224d;transition:background .18s,transform .18s;font:11px/1.4 var(--sans);white-space:nowrap}
.intro-play-mark>span{font-size:15px}.intro-play-mark small{font-size:11px;letter-spacing:.2px}
#intro-player{display:block;width:100%;height:100%;object-fit:contain;background:#0b0e18;border:0}
.intro-media-tools{position:absolute;left:14%;right:14%;top:86.4%;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:10px;font:10px/1.5 var(--sans);color:var(--room-muted)}
.intro-return{background:transparent;padding:2px 0;border:0;border-bottom:1px solid var(--room-line);font-size:10px;color:var(--room-ink);white-space:nowrap}
.intro-caption{display:flex;justify-content:space-between;align-items:baseline;gap:15px;margin:0 auto;max-width:72%;color:var(--room-muted);font:10px/1.7 var(--sans)}
.intro-caption p{margin:0}.intro-video-link{white-space:nowrap;border-bottom:1px solid var(--room-line);font-size:10px}
.intro-legend{max-width:72%;margin:17px auto 0;padding:11px 0;border-top:1px solid color-mix(in srgb,var(--room-line) 60%,transparent);border-bottom:1px solid color-mix(in srgb,var(--room-line) 60%,transparent)}
.intro-legend>summary{display:flex;justify-content:space-between;gap:15px;list-style:none;font:11px/1.7 var(--sans);cursor:pointer}.intro-legend>summary::-webkit-details-marker{display:none}.intro-legend>summary>span{font-size:16px;transition:transform .2s}.intro-legend[open]>summary>span{transform:rotate(45deg)}
.intro-legend>div{font:13px/1.8 var(--serif);padding:10px 0 3px}.intro-legend p{margin-bottom:12px}.intro-legend .quiet-source{font-size:10px}
.intro-walk-actions{display:flex;align-items:center;justify-content:center;gap:30px;margin:25px auto 0}.intro-walk-actions .portal-button{min-width:190px;padding:14px 23px;min-height:46px}.intro-walk-actions .portal-secondary{margin:0;font-size:11px}

@media(max-width:850px){.gate-introduction{width:100%;margin-top:9px}.intro-gate-title h1{font-size:clamp(29px,6vw,53px)}.intro-gate-title>p:last-child{font-size:clamp(10px,1.9vw,15px)}.intro-gate-title .eyebrow{font-size:7px;margin-bottom:6px}.intro-media-tools{font-size:9px}.intro-return{font-size:9px}.intro-caption,.intro-legend{max-width:78%}}
@media(max-width:600px){.gate-introduction{margin:12px -8px 24px;width:calc(100% + 16px)}.intro-gate-title{top:14.5%;left:24%;right:24%}.intro-gate-title h1{font-size:clamp(24px,7.6vw,43px);letter-spacing:-1px;margin-bottom:6px}.intro-gate-title .eyebrow{font-size:5.5px;letter-spacing:1px;margin-bottom:5px}.intro-gate-title>p:last-child{font-size:10px;line-height:1.3}.intro-play-mark{gap:6px;padding:6px 10px;border-radius:17px}.intro-play-mark>span{font-size:11px}.intro-play-mark small{font-size:8px;letter-spacing:0}.intro-media-tools{font-size:7px;gap:8px;top:86.2%}.intro-return{font-size:7px}.intro-caption{max-width:85%;font-size:9px;gap:10px;margin-top:5px;align-items:flex-start}.intro-video-link{font-size:8px}.intro-legend{max-width:85%;margin-top:14px}.intro-legend>summary{font-size:10px}.intro-legend>div{font-size:12px}.intro-walk-actions{gap:18px;margin-top:20px;flex-wrap:wrap}.intro-walk-actions .portal-button{min-width:160px;padding:11px 16px;min-height:42px;font-size:11px}.intro-walk-actions .portal-secondary{font-size:10px}}
@media(prefers-reduced-motion:reduce){.intro-play-mark,.intro-legend>summary>span{transition:none}}
@media print{.intro-cover{display:block!important}.intro-play-mark,#intro-player,.intro-return{display:none!important}.intro-gate-frame{filter:none}}

@media(max-width:850px){.intro-gate-title{top:19.5%;left:27%;right:27%}}
@media(max-width:600px){.intro-gate-title{top:19.7%;left:23%;right:23%}}