/* Cinematic scene background (includes/scene-video-bg.php) — same look as the Showcase page:
   four crossfading clips under a bobbing transparent PNG, plus a text switcher. */
.scene-bg{position:absolute;inset:0;overflow:hidden;background:#000;pointer-events:none}
.scene-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity 1s ease-in-out}
.scene-video.is-active{opacity:1}
.scene-overlay{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:1;animation:scene-bob 3s ease-in-out infinite;will-change:transform}
@keyframes scene-bob{0%,100%{transform:translateY(0) scale(1.03)}50%{transform:translateY(-6px) scale(1.03)}}
.scene-switcher{position:absolute;left:50%;bottom:34px;z-index:3;transform:translateX(-50%);display:flex;flex-wrap:wrap;justify-content:center;gap:8px 24px;font:400 .84rem/1 system-ui,sans-serif;color:#fff;transition:color .7s ease}
.scene-switcher button{padding:0 0 4px;background:none;border:0;border-bottom:1px solid transparent;color:inherit;font:inherit;cursor:pointer;opacity:.5;transition:opacity .3s ease,border-color .7s ease}
.scene-switcher button:hover{opacity:.8}
.scene-switcher button[aria-pressed="true"]{opacity:1;border-bottom-color:currentColor}
/* Bright "Deep Woods" clip: copy on top switches to a dark ink, like the Showcase page */
.scene-dark .scene-switcher{color:#182C41}
/* Inline placement (page echoes $sceneSwitcher inside its own content) */
.scene-switcher.is-inline,.container>.scene-switcher{position:static;transform:none;justify-content:flex-start;margin-top:40px}
@media(prefers-reduced-motion:reduce){.scene-overlay{animation:none}}