/* Shared hero-simple/case-study media geometry and pause control. */
[data-viva-bts-container] { overflow: hidden; }
[data-viva-bts-background] { position: absolute; inset: 0; pointer-events: none; }
[data-viva-bts-background] picture { position: absolute; inset: 0; }
[data-viva-bts-background] .vb-hero-poster { width: 100%; height: 100%; object-fit: cover; }
[data-viva-bts-background] .vb-hero-video-mount { position: absolute; inset: 0; opacity: 0; }
[data-viva-bts-background][data-playing='true'] .vb-hero-video-mount { opacity: 1; }
[data-viva-bts-background] mux-player { display: block; position: absolute; inset: 0; width: 100%; height: 100%; --controls: none; --media-object-fit: cover; pointer-events: none; }
/* An opaque token chip keeps caption text legible across bright poster and video frames. */
.viva-background-toggle { position: absolute; bottom: var(--vm-gap-m, 24px); right: var(--vm-gap-m, 24px); z-index: 5; min-height: 44px; padding: var(--vm-gap-s, 12px); border: 0; border-radius: var(--vm-radius-card, 6px); background: var(--vm-black, #131313); color: var(--vm-white, #fff); font: inherit; font-size: var(--vm-caption, 14px); cursor: pointer; text-decoration: underline; text-underline-offset: 4px; }
.viva-background-toggle[hidden] { display: none; }
.viva-background-toggle:hover { color: var(--vm-lavender, #bbb2ce); }
.viva-background-toggle:focus-visible { outline: 2px solid var(--vm-lavender, #bbb2ce); outline-offset: -4px; }