/* ========================================
   RESET & BASE
   ======================================== */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

html { scroll-behavior: smooth; }

body {
  font-family: 'Inter', system-ui, sans-serif;
  color: #334155;
  background: #ffffff;
  -webkit-font-smoothing: antialiased;
  line-height: 1.6;
}

img { display: block; max-width: 100%; }
a { text-decoration: none; color: inherit; }
button { cursor: pointer; font-family: inherit; }
ul { list-style: none; }
em { font-style: italic; }

.container {
  max-width: 1280px;
  margin: 0 auto;
  padding: 0 1.5rem;
}
@media (min-width: 1024px) { .container { padding: 0 3rem; } }

/* ========================================
   TOKENS
   ======================================== */
:root {
  --gold: #b8935a;
  --gold-bg: rgba(184,147,90,0.12);
  --gold-text: #7a5a2a;
  --slate-900: #0f172a;
  --slate-800: #1e293b;
  --slate-700: #334155;
  --slate-600: #475569;
  --slate-500: #64748b;
  --slate-400: #94a3b8;
  --slate-200: #e2e8f0;
  --slate-100: #f1f5f9;
  --cream: #fdfcf8;
}

/* ========================================
   TYPOGRAPHY
   ======================================== */
.section-label {
  font-size: 0.6875rem;
  font-weight: 600;
  letter-spacing: 0.25em;
  text-transform: uppercase;
  color: var(--gold);
  display: block;
  margin-bottom: 1rem;
}

.section-heading {
  font-family: 'Playfair Display', Georgia, serif;
  font-size: clamp(2rem, 4vw, 3.25rem);
  font-weight: 600;
  color: var(--slate-900);
  line-height: 1.15;
}

/* ========================================
   BUTTONS
   ======================================== */
