/* ===================== Konference ===================== */
.mm-web-conference {
  position: relative;
  z-index: 6; /* vykreslí se nad připnutým intrem při přechodu */
  padding: 41px var(--gutter) 0;
  margin-bottom: 160px;
  border-top: 1px solid rgba(255, 255, 255, 0.07);
  color: var(--fg-contrast);
  background: var(--bg-contrast);
}

/* Tmavé pozadí končí přesně v polovině videa (ve Figmě „BG" 929 px) —
   spodní polovina videa už leží na bílém podkladu navazující sekce.
   Bílý pás: výška = polovina videa = (100vw − 2×32px okraje) × (775/1376) ÷ 2,
   z-index -1 ho drží nad pozadím sekce, ale pod jejím obsahem. */
.mm-web-conference::after {
  content: "";
  position: absolute;
  inset: auto 0 0 0;
  /* šířka videa = šířka obsahu (zastropovaná na 1920px vč. okrajů) */
  height: calc((min(100vw, 1920px) - 64px) * 0.2816);
  background: var(--bg-canvas);
  z-index: -1;
}

/* Lead je zarovnaný k pravému okraji obsahu */
.mm-web-conference__copy {
  max-width: 907px;
  margin: 80px 0 0 auto;
}

/* Video (zatím poster + nefunkční tlačítko Přehrát) */
.mm-web-conference__video {
  position: relative;
  margin: 128px 0 0;
  aspect-ratio: 1376 / 775;
  /* overflow visible: zvětšuje se jen vnitřní <video>, které přeteče
     přes okraje figure až na šířku viewportu (tlačítko zůstává v původní
     velikosti, proto se nezvětšuje celá figure) */
}
.mm-web-conference__video > video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  will-change: transform; /* zoom 80 → 100 % při scrollu (GSAP) */
}
.mm-web-conference__video .mm-web-btn {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding-left: 28px; /* optická korekce kvůli ikoně ▶ (dle Figmy) */
}

/* ===================== Mobil (≤900px) ===================== */
@media (max-width: 900px) {
  .mm-web-conference { margin-bottom: 72px; }
  .mm-web-conference::after {
    height: calc((100vw - 32px) * 0.2816); /* poloviční video při 16px okrajích */
  }
  .mm-web-conference__copy { margin-top: 48px; }
  .mm-web-conference__video { margin-top: 64px; }
}