/* ── GFM Innovation Tours Block ─────────────────────────────── */

/* ═══════════════════════════════════════════════════════════════
   INNOVATION TOURS SECTION
═══════════════════════════════════════════════════════════════ */
.innovation {
  position: relative;
  z-index: 0;
}

/* ── Main panel ── */
.innovation__main {
  position: relative;
  min-height: clamp(480px, 52vw, 900px);
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.innovation__media {
  position: absolute;
  inset: 0;
}

/* ── Background swiper ── */
.innovation__swiper {
  position: absolute;
  inset: 0;
  left: auto;
  right: 0;
  width: 60%;
}

.innovation__swiper .swiper-slide {
  height: 100%;
}

.innovation__swiper .swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center right;
}

/* ── Gradient overlay: solid dark left → semi-transparent right ── */
.innovation__overlay {
  position: absolute;
  z-index: 2;
  inset: 0;
  background: linear-gradient(
    to right,
    #010101 0%,
    rgba(1, 1, 1, 0.5) 50%,
    rgba(1, 1, 1, 0) 100%
  );
  pointer-events: none;
  width: 60%;
  left: auto;
  right: 0;
}

/* ── Text content ── */
.innovation__content {
  position: relative;
  z-index: 3;
  display: flex;
  flex-direction: column;
  gap: clamp(20px, 2.5vw, 32px);
  padding: clamp(48px, 6vw, 96px) clamp(16px, 2.5vw, 20px) clamp(48px, 6vw, 96px) var(--nav-px);
  padding-bottom: clamp(80px, 10vw, 160px); /* clear the bottom bar */
  max-width: 50%;
}

.innovation__event-logo {
  display: block;
  width: clamp(140px, 14vw, 264px);
  height: auto;
}

.innovation__text {
  display: flex;
  flex-direction: column;
  gap: clamp(20px, 2.5vw, 32px);
}

.innovation__headline {
  /* font-family: var(--font-display); */
  font-weight: 600;
  font-size: var(--type-h2-size);
  line-height: var(--type-h2-lh);
  color: var(--color-dirt-white);
  margin: 0;
  text-transform: uppercase;
  letter-spacing: 0;
}

.innovation__headline-hl {
  color: #8959C9;
}

.innovation__body {
  font-family: var(--font-brand);
  font-size: var(--type-body-lg-size);
  line-height: var(--type-body-lg-lh);
  color: var(--color-dirt-white);
  margin: 0;
  max-width: clamp(400px, 37vw, 711px);
}

/* ── Bottom frosted bar — indicators only, no border, no bg ── */
.innovation__bar {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: clamp(16px, 2vw, 32px);
  padding: clamp(16px, 3.3vw, 48px) clamp(24px, 6.25vw, 120px);
}

/* ── 2025 Participants wrapper: title + logos + nav ── */
.innovation__participants-wrap {
  display: flex;
  flex-direction: column;
  background: #010101;
  position: relative;
  z-index: 4;
}

/* Title bar — full-width, centred, LEMON MILK 48px */
.innovation__participants-title {
  position: absolute;
  top: auto;
  bottom: 100%;
  left: 0;
  right: 0;
  padding: clamp(32px, 4.2vw, 64px) clamp(24px, 10.4vw, 200px);
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(180deg, rgba(1, 1, 1, 0.00) 7.91%, #010101 81.72%);
  z-index: 1;
}

@media (min-width: 992px) {
  .innovation__main {
    padding-bottom: 150px;
  }
  .innovation__bar {
    bottom: 150px;
  }
}

@media (max-width: 991px) {
  .innovation__participants-title {
    position: static;
    top: auto;
    background: none;
    padding: 24px var(--nav-px);
  }
  .innovation__participants {
    text-align: center;
  }
}

.innovation__participants {
  /* font-family: var(--font-display); */
  font-weight: 400;
  font-size: var(--type-h2-size);
  line-height: var(--type-h2-lh);
  color: var(--color-dirt-white);
  margin: 0;
  text-transform: uppercase;
  text-align: center;
  white-space: nowrap;
}

/* ── Turquoise indicators (inside the bar) ── */
.innovation__bar-indicators {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  flex-shrink: 0;
  margin-left: auto;
}

.innovation__dot {
  display: block;
  width: 9.59px !important;
  height: 9.59px !important;
  background: #04DDCF !important;
  cursor: pointer;
  border: none;
  padding: 0;
  transition: background 0.3s ease;
}

.innovation__tick {
  display: block;
  width: 1.935px;
  height: 9.59px;
  background: var(--color-dirt-white);
  cursor: pointer;
  border: none;
  padding: 0;
  transition: background 0.3s ease;
}

.innovation__participants-title--relative {
  position: relative;
  bottom: auto;
  background: none;
}

/* ── Participant logo strip: Swiper free-scroll ── */
.innovation__logos-swiper {
  background: #010101;
  height: clamp(120px, 12vw, 190px);
  overflow: hidden;
  width: 100%;
}

.innovation__logos-swiper .swiper-wrapper {
  transition-timing-function: linear !important;
}

.innovation__logos-swiper .innovation__logo-cell {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}


.innovation__logo-cell img {
  display: block;
  /* max-width: 100%;
  max-height: clamp(4.125rem, 1.6667rem + 6.4815vw, 7.5rem); */
  max-width: 210px;
	max-height:95px;
  margin: 0 auto;
  width: 100%;
  height: 100%;
  object-fit: contain;
  transform: translate(-50%, -50%);
  left: 50%;
  top: 50%;
}

/* ── Nav bar below logos: backdrop-blur, centered indicators ── */
.innovation__nav {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: clamp(20px, 2.6vw, 40px) clamp(60px, 6.25vw, 120px);
  background: #010101;
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
}

.innovation__nav-indicators {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}

.innovation__nav-dot {
  display: block;
  width: 9.59px !important;
  height: 9.59px !important ;
  background: #04DDCF !important;
  cursor: pointer;
  border: none;
  padding: 0;

}

.innovation__nav-tick {
  display: block;
  transition: .5s all ease-in-out;
  width: 1.935px;
  height: 9.59px;
  background: rgba(255,255,255,.6);
  cursor: pointer;
  border: none;
  padding: 0;
}

/* ── User-controlled background layers ── */
.innovation__bg-img {
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  overflow: hidden;
}

.innovation__bg-img img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  display: block;
}

.innovation__bg-video {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 1;
  pointer-events: none;
}

.innovation__bg-overlay {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, var(--overlay, 0.4));
  z-index: 2;
  pointer-events: none;
}

/* ── Editor preview: static layout (Swiper never initialises) ── */
.editor-styles-wrapper .innovation {
  background: #010101;
}
.editor-styles-wrapper .innovation__main {
  min-height: 400px;
}
.editor-styles-wrapper .innovation__swiper {
  position: absolute;
  inset: 0;
  left: auto;
  right: 0;
  width: 60%;
  overflow: hidden;
}
.editor-styles-wrapper .innovation__swiper .swiper-wrapper {
  display: block;
  transform: none !important;
  height: 100%;
  will-change: unset;
}
.editor-styles-wrapper .innovation__swiper .swiper-slide {
  width: 100% !important;
  height: 100%;
}
.editor-styles-wrapper .innovation__swiper .swiper-slide:not(:first-child) {
  display: none;
}
.editor-styles-wrapper .innovation__logos-swiper .swiper-wrapper {
  display: flex;
  flex-wrap: wrap;
  transform: none !important;
  will-change: unset;
}
.editor-styles-wrapper .innovation__bar-indicators,
.editor-styles-wrapper .innovation__nav-indicators {
  display: none;
}