/* Media layers only; the existing cards, masks and labels own their geometry. */
.cp-hero-media > .vg-ambient-video,
.cp-format-frame > .vg-ambient-video,
.v5 .hero-film > .vg-ambient-video,
.v5 .social-study > .vg-ambient-video,
.v5 .expanding-film > .vg-ambient-video,
.v5 .reel-poster > .vg-ambient-video {
 position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 50%;pointer-events:none;opacity:0;
}
.cp-hero-media > .vg-ambient-video{transform:scale(1.04)}
.ambient-playing > .vg-ambient-video{opacity:1}
.cp-format-frame > .vg-ambient-video{filter:brightness(.65);transition:transform .7s}
.cm-format-hover .cp-format-frame > .vg-ambient-video{transform:scale(1.06)}
.v5 .social-study{position:relative;overflow:hidden}
.v5 .social-study > span,.v5 .social-study > strong,.v5 .social-study > i{position:relative;z-index:1}
.v5 .social-study:after{content:'';position:absolute;inset:0;background:#09142655;pointer-events:none}
.v5 .hero-film.ambient-playing:after{background:#0006}
.v5 .reel-stage.ambient-playing .poster-v,.v5 .reel-stage.ambient-playing .poster-cut,
.v5 .reel-stage.ambient-playing [data-player-status]{visibility:hidden}
.v5 .expanding-film > span,.v5 .expanding-film > b,.v5 .expanding-film > i{position:relative}
@media(prefers-reduced-motion:reduce){.vg-ambient-video{display:none}}
.v5 .ambient-playing > .vg-ambient-video{opacity:1}
/* Fit the portrait into the existing animated aperture, not its masked-away margins. */
.cp-format-frame > .vg-ambient-video{left:24%;width:52%;transition:transform .7s,left .7s,width .7s,top .7s,height .7s}
.cp-format-frame[data-format=ads] > .vg-ambient-video{left:12%;width:76%;top:8%;height:84%}
.cp-format-frame[data-format=web] > .vg-ambient-video{left:0;width:100%;top:24%;height:52%}
.cp-format-frame[data-format=photo] > .vg-ambient-video{left:18%;width:64%;top:9%;height:82%}

/* One readable message, confined to the existing movie surface. */

.v5 .reel-stage.ambient-playing .player-bar{visibility:hidden}
.cp-hero-media.ambient-playing > svg,.cp-format-frame.ambient-playing > svg{visibility:hidden}

/* Stable external frame: rotation does not alter the intrinsic 9:16 geometry. */
.v5 .social-study{width:min(100%,247.5px);height:auto;min-height:0;aspect-ratio:9 / 16;flex:none;align-self:start;background:#101318}
.v5 .social-study .social-poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none}
.v5 .social-study > .vg-ambient-video{transition:opacity .22s ease}
.v5 .social-study strong{font-size:clamp(48px,6vw,88px)}
@media(max-width:900px){.v5 .social-study{width:min(100%,185.625px)}}
@media(max-width:600px){.v5 .social-study strong{font-size:clamp(48px,19vw,74px)}}
.cp-duet-shot > img{height:100%;width:100%;display:block;object-fit:cover;filter:brightness(.75)}
@media(max-width:550px){.cp-duet-shot:nth-child(2)>img{object-position:25% 50%}}
/* The fixed scene is the only live movie plane. No parent switch at fullscreen. */
.motion .expanding-film{overflow:hidden}
.motion .expanding-film:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,#070b1aed 0%,#070b1ac9 40%,transparent 80%);opacity:var(--reel-shade,0)}
.motion .expanding-film .reel-heading{z-index:2;top:clamp(110px,12vh,150px);left:var(--pad);right:var(--pad)}
#reel-title > span,#reel-title > em{display:block}
.motion .expanding-film .reel-line-first{opacity:var(--reel-first,0);transform:translateY(var(--reel-first-y,18px))}
.motion .expanding-film .reel-line-second{opacity:var(--reel-second,0);transform:translateY(var(--reel-second-y,18px))}
.motion .expanding-film .boundary{position:relative;left:auto;top:auto;transform:translateY(var(--reel-third-y,18px));rotate:none;background:none;color:#eeebdc;max-width:35ch;padding:0;margin:clamp(28px,5vh,55px) 0 0;font-size:clamp(20px,2.4vw,38px);line-height:1.25;white-space:normal;opacity:var(--reel-third,0)}
.motion .expanding-film .boundary em{color:inherit}
.motion .showreel .reel-poster,.motion .showreel .player-bar{visibility:hidden}
@media(prefers-reduced-motion:reduce){.v5 .social-study > .vg-ambient-video{transition:none}}
.motion .expanding-film .reel-heading h2 > span{font:inherit;letter-spacing:inherit;color:#f8f8f2}
.v5 .social-study > .vg-ambient-video{z-index:1}
.v5 .social-study:after{z-index:2}
.v5 .social-study > span,.v5 .social-study > strong,.v5 .social-study > i{z-index:3}

/* Accessible originals retain their DOM order; the scene copy is aria-hidden. */
.motion .showreel .reel-heading,.motion .core>.boundary{position:absolute;width:1px;height:1px;padding:0;margin:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.motion .expanding-film .reel-heading h2 > span,.motion .expanding-film .reel-heading h2 > em{display:block}

/* Initial HTML posters match the selected stream, including no-JS/error states. */
.media-poster{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none}
picture.media-poster>img{width:100%;height:100%;object-fit:cover;display:block}
.cp-hero-media>.media-poster{transform:scale(1.04)}
.cp-hero-media>.media-poster,.cp-hero-media>.vg-ambient-video{translate:var(--media-depth-x,0px) var(--media-depth-y,0px)}
.cp-format-frame>.media-poster{left:24%;width:52%;filter:brightness(.65);transition:transform .7s,left .7s,width .7s,top .7s,height .7s}
.cp-format-frame[data-format=ads]>.media-poster{left:12%;width:76%;top:8%;height:84%}
.cp-format-frame[data-format=web]>.media-poster{left:0;width:100%;top:24%;height:52%}
.cp-format-frame[data-format=photo]>.media-poster{left:18%;width:64%;top:9%;height:82%}
.cm-format-hover .cp-format-frame>.media-poster{transform:scale(1.06)}
.vg-ambient-video{transition:opacity .12s linear}
/* Tile 1 itself becomes the film; initial dimensions are measured from its matching FILM sibling. */
.motion .v5-tile.expanding-film{padding:13px;background:#eeebdc;color:#191921;box-shadow:6px 8px 0 #070b2738,12px 20px 25px #0002;border-radius:0;transform-style:flat}
.motion .expanding-film>b{font-size:clamp(28px,4vw,68px);line-height:.8;letter-spacing:-.065em;text-align:left}
.motion .expanding-film>span,.motion .expanding-film>i{font-size:9px;letter-spacing:.1em}
@media(max-width:900px){.motion .v5-tile.expanding-film{padding:10px}}
@media(max-width:600px){.motion .v5-tile.expanding-film{padding:7px;box-shadow:4px 5px 0 #0002}.motion .expanding-film>b{font-size:25px}.motion .expanding-film>span,.motion .expanding-film>i{font-size:6px}}
.motion .expanding-film>.media-poster{opacity:var(--film-media-opacity,0)}
.motion .expanding-film.ambient-playing>.vg-ambient-video{opacity:var(--film-media-opacity,0)}
.motion .expanding-film .reel-heading{white-space:normal}
@media(prefers-reduced-motion:reduce){.media-poster,.vg-ambient-video{transition:none!important;translate:none!important}}

/* Small copies of the same frames paint with the blocking stylesheet, even before image decoding. */
.v5 .hero-film>.media-poster,picture.media-poster{background-image:url("data:image/webp;base64,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");background-size:cover;background-position:center}
.cp-format-frame>.media-poster,.social-poster{background-image:url("data:image/webp;base64,UklGRmYCAABXRUJQVlA4IFoCAACQFgCdASpaAKAAPqlKnkqmJCmhrVM6uTAVCWkA1MhNayMNmr2SlVQwmMpuMdxvfTsXz6Hx1IUnVT9+H2JYcQOcY7MBE2R92caj9YqiNRM8hO9wd6ylSXdZBjnNgW+XjAMUQfNlGIvKM71elcwKBHJUikjxrtrVvVt40RmNoFVp4dY5DEB8eFppH4zFec30zbY0lu4Z/TGas4y8ljbmF/gTmEphl5iy6b2hB5oafRP/sO6aOAC09RaGkIFWKEAA/vrXgAII2FZUiaQFPFRH7J4T3O+bDx26jpdDI1iCv6kpjHRMrGXczgg/HPTc+HTQCK/+Y2OemdI3SUftqT3Ir57WlyvEMxdFhO0kBtBFp86US5lQjw3wg0x0fgmKr1ert+5Rz6O/yiy0jMIEmP7AKuBInVOEYgII/6taPKVoFpNGhz/mgB1u6UPNplxeKV7iB8jEft8xWT06uvpCPH2697B2g475XehQ3cXH5cM+MVw6zeCFIHwgcaCZ5Xx/Ag8YOHtqo2TToOeC2RqRj06OSupAccjX2SLGM89RWjUE9ig7De/RQGkLO+fZN6eJhgvKuAW9vprl3d4wHUkZfVCoZhgXv1rqnZVk3kOQLBlEc0rJdR9WVeCHWcoQGzx2PRqGkNA1l0d2JjaesTkdgcg1T/TjsWs8j4e6sy9Uq2PKrBPioPBs8kwvR/bx9i07tvzKbdP4bsUyKRVMPlT+XOdiaX+0xf5iazuMADTCQAHvg/dXzitRmYzLQhhejV6+8qNJg2K9YFURAkH1kAT9Uu3EszxEYvIYKFgAAAAAAA==");background-size:cover;background-position:center}
@media(max-width:600px){.v5 picture.media-poster{background-image:url("data:image/webp;base64,UklGRmYCAABXRUJQVlA4IFoCAACQFgCdASpaAKAAPqlKnkqmJCmhrVM6uTAVCWkA1MhNayMNmr2SlVQwmMpuMdxvfTsXz6Hx1IUnVT9+H2JYcQOcY7MBE2R92caj9YqiNRM8hO9wd6ylSXdZBjnNgW+XjAMUQfNlGIvKM71elcwKBHJUikjxrtrVvVt40RmNoFVp4dY5DEB8eFppH4zFec30zbY0lu4Z/TGas4y8ljbmF/gTmEphl5iy6b2hB5oafRP/sO6aOAC09RaGkIFWKEAA/vrXgAII2FZUiaQFPFRH7J4T3O+bDx26jpdDI1iCv6kpjHRMrGXczgg/HPTc+HTQCK/+Y2OemdI3SUftqT3Ir57WlyvEMxdFhO0kBtBFp86US5lQjw3wg0x0fgmKr1ert+5Rz6O/yiy0jMIEmP7AKuBInVOEYgII/6taPKVoFpNGhz/mgB1u6UPNplxeKV7iB8jEft8xWT06uvpCPH2697B2g475XehQ3cXH5cM+MVw6zeCFIHwgcaCZ5Xx/Ag8YOHtqo2TToOeC2RqRj06OSupAccjX2SLGM89RWjUE9ig7De/RQGkLO+fZN6eJhgvKuAW9vprl3d4wHUkZfVCoZhgXv1rqnZVk3kOQLBlEc0rJdR9WVeCHWcoQGzx2PRqGkNA1l0d2JjaesTkdgcg1T/TjsWs8j4e6sy9Uq2PKrBPioPBs8kwvR/bx9i07tvzKbdP4bsUyKRVMPlT+XOdiaX+0xf5iazuMADTCQAHvg/dXzitRmYzLQhhejV6+8qNJg2K9YFURAkH1kAT9Uu3EszxEYvIYKFgAAAAAAA==")}}
@media(max-width:550px){.cp picture.media-poster{background-image:url("data:image/webp;base64,UklGRmYCAABXRUJQVlA4IFoCAACQFgCdASpaAKAAPqlKnkqmJCmhrVM6uTAVCWkA1MhNayMNmr2SlVQwmMpuMdxvfTsXz6Hx1IUnVT9+H2JYcQOcY7MBE2R92caj9YqiNRM8hO9wd6ylSXdZBjnNgW+XjAMUQfNlGIvKM71elcwKBHJUikjxrtrVvVt40RmNoFVp4dY5DEB8eFppH4zFec30zbY0lu4Z/TGas4y8ljbmF/gTmEphl5iy6b2hB5oafRP/sO6aOAC09RaGkIFWKEAA/vrXgAII2FZUiaQFPFRH7J4T3O+bDx26jpdDI1iCv6kpjHRMrGXczgg/HPTc+HTQCK/+Y2OemdI3SUftqT3Ir57WlyvEMxdFhO0kBtBFp86US5lQjw3wg0x0fgmKr1ert+5Rz6O/yiy0jMIEmP7AKuBInVOEYgII/6taPKVoFpNGhz/mgB1u6UPNplxeKV7iB8jEft8xWT06uvpCPH2697B2g475XehQ3cXH5cM+MVw6zeCFIHwgcaCZ5Xx/Ag8YOHtqo2TToOeC2RqRj06OSupAccjX2SLGM89RWjUE9ig7De/RQGkLO+fZN6eJhgvKuAW9vprl3d4wHUkZfVCoZhgXv1rqnZVk3kOQLBlEc0rJdR9WVeCHWcoQGzx2PRqGkNA1l0d2JjaesTkdgcg1T/TjsWs8j4e6sy9Uq2PKrBPioPBs8kwvR/bx9i07tvzKbdP4bsUyKRVMPlT+XOdiaX+0xf5iazuMADTCQAHvg/dXzitRmYzLQhhejV6+8qNJg2K9YFURAkH1kAT9Uu3EszxEYvIYKFgAAAAAAA==")}}
.motion .v5-tile.expanding-film{z-index:1}
/* Remove the old still's 1.65x crop: poster and live frame must share the same aperture. */
.v5 .hero-film>.media-poster{transform:none;object-position:50% 50%;opacity:1}
.v5 .hero-film:after{background:#0006}

/* Isolate the existing perspective stack during viewport changes; no clipping or motion changes. */
.v5 .format-stack{contain:layout}