/*
 * IBA Pro — Event Experience v5.4
 * Premium, event-specific frontend layer built with CSS only.
 * No scroll hijacking, no 3D engine, no continuous animation, no filters/backdrop blur.
 */

body.iba-event-experience {
  --iba-event-deep: #071b2d;
  --iba-event-navy: #0b2b49;
  --iba-event-blue: var(--iba-blue, #1d5c9b);
  --iba-event-orange: var(--iba-orange, #ed8223);
  --iba-event-green: var(--iba-green, #1d8a44);
  --iba-event-ink: #10243a;
  --iba-event-copy: #516276;
  --iba-event-soft: #f5f8fb;
  --iba-event-soft-green: #f2f8f4;
  --iba-event-line: rgba(29, 92, 155, .14);
  --iba-event-line-dark: rgba(255, 255, 255, .12);
  --iba-event-shadow: 0 18px 48px rgba(16, 36, 58, .10);
  --iba-event-shadow-hover: 0 24px 58px rgba(16, 36, 58, .15);
}

.iba-event-experience .iba-main--event {
  overflow: clip;
  background: #fff;
}

.iba-event-experience .iba-event-single {
  --event-section-space: clamp(72px, 8vw, 118px);
}

/* ---------------------------------------------------------
   HERO — cinematic without continuous animation
--------------------------------------------------------- */
.iba-event-experience .iba-event-hero {
  position: relative;
  isolation: isolate;
  overflow: clip;
  padding-block: clamp(88px, 10vw, 150px) clamp(110px, 11vw, 170px);
  background:
    radial-gradient(circle at 84% 12%, rgba(29, 92, 155, .50) 0 16%, transparent 42%),
    radial-gradient(circle at 95% 86%, rgba(29, 138, 68, .24) 0 11%, transparent 37%),
    linear-gradient(135deg, var(--iba-event-deep) 0%, var(--iba-event-navy) 62%, #0b3a2b 145%);
  color: #fff;
}

.iba-event-experience .iba-event-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -2;
  opacity: .42;
  background-image:
    linear-gradient(rgba(255,255,255,.045) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.045) 1px, transparent 1px);
  background-size: 56px 56px;
  mask-image: linear-gradient(to bottom, #000 0, rgba(0,0,0,.75) 62%, transparent 100%);
}

.iba-event-experience .iba-event-hero::after {
  content: "";
  position: absolute;
  width: min(44vw, 610px);
  aspect-ratio: 1;
  right: -13vw;
  top: 8%;
  z-index: -1;
  border: 1px solid rgba(255,255,255,.11);
  border-radius: 50%;
  box-shadow:
    0 0 0 64px rgba(255,255,255,.025),
    0 0 0 128px rgba(255,255,255,.018);
}

.iba-event-experience .iba-event-hero .iba-detail-hero__grid {
  position: relative;
  z-index: 2;
  align-items: center;
  gap: clamp(42px, 7vw, 96px);
}

.iba-event-experience .iba-event-hero .iba-detail-hero__content {
  max-width: 760px;
}

.iba-event-experience .iba-event-hero .iba-breadcrumbs,
.iba-event-experience .iba-event-hero .iba-breadcrumbs a {
  color: rgba(255,255,255,.68);
}

.iba-event-experience .iba-event-hero .iba-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  width: fit-content;
  margin-bottom: 22px;
  padding: 8px 14px 8px 10px;
  border: 1px solid rgba(255,255,255,.16);
  border-radius: 999px;
  background: rgba(255,255,255,.065);
  color: #fff;
  font-size: .78rem;
  font-weight: 800;
  letter-spacing: .08em;
}

.iba-event-experience .iba-event-hero .iba-eyebrow::before {
  content: "";
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: var(--iba-event-orange);
  box-shadow: 0 0 0 5px rgba(237,130,35,.15);
}

.iba-event-experience .iba-event-hero h1 {
  max-width: 860px;
  margin: 0;
  color: #fff;
  font-size: clamp(2.75rem, 6vw, 5.7rem);
  line-height: .99;
  letter-spacing: -.058em;
  text-wrap: balance;
}

.iba-event-experience .iba-event-hero h1::after {
  content: "";
  display: block;
  width: clamp(88px, 12vw, 150px);
  height: 5px;
  margin-top: 28px;
  border-radius: 999px;
  background: linear-gradient(90deg, var(--iba-event-orange), var(--iba-event-green));
}

.iba-event-experience .iba-event-hero .iba-detail-hero__lead {
  max-width: 680px;
  margin-top: 24px;
  color: rgba(255,255,255,.76);
  font-size: clamp(1rem, 1.5vw, 1.18rem);
  line-height: 1.75;
}

.iba-event-experience .iba-event-hero .iba-detail-hero__media {
  position: relative;
  overflow: visible;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.iba-event-experience .iba-event-hero .iba-detail-hero__media::before {
  content: "";
  position: absolute;
  inset: 18px -16px -18px 16px;
  z-index: -1;
  border: 1px solid rgba(255,255,255,.15);
  border-radius: 28px;
  background: linear-gradient(145deg, rgba(29,138,68,.20), rgba(237,130,35,.18));
}

.iba-event-experience .iba-event-hero .iba-detail-hero__media::after {
  content: "EVENT";
  position: absolute;
  left: -24px;
  bottom: 28px;
  z-index: 2;
  padding: 10px 14px;
  border-radius: 9px;
  background: var(--iba-event-orange);
  color: #fff;
  font-size: .7rem;
  font-weight: 900;
  letter-spacing: .18em;
}

.iba-event-experience .iba-event-hero .iba-detail-hero__media img {
  width: 100%;
  min-height: 430px;
  max-height: 610px;
  object-fit: cover;
  border: 1px solid rgba(255,255,255,.16);
  border-radius: 28px;
  box-shadow: 0 26px 64px rgba(0,0,0,.28);
  transform: rotate(1deg);
  transition: transform .28s ease, box-shadow .28s ease;
}

@media (hover:hover) {
  .iba-event-experience .iba-event-hero .iba-detail-hero__media:hover img {
    transform: rotate(0) translateY(-4px);
    box-shadow: 0 32px 72px rgba(0,0,0,.33);
  }
}

/* Buttons */
.iba-event-experience .iba-event-ctas {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}

.iba-event-experience .iba-event-hero .iba-event-ctas {
  margin-top: 32px;
}

.iba-event-experience .iba-event-hero .iba-btn,
.iba-event-experience .iba-event-registration-cta .iba-btn {
  min-height: 50px;
  border-radius: 12px;
}

.iba-event-experience .iba-event-hero .iba-btn--primary,
.iba-event-experience .iba-event-registration-cta .iba-btn--primary,
.iba-event-experience .iba-event-ticket .iba-btn--primary {
  background: var(--iba-event-orange) !important;
  border-color: var(--iba-event-orange) !important;
  color: #fff !important;
  box-shadow: 0 10px 24px rgba(237,130,35,.22);
}

.iba-event-experience .iba-event-hero .iba-btn--primary:hover,
.iba-event-experience .iba-event-registration-cta .iba-btn--primary:hover,
.iba-event-experience .iba-event-ticket .iba-btn--primary:hover {
  transform: translateY(-2px);
  background: #db741c !important;
  border-color: #db741c !important;
  box-shadow: 0 14px 28px rgba(237,130,35,.29);
}

.iba-event-experience .iba-event-hero .iba-btn--secondary {
  background: transparent !important;
  border-color: rgba(255,255,255,.30) !important;
  color: #fff !important;
}

.iba-event-experience .iba-event-hero .iba-btn--secondary:hover {
  transform: translateY(-2px);
  border-color: rgba(255,255,255,.65) !important;
  background: rgba(255,255,255,.08) !important;
}

/* ---------------------------------------------------------
   COUNTDOWN
--------------------------------------------------------- */
.iba-event-experience .iba-event-countdown {
  display: grid;
  grid-template-columns: repeat(4, minmax(88px, 1fr));
  max-width: 650px;
  gap: 10px;
  margin-top: 32px;
}

.iba-event-experience .iba-event-countdown__unit {
  position: relative;
  display: grid;
  place-content: center;
  min-height: 94px;
  padding: 16px 10px 13px;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.16);
  border-radius: 16px;
  background: rgba(255,255,255,.06);
  text-align: center;
}

.iba-event-experience .iba-event-countdown__unit::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 3px;
  background: linear-gradient(90deg, var(--iba-event-orange), var(--iba-event-green));
}

.iba-event-experience .iba-event-countdown__unit strong {
  color: #fff;
  font-size: clamp(1.8rem, 3.4vw, 2.8rem);
  font-weight: 880;
  line-height: 1;
  font-variant-numeric: tabular-nums;
}

.iba-event-experience .iba-event-countdown__unit small {
  margin-top: 6px;
  color: rgba(255,255,255,.58);
  font-size: .68rem;
  font-weight: 800;
  letter-spacing: .13em;
  text-transform: uppercase;
}

/* ---------------------------------------------------------
   EVENT FACTS + STICKY QUICK NAV
--------------------------------------------------------- */
.iba-event-experience .iba-event-facts {
  position: relative;
  z-index: 8;
  margin-top: -54px;
  background: transparent;
  color: var(--iba-event-ink);
}

.iba-event-experience .iba-event-facts__grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0;
  margin: 0;
  padding: 0;
  overflow: hidden;
  border: 1px solid var(--iba-event-line);
  border-radius: 20px;
  background: #fff;
  box-shadow: var(--iba-event-shadow);
}

