/* Leadership section surface and heading contrast. */
body section.section.soft.leadership-section {
  background:
    linear-gradient(135deg, #16070b 0%, #300b16 48%, #11060a 100%) !important;
}

body section.section.soft.leadership-section .section-heading.center h2,
body section.section.soft.leadership-section .section-heading.center p:not(.eyebrow) {
  color: #ffffff !important;
}

body section.section.soft.leadership-section .section-heading.center h2 {
  text-shadow: 0 3px 18px rgba(0, 0, 0, .42) !important;
}

/* -------------------------------------------
   LEADERSHIP � CINEMATIC ESPORTS (FINAL)
   ------------------------------------------- */

/* -- Section shell -- */
body section.section.leadership-section[data-leadership] {
  background: #080A12 !important;
  padding: 70px 0 80px !important;
  border-block: none !important;
  position: relative !important;
  overflow: hidden !important;
}

/* -- Animated neon background layer -- */
body section.section.leadership-section[data-leadership]::before {
  content: '' !important;
  position: absolute !important;
  inset: 0 !important;
  background:
    /* red diagonal line � left */
    repeating-linear-gradient(
      -55deg,
      transparent,
      transparent 80px,
      rgba(255, 23, 68, 0.03) 80px,
      rgba(255, 23, 68, 0.03) 82px
    ),
    /* gold diagonal line � right */
    repeating-linear-gradient(
      -55deg,
      transparent,
      transparent 120px,
      rgba(255, 193, 7, 0.025) 120px,
      rgba(255, 193, 7, 0.025) 122px
    ) !important;
  pointer-events: none !important;
  z-index: 0 !important;
}

/* -- Ambient glow orbs -- */
body section.section.leadership-section[data-leadership]::after {
  content: '' !important;
  position: absolute !important;
  inset: 0 !important;
  background:
    radial-gradient(ellipse 600px 500px at 10% 30%, rgba(255, 23, 68, 0.08) 0%, transparent 70%),
    radial-gradient(ellipse 500px 400px at 90% 60%, rgba(255, 193, 7, 0.06) 0%, transparent 70%) !important;
  pointer-events: none !important;
  z-index: 0 !important;
}

/* -- Reduced motion -- */
@media (prefers-reduced-motion: reduce) {
  body section.section.leadership-section[data-leadership] .leader-card,
  body section.section.leadership-section[data-leadership] .wrap .leader-grid article.leader-card {
    transition: none !important;
    opacity: 1 !important;
    transform: none !important;
  }
}

/* -- Wrap container -- */
body section.section.leadership-section[data-leadership] .wrap {
  position: relative !important;
  z-index: 1 !important;
  max-width: 1560px !important;
  width: 90vw !important;
  margin: 0 auto !important;
  padding: 0 40px !important;
}

/* -- Heading -- */
body section.section.leadership-section[data-leadership] .section-heading.center {
  margin-bottom: 44px !important;
}

body section.section.leadership-section[data-leadership] .eyebrow {
  color: #FFC107 !important;
  background: rgba(255, 193, 7, 0.10) !important;
  border: 1px solid rgba(255, 193, 7, 0.25) !important;
  font-family: 'Poppins', sans-serif !important;
  letter-spacing: 0.2em !important;
}

body section.section.leadership-section[data-leadership] .section-heading.center h2 {
  color: #ffffff !important;
  font-family: 'Poppins', sans-serif !important;
  font-weight: 700 !important;
  font-size: clamp(32px, 4vw, 48px) !important;
  text-shadow: none !important;
}

body section.section.leadership-section[data-leadership] .section-heading.center p:not(.eyebrow) {
  color: rgba(255, 255, 255, 0.55) !important;
  font-family: 'Poppins', sans-serif !important;
  font-size: clamp(15px, 1.4vw, 18px) !important;
  max-width: 640px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* -- Leader grid � 2 equal columns -- */
body section.section.leadership-section[data-leadership] .leader-grid {
  display: grid !important;
  grid-template-columns: repeat(2, 1fr) !important;
  gap: 28px !important;
  align-items: stretch !important;
}

/* -- Card base -- */
body section.section.leadership-section[data-leadership] .leader-card,
body section.section.leadership-section[data-leadership] .wrap .leader-grid article.leader-card,
body section.section.leadership-section[data-leadership] .wrap .leader-grid article.leader-card[data-index] {
  background: rgba(255, 255, 255, 0.04) !important;
  backdrop-filter: blur(14px) !important;
  -webkit-backdrop-filter: blur(14px) !important;
  border-radius: 20px !important;
  overflow: hidden !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.4) !important;
  height: 420px !important;
  display: flex !important;
  flex-direction: column !important;
  opacity: 0 !important;
  transform: translateX(-60px) scale(0.95) !important;
  transition: opacity 900ms cubic-bezier(0.22, 1, 0.36, 1),
              transform 900ms cubic-bezier(0.22, 1, 0.36, 1) !important;
  animation: leaderFallback 0s ease 1.2s forwards !important;
}

body section.section.leadership-section[data-leadership] .leader-card[data-index="1"],
body section.section.leadership-section[data-leadership] .wrap .leader-grid article.leader-card[data-index="1"] {
  transform: translateX(60px) scale(0.95) !important;
}

body section.section.leadership-section[data-leadership] .leader-card.leadership-animate,
body section.section.leadership-section[data-leadership] .wrap .leader-grid article.leader-card.leadership-animate {
  opacity: 1 !important;
  transform: translateX(0) scale(1) !important;
  animation: none !important;
}

@keyframes leaderFallback {
  to {
    opacity: 1 !important;
    transform: translateX(0) scale(1) !important;
  }
}

/* Red accent � card 0 */
body section.section.leadership-section[data-leadership] .leader-card[data-index="0"],
body section.section.leadership-section[data-leadership] .wrap .leader-grid article.leader-card[data-index="0"] {
  border-color: rgba(255, 23, 68, 0.20) !important;
}

body section.section.leadership-section[data-leadership] .leader-card[data-index="0"].leadership-animate {
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.4), 0 0 50px rgba(255, 23, 68, 0.07) !important;
}

