/* One continuous scene beneath all pages and the transparent menu. */
body{isolation:isolate;background:#17212a!important}
.studio-atmosphere{position:fixed;inset:-28px;z-index:-1;pointer-events:none;overflow:hidden;transform:translate3d(var(--scene-x,0px),var(--scene-y,0px),0);transition:transform 1.4s ease-out,filter .55s ease;filter:blur(0)}
.studio-atmosphere .arch-base,.studio-atmosphere .cloud-drift{position:absolute;inset:0;background:url('temple-gate-expanded.png.webp') center/cover no-repeat}
.studio-atmosphere .cloud-drift{mask-image:linear-gradient(#000 0%,#000 22%,transparent 33%);animation:cloud-breathe 38s ease-in-out infinite alternate;transform-origin:50% 0;opacity:.85}
.studio-atmosphere:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#02070b50,transparent 65%),linear-gradient(0deg,#02070b26,transparent 60%)}
body.menu-page-away .studio-atmosphere{filter:blur(9px) brightness(.77)}
.full-menu:after{display:none!important}.full-menu::backdrop{background:transparent!important;backdrop-filter:none!important}
body>main{position:relative}body>footer{position:relative}
body:not(.film-page) .films,body:not(.film-page) .contact{background:#07111b78;backdrop-filter:blur(2px)}
body:not(.film-page) footer{background:#07111b80}
.atmosphere-motion{position:fixed;bottom:16px;left:18px;z-index:6;color:#e9f1f6;background:#0b17288c;border:1px solid #b9ced650;border-radius:20px;padding:7px 11px;font:10px 'DM Sans',sans-serif;cursor:pointer}
body.menu-page-away>.atmosphere-motion{visibility:hidden}
.atmosphere-paused .cloud-drift{animation-play-state:paused}
@keyframes cloud-breathe{from{transform:translate3d(-12px,0,0) scale(1.025)}to{transform:translate3d(16px,5px,0) scale(1.06)}}
@media(prefers-reduced-motion:reduce){.studio-atmosphere{transform:none!important;transition:none}.studio-atmosphere .cloud-drift{animation:none;display:none}.atmosphere-motion{display:none}}
/* More legible sky movement, with the architecture excluded from the mask. */
.studio-atmosphere .cloud-drift{mask-image:linear-gradient(#000 0%,#000 24%,transparent 34%);animation:cloud-breathe 16s linear infinite alternate;opacity:1;will-change:transform}
@keyframes cloud-breathe{from{transform:translate3d(-65px,-5px,0) scale(1.15)}to{transform:translate3d(65px,10px,0) scale(1.15)}}
body.menu-page-away .studio-atmosphere{filter:blur(5px) brightness(.82)}
.atmosphere-paused .cloud-drift{animation-play-state:paused}
@media(prefers-reduced-motion:reduce){.studio-atmosphere .cloud-drift{animation:none;display:none}}
/* Two staggered forward passes dissolve together; reset occurs only while hidden. */
.studio-atmosphere .cloud-drift{animation:cloud-forward 28s linear infinite;animation-delay:-7s}
.studio-atmosphere .cloud-drift-next{animation-delay:-21s}
@keyframes cloud-forward{0%{transform:translate3d(-65px,-5px,0) scale(1.15);opacity:0}7.142857%{opacity:1}50%{opacity:1}57.142857%{transform:translate3d(65px,10px,0) scale(1.15);opacity:0}100%{transform:translate3d(65px,10px,0) scale(1.15);opacity:0}}
.atmosphere-paused .cloud-drift{animation-play-state:paused}
@media(prefers-reduced-motion:reduce){.studio-atmosphere .cloud-drift{animation:none;display:none}}