/* Cinematic entrance: responsive composition, original scene and door retained. */
[data-museum-design="v2"] .portal{padding:24px 20px; padding-top:max(24px,env(safe-area-inset-top));padding-bottom:max(24px,env(safe-area-inset-bottom));overflow:auto;min-height:100svh;}
[data-museum-design="v2"] .portal-content{width:min(100%,900px);gap:22px;}
[data-museum-design="v2"] .portal .p-slot{position:static;min-height:54px;width:100%;}
[data-museum-design="v2"] .portal .p-welcome{position:fixed;inset:0;padding:24px;justify-content:center;gap:22px;background:linear-gradient(180deg,rgba(7,13,18,.12),rgba(12,9,6,.48));pointer-events:none;}
[data-museum-design="v2"] .portal h1{max-width:18ch;font-size:clamp(2.2rem,5.5vw,5.1rem);line-height:1.08;text-wrap:balance;animation:museumTitleIn 1.6s ease both;}
[data-museum-design="v2"] .portal .p-typed{max-width:45ch;min-height:5em;font-size:clamp(1rem,1.6vw,1.22rem);line-height:1.65;}
[data-museum-design="v2"] .portal .eyebrow{color:#ead2a5;letter-spacing:.32em;}
[data-museum-design="v2"] .portal .gate-frame{display:block;width:clamp(190px,27vw,320px);padding:12px;transform:translateY(0);}
[data-museum-design="v2"] .portal .arch.gate{height:clamp(210px,43svh,400px);}
[data-museum-design="v2"] .portal .plaque{display:block;font-size:clamp(.85rem,1.5vw,1.1rem);background:linear-gradient(#e8d7b5,#baa077);border-radius:4px;letter-spacing:.12em;}
[data-museum-design="v2"] .portal .pbtns{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;}
[data-museum-design="v2"] .portal .pbtns button{min-height:48px;padding:14px 24px;touch-action:manipulation;}
[data-museum-design="v2"] .portal .gate-lantern{animation:museumLantern 3.5s ease-in-out infinite alternate;}
[data-museum-design="v2"] .intro-skip{position:fixed;right:max(20px,env(safe-area-inset-right));top:max(20px,env(safe-area-inset-top));z-index:4;border:1px solid #d8c4a366;background:#20170c80;color:#f4e9d6;border-radius:30px;padding:12px 18px;min-height:44px;cursor:pointer;}
[data-museum-design="v2"] .intro-skip:focus-visible{outline:2px solid #fff;outline-offset:4px;}
[data-museum-design="v2"] .portal.intro-ready .p-welcome{display:none;}
[data-museum-design="v2"] .portal.intro-ready .plaque,[data-museum-design="v2"] .portal.intro-ready .gate-frame,[data-museum-design="v2"] .portal.intro-ready .pbtns{animation:none;opacity:1;pointer-events:auto;}
[data-museum-design="v2"] .portal.intro-ready .layer{animation-delay:-10s;}
@keyframes museumTitleIn{from{opacity:0;transform:translateY(18px);filter:blur(3px);}to{opacity:1;transform:translateY(0);filter:blur(0);}}
@keyframes museumLantern{from{box-shadow:0 0 20px 8px #ffc87866;}to{box-shadow:0 0 30px 12px #ffc87899;}}
@media(max-width:600px){
 [data-museum-design="v2"] .portal-content{gap:20px;}
 [data-museum-design="v2"] .portal .gate-frame{width:min(58vw,260px);}
 [data-museum-design="v2"] .portal .arch.gate{height:clamp(220px,37svh,340px);}
 [data-museum-design="v2"] .portal .p-welcome{padding:64px 24px 24px;}
 [data-museum-design="v2"] .portal .p-typed{font-size:1rem;min-height:10em;}
 [data-museum-design="v2"] .portal .pbtns{flex-direction:column;width:min(100%,300px);margin:auto;}
 [data-museum-design="v2"] .portal .p-dust i:nth-child(even){display:none;}
}
@media(max-height:550px) and (orientation:landscape){
 [data-museum-design="v2"] .portal-content{gap:10px;}
 [data-museum-design="v2"] .portal .gate-frame{width:145px;padding:8px;}
 [data-museum-design="v2"] .portal .arch.gate{height:170px;}
 [data-museum-design="v2"] .portal .pbtns{flex-direction:row;width:auto;}
 [data-museum-design="v2"] .portal .p-welcome{gap:8px;padding:42px 70px 12px;}
 [data-museum-design="v2"] .portal h1{font-size:2rem;max-width:none;}
 [data-museum-design="v2"] .portal .p-typed{min-height:5em;font-size:.9rem;max-width:65ch;}
}
@media(prefers-reduced-motion:reduce){
 [data-museum-design="v2"] .portal h1,[data-museum-design="v2"] .portal .gate-lantern{animation:none;}
 [data-museum-design="v2"] .portal .p-welcome{display:none;}
}

/* A smooth approach with no camera roll or abrupt focus changes. */
[data-museum-design="v2"] #pSkyL,[data-museum-design="v2"] #pHazeL,[data-museum-design="v2"] #pWallL,[data-museum-design="v2"] #pFrontL{animation-timing-function:cubic-bezier(.25,.1,.2,1);}
@keyframes pZoomSky{from{transform:scale(1)}to{transform:scale(1.32)}}
@keyframes pZoomHaze{from{transform:scale(1)}to{transform:scale(1.8)}}
@keyframes pZoomWall{0%{transform:scale(1);filter:blur(1px)}45%{filter:blur(0)}100%{transform:scale(2.5);filter:blur(0)}}
@keyframes pZoomFront{from{transform:scale(1)}to{transform:scale(3.9)}}
[data-museum-design="v2"] .portal .arch.gate .leaf{transition:transform .9s cubic-bezier(.22,.61,.36,1);}
[data-museum-design="v2"] .portal .p-stars{opacity:.3;animation:none;}
[data-museum-design="v2"] .portal .p-grain{opacity:.025;}
[data-museum-design="v2"] .portal .p-welcome{background:linear-gradient(180deg,rgba(7,13,18,.08),rgba(12,9,6,.4));}
[data-museum-design="v2"] .portal .pbtns button:focus-visible{outline:2px solid #fff2d4;outline-offset:5px;}