/* Gold accent � card 1 */
body section.section.leadership-section[data-leadership] .leader-card[data-index="1"],
body section.section.leadership-section[data-leadership] .wrap .leader-grid article.leader-card[data-index="1"] {
  border-color: rgba(255, 193, 7, 0.18) !important;
}

body section.section.leadership-section[data-leadership] .leader-card[data-index="1"].leadership-animate {
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.4), 0 0 50px rgba(255, 193, 7, 0.06) !important;
}

/* -- Card inner � horizontal split -- */
body section.section.leadership-section[data-leadership] .leader-card-inner {
  display: grid !important;
  grid-template-columns: 42% 58% !important;
  height: 100% !important;
  align-items: stretch !important;
}

/* -- Image column -- */
body section.section.leadership-section[data-leadership] .leader-image-col {
  position: relative !important;
  overflow: hidden !important;
  background: rgba(255, 255, 255, 0.03) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

/* Photo wrapper */
body section.section.leadership-section[data-leadership] .leader-photo-wrap,
body section.section.leadership-section[data-leadership] .wrap .leader-grid .leader-photo-wrap {
  width: 100% !important;
  height: 100% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
  background: transparent !important;
  margin: 0 !important;
  overflow: hidden !important;
}

body section.section.leadership-section[data-leadership] .leader-photo-wrap img,
body section.section.leadership-section[data-leadership] .wrap .leader-grid .leader-photo-wrap img {
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  max-height: none !important;
  object-fit: cover !important;
  object-position: center 15% !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
  display: block !important;
}

body section.section.leadership-section[data-leadership] .leader-initials,
body section.section.leadership-section[data-leadership] .wrap .leader-grid .leader-initials {
  width: 140px !important;
  height: 140px !important;
  background: rgba(255, 255, 255, 0.06) !important;
  color: #FFC107 !important;
  font: 700 56px/1 'Poppins', sans-serif !important;
  border-radius: 50% !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
}

/* -- Content column -- */
body section.section.leadership-section[data-leadership] .leader-content-col {
  padding: 36px 40px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-start !important;
  gap: 12px !important;
  position: relative !important;
  background: transparent !important;
}

/* Quote mark */
body section.section.leadership-section[data-leadership] .quote-mark,
body section.section.leadership-section[data-leadership] .wrap .leader-grid .quote-mark {
  position: relative !important;
  top: auto !important;
  left: auto !important;
  right: auto !important;
  font-family: 'Poppins', sans-serif !important;
  font-size: 48px !important;
  line-height: 1 !important;
  font-weight: 800 !important;
  pointer-events: none !important;
  z-index: 0 !important;
  margin: 0 !important;
  margin-top: -4px !important;
  color: rgba(255, 23, 68, 0.15) !important;
  display: block !important;
}

body section.section.leadership-section[data-leadership] .leader-card[data-index="1"] .quote-mark,
body section.section.leadership-section[data-leadership] .wrap .leader-grid article.leader-card[data-index="1"] .quote-mark {
  color: rgba(255, 193, 7, 0.12) !important;
}

/* Quote text */
body section.section.leadership-section[data-leadership] .leader-quote,
body section.section.leadership-section[data-leadership] .wrap .leader-grid .leader-quote {
  color: rgba(255, 255, 255, 0.82) !important;
  font-family: 'Poppins', sans-serif !important;
  font-size: 15px !important;
  font-weight: 400 !important;
  font-style: italic !important;
  line-height: 1.85 !important;
  position: relative !important;
  z-index: 1 !important;
  margin: 0 !important;
  min-height: auto !important;
  word-break: break-word !important;
}

/* Name */
body section.section.leadership-section[data-leadership] .leader-name,
body section.section.leadership-section[data-leadership] .wrap .leader-grid .leader-name {
  color: #ffffff !important;
  font-family: 'Poppins', sans-serif !important;
  font-size: 24px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  letter-spacing: 0.01em !important;
}

/* Role badge */
body section.section.leadership-section[data-leadership] .leader-role-badge,
body section.section.leadership-section[data-leadership] .wrap .leader-grid .leader-role-badge {
  display: inline-block !important;
  font-family: 'Poppins', sans-serif !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 0.15em !important;
  text-transform: uppercase !important;
  padding: 6px 16px !important;
  border-radius: 999px !important;
  width: fit-content !important;
}

/* Red badge � card 0 */
body section.section.leadership-section[data-leadership] .leader-card[data-index="0"] .leader-role-badge,
body section.section.leadership-section[data-leadership] .wrap .leader-grid article.leader-card[data-index="0"] .leader-role-badge {
  color: #FF1744 !important;
  background: rgba(255, 23, 68, 0.10) !important;
  border: 1px solid rgba(255, 23, 68, 0.25) !important;
}

/* Gold badge � card 1 */
body section.section.leadership-section[data-leadership] .leader-card[data-index="1"] .leader-role-badge,
body section.section.leadership-section[data-leadership] .wrap .leader-grid article.leader-card[data-index="1"] .leader-role-badge {
  color: #FFC107 !important;
  background: rgba(255, 193, 7, 0.10) !important;
  border: 1px solid rgba(255, 193, 7, 0.25) !important;
}

/* Leader info � at top of content column */
body section.section.leadership-section[data-leadership] .leader-info,
body section.section.leadership-section[data-leadership] .wrap .leader-grid .leader-info {
  display: flex !important;
  flex-direction: column !important;
  gap: 8px !important;
  margin-top: 0 !important;
  margin-bottom: 4px !important;
  text-align: left !important;
  position: relative !important;
  z-index: 1 !important;
}

/* Hide old duplicate elements from previous markup */
body section.section.leadership-section[data-leadership] .leader-left,
body section.section.leadership-section[data-leadership] .leader-right,
body section.section.leadership-section[data-leadership] .leader-quote-head,
body section.section.leadership-section[data-leadership] .quote-name,
body section.section.leadership-section[data-leadership] .quote-role,
body section.section.leadership-section[data-leadership] .leader-top,
body section.section.leadership-section[data-leadership] .leader-bottom,
body section.section.leadership-section[data-leadership] .values-strip,
body section.section.leadership-section[data-leadership] .values-item {
  display: none !important;
}

/* -- Responsive: Tablet (=1024px) -- */
@media (max-width: 1024px) {
  body section.section.leadership-section[data-leadership] .wrap {
    padding: 0 24px !important;
  }

  body section.section.leadership-section[data-leadership] .leader-grid {
    gap: 24px !important;
  }

  body section.section.leadership-section[data-leadership] .leader-card,
  body section.section.leadership-section[data-leadership] .wrap .leader-grid article.leader-card,
  body section.section.leadership-section[data-leadership] .wrap .leader-grid article.leader-card[data-index] {
    height: 380px !important;
  }

  body section.section.leadership-section[data-leadership] .leader-content-col {
    padding: 28px 28px !important;
  }

  body section.section.leadership-section[data-leadership] .leader-name,
  body section.section.leadership-section[data-leadership] .wrap .leader-grid .leader-name {
    font-size: 22px !important;
  }

  body section.section.leadership-section[data-leadership] .leader-quote,
  body section.section.leadership-section[data-leadership] .wrap .leader-grid .leader-quote {
    font-size: 14px !important;
  }
}