.iba-event-experience .iba-event-facts__grid > div,
.iba-event-experience .iba-event-facts__grid > div:first-child {
  position: relative;
  min-width: 0;
  padding: 25px 26px 24px 30px;
  border-right: 1px solid var(--iba-event-line);
  border-bottom: 0;
}

.iba-event-experience .iba-event-facts__grid > div::before {
  content: "";
  position: absolute;
  left: 16px;
  top: 30px;
  width: 5px;
  height: 28px;
  border-radius: 999px;
  background: var(--iba-event-orange);
}

.iba-event-experience .iba-event-facts__grid > div:nth-child(2)::before { background: var(--iba-event-blue); }
.iba-event-experience .iba-event-facts__grid > div:nth-child(3)::before { background: var(--iba-event-green); }
.iba-event-experience .iba-event-facts__grid > div:nth-child(4)::before { background: #7f55b5; }
.iba-event-experience .iba-event-facts__grid > div:last-child { border-right: 0; }

.iba-event-experience .iba-event-facts dt {
  color: #7a8997;
  font-size: .68rem;
  font-weight: 850;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.iba-event-experience .iba-event-facts dd {
  margin: 6px 0 0;
  color: var(--iba-event-ink);
  font-size: .94rem;
  font-weight: 780;
  line-height: 1.48;
}

.iba-event-experience .iba-event-jump {
  position: sticky;
  top: 72px;
  z-index: 25;
  border-bottom: 1px solid var(--iba-event-line);
  background: rgba(255,255,255,.97);
}

.iba-event-experience .iba-event-jump__inner {
  display: flex;
  align-items: center;
  min-height: 58px;
  gap: 20px;
}

.iba-event-experience .iba-event-jump__label {
  flex: 0 0 auto;
  color: var(--iba-event-orange);
  font-size: .7rem;
  font-weight: 900;
  letter-spacing: .13em;
  text-transform: uppercase;
}

.iba-event-experience .iba-event-jump__links {
  display: flex;
  gap: 6px;
  min-width: 0;
  overflow-x: auto;
  scrollbar-width: none;
}

.iba-event-experience .iba-event-jump__links::-webkit-scrollbar { display: none; }

.iba-event-experience .iba-event-jump a {
  flex: 0 0 auto;
  padding: 8px 12px;
  border-radius: 9px;
  color: #43566a;
  font-size: .84rem;
  font-weight: 720;
  text-decoration: none;
  transition: background-color .18s ease, color .18s ease;
}

.iba-event-experience .iba-event-jump a:hover,
.iba-event-experience .iba-event-jump a:focus-visible {
  background: #f2f6fa;
  color: var(--iba-event-blue);
}

/* Editor content */
.iba-main--event .iba-entry-content {
  padding-block: clamp(64px, 7vw, 96px);
}

.iba-main--event .iba-entry-content:empty { display: none; }
.iba-main--event .iba-entry-content > :first-child { margin-top: 0; }
.iba-main--event .iba-entry-content > :last-child { margin-bottom: 0; }

/* ---------------------------------------------------------
   SHARED SECTION LANGUAGE
--------------------------------------------------------- */
.iba-event-experience .iba-event-section {
  position: relative;
  padding-block: var(--event-section-space);
  scroll-margin-top: 150px;
  content-visibility: auto;
  contain-intrinsic-size: 760px;
}

.iba-event-experience .iba-event-section__head {
  max-width: 820px;
  margin-bottom: clamp(32px, 4vw, 50px);
}

.iba-event-experience .iba-event-section__eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin: 0 0 13px;
  color: var(--iba-event-orange);
  font-size: .72rem;
  font-weight: 900;
  letter-spacing: .16em;
  text-transform: uppercase;
}

.iba-event-experience .iba-event-section__eyebrow::before {
  content: "";
  width: 30px;
  height: 2px;
  border-radius: 999px;
  background: linear-gradient(90deg, var(--iba-event-orange), var(--iba-event-green));
}

.iba-event-experience .iba-event-section__title {
  margin: 0;
  color: var(--iba-event-ink);
  font-size: clamp(2.1rem, 4vw, 3.7rem);
  line-height: 1.04;
  letter-spacing: -.052em;
  text-wrap: balance;
}

/* ---------------------------------------------------------
   TICKETS — conversion cards
--------------------------------------------------------- */
.iba-event-experience .iba-event-section--tickets {
  background:
    linear-gradient(180deg, #f7fafc, #fff 76%);
}

.iba-event-experience .iba-event-ticket-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 20px;
}

.iba-event-experience .iba-event-ticket {
  position: relative;
  display: flex;
  min-height: 330px;
  flex-direction: column;
  align-items: flex-start;
  padding: clamp(26px, 3vw, 38px);
  overflow: hidden;
  border: 1px solid var(--iba-event-line);
  border-radius: 22px;
  background: #fff;
  box-shadow: 0 10px 30px rgba(16,36,58,.065);
  transition: transform .24s ease, box-shadow .24s ease, border-color .24s ease;
}

.iba-event-experience .iba-event-ticket::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 5px;
  background: var(--iba-event-orange);
}

