/* The opening film uses its own black stage, separate from the temple. */
.studio-intro{display:none;position:fixed;inset:0;z-index:1000;background:#000;isolation:isolate;overflow:hidden;opacity:1;transition:opacity .8s ease;touch-action:none;overscroll-behavior:none}
.intro-pending .studio-intro,.intro-active .studio-intro{display:block}
.studio-intro[hidden]{display:none!important}
html.intro-pending,html.intro-active{overflow:hidden;overscroll-behavior:none;scroll-behavior:auto;scroll-snap-type:none}
.intro-pending body,.intro-active body{overflow:hidden;overscroll-behavior:none}
.studio-intro__video{position:absolute;inset:0;width:100%;height:100%;display:block;object-fit:contain;background:#000;opacity:0;transition:opacity .3s ease;pointer-events:none}
.studio-intro.is-playing .studio-intro__video{opacity:1}
.studio-intro__fallback{position:absolute;inset:0;display:grid;place-items:center;opacity:0;pointer-events:none;transition:opacity .5s ease}
.studio-intro__fallback img{display:block;width:min(60vh,64vw,600px);height:auto;max-height:70svh;object-fit:contain;filter:drop-shadow(0 0 40px #6f32132e)}
.studio-intro.is-static .studio-intro__fallback{opacity:1}
.studio-intro.is-static .studio-intro__video{opacity:0}
.studio-intro__caption{position:absolute;left:7vw;bottom:37px;margin:0;color:#a18c6d;font-size:8px;letter-spacing:3px;line-height:1.5;text-transform:uppercase;pointer-events:none;opacity:.72}
.studio-intro__skip{position:absolute;right:max(30px,5vw);bottom:max(27px,env(safe-area-inset-bottom));display:inline-flex;align-items:center;gap:22px;min-height:44px;padding:12px 0 12px 16px;background:transparent;border:0;color:#a99b85;font-size:10px;line-height:1;letter-spacing:1px;cursor:pointer;transition:color .2s ease;z-index:2}
.studio-intro__skip span{font-size:14px;color:#d2a86c;line-height:1}
.studio-intro__skip:hover{color:#f1d6aa}
.studio-intro__skip:focus-visible{outline:1px solid #cfa16a;outline-offset:6px;color:#ead5b3}
.studio-intro.is-ending{opacity:0;pointer-events:none}
.intro-replay{display:inline-flex;align-items:center;gap:9px;padding:7px 0;border:0;border-bottom:1px solid #8e704b55;background:none;color:#ae9674;font-size:9px;letter-spacing:.7px;line-height:1.4;cursor:pointer;transition:color .2s ease,border-color .2s ease}
.intro-replay::before{content:'↻';font-size:14px;line-height:1;color:#d2a86c}
.intro-replay:hover{color:#e3bd86;border-color:#cfa16a}
.intro-replay:focus-visible{outline:1px solid #cfa16a;outline-offset:6px}
#hero-title:focus{outline:none}
@media(max-width:760px){.studio-intro__caption{left:7vw;bottom:32px;font-size:7px;letter-spacing:1.8px;max-width:48%}.studio-intro__skip{right:7vw;bottom:max(20px,env(safe-area-inset-bottom));font-size:9px;gap:12px}.studio-intro__fallback img{width:min(80vw,510px);max-height:64svh}.intro-replay{font-size:8px}}
@media(prefers-reduced-motion:reduce){.studio-intro,.studio-intro__video,.studio-intro__fallback{transition:none}.studio-intro__video{display:none}.studio-intro__fallback{opacity:1}}