/* Modular full-screen entrance: artwork, dialogue, and timings live in separate files. */
.studioentrance{--host-height:clamp(235px,45vh,430px);position:fixed;inset:0;width:100vw;max-width:none;height:100vh;height:100dvh;max-height:none;margin:0;padding:0;border:0;border-radius:0;overflow:hidden;background:transparent;color:#faeee9;font-family:'DM Sans',sans-serif;isolation:isolate}.studioentrance[hidden]{display:none!important}.studioentrance::backdrop{background:transparent;backdrop-filter:none}.studioentrance [hidden]{display:none!important}.entrancedoors{position:absolute;inset:0;perspective:1600px;transform-style:preserve-3d;z-index:2;pointer-events:none}.entrancedoor{position:absolute;top:0;bottom:0;width:50.15%;background:radial-gradient(ellipse at 55% 30%,#302329 0%,#171419 48%,#09090e 100%);box-shadow:inset 0 0 0 2px #af7d68,inset 0 0 55px #000,0 0 30px #0009;backface-visibility:hidden;transition:transform var(--door-open-ms,1900ms) cubic-bezier(.35,.02,.2,1);will-change:transform}.entrancedoor::before{content:'';position:absolute;inset:16px;border:1px solid #ad80667a;box-shadow:inset 0 0 0 5px #09090d,inset 0 0 0 6px #b68a6a45;pointer-events:none}.entrancedoor::after{content:'';position:absolute;inset:34px 30px;border:1px solid #c7967b66;border-radius:45% 45% 3px 3px;box-shadow:inset 0 0 24px #0007}.entrancedoor-left{left:0;transform-origin:0 50%}.entrancedoor-right{right:0;transform-origin:100% 50%}.entrancepanel{position:absolute;inset:18% 17% 14%;border:1px solid #bd8a6d36;border-radius:40% 40% 2px 2px;background:linear-gradient(125deg,transparent,#e2ae8a06,transparent);box-shadow:inset 3px 3px 16px #0007}.entrancedoorstar{position:absolute;top:15%;left:50%;transform:translateX(-50%);font:42px Georgia,serif;color:#cca68d;text-shadow:0 0 20px #efbf9b52}.entrancevines{position:absolute;width:clamp(65px,12vw,150px);height:40%;top:30%;left:50%;transform:translateX(-50%);color:#c3937a;opacity:.45}.entrancevines svg{width:100%;height:100%}.entrancedoor-right .entrancevines{transform:translateX(-50%) scaleX(-1)}.entrancehandle{position:absolute;top:calc(50% - 28px);height:56px;width:12px;border:1px solid #ffe3be;border-radius:9px;background:linear-gradient(90deg,#8c5e49,#f0cbb0 42%,#a16f52);box-shadow:0 4px 15px #0008,0 0 15px #c7988050;transition:box-shadow .5s}.entrancehandle::before,.entrancehandle::after{content:'';position:absolute;left:-5px;width:20px;height:11px;border:1px solid #c29b7b;background:#7f5746;border-radius:50%;z-index:-1}.entrancehandle::before{top:-5px}.entrancehandle::after{bottom:-5px}.entrancedoor-left .entrancehandle{right:calc(var(--host-height)*.25 - 6px)}.entrancedoor-right .entrancehandle{left:calc(var(--host-height)*.25 - 6px)}.entrancearch{position:absolute;inset:8px;border:2px solid #c19b7c99;box-shadow:inset 0 0 0 5px #171019,inset 0 0 0 6px #c39b7638,0 0 45px #d79ca033;z-index:4;pointer-events:none;border-radius:32% 32% 0 0 / 10% 10% 0 0;transition:opacity 1s}.entranceheading{position:absolute;top:max(30px,5vh);left:17%;right:17%;text-align:center;z-index:5;pointer-events:none;transition:opacity .6s}.entranceheading>span{font-size:8px;letter-spacing:2.3px;color:#d8b6a2}.entranceheading h2{font:500 clamp(25px,4vw,45px)/1.25 'Playfair Display',Georgia,serif;margin:12px 0 5px;color:#f2d2c2;text-shadow:0 2px 15px #000}.entranceheading>i{font-style:normal;font-size:20px;color:#bd8c77}.entrancehost{position:absolute;top:50%;left:calc(var(--host-height)*.12);width:calc(var(--host-height)*.61);height:var(--host-height);transform:translate(-50%,-43%) rotate(5deg);z-index:5;pointer-events:none;transition:left .8s cubic-bezier(.23,.7,.22,1),transform .7s ease,opacity .45s;filter:drop-shadow(0 12px 14px #0004)}.entrancepose{position:absolute;inset:0;width:100%;height:100%;opacity:0;overflow:hidden;transition:opacity .2s}.entrancepose-greeting{opacity:1}.studioentrance[data-phase=peek] .entrancehost{left:calc(var(--host-height)*.32);transform:translate(-50%,-43%) rotate(-4deg)}.studioentrance[data-phase=welcome] .entrancehost{left:calc(50% - var(--host-height)*.6);transform:translate(-50%,-43%) rotate(3deg)}.studioentrance:is([data-phase=reach],[data-phase=opening]) .entrancehost{left:50%;transform:translate(-50%,-43%)}.studioentrance:is([data-phase=reach],[data-phase=opening]) .entrancepose-greeting{opacity:0}.studioentrance:is([data-phase=reach],[data-phase=opening]) .entrancepose-reach{opacity:1}.studioentrance[data-phase=reach] .entrancehandle{box-shadow:0 0 22px #ffd0ad,0 0 48px #ec97b98c}.studioentrance[data-door-open=true] .entrancedoor-left{transform:rotateY(-105deg)}.studioentrance[data-door-open=true] .entrancedoor-right{transform:rotateY(105deg)}.studioentrance[data-door-open=true] .entranceheading{opacity:0}.studioentrance[data-door-open=true] .entrancearch{opacity:0}.studioentrance:is([data-phase=farewell],[data-phase=exit]) .entrancehost{left:calc(50% + min(26vw,230px));transform:translate(-50%,-43%) rotate(-4deg)}.studioentrance:is([data-phase=farewell],[data-phase=exit]) .entrancepose-greeting,.studioentrance:is([data-phase=farewell],[data-phase=exit]) .entrancepose-reach{opacity:0}.studioentrance:is([data-phase=farewell],[data-phase=exit]) .entrancepose-farewell{opacity:1;animation:studioHostWave .75s ease-in-out infinite alternate;transform-origin:50% 85%}.entrancelight{position:absolute;inset:0;opacity:0;z-index:1;pointer-events:none;background:radial-gradient(ellipse at center,#f7c3dc9c,transparent 67%)}.studioentrance[data-phase=opening] .entrancelight{animation:studioPinkSpill 1.9s ease both}.entranceparticles{position:absolute;inset:0;z-index:4;pointer-events:none;transition:opacity .7s}.entranceparticles i{position:absolute;left:var(--x);top:var(--y);font-style:normal;font-size:16px;color:#f1c6b8;opacity:.35;animation:studioEntranceSpark 4s ease-in-out var(--delay) infinite alternate}.studioentrance[data-phase=exit] .entranceparticles{opacity:0}.entranceui{position:absolute;left:18px;right:18px;bottom:max(20px,env(safe-area-inset-bottom));display:grid;gap:14px;justify-items:center;z-index:6}.entrancecaptionbox{width:min(690px,100%);padding:16px 22px;border:1px solid #bf8f83;border-radius:12px;background:#110e17eb;box-shadow:0 8px 35px #0005;color:#fff3ee}.entrancecaptionbox strong{font-size:10px;letter-spacing:1px;color:#efb4c0;font-weight:600}.entrancecaptionbox p{font-size:clamp(13px,1.4vw,16px);line-height:1.75;margin:7px 0 0;white-space:pre-wrap}.entrancecontrols{display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap}.studioentrance .entranceenter{border:1px solid #f0c8b3;border-radius:9px;background:linear-gradient(130deg,#eed0bd,#d4a6ad);color:#20151d;min-height:46px;padding:12px 25px;font-size:13px;box-shadow:0 0 26px #e1a9ba24;font-weight:600}.studioentrance .entranceenter:hover{color:#20151d;border-color:#fff0e2;background:#f3d7c7}.studioentrance .entranceenter:disabled{opacity:.8;cursor:default}.studioentrance .entranceskip{font-size:12px;background:#17121be8;border:1px solid #c29891;color:#f4d5d1;min-height:44px;padding:10px 17px}.studioentrance button:focus-visible{outline:3px solid #fff0df;outline-offset:4px}.entrancereduced{color:#f4d5d1;font-size:11px;text-align:center;line-height:1.6;background:#110e17e8;padding:5px 10px;border-radius:5px}.studioentrance[data-phase=exit]{animation:studioEntranceExit var(--intro-fade-ms,500ms) ease both}.helpreplay{font-size:12px;margin-top:10px;display:block}.helpreplay[hidden]{display:none}@keyframes studioHostWave{from{transform:rotate(-2deg)}to{transform:rotate(3deg)}}@keyframes studioPinkSpill{0%{opacity:0;transform:scale(.8)}40%{opacity:.7}100%{opacity:0;transform:scale(1.15)}}@keyframes studioEntranceSpark{from{transform:translateY(6px);opacity:.15}to{transform:translateY(-13px);opacity:.55}}@keyframes studioEntranceExit{to{opacity:0}}@media(max-width:700px){.studioentrance{--host-height:clamp(185px,40vh,315px)}.entranceheading{top:26px;left:13%;right:13%}.entranceheading>span{font-size:7px;letter-spacing:1.3px}.entranceheading h2{font-size:clamp(24px,6vw,35px);margin-top:9px}.entrancedoor::before{inset:10px}.entrancedoor::after{inset:24px 13px}.entranceui{left:13px;right:13px;gap:10px;bottom:max(16px,env(safe-area-inset-bottom))}.entrancecaptionbox{padding:12px 15px}.entrancecaptionbox p{font-size:13px;line-height:1.65}.entrancecontrols{gap:10px}.studioentrance .entranceenter{padding:11px 19px}.entrancevines{opacity:.38}.entrancedoorstar{font-size:32px;top:20%}}@media(max-height:570px){.studioentrance{--host-height:clamp(130px,40vh,225px)}.entranceheading{top:17px}.entranceheading h2{font-size:25px;margin-top:4px}.entranceheading>span{font-size:7px}.entranceheading>i{display:none}.entrancecaptionbox{max-width:690px;padding:9px 14px}.entrancecaptionbox p{font-size:12px;line-height:1.5;margin-top:4px}.entrancecaptionbox strong{font-size:9px}.entranceui{gap:8px;bottom:12px}.studioentrance .entranceenter,.studioentrance .entranceskip{min-height:40px;padding:9px 15px}.entrancehandle{height:42px;top:calc(50% - 21px)}}@media(prefers-reduced-motion:reduce){.studioentrance *{animation:none!important;transition:none!important}.studioentrance{animation:none!important}.entranceparticles{display:none}}