.live-section{padding:92px 6%;background:var(--navy,#081826);color:#fff}
.live-inner{width:min(1180px,100%);margin:0 auto;text-align:center}
.live-heading{max-width:760px;margin:0 auto 38px}
.live-kicker{display:inline-flex;align-items:center;gap:9px;margin-bottom:12px;color:var(--gold,#d2b26a);font-size:12px;font-weight:700;letter-spacing:.24em;text-transform:uppercase}
.live-kicker.is-live::before{content:"";width:9px;height:9px;border-radius:50%;background:#e53333;box-shadow:0 0 0 5px rgba(229,51,51,.16);animation:livePulse 1.8s ease-in-out infinite}
.live-heading h2{margin:0;font-family:"Cormorant Garamond",Georgia,serif;font-size:clamp(42px,6vw,68px);font-weight:600;line-height:1}
.live-heading p{margin:18px auto 0;color:rgba(255,255,255,.72);font-size:17px}
.live-stage{position:relative;overflow:hidden;width:min(1050px,100%);margin:0 auto;border:1px solid rgba(210,178,106,.28);border-radius:6px;background:#030d17;box-shadow:0 26px 70px rgba(0,0,0,.28);aspect-ratio:16/9}
.live-player-wrap,.live-player{width:100%;height:100%}
.live-player-wrap[hidden]{display:none}
.live-player{display:block;border:0}
.live-placeholder{display:flex;height:100%;min-height:260px;align-items:center;justify-content:center;flex-direction:column;gap:8px;padding:30px;background:radial-gradient(circle at center,rgba(210,178,106,.09),transparent 48%),linear-gradient(145deg,#07192a,#030d17)}
.live-placeholder-mark{margin-bottom:8px;color:var(--gold,#d2b26a);font-family:Georgia,serif;font-size:54px;line-height:1}
.live-placeholder strong{font-family:"Cormorant Garamond",Georgia,serif;font-size:clamp(25px,4vw,38px);font-weight:600}
.live-placeholder span:last-child{color:rgba(255,255,255,.62);font-size:14px}
.live-youtube-link{position:relative;display:inline-flex;align-items:center;gap:8px;margin-top:28px;padding:8px 0;color:#fff;font-size:14px;font-weight:600;letter-spacing:.05em;text-decoration:none}
.live-youtube-link::after{content:"";position:absolute;right:0;bottom:2px;left:0;height:1px;background:var(--gold,#d2b26a);transform:scaleX(0);transform-origin:right;transition:transform .25s ease}
.live-youtube-link:hover::after,.live-youtube-link:focus-visible::after{transform:scaleX(1);transform-origin:left}
.live-youtube-link span{color:var(--gold,#d2b26a)}
@keyframes livePulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.55;transform:scale(.82)}}
@media(max-width:700px){.live-section{padding:72px 18px}.live-heading{margin-bottom:30px}.live-heading p{font-size:15px}.live-stage{border-radius:4px}}
@media(prefers-reduced-motion:reduce){.live-kicker.is-live::before{animation:none}}
.live-placeholder-image {
  position: absolute;
  inset: 0;
  display: flex;
  overflow: hidden;
  align-items: center;
  justify-content: center;

  background-color: #07192a;
  background-image:
    linear-gradient(
      180deg,
      rgba(4, 17, 29, 0.28) 0%,
      rgba(4, 17, 29, 0.62) 58%,
      rgba(4, 17, 29, 0.72) 100%
    ),
    url("/images/live-balchik.jpg");

  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

.live-placeholder-image::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;

  background:
    radial-gradient(
      circle at 50% 35%,
      rgba(210, 178, 106, 0.18),
      transparent 40%
    ),
    linear-gradient(
      90deg,
      rgba(3, 13, 23, 0.3),
      transparent 30%,
      transparent 70%,
      rgba(3, 13, 23, 0.3)
    );
}

.live-placeholder-content {
  position: relative;
  z-index: 2;
}
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background:
    linear-gradient(
      90deg,
      rgba(3, 13, 23, 0.32),
      transparent 30%,
      transparent 70%,
      rgba(3, 13, 23, 0.32)
    );
}

.live-placeholder-content {
  position: relative;
  z-index: 2;
  display: flex;
  width: min(760px, 90%);
  margin: auto;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 10px;
  text-align: center;
}

.live-placeholder-kicker {
  margin: 0 0 4px;
  color: var(--gold, #d2b26a);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.24em;
  text-transform: uppercase;
}

.live-placeholder-image strong {
  max-width: 760px;
  color: #ffffff;
  font-family: "Cormorant Garamond", Georgia, serif;
  font-size: clamp(30px, 5vw, 54px);
  font-weight: 600;
  line-height: 1.08;
  text-shadow: 0 4px 22px rgba(0, 0, 0, 0.5);
}

.live-placeholder-image span:last-child {
  max-width: 620px;
  color: rgba(255, 255, 255, 0.82);
  font-size: 16px;
  line-height: 1.6;
  text-shadow: 0 2px 12px rgba(0, 0, 0, 0.45);
}.live-placeholder {
  opacity: 1;
  visibility: visible;
  transition:
    opacity 0.6s ease,
    visibility 0.6s ease;
}

.live-placeholder.is-hidden {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}

.live-player-wrap {
  opacity: 0;
  transition: opacity 0.7s ease;
}

.live-player-wrap.is-visible {
  opacity: 1;
}.live-player-wrap,
.live-placeholder {
  position: absolute;
  inset: 0;
}.live-stage {
  position: relative;
}.live-placeholder-image {
  outline: 6px solid red !important;
}.live-stage {
  position: relative;
  width: min(1050px, 100%);
  margin: 0 auto;
  aspect-ratio: 16 / 9;
  overflow: hidden;
}

.live-player-wrap {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}

.live-player {
  display: block;
  width: 100%;
  height: 100%;
  min-width: 100%;
  min-height: 100%;
  border: 0;
}