/* Media variants for the shared Bubble Universe split-case contract. Core
 * geometry, typography and glow live only in storymode.css. */
.split-panel-host[hidden]{display:none!important}
.split-panel-host .case-media.is-iframe-preview{display:flex;align-items:center;justify-content:center;padding:clamp(18px,2.2vw,28px) clamp(18px,2.2vw,28px) clamp(64px,6.5vw,82px);background:radial-gradient(circle at 28% 18%,color-mix(in srgb,var(--case-media-highlight,#fff) 78%,transparent),transparent 26%),linear-gradient(145deg,var(--case-media-sheen-start,rgba(255,255,255,.34)),var(--case-media-sheen-end,rgba(255,255,255,.08))),var(--case-media-bg,#f4ecdf)}
.split-panel-host .case-media-iframe-shell{position:relative;z-index:1;display:block;width:100%;aspect-ratio:var(--case-media-aspect-ratio,1440/980);--case-iframe-radius:22px;border-radius:var(--case-iframe-radius);box-shadow:0 18px 46px rgba(74,92,112,.13),inset 0 1px 0 rgba(255,255,255,.76);overflow:hidden;clip-path:inset(0 round var(--case-iframe-radius));contain:paint;isolation:isolate;background:#fff}
.split-panel-host .case-media-iframe{display:block;width:100%;height:100%;border:0;border-radius:inherit;background:#fff}
.split-panel-host .case-media-open{position:absolute;left:50%;bottom:clamp(38px,4.5vw,54px);z-index:3;display:inline-flex;align-items:center;gap:9px;max-width:calc(100% - 48px);padding:12px 20px;border:1px solid rgba(255,255,255,.78);border-radius:999px;color:rgba(34,46,72,.74);font:400 clamp(13px,.95vw,15px)/1 var(--body-font,var(--sans));text-decoration:none;white-space:nowrap;background:#fff;box-shadow:0 16px 34px rgba(74,92,112,.16);transform:translateX(-50%)}
.split-panel-host .case-media-open-corner{position:absolute;top:16px;right:18px;z-index:3;display:grid;place-items:center;width:34px;height:34px;color:var(--case-media-control-color,rgba(34,46,72,.62));border:1px solid rgba(255,255,255,.76);border-radius:50%;text-decoration:none;background:var(--case-media-control-bg,rgba(255,255,255,.54));box-shadow:0 12px 28px rgba(61,129,177,.14)}
.split-panel-host .case-media-open svg,.split-panel-host .case-media-open-corner svg{width:1.25em;height:1.25em;fill:none;stroke:currentColor;stroke-width:1.35;stroke-linecap:round;stroke-linejoin:round}.split-panel-host .case-media-open-corner svg{width:50%;height:50%}
.split-panel-host .case-media.is-video-carousel{display:flex;align-items:center;justify-content:center;padding:clamp(22px,2.4vw,34px) clamp(46px,4.6vw,64px);background:radial-gradient(circle at 22% 22%,rgba(255,255,255,.58),transparent 26%),linear-gradient(145deg,rgba(255,255,255,.22),rgba(255,255,255,.04)),var(--case-media-bg,#cdefff)}
.split-panel-host .ai-ip-video-carousel{position:relative;z-index:1;display:grid;grid-template-columns:46px minmax(0,1fr) 46px;align-items:center;justify-items:center;column-gap:clamp(18px,2.1vw,28px);width:100%;height:100%}
.split-panel-host .ai-ip-video-viewport{display:flex;align-items:center;justify-content:center;width:100%;height:100%;min-width:0;min-height:0}
.split-panel-host .ai-ip-video-player{position:relative;width:auto;height:min(94%,780px);max-width:88%;max-height:100%;aspect-ratio:var(--ai-ip-video-aspect,3/5);background:rgba(255,255,255,.86);box-shadow:0 22px 50px rgba(61,129,177,.16)}
.split-panel-host .ai-ip-video{display:block;width:100%;height:100%;object-fit:cover;background:transparent}
.split-panel-host .airbnb-culture-video-controls{position:absolute;z-index:3;right:-50px;top:0;display:flex;flex-direction:column;gap:8px}
.split-panel-host .airbnb-culture-video-button{display:grid;place-items:center;width:42px;height:42px;padding:0;border:1px solid rgba(255,255,255,.76);border-radius:50%;background:rgba(255,255,255,.62);color:rgba(34,46,72,.68);cursor:pointer}
.split-panel-host .ai-ip-video-nav{display:grid;place-items:center;width:42px;height:42px;padding:0;border:1px solid rgba(255,255,255,.72);border-radius:50%;background:rgba(255,255,255,.42);color:rgba(18,28,36,.58);box-shadow:0 10px 24px rgba(61,129,177,.1);cursor:pointer}.split-panel-host .ai-ip-video-nav svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.ai-lab-video-lightbox{z-index:10000!important}.ai-lab-video-lightbox .art-lightbox-video{display:block;max-width:min(92vw,1400px);max-height:88vh;object-fit:contain}