.live-launch {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  border: 0;
  padding: 0;
  border-radius: inherit;
  background: transparent;
  color:#E8E8E8;
  cursor: pointer;
}
.live-launch .live-play { pointer-events: none; }
.live-launch:focus-visible { outline:2px solid #E5F36B; outline-offset: -4px; }
body.live-player-open { overflow: hidden; }
.live-video-dialog {
  position: fixed;
  inset: 0;
  width: min(460px, calc(100vw - 32px));
  max-width: calc(100vw - 32px);
  max-height: calc(100svh - 96px);
  margin: auto;
  border: 0;
  border-radius: 12px;
  padding: 0;
  background:#080808;
  color:#E8E8E8;
  overflow: visible;
}
.live-video-dialog::backdrop { background:rgba(0, 0, 0, .9); backdrop-filter: blur(6px); }
.live-video-player {
  display: block;
  width: 100%;
  max-height: calc(100svh - 96px);
  aspect-ratio: 9 / 16;
  object-fit: contain;
  background:#000;
  border-radius: 12px;
}
.live-video-close {
  position: absolute;
  top: -48px;
  right: -6px;
  display: grid;
  place-items: center;
  width: 44px;
  height: 44px;
  border: 0;
  padding: 0;
  background: transparent;
  color:#E8E8E8;
  cursor: pointer;
}
.live-video-close svg { width: 24px; height: 24px; }
.live-video-close:focus-visible { outline:2px solid #E5F36B; outline-offset: -3px; border-radius: 50%; }
.live-video-error { margin: 0; padding: 16px; font: 400 14px/1.5 Arial, sans-serif; }
.live-video-error a { color:#E8E8E8; text-decoration: underline; }

/* A soft light behind the home-page video carousel. */
.live-media{position:relative;isolation:isolate}