/* Broadcast India 2026 announcement shared by the homepage and Blackmagic page. */
.bi-event-section {
  padding: clamp(68px, 8vw, 112px) 0;
  color: #f8fbf9;
  background: radial-gradient(circle at 10% 0%, rgba(54, 139, 112, .2), transparent 43%), #080d0c;
  border-block: 1px solid rgba(255, 255, 255, .1);
  scroll-margin-top: 82px;
}
.bi-event-section[hidden], .bi-event-popup[hidden] { display: none !important; }
.bi-event-heading {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 24px;
  margin-bottom: 30px;
}
.bi-event-heading > div { max-width: 800px; }
.bi-event-eyebrow {
  color: #78dab2;
  font-size: .73rem;
  font-weight: 800;
  letter-spacing: .16em;
  text-transform: uppercase;
}
.bi-event-heading h2, .bi-event-dialog h2 {
  color: #fff;
  letter-spacing: -.045em;
  line-height: 1.08;
}
.bi-event-heading h2 { margin: 13px 0 16px; font-size: clamp(2.2rem, 4vw, 3.4rem); }
.bi-event-heading p, .bi-event-popup-copy > p { color: #bdc9c2; line-height: 1.62; }
.bi-event-heading p { margin: 0; max-width: 720px; }
.bi-event-open, .bi-event-register {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 46px;
  padding: 11px 19px;
  border: 0;
  border-radius: 999px;
  background: #64cda2;
  color: #07140d !important;
  font: inherit;
  font-size: .86rem;
  font-weight: 800;
  text-align: center;
  text-decoration: none;
  white-space: nowrap;
  cursor: pointer;
}
.bi-event-open:hover, .bi-event-register:hover { background: #8ce8bc; }
.bi-event-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; }
.bi-event-card {
  display: flex;
  flex-direction: column;
  min-width: 0;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, .16);
  border-radius: 22px;
  background: #101715;
}
html[data-camixel-theme] body.premium-ui .bi-event-card > img {
  display: block;
  width: 100%;
  height: auto !important;
  aspect-ratio: 4 / 5;
  object-fit: contain;
  background: #050809;
}
.bi-event-card-copy { display: flex; flex: 1; flex-direction: column; align-items: flex-start; gap: 13px; padding: clamp(22px, 2.6vw, 34px); }
.bi-event-card-copy > span { color: #82d4b0; font-size: .73rem; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.bi-event-card-copy h3 { margin: 0; color: #fff; font-size: clamp(1.25rem, 2vw, 1.8rem); line-height: 1.15; }
.bi-event-card-copy p { margin: 0 0 auto; color: #b7c4bb; font-size: .91rem; line-height: 1.6; }
.bi-event-card-copy .bi-event-register { margin-top: 9px; }

body.bi-event-dialog-open { overflow: hidden; }
.bi-event-popup {
  position: fixed;
  inset: 0;
  z-index: 100002;
  display: grid;
  place-items: center;
  padding: 16px;
  background: rgba(0, 0, 0, .83);
  backdrop-filter: blur(8px);
}
.bi-event-dialog {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, .84fr) minmax(0, 1.16fr);
  width: min(1180px, 100%);
  max-height: calc(100dvh - 32px);
  overflow: auto;
  border: 1px solid rgba(120, 218, 178, .38);
  border-radius: 24px;
  background: #0b1210;
  box-shadow: 0 30px 90px rgba(0, 0, 0, .65);
  color: #fff;
}
.bi-event-close {
  position: absolute;
  top: 16px;
  right: 16px;
  z-index: 5;
  display: grid;
  place-items: center;
  width: 42px;
  height: 42px;
  border: 1px solid rgba(255, 255, 255, .3);
  border-radius: 50%;
  background: rgba(17, 31, 29, .94);
  color: #fff;
  font-size: 1.5rem;
  line-height: 1;
  cursor: pointer;
}
.bi-event-popup-copy {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  min-width: 0;
  padding: clamp(32px, 4.4vw, 56px);
  background: radial-gradient(circle at 0 0, rgba(79, 185, 144, .19), transparent 55%);
}
.bi-event-dialog h2 { margin: 13px 0 14px; max-width: 480px; font-size: clamp(2.25rem, 3.5vw, 3.2rem); }
.bi-event-popup-copy > p { margin: 0; max-width: 440px; font-size: .96rem; }
.bi-event-popup-facts {
  display: grid;
  width: 100%;
  gap: 0;
  margin: 25px 0 26px;
  border-block: 1px solid rgba(255, 255, 255, .17);
}
.bi-event-popup-facts > div { display: grid; grid-template-columns: 64px 1fr; gap: 12px; padding: 11px 0; }
.bi-event-popup-facts > div + div { border-top: 1px solid rgba(255, 255, 255, .09); }
.bi-event-popup-facts span { color: #79d5ae; font-size: .68rem; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.bi-event-popup-facts strong { color: #eef8f1; font-size: .84rem; font-weight: 600; line-height: 1.4; }
.bi-event-popup-posters {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: center;
  gap: 14px;
  min-height: 530px;
  padding: 52px 24px 24px;
  background: linear-gradient(145deg, #101b22, #07100f 75%);
}
.bi-event-popup-posters a {
  display: block;
  min-width: 0;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, .2);
  border-radius: 12px;
  background: #050809;
  box-shadow: 0 16px 34px rgba(0, 0, 0, .4);
}
.bi-event-popup-posters a:hover { transform: translateY(-3px); }
html[data-camixel-theme] body.premium-ui .bi-event-popup-posters img { display: block; width: 100%; height: auto !important; aspect-ratio: 4 / 5; object-fit: contain; }
.bi-event-popup-actions { display: grid; width: 100%; gap: 10px; }
.bi-event-popup-actions .bi-event-register { min-height: 48px; padding-inline: 18px; gap: 10px; font-size: .88rem; }
.bi-event-popup-actions .bi-event-register--secondary { color: #c8f2db !important; border: 1px solid rgba(120, 218, 178, .55); background: transparent; }
.bi-event-popup-actions .bi-event-register--secondary:hover { background: rgba(120, 218, 178, .13); }
.bi-event-popup-details { display: inline-block; margin-top: 16px; color: #9be5bd !important; font-size: .82rem; text-decoration: underline; text-underline-offset: 4px; }
.bi-event-section :is(a, button):focus-visible, .bi-event-popup :is(a, button):focus-visible { outline: 3px solid #a7f2ca; outline-offset: 3px; }

@media (max-width: 920px) {
  .bi-event-heading { align-items: flex-start; flex-direction: column; }
  .bi-event-grid { grid-template-columns: 1fr; }
  .bi-event-card { width: min(100%, 640px); margin-inline: auto; }
}
@media (max-width: 740px) {
  .bi-event-dialog { grid-template-columns: 1fr; }
  .bi-event-popup-copy { padding: 28px; }
  .bi-event-dialog h2 { max-width: 550px; padding-right: 32px; font-size: clamp(2rem, 7vw, 3rem); }
  .bi-event-popup-posters { min-height: 0; padding: 18px; }
}
@media (max-width: 620px) {
  .bi-event-card-copy { padding: 22px; }
  .bi-event-popup { padding: 8px; }
  .bi-event-dialog { max-height: calc(100dvh - 16px); border-radius: 16px; }
  .bi-event-popup-copy { padding: 28px 20px 22px; }
  .bi-event-popup-facts { margin: 18px 0 20px; }
  .bi-event-popup-posters { gap: 8px; padding: 12px; }
}
@media (max-width: 430px) {
  .bi-event-heading h2 { font-size: 2.1rem; }
}