.iba-event-experience .iba-event-ticket:nth-child(3n+2)::before { background: var(--iba-event-blue); }
.iba-event-experience .iba-event-ticket:nth-child(3n+3)::before { background: var(--iba-event-green); }

.iba-event-experience .iba-event-ticket::after {
  content: "";
  position: absolute;
  width: 150px;
  height: 150px;
  right: -62px;
  bottom: -76px;
  border: 24px solid rgba(29,92,155,.045);
  border-radius: 50%;
  pointer-events: none;
}

.iba-event-experience .iba-event-ticket__index {
  display: block;
  margin-bottom: 30px;
  color: rgba(29,92,155,.22);
  font-size: 1.1rem;
  font-weight: 900;
  letter-spacing: .08em;
}

.iba-event-experience .iba-event-ticket h3 {
  margin: 0 0 10px;
  color: var(--iba-event-ink);
  font-size: clamp(1.3rem, 2vw, 1.65rem);
  letter-spacing: -.025em;
}

.iba-event-experience .iba-event-ticket p {
  margin: 0 0 22px;
  color: var(--iba-event-copy);
  line-height: 1.7;
}

.iba-event-experience .iba-event-ticket__price {
  margin: 4px 0 18px;
  color: var(--iba-event-blue);
  font-size: clamp(1.65rem, 3vw, 2.45rem);
  font-weight: 900;
  letter-spacing: -.045em;
}

.iba-event-experience .iba-event-ticket .iba-btn { margin-top: auto; }

@media (hover:hover) {
  .iba-event-experience .iba-event-ticket:hover {
    transform: translateY(-6px);
    border-color: rgba(237,130,35,.34);
    box-shadow: var(--iba-event-shadow-hover);
  }
}

/* ---------------------------------------------------------
   AGENDA — timeline
--------------------------------------------------------- */
.iba-event-experience .iba-event-section--agenda {
  background: #fff;
}

.iba-event-experience .iba-event-agenda {
  position: relative;
  max-width: 1060px;
  border: 0;
}

.iba-event-experience .iba-event-agenda::before {
  content: "";
  position: absolute;
  top: 26px;
  bottom: 26px;
  left: 174px;
  width: 2px;
  background: linear-gradient(var(--iba-event-orange), rgba(29,92,155,.18) 25%, rgba(29,92,155,.18) 75%, var(--iba-event-green));
}

.iba-event-experience .iba-event-agenda__item {
  position: relative;
  display: grid;
  grid-template-columns: 144px minmax(0, 1fr);
  gap: 46px;
  padding: 0;
  border: 0;
}

.iba-event-experience .iba-event-agenda__item + .iba-event-agenda__item { margin-top: 16px; }

.iba-event-experience .iba-event-agenda__time {
  align-self: start;
  width: fit-content;
  margin-top: 25px;
  padding: 8px 11px;
  border: 1px solid rgba(237,130,35,.20);
  border-radius: 10px;
  background: #fff8f1;
  color: #b95408;
  font-size: .76rem;
  font-weight: 850;
  line-height: 1.35;
  letter-spacing: .02em;
}

.iba-event-experience .iba-event-agenda__content {
  position: relative;
  min-height: 118px;
  padding: 24px 26px;
  border: 1px solid var(--iba-event-line);
  border-radius: 18px;
  background: #fff;
  transition: border-color .22s ease, box-shadow .22s ease, transform .22s ease;
}

.iba-event-experience .iba-event-agenda__content::before {
  content: "";
  position: absolute;
  left: -25px;
  top: 33px;
  width: 12px;
  height: 12px;
  border: 3px solid #fff;
  border-radius: 50%;
  background: var(--iba-event-orange);
  box-shadow: 0 0 0 2px rgba(237,130,35,.28);
}

.iba-event-experience .iba-event-agenda__item:nth-child(3n+2) .iba-event-agenda__content::before { background: var(--iba-event-blue); box-shadow: 0 0 0 2px rgba(29,92,155,.24); }
.iba-event-experience .iba-event-agenda__item:nth-child(3n+3) .iba-event-agenda__content::before { background: var(--iba-event-green); box-shadow: 0 0 0 2px rgba(29,138,68,.24); }

.iba-event-experience .iba-event-agenda__content h3 {
  margin: 0;
  color: var(--iba-event-ink);
  font-size: 1.18rem;
  line-height: 1.35;
}

.iba-event-experience .iba-event-agenda__speaker {
  margin-top: 8px !important;
  color: var(--iba-event-blue) !important;
  font-size: .9rem;
  font-weight: 780;
}

.iba-event-experience .iba-event-agenda__content p:not(.iba-event-agenda__speaker) {
  margin-top: 10px;
  color: var(--iba-event-copy);
  line-height: 1.7;
}

@media (hover:hover) {
  .iba-event-experience .iba-event-agenda__content:hover {
    transform: translateX(4px);
    border-color: rgba(29,92,155,.28);
    box-shadow: 0 12px 30px rgba(16,36,58,.07);
  }
}

/* ---------------------------------------------------------
   SPEAKERS
--------------------------------------------------------- */
.iba-event-experience .iba-event-section--speakers {
  background:
    linear-gradient(180deg, var(--iba-event-soft) 0%, #fff 82%);
}

.iba-event-experience .iba-event-speaker-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 18px;
}

.iba-event-experience .iba-event-speaker-card {
  position: relative;
  overflow: hidden;
  border: 1px solid var(--iba-event-line);
  border-radius: 20px;
  background: #fff;
  box-shadow: 0 8px 24px rgba(16,36,58,.055);
  transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}

.iba-event-experience .iba-event-speaker-card::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  z-index: 2;
  height: 4px;
  background: linear-gradient(90deg, var(--iba-event-orange), var(--iba-event-green));
}

.iba-event-experience .iba-event-speaker-card__media {
  display: block;
  aspect-ratio: 4 / 4.6;
  overflow: hidden;
  background: #eaf0f5;
}

.iba-event-experience .iba-event-speaker-card__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform .32s ease;
}

.iba-event-experience .iba-event-speaker-card__body {
  padding: 22px 22px 24px;
}

.iba-event-experience .iba-event-speaker-card__body h3 {
  margin: 0;
  color: var(--iba-event-ink);
  font-size: 1.12rem;
  line-height: 1.3;
}

.iba-event-experience .iba-event-speaker-card__body h3 a {
  color: inherit;
  text-decoration: none;
}

.iba-event-experience .iba-event-speaker-card__body p {
  min-height: 42px;
  margin: 7px 0 14px;
  color: var(--iba-event-copy);
  font-size: .88rem;
  line-height: 1.5;
}