.btn-primary {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.875rem 1.75rem;
  background: var(--gold);
  color: #ffffff;
  font-size: 0.875rem;
  font-weight: 500;
  letter-spacing: 0.04em;
  border: none;
  transition: background 0.2s;
}
.btn-primary:hover { background: #9a7a48; }

.btn-outline {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.875rem 1.75rem;
  border: 1px solid var(--slate-300, #cbd5e1);
  color: var(--slate-700);
  font-size: 0.875rem;
  font-weight: 500;
  letter-spacing: 0.04em;
  background: none;
  transition: border-color 0.2s, color 0.2s;
}
.btn-outline:hover { border-color: var(--slate-900); color: var(--slate-900); }

.btn-outline-hero {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.875rem 1.75rem;
  border: 1px solid rgba(255,255,255,0.4);
  color: #ffffff;
  font-size: 0.875rem;
  font-weight: 500;
  letter-spacing: 0.04em;
  background: none;
  transition: border-color 0.2s, background 0.2s;
}
.btn-outline-hero:hover { border-color: white; background: rgba(255,255,255,0.1); }

.btn-outline-light {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.75rem 1.5rem;
  border: 1px solid rgba(255,255,255,0.4);
  color: #ffffff;
  font-size: 0.875rem;
  font-weight: 500;
  letter-spacing: 0.04em;
  background: none;
  transition: border-color 0.2s;
}
.btn-outline-light:hover { border-color: white; }

/* ========================================
   SECTION FADE ANIMATION
   ======================================== */
.section-fade {
  opacity: 0;
  transform: translateY(24px);
  transition: opacity 0.7s ease, transform 0.7s ease;
}
.section-fade.visible {
  opacity: 1;
  transform: translateY(0);
}

/* ========================================
   NAV
   ======================================== */
.nav {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 50;
  transition: background 0.3s, box-shadow 0.3s;
}
.nav.scrolled {
  background: rgba(255,255,255,0.97);
  backdrop-filter: blur(8px);
  box-shadow: 0 1px 0 rgba(0,0,0,0.06);
}
.nav-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 4rem;
}
@media (min-width: 1024px) { .nav-inner { height: 5rem; } }

.nav-logo {
  font-family: 'Playfair Display', Georgia, serif;
  font-size: 1.125rem;
  font-weight: 600;
  color: #ffffff;
  transition: color 0.3s;
}
.nav.scrolled .nav-logo { color: var(--slate-900); }

.nav-links {
  display: none;
  align-items: center;
  gap: 2rem;
}
@media (min-width: 768px) { .nav-links { display: flex; } }

.nav-link {
  font-size: 0.875rem;
  font-weight: 500;
  color: rgba(255,255,255,0.8);
  transition: color 0.2s;
}
.nav-link:hover { color: #ffffff; }
.nav.scrolled .nav-link { color: var(--slate-600); }
.nav.scrolled .nav-link:hover { color: var(--slate-900); }

.nav-cta {
  font-size: 0.875rem;
  font-weight: 500;
  padding: 0.5rem 1.25rem;
  border: 1px solid rgba(255,255,255,0.8);
  color: #ffffff;
  transition: background 0.2s, color 0.2s, border-color 0.2s;
}
.nav-cta:hover { background: #ffffff; color: var(--slate-900); }
.nav.scrolled .nav-cta { border-color: var(--slate-900); color: var(--slate-900); }
.nav.scrolled .nav-cta:hover { background: var(--slate-900); color: #ffffff; }

.nav-burger {
  display: flex;
  flex-direction: column;
  gap: 5px;
  background: none;
  border: none;
  padding: 0.5rem;
}
@media (min-width: 768px) { .nav-burger { display: none; } }
.nav-burger span { display: block; width: 22px; height: 2px; background: #ffffff; transition: background 0.3s; }
.nav.scrolled .nav-burger span { background: var(--slate-900); }

.nav-mobile {
  display: none;
  flex-direction: column;
  gap: 1.25rem;
  background: #ffffff;
  border-top: 1px solid var(--slate-100);
  padding: 1.5rem;
}
.nav-mobile.open { display: flex; }
.nav-mobile-link { font-size: 1rem; font-weight: 500; color: var(--slate-700); transition: color 0.2s; }
.nav-mobile-link:hover { color: var(--slate-900); }
.nav-mobile-cta { align-self: flex-start; margin-top: 0.5rem; }

/* ========================================
   HERO
   ======================================== */
.hero {
  position: relative;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  overflow: hidden;
}
.hero-bg { position: absolute; inset: 0; }
.hero-img { width: 100%; height: 100%; object-fit: cover; object-position: center; }
.hero-overlay { position: absolute; inset: 0; background: linear-gradient(to top, #020617, rgba(15,23,42,0.6) 50%, rgba(15,23,42,0.3)); }
.hero-content { position: relative; z-index: 10; padding-bottom: 4rem; }
@media (min-width: 1024px) { .hero-content { padding-bottom: 6rem; } }

.hero-text { max-width: 48rem; }
.hero-eyebrow { font-size: 0.8125rem; font-weight: 500; letter-spacing: 0.2em; text-transform: uppercase; color: var(--gold); display: block; margin-bottom: 1.25rem; }
.hero-heading { font-family: 'Playfair Display', Georgia, serif; font-size: clamp(3rem, 8vw, 6rem); font-weight: 600; color: #ffffff; line-height: 1.05; margin-bottom: 1.5rem; }
.hero-sub { font-size: 1.125rem; color: rgba(255,255,255,0.75); line-height: 1.7; max-width: 36rem; margin-bottom: 2.5rem; font-weight: 300; }
.hero-actions { display: flex; flex-wrap: wrap; gap: 1rem; }

.hero-stats { display: grid; grid-template-columns: repeat(3, 1fr); gap: 2rem; max-width: 32rem; margin-top: 4rem; padding-top: 2.5rem; border-top: 1px solid rgba(255,255,255,0.1); }
.hero-stat { display: flex; flex-direction: column; gap: 0.25rem; }
.hero-stat-val { font-family: 'Playfair Display', Georgia, serif; font-size: 1.875rem; font-weight: 600; color: #ffffff; }
.hero-stat-label { font-size: 0.6875rem; text-transform: uppercase; letter-spacing: 0.08em; font-weight: 500; color: rgba(255,255,255,0.5); }

/* ========================================
   ABOUT
   ======================================== */
.section-about { padding: 6rem 0; background: var(--cream); }
@media (min-width: 1024px) { .section-about { padding: 9rem 0; } }

.about-grid { display: grid; grid-template-columns: 1fr; gap: 4rem; align-items: center; }
@media (min-width: 1024px) { .about-grid { grid-template-columns: 1fr 1fr; gap: 6rem; } }

.about-img-col { position: relative; order: 2; }
@media (min-width: 1024px) { .about-img-col { order: 1; } }
/* .about-img-wrap { aspect-ratio: 4/5; overflow: hidden; }
.about-img { width: 100%; height: 100%; object-fit: cover; object-position: top; } */
/* Match the About Image height dynamically to the text beside it */
@media (min-width: 1024px) {
    /* Forces the image column and text column to be the exact same height */
    .about-grid {
        align-items: stretch !important;
    }
    
    .about-img-col {
        display: flex;
        flex-direction: column;
    }
    
    /* Tells the wrapper to fill that newly stretched space */
    .about-img-wrap {
        height: 900% !important; /* Removes the static 700px */
        flex-grow: 1 !important; 
    }
    
    /* Tells the image to fill the wrapper perfectly without distorting */
    .about-img {
        height: 90% !important;
        width: 100% !important;
        object-fit: cover !important;
        object-position: center !important;
    }
}
.about-img-decor-br { position: absolute; bottom: -1.5rem; right: -1.5rem; width: 12rem; height: 12rem; background: var(--gold); opacity: 0.15; z-index: -1; display: none; }
.about-img-decor-tl { position: absolute; top: -1.5rem; left: -1.5rem; width: 6rem; height: 6rem; border: 2px solid var(--gold); z-index: -1; display: none; }
@media (min-width: 1024px) { .about-img-decor-br, .about-img-decor-tl { display: block; } }

.about-text-col { order: 1; }
@media (min-width: 1024px) { .about-text-col { order: 2; } }
.about-body { display: flex; flex-direction: column; gap: 1.25rem; color: var(--slate-600); line-height: 1.7; margin-bottom: 2rem; }
.about-actions { display: flex; flex-wrap: wrap; gap: 1rem; margin-bottom: 2.5rem; }
.about-facts { display: grid; grid-template-columns: 1fr 1fr; gap: 2rem; padding-top: 2.5rem; border-top: 1px solid var(--slate-200); }
.about-fact-label { font-size: 0.6875rem; font-weight: 600; letter-spacing: 0.1em; text-transform: uppercase; color: var(--slate-400); margin-bottom: 0.25rem; }
.about-fact-val { font-size: 0.875rem; font-weight: 500; color: var(--slate-800); }

/* About modal extended */
.about-modal-extended { display: grid; grid-template-columns: 1fr; gap: 2rem; margin-bottom: 3rem; }
@media (min-width: 1024px) { .about-modal-extended { grid-template-columns: 2fr 1fr; gap: 3rem; } }
.about-modal-bio { display: flex; flex-direction: column; gap: 1rem; color: var(--slate-600); line-height: 1.7; font-size: 0.9375rem; }
.about-icon-item { display: flex; align-items: flex-start; gap: 1rem; }
.about-icon-wrap { width: 2.25rem; height: 2.25rem; background: var(--gold-bg); display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
.about-icon-title { font-weight: 600; font-size: 0.875rem; color: var(--slate-900); margin-bottom: 0.25rem; }
.about-icon-body { font-size: 0.75rem; color: var(--slate-500); line-height: 1.5; }
.about-modal-icons { display: flex; flex-direction: column; gap: 1.5rem; }
.about-facts-modal { display: grid; grid-template-columns: repeat(2, 1fr); gap: 1px; background: var(--slate-100); margin-bottom: 3rem; }
@media (min-width: 768px) { .about-facts-modal { grid-template-columns: repeat(4, 1fr); } }
.about-facts-modal .about-fact { background: #ffffff; padding: 1.25rem 1.5rem; }

/* ========================================
   SPEAKING
   ======================================== */
.section-speaking { padding: 6rem 0; background: #ffffff; }
@media (min-width: 1024px) { .section-speaking { padding: 9rem 0; } }

/* Hero */
.spk-hero { display: grid; grid-template-columns: 1fr; gap: 3rem; margin-bottom: 5rem; align-items: center; }
@media (min-width: 1024px) { .spk-hero { grid-template-columns: 1fr 1fr; gap: 5rem; } }
.spk-hero-heading { margin-bottom: 1.5rem; }
.spk-hero-body { color: var(--slate-600); line-height: 1.7; font-size: 1.0625rem; margin-bottom: 1rem; }
.spk-hero-sub { color: var(--slate-500); line-height: 1.6; margin-bottom: 2rem; }
.spk-bullet-list { margin: 0 0 2rem; padding-left: 1.25rem; display: flex; flex-direction: column; gap: 0.85rem; list-style: disc outside; color: var(--slate-600); font-size: 0.9375rem; line-height: 1.7; }
.spk-bullet-list li { display: list-item; padding-left: 0.25rem; }
.spk-bullet-list li::marker { color: var(--gold); }
.spk-hero-image-col { position: relative; }
.spk-hero-img-wrap { position: relative; aspect-ratio: 4/5; overflow: hidden; }
.spk-hero-img { width: 100%; height: 100%; object-fit: cover; object-position: center; }
.spk-hero-img-overlay { position: absolute; inset: 0; background: linear-gradient(to top, rgba(2,6,23,0.6), transparent 50%); }
.spk-hero-img-caption { position: absolute; bottom: 1.5rem; left: 1.5rem; right: 1.5rem; color: #ffffff; }
.spk-caption-stat { font-family: 'Playfair Display', Georgia, serif; font-size: 1.5rem; font-weight: 600; margin-bottom: 0.25rem; }
.spk-caption-sub { font-size: 0.875rem; color: rgba(255,255,255,0.7); }
.spk-hero-decor { display: none; position: absolute; bottom: -0.75rem; right: -0.75rem; width: 6rem; height: 6rem; background: var(--gold); opacity: 0.18; z-index: -1; }
@media (min-width: 1024px) { .spk-hero-decor { display: block; } }

/* Reasons */
.spk-reasons { margin-bottom: 5rem; }
.spk-reasons-header { display: flex; align-items: center; justify-content: space-between; gap: 1rem; margin-bottom: 2.5rem; }
.spk-sub-heading { font-family: 'Playfair Display', Georgia, serif; font-size: clamp(1.375rem, 3vw, 1.875rem); font-weight: 600; color: var(--slate-900); }
.spk-link-btn { display: none; align-items: center; gap: 0.375rem; font-size: 0.875rem; font-weight: 500; color: var(--gold); background: none; border: none; cursor: pointer; white-space: nowrap; transition: color 0.2s; }
.spk-link-btn:hover { color: #9a7a48; }
@media (min-width: 768px) { .spk-link-btn { display: flex; } }

.reasons-grid { display: grid; grid-template-columns: 1fr; gap: 1px; background: var(--slate-100); }
@media (min-width: 768px) { .reasons-grid { grid-template-columns: 1fr 1fr; } }
@media (min-width: 1024px) { .reasons-grid { grid-template-columns: repeat(3, 1fr); } }
.reason-card { background: #ffffff; padding: 1.75rem 2rem; transition: background 0.2s; }
.reason-card:hover { background: #faf8f5; }
.reason-card-dark { background: var(--slate-900); }
.reason-card-dark:hover { background: #1e293b; }
.reason-num { display: block; font-family: 'Courier New', monospace; font-size: 0.6875rem; font-weight: 700; letter-spacing: 0.15em; color: var(--gold); margin-bottom: 0.75rem; }
.reason-title { font-family: 'Playfair Display', Georgia, serif; font-size: 1rem; font-weight: 600; color: var(--slate-900); margin-bottom: 0.5rem; transition: color 0.2s; }
.reason-card:not(.reason-card-dark):hover .reason-title { color: #92400e; }
.reason-title-light { color: #ffffff; }
.reason-body { font-size: 0.8125rem; color: var(--slate-500); line-height: 1.6; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.reason-body-light { color: rgba(255,255,255,0.55); }

/* Podcast Pitch */
.spk-podcast-pitch { }
.pitch-grid { display: grid; grid-template-columns: 1fr; gap: 1px; background: var(--slate-100); margin-bottom: 3rem; }
@media (min-width: 1024px) { .pitch-grid { grid-template-columns: 1fr 1fr; } }
.pitch-left { background: #ffffff; padding: 2.5rem; }
@media (min-width: 1024px) { .pitch-left { padding: 3rem; } }
.pitch-heading { margin-bottom: 1.5rem; }
.pitch-body { display: flex; flex-direction: column; gap: 1rem; color: var(--slate-600); font-size: 0.9375rem; line-height: 1.7; }
.pitch-bullet-list { margin: 0; padding-left: 1.25rem; display: flex; flex-direction: column; gap: 0.85rem; list-style: disc outside; }
.pitch-bullet-list li { display: list-item; padding-left: 0.25rem; }
.pitch-bullet-list li::marker { color: var(--gold); }
.pitch-right { background: var(--slate-100, #f8fafc); padding: 2.5rem; background: #fafafa; }
@media (min-width: 1024px) { .pitch-right { padding: 3rem; } }
.pitch-quotes-label { font-size: 0.6875rem; font-weight: 600; letter-spacing: 0.1em; text-transform: uppercase; color: var(--slate-400); margin-bottom: 1.5rem; display: block; }
.pitch-quotes { display: flex; flex-direction: column; gap: 1.5rem; }
.pitch-quote { border-left: 2px solid var(--gold); padding-left: 1rem; }
.pitch-quote-text { font-size: 0.875rem; font-style: italic; color: var(--slate-600); line-height: 1.6; margin-bottom: 0.5rem; }
.pitch-quote-host { font-size: 0.75rem; color: var(--slate-400); font-weight: 500; }

/* CTA Banner */
.cta-banner { margin-top: 0; padding: 2rem; background: var(--slate-900); color: #ffffff; }
@media (min-width: 1024px) { .cta-banner { padding: 3rem; display: flex; align-items: center; justify-content: space-between; gap: 1.5rem; } }
.cta-banner-heading { font-family: 'Playfair Display', Georgia, serif; font-size: 1.5rem; font-weight: 600; margin-bottom: 0.5rem; }
.cta-banner-subtitle { font-size: 0.875rem; color: rgba(255,255,255,0.6); max-width: 32rem; line-height: 1.6; }
.cta-banner-btns { display: flex; flex-wrap: wrap; gap: 0.75rem; flex-shrink: 0; margin-top: 1.5rem; }
@media (min-width: 1024px) { .cta-banner-btns { margin-top: 0; } }

/* ========================================
   LEADERSHIP
   ======================================== */
.section-leadership { padding: 6rem 0; background: #ffffff; overflow: hidden; }
@media (min-width: 1024px) { .section-leadership { padding: 9rem 0; } }

.leadership-header { display: grid; grid-template-columns: 1fr; gap: 2rem; margin-bottom: 4rem; align-items: end; }
@media (min-width: 1024px) { .leadership-header { grid-template-columns: 1fr 1fr; gap: 4rem; margin-bottom: 6rem; } }
.leadership-intro-text { color: var(--slate-500); line-height: 1.7; font-size: 1.0625rem; }
.leadership-divider { width: 4rem; height: 1px; background: var(--gold); margin-top: 1.5rem; }

.principles-grid { display: grid; grid-template-columns: 1fr; gap: 1px; background: var(--slate-100); margin-bottom: 6rem; }
@media (min-width: 768px) { .principles-grid { grid-template-columns: 1fr 1fr; } }
.principle-card { background: #ffffff; padding: 2rem; transition: background 0.3s; }
@media (min-width: 1024px) { .principle-card { padding: 3rem; } }
.principle-card:hover { background: #f8fafc; }
.principle-title { font-family: 'Playfair Display', Georgia, serif; font-size: 1.25rem; font-weight: 600; color: var(--slate-900); margin-bottom: 1rem; transition: color 0.3s; }
@media (min-width: 1024px) { .principle-title { font-size: 1.5rem; } }
.principle-card:hover .principle-title { color: #92400e; }
.principle-body { color: var(--slate-500); line-height: 1.7; font-size: 0.9375rem; }
.principle-line { width: 2rem; height: 1px; background: var(--gold); margin-top: 2rem; opacity: 0; transition: opacity 0.3s, width 0.3s; }
.principle-card:hover .principle-line { opacity: 1; width: 4rem; }

.beliefs-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0;
  background: transparent;
  max-width: 1080px;
  margin: 0 auto 0;
  border-top: 1px solid var(--slate-100);
}

@media (min-width: 768px) {
  .beliefs-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}

.belief-card {
  background: #ffffff;
  padding: 4rem 3rem 3.5rem;
  border-bottom: 1px solid var(--slate-100);
}

@media (min-width: 768px) {
  .belief-card {
    border-bottom: none;
    border-left: 1px solid var(--slate-100);
  }

  .belief-card:first-child {
    border-left: none;
  }
}

@media (min-width: 1024px) {
  .belief-card {
    padding: 4rem 3rem 3.5rem;
  }
}

.belief-stat {
  font-family: 'Playfair Display', Georgia, serif;
  font-size: 3rem;
  font-weight: 600;
  color: var(--gold);
  margin-bottom: 0.5rem;
  line-height: 1;
}

@media (min-width: 1024px) {
  .belief-stat {
    font-size: 3.5rem;
  }
}

.belief-label {
  font-weight: 500;
  color: var(--slate-900);
  margin-bottom: 0.5rem;
}

.belief-note {
  font-size: 0.875rem;
  color: var(--slate-400);
  line-height: 1.5;
  max-width: 260px;
}


/* ========================================
   PODCAST
   ======================================== */
.section-podcast { padding: 6rem 0; background: #ffffff; }
@media (min-width: 1024px) { .section-podcast { padding: 9rem 0; } }

.podcast-header { display: grid; grid-template-columns: 1fr; gap: 3rem; margin-bottom: 4rem; align-items: end; }
@media (min-width: 1024px) { .podcast-header { grid-template-columns: 1fr 1fr; gap: 5rem; } }
.podcast-desc { color: var(--slate-600); line-height: 1.7; margin-top: 1.5rem; }
.podcast-rating { display: flex; align-items: center; gap: 1.5rem; margin-top: 2rem; }
.podcast-stars { color: #f59e0b; font-size: 0.875rem; letter-spacing: 2px; }
.podcast-rating-text { font-size: 0.875rem; color: var(--slate-500); }
.podcast-platforms { display: flex; flex-wrap: wrap; gap: 0.75rem; margin-top: 2rem; }
.platform-tag { display: inline-flex; align-items: center; font-size: 0.75rem; font-weight: 500; padding: 0.5rem 1rem; border: 1px solid var(--slate-200); color: var(--slate-600); cursor: pointer; transition: border-color 0.2s, color 0.2s; }
.platform-tag:hover { border-color: var(--slate-900); color: var(--slate-900); }

.podcast-img-col { position: relative; display: none; }
@media (min-width: 1024px) { .podcast-img-col { display: block; } }
.podcast-img-wrap { aspect-ratio: 1; max-width: 24rem; margin-left: auto; overflow: hidden; }
.podcast-img { width: 100%; height: 100%; object-fit: cover; }
.podcast-img-border { position: absolute; bottom: -1rem; left: -1rem; width: 100%; height: 100%; border: 2px solid var(--gold); opacity: 0.3; z-index: -1; }

.podcast-episodes { border-top: 1px solid var(--slate-200); padding-top: 4rem; }
.podcast-episodes-header { display: flex; align-items: center; justify-content: space-between; margin-bottom: 2.5rem; }
.podcast-episodes-heading { font-family: 'Playfair Display', Georgia, serif; font-size: 1.5rem; font-weight: 600; color: var(--slate-900); }
.podcast-all-link { font-size: 0.875rem; color: var(--slate-500); transition: color 0.2s; }
.podcast-all-link:hover { color: var(--slate-900); }

.episodes-list { display: flex; flex-direction: column; }
.episode-item { display: flex; align-items: flex-start; gap: 1.5rem; padding: 1.75rem 0; border-bottom: 1px solid var(--slate-100); cursor: pointer; transition: border-color 0.2s; }
.episode-item:hover { border-color: var(--slate-200); }
.episode-play { width: 3rem; height: 3rem; border-radius: 50%; border: 1px solid var(--slate-200); display: flex; align-items: center; justify-content: center; color: var(--slate-400); flex-shrink: 0; transition: border-color 0.2s, color 0.2s; }
.episode-item:hover .episode-play { border-color: var(--slate-400); color: var(--slate-900); }
.episode-play svg { margin-left: 2px; }
.episode-info { flex: 1; min-width: 0; }
.episode-meta { display: flex; align-items: center; gap: 0.75rem; margin-bottom: 0.5rem; font-size: 0.75rem; color: var(--slate-400); }
.ep-num { font-family: 'Courier New', monospace; }
.episode-title { font-family: 'Playfair Display', Georgia, serif; font-size: 1.125rem; font-weight: 600; color: var(--slate-900); margin-bottom: 0.25rem; transition: color 0.2s; }
.episode-item:hover .episode-title { color: #92400e; }
.episode-guest { font-size: 0.875rem; color: var(--gold); margin-bottom: 0.5rem; }
.episode-desc { font-size: 0.875rem; color: var(--slate-600); line-height: 1.5; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }

/* ========================================
   MENTORSHIP
   ======================================== */
.section-mentorship { padding: 6rem 0; background: #ffffff; }
@media (min-width: 1024px) { .section-mentorship { padding: 9rem 0; } }

.mentorship-header { display: grid; grid-template-columns: 1fr; gap: 2rem; margin-bottom: 3rem; align-items: end; }
@media (min-width: 1024px) { .mentorship-header { grid-template-columns: 1fr 1fr; gap: 4rem; margin-bottom: 5rem; } }
.mentorship-intro-text { color: var(--slate-600); line-height: 1.7; font-size: 1.0625rem; }

.programs-grid { display: grid; grid-template-columns: 1fr; gap: 2rem; margin-bottom: 5rem; }
@media (min-width: 768px) { .programs-grid { grid-template-columns: 1fr 1fr; } }
.program-card { border: 1px solid var(--slate-100); overflow: hidden; transition: border-color 0.2s; }
.program-card:hover { border-color: var(--slate-200); }
.program-img-wrap { aspect-ratio: 16/9; overflow: hidden; }
.program-img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.7s; }
.program-card:hover .program-img { transform: scale(1.05); }
.program-body { padding: 2rem; }
.program-header-row { display: flex; align-items: flex-start; justify-content: space-between; gap: 1rem; margin-bottom: 1rem; }
.program-title { font-family: 'Playfair Display', Georgia, serif; font-size: 1.25rem; font-weight: 600; color: var(--slate-900); }
.program-type { font-size: 0.75rem; font-weight: 500; padding: 0.25rem 0.75rem; background: var(--gold-bg); color: var(--gold-text); white-space: nowrap; flex-shrink: 0; }
.program-desc { font-size: 0.875rem; color: var(--slate-600); line-height: 1.6; margin-bottom: 1.5rem; }
.program-details { display: flex; flex-direction: column; gap: 0.5rem; margin-bottom: 2rem; }
.program-details li { display: flex; align-items: center; gap: 0.75rem; font-size: 0.875rem; color: var(--slate-600); }
.program-details li::before { content: ''; display: block; width: 6px; height: 6px; border-radius: 50%; background: var(--gold); flex-shrink: 0; }
.program-link { display: inline-flex; align-items: center; gap: 0.5rem; font-size: 0.875rem; font-weight: 500; color: var(--gold); transition: color 0.2s; }
.program-link:hover { color: #9a7a48; }

.advisory { margin-bottom: 5rem; }
.advisory-heading { font-family: 'Playfair Display', Georgia, serif; font-size: 1.5rem; font-weight: 600; color: var(--slate-900); margin-bottom: 2.5rem; }
.advisory-grid { display: grid; grid-template-columns: 1fr; gap: 0; }
@media (min-width: 768px) { .advisory-grid { grid-template-columns: 1fr 1fr; gap: 0; } }
.advisory-item { display: flex; align-items: flex-start; gap: 1.25rem; padding: 1.25rem 0; border-bottom: 1px solid var(--slate-100); }
.advisory-dot { width: 8px; height: 8px; border-radius: 50%; background: var(--gold); margin-top: 0.4rem; flex-shrink: 0; }
.advisory-area { font-weight: 600; color: var(--slate-900); margin-bottom: 0.25rem; font-size: 0.9375rem; }
.advisory-note { font-size: 0.875rem; color: var(--slate-500); }

.mentorship-testi-grid { display: grid; grid-template-columns: 1fr; gap: 2rem; }
@media (min-width: 768px) { .mentorship-testi-grid { grid-template-columns: 1fr 1fr; } }
.mentorship-testi-card { padding: 2rem; border: 1px solid var(--slate-100); border-top: 3px solid var(--gold); }
.mentorship-testi-quote { font-family: 'Playfair Display', Georgia, serif; font-size: 1.0625rem; font-style: italic; color: var(--slate-700); line-height: 1.6; margin-bottom: 1.5rem; }
.mentorship-testi-person { display: flex; align-items: center; gap: 0.75rem; }
.testi-avatar { width: 2.5rem; height: 2.5rem; border-radius: 50%; object-fit: cover; object-position: top; }
.testi-name { font-weight: 600; font-size: 0.875rem; color: var(--slate-900); }
.testi-role { font-size: 0.75rem; color: var(--slate-400); }

/* ========================================
   TESTIMONIALS
   ======================================== */
.section-testimonials { padding: 6rem 0; background: #ffffff; overflow: hidden; }
@media (min-width: 1024px) { .section-testimonials { padding: 9rem 0; } }
.testi-header { max-width: 36rem; margin-bottom: 4rem; }
.testi-grid { display: grid; grid-template-columns: 1fr; gap: 2rem; }
@media (min-width: 768px) { .testi-grid { grid-template-columns: repeat(3, 1fr); } }
.testi-card { padding: 2rem; border: 1px solid var(--slate-100); border-top: 3px solid var(--gold); display: flex; flex-direction: column; transition: border-color 0.2s; }
.testi-card:hover { border-color: var(--slate-200); }
.testi-quote { font-family: 'Playfair Display', Georgia, serif; font-size: 1.0625rem; font-style: italic; color: var(--slate-700); line-height: 1.6; margin-bottom: 1.5rem; flex: 1; }
.testi-person { display: flex; align-items: center; gap: 0.75rem; }

/* ========================================
   CONTACT
   ======================================== */
.section-contact { padding: 6rem 0; background: #ffffff; }
@media (min-width: 1024px) { .section-contact { padding: 9rem 0; } }
.contact-grid { display: grid; grid-template-columns: 1fr; gap: 4rem; }
@media (min-width: 1024px) { .contact-grid { grid-template-columns: 1fr 1fr; gap: 6rem; } }
.contact-intro { color: var(--slate-600); line-height: 1.7; margin-bottom: 2.5rem; }
.contact-emails { display: flex; flex-direction: column; gap: 1.5rem; margin-bottom: 3rem; }
.contact-email-item { display: flex; align-items: flex-start; gap: 1rem; }
.contact-icon-wrap { width: 2.5rem; height: 2.5rem; background: var(--gold-bg); display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
.contact-email-label { font-size: 0.6875rem; font-weight: 600; letter-spacing: 0.1em; text-transform: uppercase; color: var(--slate-400); margin-bottom: 0.25rem; }
.contact-email-val { font-size: 0.875rem; font-weight: 500; color: var(--slate-800); }
.contact-social-label { font-size: 0.6875rem; font-weight: 600; letter-spacing: 0.1em; text-transform: uppercase; color: var(--slate-400); margin-bottom: 1rem; }
.contact-social-icons { display: flex; gap: 0.75rem; }
.social-icon { width: 2.5rem; height: 2.5rem; border: 1px solid var(--slate-200); display: flex; align-items: center; justify-content: center; color: var(--slate-500); transition: border-color 0.2s, color 0.2s; }
.social-icon:hover { border-color: var(--slate-900); color: var(--slate-900); }

.form-row { display: grid; grid-template-columns: 1fr; gap: 1.25rem; margin-bottom: 0; }
@media (min-width: 640px) { .form-row { grid-template-columns: 1fr 1fr; } }
.contact-form { display: flex; flex-direction: column; gap: 1.25rem; }
.form-label { display: block; font-size: 0.6875rem; font-weight: 600; letter-spacing: 0.1em; text-transform: uppercase; color: var(--slate-500); margin-bottom: 0.5rem; }
.form-input { width: 100%; border: 1px solid var(--slate-200); padding: 0.75rem 1rem; font-size: 0.875rem; color: var(--slate-800); font-family: inherit; background: #ffffff; transition: border-color 0.2s; outline: none; }
.form-input:focus { border-color: var(--slate-500); }
.form-input::placeholder { color: #cbd5e1; }
.form-textarea { resize: none; }
.form-select { appearance: none; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 1rem center; padding-right: 2.5rem; }
.btn-submit { width: 100%; display: flex; align-items: center; justify-content: center; gap: 0.5rem; padding: 1rem; font-size: 0.875rem; font-weight: 500; letter-spacing: 0.04em; color: #ffffff; background: var(--gold); border: none; transition: background 0.2s; }
.btn-submit:hover { background: #9a7a48; }
.btn-submit:disabled { opacity: 0.6; cursor: not-allowed; }
.form-success { display: none; flex-direction: column; align-items: center; justify-content: center; text-align: center; padding: 4rem 2rem; }
.form-success.visible { display: flex; }
.form-success h3 { font-family: 'Playfair Display', Georgia, serif; font-size: 1.5rem; font-weight: 600; color: var(--slate-900); margin: 1.25rem 0 0.75rem; }
.form-success p { color: var(--slate-500); max-width: 24rem; }

/* ========================================
   FOOTER
   ======================================== */
.site-footer { background: #020617; padding: 2.5rem 0; }
.footer-inner { display: flex; flex-direction: column; align-items: center; gap: 1rem; }
@media (min-width: 640px) { .footer-inner { flex-direction: row; justify-content: space-between; } }
.footer-name { font-family: 'Playfair Display', Georgia, serif; font-size: 0.875rem; font-weight: 600; color: rgba(255,255,255,0.6); }
.footer-social { display: flex; gap: 1rem; }
.footer-social-link { width: 2rem; height: 2rem; display: flex; align-items: center; justify-content: center; color: rgba(255,255,255,0.3); transition: color 0.2s; }
.footer-social-link:hover { color: rgba(255,255,255,0.7); }
.footer-copy { font-size: 0.75rem; color: rgba(255,255,255,0.3); }

/* ========================================
   MODAL
   ======================================== */
.modal-overlay { display: none; position: fixed; inset: 0; z-index: 100; align-items: flex-start; justify-content: center; overflow-y: auto; }
.modal-overlay.open { display: flex; }
.modal-backdrop { position: fixed; inset: 0; background: rgba(2,6,23,0.82); backdrop-filter: blur(4px); cursor: pointer; }
.modal-panel { position: relative; width: 100%; max-width: 64rem; margin: 2rem auto; background: #ffffff; box-shadow: 0 25px 60px rgba(0,0,0,0.4); z-index: 1; }
@media (min-width: 768px) { .modal-panel { margin: 2rem 1.5rem; } }
.modal-header { position: sticky; top: 0; z-index: 10; background: #ffffff; border-bottom: 1px solid var(--slate-100); padding: 1.25rem 1.5rem; display: flex; align-items: center; justify-content: space-between; gap: 1rem; }
@media (min-width: 1024px) { .modal-header { padding: 1.25rem 3rem; } }
.modal-header-title { font-family: 'Playfair Display', Georgia, serif; font-size: 1.0625rem; font-weight: 600; color: var(--slate-900); }
.modal-close-btn { background: none; border: none; padding: 0.5rem; color: var(--slate-400); cursor: pointer; transition: color 0.2s; }
.modal-close-btn:hover { color: var(--slate-900); }
.modal-body { padding: 3rem 1.5rem; }
@media (min-width: 1024px) { .modal-body { padding: 3rem; } }

.modal-intro { display: grid; grid-template-columns: 1fr; gap: 2.5rem; margin-bottom: 4rem; align-items: center; }
@media (min-width: 1024px) { .modal-intro { grid-template-columns: 1fr 1fr; } }
.modal-intro-heading { font-family: 'Playfair Display', Georgia, serif; font-size: clamp(1.5rem, 3vw, 2rem); font-weight: 600; color: var(--slate-900); line-height: 1.25; margin-bottom: 1.5rem; }
.modal-intro-body { color: var(--slate-600); line-height: 1.7; margin-bottom: 0.75rem; }
.modal-intro-img-wrap { aspect-ratio: 4/3; overflow: hidden; }
.modal-intro-img { width: 100%; height: 100%; object-fit: cover; }

.modal-section { margin-bottom: 4rem; }
.modal-section-heading { font-family: 'Playfair Display', Georgia, serif; font-size: 1.5rem; font-weight: 600; color: var(--slate-900); margin-bottom: 2rem; }

.modal-reasons-grid { display: grid; grid-template-columns: 1fr; gap: 1px; background: var(--slate-100); }
@media (min-width: 768px) { .modal-reasons-grid { grid-template-columns: 1fr 1fr; } }
@media (min-width: 1024px) { .modal-reasons-grid { grid-template-columns: repeat(3, 1fr); } }
.modal-reason { background: #ffffff; padding: 1.5rem; border: 1px solid var(--slate-100); transition: border-color 0.2s; }
.modal-reason:hover { border-color: var(--slate-200); }
.modal-reason-dark { background: var(--slate-900); }
.modal-reason-title { font-family: 'Playfair Display', Georgia, serif; font-size: 0.9375rem; font-weight: 600; color: var(--slate-900); margin-bottom: 0.5rem; }
.modal-reason-body { font-size: 0.8125rem; color: var(--slate-500); line-height: 1.6; }

.modal-topics { display: flex; flex-direction: column; }
.modal-topic { display: grid; grid-template-columns: 1fr; gap: 1.5rem; padding: 2rem 0; border-bottom: 1px solid var(--slate-100); }
@media (min-width: 1024px) { .modal-topic { grid-template-columns: 1fr 2fr; gap: 3rem; } }
.modal-topic-tag { display: block; font-size: 0.6875rem; color: var(--slate-400); letter-spacing: 0.04em; margin-bottom: 0.5rem; }
.modal-topic-title { font-family: 'Playfair Display', Georgia, serif; font-size: 1.125rem; font-weight: 600; color: var(--slate-900); margin-bottom: 0.5rem; line-height: 1.35; }
.modal-topic-short { font-size: 0.8125rem; font-weight: 500; color: var(--gold); line-height: 1.5; }
.modal-topic-desc { font-size: 0.875rem; color: var(--slate-500); line-height: 1.7; margin-bottom: 1.25rem; }
.modal-outcomes-label { font-size: 0.625rem; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; color: var(--slate-400); margin-bottom: 0.75rem; }
.modal-outcomes { display: flex; flex-direction: column; gap: 0.625rem; }
.modal-outcomes li { display: flex; align-items: flex-start; gap: 0.625rem; font-size: 0.875rem; color: var(--slate-700); line-height: 1.5; }
.modal-outcomes li svg { flex-shrink: 0; margin-top: 1px; }

.modal-engagements { display: grid; grid-template-columns: 1fr; }
@media (min-width: 768px) { .modal-engagements { grid-template-columns: 1fr 1fr; } }
.modal-engagement { display: flex; align-items: flex-start; justify-content: space-between; gap: 1rem; padding: 1rem 0; border-bottom: 1px solid var(--slate-100); }
.modal-eng-name { font-weight: 500; color: var(--slate-900); font-size: 0.9375rem; margin-bottom: 0.25rem; }
.modal-eng-meta { display: inline-flex; align-items: center; gap: 0.5rem; font-size: 0.75rem; color: var(--slate-500); flex-wrap: wrap; }
.modal-eng-meta svg { flex-shrink: 0; }
.modal-eng-role { font-size: 0.6875rem; font-weight: 500; padding: 0.2rem 0.625rem; background: var(--gold-bg); color: var(--gold-text); white-space: nowrap; flex-shrink: 0; }

/* Allow the hero banner text to align left, with a controlled gap */
.hero .hero-content.container {
    max-width: 100% !important; 
    margin-left: 0 !important;  
    padding-left: 5% !important; /* Pushes it in from the left on mobile */
}

@media (min-width: 1024px) {
    .hero .hero-content.container {
        padding-left: 18% !important; /* Pushes it in a bit more on desktop */
    }
}

/* =======================================
   05 MENTORSHIP & EDUCATION (Unified Style)
======================================= */
.mentorship {
    max-width: 1080px;
    margin: 0 auto;
    padding: 80px 24px; /* Matches your site's standard section padding */
    background: #ffffff; /* Change to #f4efe7 if you prefer the tan background */
}

/* Use your site's standard container class */
.mentorship .container {
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 3rem; /* Matches your site's desktop container padding */
}

/* Align the Header to match your site's other section headers */
.mentorship .section-head {
    max-width: 720px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 60px;
}

/* Mobile-First Grid - Stacks on mobile, splits on desktop */
.mentor-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 40px;
    max-width: 980px;
    margin: 0 auto;
    align-items: start;
}

@media (min-width: 1024px) {
    .mentor-grid {
        grid-template-columns: minmax(0, 1.1fr) minmax(320px, 0.9fr);
        gap: 56px;
    }
}

/* Match the text styling to your site's body text */
.mentor-copy p {
    font-size: 1.125rem;
    line-height: 1.6;
    margin-bottom: 1.5rem;
    color: #334155; /* Your site's standard text color */
    text-align: left;
}

/* Match the card to your site's other UI cards */
.mentor-card {
    background: #f8fafc; /* Subtle grey/off-white background */
    padding: 40px;
    border-radius: 8px;
    border: 1px solid #e2e8f0;
    max-width: 100%;
    margin: 0 auto;
    text-align: left;
}

.mentor-card h3 {
    font-size: 1.25rem;
    margin-bottom: 1.5rem;
    color: #0f172a;
}

.mentor-card li {
    padding: 1rem 0;
    border-bottom: 1px solid #e2e8f0;
    font-size: 0.95rem;
    text-align: left;
}

/* Keep the hero subtitle readable on the banner image */
.hero-eyebrow {
    color: #ffffff !important;
    font-weight: 900 !important;
    display: block;
}

/* Leadership Philosophy Section */
.philosophy {
  padding: 80px 0 0;
  background: #ffffff;
}

.philosophy-content {
  max-width: 800px; /* Kept narrow for better readability */
  margin: 0 auto;
}

.philosophy .kicker {
  display: block;
  font-size: 0.75rem;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: var(--gold);
  margin-bottom: 1.5rem;
}

.philosophy h2 {
  font-family: 'Playfair Display', serif;
  font-size: clamp(2rem, 5vw, 3rem);
  color: var(--slate-900);
  margin-bottom: 2.5rem;
  line-height: 1.2;
}

.philosophy-body p {
  font-size: 1.125rem;
  line-height: 1.7;
  color: var(--slate-600);
  margin-bottom: 1.5rem;
}

.philosophy-body p strong {
  color: var(--slate-900);
  font-weight: 600;
}

/* Styling the Speaking list */
.speaking-list {
  list-style: disc outside !important; /* Adds bullet points */
  padding-left: 20px !important;
  margin-top: 20px;
}

.speaking-list li {
  margin-bottom: 20px; /* Space between bullets */
  font-size: 1.125rem;
  line-height: 1.7;
  color: #334155;
}

.speaking-list li::marker {
  color: var(--gold); /* Uses your site's gold accent for bullets */
}

/* ========================================
   IMAGE DISPLAY CORRECTIONS
   Keep uploaded photos visible instead of cropped
   ======================================== */
.hero-bg {
  background: #020617;
  display: flex;
  align-items: center;
  justify-content: center;
}

.hero-img {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  object-position: center center !important;
}

.about-grid {
  align-items: center !important;
}

.about-img-col {
  display: block !important;
}

.about-img-wrap {
  height: auto !important;
  flex-grow: 0 !important;
  overflow: visible !important;
}

.about-img {
  width: 100% !important;
  height: auto !important;
  object-fit: contain !important;
  object-position: center center !important;
}

/* Mentorship layout */
.mentorship .mentor-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(320px, 0.9fr);
  gap: 56px;
  align-items: start;
}

.mentorship-body {
  text-align: left;
}

@media (max-width: 900px) {
.mentorship .mentor-grid {
    grid-template-columns: 1fr;
    gap: 32px;
  }
}

/* Leadership philosophy image layout */
.philosophy-content {
  max-width: none !important;
}

.philosophy-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(320px, 0.82fr);
  gap: 5rem;
  align-items: center;
}

.philosophy-copy {
  max-width: 760px;
}

.philosophy-actions {
  margin-top: 1.75rem;
}

.philosophy-image-col {
  position: relative;
  margin-top: 3rem;
}

.philosophy-img-wrap {
  position: relative;
  aspect-ratio: auto;
  overflow: hidden;
  background: #f8fafc;
}

.philosophy-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center top;
}

.leadership-modal-img-wrap {
  background: #f8fafc;
  min-height: 560px;
  aspect-ratio: 4 / 5;
}

.leadership-modal-img {
  width: 100%;
  height: 100%;
  object-fit: contain !important;
  object-position: center center !important;
  background: #f8fafc;
}

.speaking-modal-img-wrap {
  min-height: 560px;
  aspect-ratio: 4 / 5;
  background: #f8fafc;
  overflow: hidden;
}

.speaking-modal-img {
  width: 100%;
  height: 100%;
  object-fit: contain !important;
  object-position: center center !important;
  background: #f8fafc;
}

@media (max-width: 767px) {
  .leadership-modal-img-wrap,
  .speaking-modal-img-wrap {
    min-height: 420px;
  }
}

.philosophy-img-decor {
  display: none;
  position: absolute;
  bottom: -0.75rem;
  right: -0.75rem;
  width: 6rem;
  height: 6rem;
  background: var(--gold);
  opacity: 0.18;
  z-index: -1;
}

@media (min-width: 1024px) {
  .philosophy-img-decor {
    display: block;
  }
}

@media (max-width: 900px) {
  .philosophy-grid {
    grid-template-columns: 1fr;
    gap: 2.5rem;
  }
}

/* ========================================
   LEADERSHIP SHOWCASE - IMAGE + STACKED VALUES
   ======================================== */

.leadership-showcase {
  display: grid;
  grid-template-columns: 1fr;
  gap: 3rem;
  align-items: start;
  margin-bottom: 6rem;
}

@media (min-width: 1024px) {
  .leadership-showcase {
    grid-template-columns: minmax(0, 1fr) minmax(420px, 0.95fr);
    column-gap: 5rem;
    row-gap: 3rem;
  }
}

.leadership-showcase-heading {
  max-width: 650px;
}

.leadership-showcase-heading .section-heading {
  font-size: clamp (1.8rem, 3.0vw, 3.0rem);
  line-height: 1.08;
}

.leadership-showcase-quote {
  align-self: end;
  padding-bottom: 1.5rem;
}

.leadership-showcase-quote .leadership-intro-text {
  max-width: 560px;
  color: var(--slate-500);
  font-size: 1.0625rem;
  line-height: 1.8;
}

.leadership-showcase-quote .leadership-divider {
  width: 4rem;
  height: 1px;
  background: var(--gold);
  margin-top: 1.5rem;
}

.leadership-showcase-image {
  width: 100%;
  overflow: hidden;
  background: #ffffff;
}

.leadership-showcase-img {
  width: 100%;
  height: auto;
  object-fit: contain;
  object-position: center top;
}

.leadership-showcase-values {
  padding-top: 2.5rem;
}

.leadership-value-item {
  padding-bottom: 2.25rem;
  margin-bottom: 2.25rem;
  border-bottom: 1px solid rgba(226, 232, 240, 0.75);
}

.leadership-value-item:last-child {
  padding-bottom: 0;
  margin-bottom: 0;
  border-bottom: none;
}

.leadership-value-item .reason-num {
  display: block;
  font-family: 'Courier New', monospace;
  font-size: 0.6875rem;
  font-weight: 700;
  letter-spacing: 0.15em;
  color: var(--gold);
  margin-bottom: 1.25rem;
}

.leadership-value-item .principle-title {
  font-family: 'Playfair Display', Georgia, serif;
  font-size: clamp(1.35rem, 2vw, 1.65rem);
  font-weight: 600;
  color: var(--slate-900);
  line-height: 1.25;
  margin-bottom: 1rem;
}

.leadership-value-item .principle-body {
  color: var(--slate-500);
  line-height: 1.7;
  font-size: 0.9375rem;
  max-width: 560px;
}

@media (max-width: 1023px) {
  .leadership-showcase-quote {
    padding-bottom: 0;
  }

  .leadership-showcase-values {
    padding-top: 0;
  }
}

@media (max-width: 767px) {
  .leadership-showcase {
    gap: 2.25rem;
    margin-bottom: 4rem;
  }

  .leadership-showcase-heading .section-heading {
    font-size: clamp(2.25rem, 12vw, 3.25rem);
  }

  .leadership-value-item {
    padding-bottom: 1.75rem;
    margin-bottom: 1.75rem;
  }
}