.iba-event-experience .iba-event-speaker-card__tag {
  display: inline-flex;
  padding: 5px 9px;
  border-radius: 7px;
  background: #fff4e8;
  color: #b9570c;
  font-size: .63rem;
  font-weight: 850;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.iba-event-experience .iba-event-speaker-card--guest {
  display: flex;
  min-height: 310px;
  flex-direction: column;
  justify-content: flex-end;
  background:
    linear-gradient(160deg, #eaf4fb 0 36%, #f4faf6 36% 56%, #fff 56%);
}

.iba-event-experience .iba-event-speaker-card__guest-avatar {
  display: grid;
  width: 96px;
  height: 96px;
  place-items: center;
  margin: 34px auto auto;
  border: 7px solid #fff;
  border-radius: 50%;
  background: linear-gradient(135deg, var(--iba-event-blue), var(--iba-event-green));
  color: #fff;
  box-shadow: 0 12px 28px rgba(29,92,155,.18);
  font-size: 1.5rem;
  font-weight: 900;
  letter-spacing: .04em;
}

@media (hover:hover) {
  .iba-event-experience .iba-event-speaker-card:hover {
    transform: translateY(-6px);
    border-color: rgba(237,130,35,.30);
    box-shadow: var(--iba-event-shadow-hover);
  }
  .iba-event-experience .iba-event-speaker-card:hover .iba-event-speaker-card__media img { transform: scale(1.035); }
}

/* ---------------------------------------------------------
   OPPORTUNITIES — dark participation section
--------------------------------------------------------- */
.iba-event-experience .iba-event-section--opportunities {
  overflow: hidden;
  background:
    radial-gradient(circle at 90% 10%, rgba(29,138,68,.18), transparent 28%),
    linear-gradient(140deg, var(--iba-event-deep), var(--iba-event-navy));
  color: #fff;
}

.iba-event-experience .iba-event-section--opportunities .iba-event-section__title { color: #fff; }
.iba-event-experience .iba-event-section--opportunities .iba-event-section__eyebrow { color: #f4a45d; }

.iba-event-experience .iba-event-opportunity-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
}

.iba-event-experience .iba-event-opportunity {
  position: relative;
  min-height: 280px;
  padding: clamp(26px, 3vw, 38px);
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 20px;
  background: rgba(255,255,255,.055);
  color: #fff;
  transition: transform .24s ease, border-color .24s ease, background-color .24s ease;
}

.iba-event-experience .iba-event-opportunity::after {
  content: "";
  position: absolute;
  right: -42px;
  bottom: -42px;
  width: 120px;
  height: 120px;
  border: 18px solid rgba(255,255,255,.055);
  border-radius: 50%;
}

.iba-event-experience .iba-event-opportunity h3 {
  margin: 0 0 14px;
  color: #fff;
  font-size: 1.35rem;
}

.iba-event-experience .iba-event-opportunity p {
  color: rgba(255,255,255,.70);
  line-height: 1.72;
}

.iba-event-experience .iba-event-opportunity .iba-text-link {
  position: absolute;
  left: clamp(26px, 3vw, 38px);
  bottom: 30px;
  z-index: 2;
  color: #fff;
}

.iba-event-experience .iba-event-opportunity:nth-child(3n+1) { border-top: 4px solid var(--iba-event-orange); }
.iba-event-experience .iba-event-opportunity:nth-child(3n+2) { border-top: 4px solid var(--iba-event-blue); }
.iba-event-experience .iba-event-opportunity:nth-child(3n+3) { border-top: 4px solid var(--iba-event-green); }

@media (hover:hover) {
  .iba-event-experience .iba-event-opportunity:hover {
    transform: translateY(-5px);
    border-color: rgba(255,255,255,.25);
    background: rgba(255,255,255,.085);
  }
}

/* ---------------------------------------------------------
   SPONSORS / PARTNERS — clean institutional wall
--------------------------------------------------------- */
.iba-event-experience .iba-event-section--sponsors {
  background: #fff;
}

.iba-event-experience .iba-event-sponsor-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 12px;
}

.iba-event-experience .iba-event-sponsor-card {
  position: relative;
  display: grid;
  min-height: 138px;
  place-items: center;
  padding: 24px;
  overflow: hidden;
  border: 1px solid var(--iba-event-line);
  border-radius: 16px;
  background: linear-gradient(155deg, #fff, #f8fbfd);
  transition: transform .22s ease, border-color .22s ease, box-shadow .22s ease;
}

.iba-event-experience .iba-event-sponsor-card::before {
  content: "";
  position: absolute;
  inset: auto 22% 0;
  height: 3px;
  border-radius: 999px 999px 0 0;
  background: linear-gradient(90deg, var(--iba-event-blue), var(--iba-event-green), var(--iba-event-orange));
  opacity: .35;
}

.iba-event-experience .iba-event-sponsor-card a {
  display: grid;
  width: 100%;
  height: 100%;
  place-items: center;
  color: var(--iba-event-ink);
  text-decoration: none;
}

.iba-event-experience .iba-event-sponsor-card img {
  width: auto;
  max-width: 165px;
  max-height: 76px;
  object-fit: contain;
}

@media (hover:hover) {
  .iba-event-experience .iba-event-sponsor-card:hover {
    transform: translateY(-4px);
    border-color: rgba(29,92,155,.28);
    box-shadow: 0 14px 30px rgba(16,36,58,.08);
  }
}

/* ---------------------------------------------------------
   HIGHLIGHTS
--------------------------------------------------------- */
.iba-event-experience .iba-event-section--highlights {
  background: var(--iba-event-soft-green);
}

.iba-event-experience .iba-event-section--highlights .iba-grid {
  gap: 16px;
}

.iba-event-experience .iba-event-highlight {
  position: relative;
  height: 100%;
  padding: clamp(26px, 3vw, 36px);
  border: 1px solid rgba(29,138,68,.15);
  border-radius: 18px;
  background: #fff;
  box-shadow: 0 10px 28px rgba(16,36,58,.055);
}

.iba-event-experience .iba-event-highlight::before {
  content: "";
  display: block;
  width: 34px;
  height: 4px;
  margin-bottom: 22px;
  border-radius: 999px;
  background: var(--iba-event-green);
}

.iba-event-experience .iba-event-highlight h3 { margin-top: 0; color: var(--iba-event-ink); }
.iba-event-experience .iba-event-highlight p { color: var(--iba-event-copy); line-height: 1.7; }

.iba-event-experience .iba-event-resource-links {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 26px;
}

/* ---------------------------------------------------------
   GALLERY — bento + lightweight native dialog
--------------------------------------------------------- */
.iba-event-experience .iba-event-section--gallery {
  background: #0b2034;
  color: #fff;
}

.iba-event-experience .iba-event-section--gallery .iba-event-section__title { color: #fff; }
.iba-event-experience .iba-event-section--gallery .iba-event-section__eyebrow { color: #f4a45d; }

.iba-event-experience .iba-event-gallery {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-auto-flow: dense;
  gap: 12px;
}

.iba-event-experience .iba-event-gallery__item {
  position: relative;
  grid-column: span 4;
  min-height: 270px;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 18px;
  background: #102c47;
}

.iba-event-experience .iba-event-gallery__item:nth-child(7n+1),
.iba-event-experience .iba-event-gallery__item:nth-child(7n+5) {
  grid-column: span 8;
  min-height: 390px;
}

.iba-event-experience .iba-event-gallery__item:nth-child(7n+2),
.iba-event-experience .iba-event-gallery__item:nth-child(7n+5) {
  grid-row: span 2;
}

.iba-event-experience .iba-event-gallery__item::after {
  content: "+";
  position: absolute;
  right: 14px;
  bottom: 14px;
  display: grid;
  width: 38px;
  height: 38px;
  place-items: center;
  border-radius: 50%;
  background: var(--iba-event-orange);
  color: #fff;
  font-size: 1.3rem;
  font-weight: 400;
  box-shadow: 0 8px 20px rgba(0,0,0,.20);
  transform: translateY(6px);
  opacity: 0;
  transition: opacity .22s ease, transform .22s ease;
}

.iba-event-experience .iba-event-gallery__item img {
  width: 100%;
  height: 100% !important;
  min-height: inherit;
  object-fit: cover;
  border-radius: 0 !important;
  transition: transform .32s ease;
}

@media (hover:hover) {
  .iba-event-experience .iba-event-gallery__item:hover img { transform: scale(1.025); }
  .iba-event-experience .iba-event-gallery__item:hover::after { opacity: 1; transform: none; }
}

.iba-event-lightbox {
  width: min(1120px, calc(100vw - 32px));
  max-width: none;
  padding: 0;
  overflow: visible;
  border: 0;
  border-radius: 20px;
  background: #071522;
  color: #fff;
}

.iba-event-lightbox::backdrop { background: rgba(3,11,18,.88); }
.iba-event-lightbox__figure { margin: 0; }
.iba-event-lightbox__image { display: block; width: 100%; max-height: 82vh; object-fit: contain; border-radius: 20px; }
.iba-event-lightbox__caption { padding: 12px 18px 16px; color: rgba(255,255,255,.72); font-size: .85rem; }

.iba-event-lightbox__close,
.iba-event-lightbox__nav {
  position: absolute;
  z-index: 3;
  display: grid;
  place-items: center;
  border: 1px solid rgba(255,255,255,.22);
  background: #071522;
  color: #fff;
  cursor: pointer;
}

.iba-event-lightbox__close { top: -48px; right: 0; width: 40px; height: 40px; border-radius: 50%; font-size: 1.5rem; }
.iba-event-lightbox__nav { top: 50%; width: 44px; height: 58px; border-radius: 12px; font-size: 1.8rem; transform: translateY(-50%); }
.iba-event-lightbox__nav--prev { left: -58px; }
.iba-event-lightbox__nav--next { right: -58px; }

/* ---------------------------------------------------------
   FAQ
--------------------------------------------------------- */
.iba-event-experience .iba-event-section--faq {
  background: #fff;
}

.iba-event-experience .iba-event-accordion {
  border: 0;
}

.iba-event-experience .iba-event-accordion__item {
  margin-bottom: 12px;
  overflow: hidden;
  border: 1px solid var(--iba-event-line);
  border-radius: 15px;
  background: #fff;
  transition: border-color .2s ease, box-shadow .2s ease;
}

.iba-event-experience .iba-event-accordion__item h3 { margin: 0; }

.iba-event-experience .iba-event-accordion__button {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  padding: 20px 22px;
  border: 0;
  background: transparent;
  color: var(--iba-event-ink);
  font: inherit;
  font-weight: 780;
  text-align: left;
  cursor: pointer;
}

.iba-event-experience .iba-event-accordion__button span:last-child {
  display: grid;
  width: 32px;
  height: 32px;
  flex: 0 0 32px;
  place-items: center;
  border-radius: 50%;
  background: #fff3e7;
  color: var(--iba-event-orange);
  font-size: 1.2rem;
  transition: transform .18s ease, background-color .18s ease, color .18s ease;
}

.iba-event-experience .iba-event-accordion__button[aria-expanded="true"] span:last-child {
  transform: rotate(45deg);
  background: var(--iba-event-orange);
  color: #fff;
}

.iba-event-experience .iba-event-accordion__item:has(.iba-event-accordion__button[aria-expanded="true"]) {
  border-color: rgba(237,130,35,.30);
  box-shadow: 0 10px 28px rgba(16,36,58,.06);
}

.iba-event-experience .iba-event-accordion__panel {
  padding: 0 22px 22px;
  color: var(--iba-event-copy);
  line-height: 1.75;
}

.iba-event-experience .iba-event-accordion__panel p { margin: 0; }

/* ---------------------------------------------------------
   FINAL CTA + LEAD FORM
--------------------------------------------------------- */
.iba-event-experience .iba-event-registration-cta {
  position: relative;
  overflow: hidden;
  padding-block: clamp(68px, 8vw, 104px);
  background:
    radial-gradient(circle at 88% 25%, rgba(29,138,68,.22), transparent 28%),
    linear-gradient(130deg, var(--iba-event-deep), #103d64 62%, #0b3b2a 135%);
  color: #fff;
}

.iba-event-experience .iba-event-registration-cta::before {
  content: "";
  position: absolute;
  inset: 0;
  opacity: .28;
  background-image: linear-gradient(115deg, transparent 0 64%, rgba(255,255,255,.07) 64% 65%, transparent 65% 100%);
  background-size: 64px 64px;
}

.iba-event-experience .iba-event-registration-cta__inner {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(320px, .85fr);
  align-items: center;
  gap: clamp(32px, 6vw, 80px);
}

.iba-event-experience .iba-event-registration-cta__eyebrow {
  margin: 0 0 12px;
  color: #f7b06e;
  font-size: .72rem;
  font-weight: 900;
  letter-spacing: .15em;
  text-transform: uppercase;
}

.iba-event-experience .iba-event-registration-cta h2 {
  max-width: 720px;
  margin: 0;
  color: #fff;
  font-size: clamp(2rem, 4.2vw, 3.9rem);
  line-height: 1.03;
  letter-spacing: -.05em;
}

.iba-event-experience .iba-event-registration-cta__meta {
  margin: 16px 0 0;
  color: rgba(255,255,255,.67);
}

.iba-event-experience .iba-event-registration-cta .iba-event-ctas {
  justify-content: flex-end;
}

.iba-event-experience .iba-event-registration-cta .iba-btn--secondary {
  background: transparent !important;
  border-color: rgba(255,255,255,.28) !important;
  color: #fff !important;
}

.iba-event-experience .iba-event-lead-panel {
  margin: 0;
  padding-block: clamp(64px, 8vw, 100px);
  background: var(--iba-event-soft);
}

.iba-event-experience .iba-event-lead-panel .iba-lead-panel__inner {
  position: relative;
  overflow: hidden;
  border: 1px solid var(--iba-event-line);
  border-radius: 22px;
  background: #fff;
  box-shadow: var(--iba-event-shadow);
}

.iba-event-experience .iba-event-lead-panel .iba-lead-panel__inner::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 5px;
  background: linear-gradient(90deg, var(--iba-event-orange), var(--iba-event-blue), var(--iba-event-green));
}

/* ---------------------------------------------------------
   EVENT HUB / ARCHIVE CARDS
--------------------------------------------------------- */
.iba-event-experience .iba-event-card {
  position: relative;
  overflow: hidden;
  border: 1px solid var(--iba-event-line);
  border-radius: 20px;
  background: #fff;
  box-shadow: 0 9px 28px rgba(16,36,58,.06);
  transition: transform .24s ease, box-shadow .24s ease, border-color .24s ease;
}

.iba-event-experience .iba-event-card .iba-card__media {
  position: relative;
  display: block;
  aspect-ratio: 16 / 10;
  overflow: hidden;
}

.iba-event-experience .iba-event-card .iba-card__media::after {
  content: "";
  position: absolute;
  inset: auto 0 0;
  height: 42%;
  background: linear-gradient(transparent, rgba(7,27,45,.36));
  pointer-events: none;
}

.iba-event-experience .iba-event-card .iba-card__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform .32s ease;
}

.iba-event-experience .iba-event-card .iba-card__body { padding: 24px 24px 26px; }

.iba-event-experience .iba-event-card .iba-eyebrow {
  display: inline-flex;
  width: fit-content;
  margin-bottom: 12px;
  padding: 6px 9px;
  border-radius: 7px;
  background: #fff3e7;
  color: #b9570c;
  font-size: .67rem;
  letter-spacing: .08em;
}

.iba-event-experience .iba-event-card .iba-card__title {
  font-size: 1.28rem;
  line-height: 1.25;
}

.iba-event-experience .iba-event-card .iba-card__meta { color: var(--iba-event-copy); }

@media (hover:hover) {
  .iba-event-experience .iba-event-card:hover {
    transform: translateY(-6px);
    border-color: rgba(29,92,155,.26);
    box-shadow: var(--iba-event-shadow-hover);
  }
  .iba-event-experience .iba-event-card:hover .iba-card__media img { transform: scale(1.025); }
}

/* ---------------------------------------------------------
   RESPONSIVE
--------------------------------------------------------- */
@media (max-width: 1100px) {
  .iba-event-experience .iba-event-facts__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .iba-event-experience .iba-event-facts__grid > div:nth-child(2) { border-right: 0; }
  .iba-event-experience .iba-event-facts__grid > div:nth-child(-n+2) { border-bottom: 1px solid var(--iba-event-line); }
  .iba-event-experience .iba-event-ticket-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .iba-event-experience .iba-event-speaker-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .iba-event-experience .iba-event-sponsor-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .iba-event-experience .iba-event-opportunity-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .iba-event-experience .iba-event-registration-cta__inner { grid-template-columns: 1fr; }
  .iba-event-experience .iba-event-registration-cta .iba-event-ctas { justify-content: flex-start; }
}

@media (max-width: 820px) {
  .iba-event-experience .iba-event-hero { padding-block: 82px 120px; }
  .iba-event-experience .iba-event-hero .iba-detail-hero__grid { grid-template-columns: 1fr; }
  .iba-event-experience .iba-event-hero .iba-detail-hero__media { max-width: 650px; }
  .iba-event-experience .iba-event-hero .iba-detail-hero__media img { min-height: 340px; }
  .iba-event-experience .iba-event-jump { top: 64px; }
  .iba-event-experience .iba-event-speaker-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .iba-event-experience .iba-event-sponsor-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .iba-event-experience .iba-event-gallery__item,
  .iba-event-experience .iba-event-gallery__item:nth-child(7n+1),
  .iba-event-experience .iba-event-gallery__item:nth-child(7n+5) { grid-column: span 6; min-height: 290px; }
  .iba-event-lightbox__nav--prev { left: 8px; }
  .iba-event-lightbox__nav--next { right: 8px; }
}

@media (max-width: 680px) {
  .iba-event-experience .iba-event-hero { padding-block: 74px 108px; }
  .iba-event-experience .iba-event-hero h1 { font-size: clamp(2.45rem, 13vw, 4rem); }
  .iba-event-experience .iba-event-hero h1::after { margin-top: 20px; }
  .iba-event-experience .iba-event-hero .iba-detail-hero__media::after { left: 12px; bottom: 12px; }
  .iba-event-experience .iba-event-countdown { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .iba-event-experience .iba-event-facts { margin-top: -38px; }
  .iba-event-experience .iba-event-facts__grid { grid-template-columns: 1fr; }
  .iba-event-experience .iba-event-facts__grid > div,
  .iba-event-experience .iba-event-facts__grid > div:first-child { border-right: 0; border-bottom: 1px solid var(--iba-event-line); }
  .iba-event-experience .iba-event-facts__grid > div:last-child { border-bottom: 0; }
  .iba-event-experience .iba-event-jump { position: relative; top: auto; }
  .iba-event-experience .iba-event-jump__inner { align-items: flex-start; flex-direction: column; gap: 4px; padding-block: 10px; }
  .iba-event-experience .iba-event-jump__links { width: 100%; }
  .iba-event-experience .iba-event-ticket-grid,
  .iba-event-experience .iba-event-speaker-grid,
  .iba-event-experience .iba-event-opportunity-grid { grid-template-columns: 1fr; }
  .iba-event-experience .iba-event-ticket { min-height: 0; }
  .iba-event-experience .iba-event-agenda::before { left: 6px; }
  .iba-event-experience .iba-event-agenda__item { grid-template-columns: 1fr; gap: 8px; padding-left: 30px; }
  .iba-event-experience .iba-event-agenda__time { margin-top: 0; }
  .iba-event-experience .iba-event-agenda__content::before { left: -31px; top: 28px; }
  .iba-event-experience .iba-event-agenda__content:hover { transform: none; }
  .iba-event-experience .iba-event-sponsor-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .iba-event-experience .iba-event-gallery { grid-template-columns: 1fr; }
  .iba-event-experience .iba-event-gallery__item,
  .iba-event-experience .iba-event-gallery__item:nth-child(7n+1),
  .iba-event-experience .iba-event-gallery__item:nth-child(7n+5) { grid-column: auto; grid-row: auto; min-height: 260px; }
  .iba-event-experience .iba-event-registration-cta .iba-event-ctas,
  .iba-event-experience .iba-event-hero .iba-event-ctas { flex-direction: column; align-items: stretch; }
  .iba-event-experience .iba-event-registration-cta .iba-btn,
  .iba-event-experience .iba-event-hero .iba-btn { width: 100%; justify-content: center; }
}

/* ---------------------------------------------------------
   ACCESSIBILITY / PERFORMANCE
--------------------------------------------------------- */
.iba-event-experience .iba-event-section,
.iba-event-experience .iba-event-registration-cta,
.iba-event-experience .iba-event-lead-panel {
  contain: layout paint;
}

@media (prefers-reduced-motion: reduce) {
  .iba-event-experience *,
  .iba-event-experience *::before,
  .iba-event-experience *::after {
    scroll-behavior: auto !important;
  }
  .iba-event-experience .iba-event-hero .iba-detail-hero__media img,
  .iba-event-experience .iba-event-ticket,
  .iba-event-experience .iba-event-agenda__content,
  .iba-event-experience .iba-event-speaker-card,
  .iba-event-experience .iba-event-opportunity,
  .iba-event-experience .iba-event-sponsor-card,
  .iba-event-experience .iba-event-gallery__item img,
  .iba-event-experience .iba-event-card,
  .iba-event-experience .iba-event-card .iba-card__media img {
    transition: none !important;
    transform: none !important;
  }
}

/* =========================================================
   v5.5 — video hero, supported-by strip, richer speakers
   These additions remain CSS-only; no animation framework.
========================================================= */
.iba-event-experience .iba-event-hero--video{min-height:min(880px,92vh);display:flex;align-items:center;background:var(--iba-event-deep);padding-block:clamp(96px,11vw,160px)}
.iba-event-experience .iba-event-hero__video{position:absolute;inset:0;z-index:0;overflow:hidden;background:#071b2d}
.iba-event-experience .iba-event-hero__poster{position:absolute;inset:0;background-image:var(--iba-event-poster);background-size:cover;background-position:center;transform:scale(1.01)}
.iba-event-experience .iba-event-hero__youtube{position:absolute;inset:0;opacity:0;transition:opacity .45s ease}.iba-event-experience .iba-event-hero__video.is-video-ready .iba-event-hero__youtube{opacity:1}
.iba-event-experience .iba-event-hero__iframe{position:absolute;top:50%;left:50%;width:177.78vh;min-width:100%;height:56.25vw;min-height:100%;transform:translate(-50%,-50%);border:0;pointer-events:none}
.iba-event-experience .iba-event-hero__shade{position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(5,20,34,.92) 0%,rgba(5,20,34,.78) 48%,rgba(5,20,34,.48) 78%,rgba(5,20,34,.64) 100%),linear-gradient(180deg,rgba(5,20,34,.25),rgba(5,20,34,.54));pointer-events:none}
.iba-event-experience .iba-event-hero--video::before{z-index:2;opacity:.24;background-size:64px 64px}.iba-event-experience .iba-event-hero--video::after{display:none}.iba-event-experience .iba-event-hero--video .iba-detail-hero__grid{z-index:3}.iba-event-experience .iba-event-hero--video .iba-detail-hero__content{max-width:890px}.iba-event-experience .iba-event-hero--video h1{font-size:clamp(3rem,6.5vw,6.5rem);max-width:1050px;text-shadow:0 14px 36px rgba(0,0,0,.3)}.iba-event-experience .iba-event-hero--video .iba-detail-hero__lead{max-width:760px;color:rgba(255,255,255,.84)}

.iba-event-experience .iba-event-supported-by{position:relative;z-index:5;padding:38px 0 42px;background:#fff;border-bottom:1px solid rgba(29,92,155,.11);box-shadow:0 12px 30px rgba(16,36,58,.05)}
.iba-event-experience .iba-event-supported-by__inner{display:grid;grid-template-columns:minmax(150px,220px) minmax(0,1fr);gap:34px;align-items:center}.iba-event-experience .iba-event-supported-by__heading p{margin:0 0 5px;color:var(--iba-event-orange);font-size:.68rem;font-weight:850;letter-spacing:.14em;text-transform:uppercase}.iba-event-experience .iba-event-supported-by__heading h2{margin:0;color:var(--iba-event-ink);font-size:1.35rem}
.iba-event-experience .iba-event-supported-by__logos{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:12px}.iba-event-experience .iba-event-supported-logo{min-height:84px;display:flex;align-items:center;justify-content:center;padding:13px 16px;border:1px solid rgba(29,92,155,.11);border-radius:13px;background:linear-gradient(145deg,#fff,#f8fbfd);transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.iba-event-experience .iba-event-supported-logo a{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.iba-event-experience .iba-event-supported-logo img{width:100%;height:56px;object-fit:contain;filter:saturate(.96)}.iba-event-experience .iba-event-supported-logo span{font-size:.82rem;text-align:center;font-weight:750;color:#324b61}
@media(hover:hover){.iba-event-experience .iba-event-supported-logo:hover{transform:translateY(-3px);border-color:rgba(237,130,35,.35);box-shadow:0 10px 24px rgba(16,36,58,.08)}}

.iba-event-experience .iba-event-speaker-card__footer{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:auto}.iba-event-experience .iba-event-speaker-card__linkedin{display:inline-flex;align-items:center;min-height:30px;padding:5px 9px;border-radius:999px;background:#eef5fb;color:#0a66c2;font-size:.73rem;font-weight:800;text-decoration:none;transition:background .2s ease,color .2s ease}.iba-event-experience .iba-event-speaker-card__linkedin:hover{background:#0a66c2;color:#fff}.iba-event-experience .iba-event-speaker-card--guest .iba-event-speaker-card__media{display:block}.iba-event-experience .iba-event-speaker-card--guest .iba-event-speaker-card__media img{width:100%;height:100%;object-fit:cover}.iba-event-experience .iba-event-speaker-card__body{display:flex;flex-direction:column;min-height:145px}

.iba-event-experience .iba-event-section--exhibitors{background:linear-gradient(180deg,#f4f8fb,#fff)}.iba-event-experience .iba-event-section--exhibitors .iba-event-section__head{max-width:760px}
.iba-event-experience .iba-event-editor-content{padding-top:clamp(50px,6vw,84px);padding-bottom:clamp(50px,6vw,84px)}

@media(max-width:820px){.iba-event-experience .iba-event-hero--video{min-height:auto}.iba-event-experience .iba-event-supported-by__inner{grid-template-columns:1fr}.iba-event-experience .iba-event-supported-by__heading{text-align:center}.iba-event-experience .iba-event-supported-by__logos{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:560px){.iba-event-experience .iba-event-supported-by__logos{grid-template-columns:repeat(2,minmax(0,1fr))}.iba-event-experience .iba-event-supported-logo{min-height:76px;padding:11px}.iba-event-experience .iba-event-supported-logo img{height:50px}.iba-event-experience .iba-event-speaker-card__footer{align-items:flex-start;flex-direction:column}.iba-event-experience .iba-event-hero--video h1{font-size:clamp(2.65rem,13vw,4.5rem)}}
@media(prefers-reduced-motion:reduce){.iba-event-experience .iba-event-hero__youtube{display:none}.iba-event-experience .iba-event-supported-logo,.iba-event-experience .iba-event-speaker-card__linkedin{transition:none!important;transform:none!important}}
.iba-event-experience .iba-event-supported-by + .iba-event-facts{margin-top:0;padding-top:30px}
.iba-event-experience .iba-event-hero__poster-image{width:100%;height:100%;object-fit:cover;display:block}
/* Section order safety: facts only overlap the hero when directly after it. */
.iba-event-experience .iba-event-facts{margin-top:0;padding-top:30px}
.iba-event-experience .iba-event-hero + .iba-event-facts{margin-top:-54px;padding-top:0}
@media(max-width:680px){.iba-event-experience .iba-event-facts{margin-top:0}.iba-event-experience .iba-event-hero + .iba-event-facts{margin-top:-38px}}

/* =========================================================
   v5.6 — refined event rhythm, cleaner hierarchy, lighter UX
   CSS-only refinements: no animation library, no blur filters.
========================================================= */
.iba-event-experience .iba-event-section{
  position:relative;
  padding-block:clamp(72px,8vw,118px);
  content-visibility:auto;
  contain-intrinsic-size:760px;
}
.iba-event-experience .iba-event-section__head{max-width:820px;margin-bottom:clamp(34px,4vw,54px)}
.iba-event-experience .iba-event-section__eyebrow{display:flex;align-items:center;gap:10px;margin:0 0 11px;color:var(--iba-event-orange);font-size:.72rem;font-weight:900;letter-spacing:.16em;text-transform:uppercase}
.iba-event-experience .iba-event-section__eyebrow::before{content:"";width:30px;height:2px;border-radius:99px;background:linear-gradient(90deg,var(--iba-event-orange),var(--iba-event-green))}
.iba-event-experience .iba-event-section__title{margin:0;color:var(--iba-event-ink);font-size:clamp(2rem,3.6vw,3.5rem);line-height:1.08;letter-spacing:-.035em;text-wrap:balance}

/* Supported By stays visually compact so it works directly after the hero. */
.iba-event-experience .iba-event-supported-by{padding:28px 0 30px;box-shadow:0 8px 24px rgba(16,36,58,.045)}
.iba-event-experience .iba-event-supported-by__inner{grid-template-columns:minmax(140px,200px) minmax(0,1fr);gap:28px}
.iba-event-experience .iba-event-supported-by__heading h2{font-size:1.18rem;letter-spacing:-.02em}
.iba-event-experience .iba-event-supported-by__logos{grid-template-columns:repeat(auto-fit,minmax(104px,1fr));gap:9px}
.iba-event-experience .iba-event-supported-logo{min-height:72px;padding:10px 13px;border-radius:11px;box-shadow:none}
.iba-event-experience .iba-event-supported-logo img{height:48px}

/* Registration cards: strong information hierarchy without oversized decoration. */
.iba-event-experience .iba-event-ticket-grid{gap:18px}
.iba-event-experience .iba-event-ticket{border-radius:18px;border-color:rgba(29,92,155,.12);box-shadow:0 12px 34px rgba(16,36,58,.075)}
.iba-event-experience .iba-event-ticket::after{height:4px}
.iba-event-experience .iba-event-ticket__index{font-size:.68rem;letter-spacing:.13em}
.iba-event-experience .iba-event-ticket h3{font-size:clamp(1.2rem,1.7vw,1.55rem)}
.iba-event-experience .iba-event-ticket__price{font-size:clamp(1.8rem,3vw,2.7rem)}

/* Agenda: more conference-like, less card-grid-like. */
.iba-event-experience .iba-event-section--agenda{background:linear-gradient(180deg,#fff 0%,#f7fafc 100%)}
.iba-event-experience .iba-event-agenda{max-width:980px;margin-inline:auto}
.iba-event-experience .iba-event-agenda__item{grid-template-columns:minmax(126px,170px) minmax(0,1fr);gap:28px;padding-block:8px 20px}
.iba-event-experience .iba-event-agenda__time{position:sticky;top:148px;align-self:start;border:0;background:transparent;color:var(--iba-event-blue);font-size:.82rem;letter-spacing:.04em;text-transform:none}
.iba-event-experience .iba-event-agenda__content{border-radius:16px;border-color:rgba(29,92,155,.11);box-shadow:0 8px 26px rgba(16,36,58,.06)}
.iba-event-experience .iba-event-agenda__content h3{font-size:clamp(1.12rem,1.5vw,1.4rem)}

/* Speakers: professional congress cards with explicit designation + organisation. */
.iba-event-experience .iba-event-speaker-grid{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:20px}
.iba-event-experience .iba-event-speaker-card{border-radius:18px;box-shadow:0 12px 32px rgba(16,36,58,.075)}
.iba-event-experience .iba-event-speaker-card__media,.iba-event-experience .iba-event-speaker-card__guest-avatar{aspect-ratio:4/3}
.iba-event-experience .iba-event-speaker-card__body{min-height:172px;padding:21px 21px 18px}
.iba-event-experience .iba-event-speaker-card h3{font-size:1.08rem;line-height:1.28}
.iba-event-experience .iba-event-speaker-card__designation{margin:8px 0 0!important;color:var(--iba-event-ink)!important;font-size:.88rem!important;font-weight:760!important;line-height:1.42!important}
.iba-event-experience .iba-event-speaker-card__organisation{margin:4px 0 0!important;color:#6b7b8a!important;font-size:.8rem!important;line-height:1.42!important}
.iba-event-experience .iba-event-speaker-card__footer{padding-top:16px;border-top:1px solid rgba(29,92,155,.09)}

/* Sponsor wall gets quieter; opportunity area carries the stronger visual weight. */
.iba-event-experience .iba-event-section--sponsors{background:#fff}
.iba-event-experience .iba-event-sponsor-grid{gap:12px}
.iba-event-experience .iba-event-sponsor-card{min-height:112px;border-radius:14px;box-shadow:none;background:linear-gradient(145deg,#fff,#f9fbfd)}
.iba-event-experience .iba-event-sponsor-card img{max-height:66px}

/* Gallery: elegant bento, captions remain readable on image. */
.iba-event-experience .iba-event-gallery{gap:12px}
.iba-event-experience .iba-event-gallery__item{position:relative;border-radius:16px;box-shadow:0 10px 28px rgba(16,36,58,.08)}
.iba-event-experience .iba-event-gallery__caption{position:absolute;left:12px;right:12px;bottom:12px;padding:8px 10px;border-radius:9px;background:rgba(7,27,45,.86);color:#fff;font-size:.78rem;font-weight:650;line-height:1.35}
.iba-event-experience .iba-event-gallery__item--featured{min-height:440px}

/* FAQs: clean visitor-information treatment. */
.iba-event-experience .iba-event-section--faq{background:linear-gradient(180deg,#f7fafc 0%,#fff 100%)}
.iba-event-experience .iba-event-accordion{max-width:900px;margin-inline:auto}
.iba-event-experience .iba-event-accordion__item{border-radius:14px;box-shadow:0 7px 22px rgba(16,36,58,.05)}
.iba-event-experience .iba-event-accordion__button{padding:20px 22px;font-size:1rem}

/* Final CTA feels like a proper event conversion band without animated decoration. */
.iba-event-experience .iba-event-registration-cta{background:linear-gradient(125deg,#071b2d 0%,#0d3455 64%,#0f4b36 140%)}
.iba-event-experience .iba-event-registration-cta__inner{gap:34px}
.iba-event-experience .iba-event-registration-cta__copy h2{max-width:720px;font-size:clamp(2rem,4vw,4rem);line-height:1.04;letter-spacing:-.04em}

@media(max-width:760px){
  .iba-event-experience .iba-event-section{padding-block:64px}
  .iba-event-experience .iba-event-section__head{margin-bottom:32px}
  .iba-event-experience .iba-event-agenda__item{grid-template-columns:1fr;gap:8px}
  .iba-event-experience .iba-event-agenda__time{position:static}
  .iba-event-experience .iba-event-gallery__item--featured{min-height:280px}
}

/* v5.9 registration-state feedback */
.iba-event-registration-state,.iba-event-ticket__status{display:inline-flex;align-items:center;min-height:42px;padding:9px 14px;border-radius:999px;font-size:.82rem;font-weight:800;letter-spacing:.02em}
.iba-event-registration-state--sold-out,.iba-event-ticket__status--sold-out{background:#fff0ee;color:#a9382d}
.iba-event-registration-state--closed,.iba-event-ticket__status--closed{background:#eef1f4;color:#465564}
.iba-event-registration-state--coming-soon,.iba-event-ticket__status--coming-soon{background:#fff4e8;color:#a85b16}