.leader-chip {
  display: inline-flex;
  align-items: center;
  min-height: 28px;
  padding: 0.22rem 0.58rem;
  border-radius: 999px;
  border: 1.5px solid var(--gold-primary);
  background: rgba(216,181,106,0.09);
  color: var(--gold-primary);
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  margin-right: 0.18rem;
  margin-bottom: 0.18rem;
  transition: background var(--motion-ui), color var(--motion-ui), border-color var(--motion-ui);
}
.leader-chip--country { border-color: var(--gold-primary); }
.leader-chip--industry { border-color: rgba(212,175,55,0.45); color: #d4af37; background: rgba(212,175,55,0.06); }
.leader-chip--domain { border-color: rgba(212,175,55,0.45); color: #d4af37; background: rgba(212,175,55,0.06); }

.leader-card__cta-row {
  margin-top: 1.1rem;
  display: flex;
  justify-content: flex-end;
}
.leader-card__cta {
  font-size: 0.98rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  border-radius: 999px;
  border: 1.5px solid var(--gold-primary);
  color: var(--gold-primary);
  background: transparent;
  padding: 0.5em 1.3em;
  transition: background var(--motion-ui), color var(--motion-ui), border-color var(--motion-ui), transform var(--motion-ui);
  cursor: pointer;
}
.bif-card:hover .leader-card__cta {
  background: var(--gold-primary);
  color: #050608;
  border-color: var(--gold-primary);
}
:root {
  --card-radius: var(--radius-lg);
  --card-padding: clamp(1rem, 1.6vw, 1.35rem);
  --card-gap: clamp(0.55rem, 0.9vw, 0.9rem);
  --card-media-ratio: 16 / 10;
  --card-media-ratio-tall: 4 / 5;
  --card-hover-lift: -6px;
  --card-transition: 320ms var(--ease-cinematic);
}

.card,
.story-card,
.bif-card,
.leader-card,
.podcast-card,
.mentor-card,
.feature-card,
.impact-sector-card,
.impact-country-card,
.impact-story-card,
.podcast-episode-card,
.podcast-clip-card,
.podcast-guest-card,
.interview-card,
.map-preview-card,
.map-domain-card {
  display: flex;
  flex-direction: column;
  min-width: 0;
  height: 100%;
  border-radius: var(--card-radius);
  border: 1px solid var(--border-soft);
  background: linear-gradient(165deg, rgba(16, 18, 22, 0.96), rgba(12, 14, 17, 0.92));
  box-shadow: var(--shadow-soft);
  overflow: hidden;
  transition: transform var(--card-transition), box-shadow var(--card-transition), border-color var(--card-transition), background var(--card-transition);
}

.card:hover,
.story-card:hover,
.bif-card:hover,
.leader-card:hover,
.podcast-card:hover,
.mentor-card:hover,
.feature-card:hover,
.impact-sector-card:hover,
.impact-country-card:hover,
.impact-story-card:hover,
.podcast-episode-card:hover,
.podcast-clip-card:hover,
.podcast-guest-card:hover,
.interview-card:hover,
.map-preview-card:hover,
.map-domain-card:hover {
  transform: translateY(var(--card-hover-lift));
  border-color: rgba(216, 181, 106, 0.34);
  box-shadow: var(--shadow-lg);
}

.story-card,
.interview-card,
.map-preview-card,
.map-domain-card,
.podcast-episode-card,
.podcast-clip-card,
.podcast-guest-card,
.impact-sector-card,
.impact-country-card,
.impact-story-card {
  padding: var(--card-padding);
  gap: var(--card-gap);
}

.bif-card {
  padding: 0;
}

.bif-card__link-shell {
  display: flex;
  flex-direction: column;
  min-height: 100%;
  color: inherit;
}

.bif-card__media,
.podcast-player-art,
.podcast-guest-card__media,
.about-voice-image,
.trust-advisor-image,
.podcast-media-embed {
  position: relative;
  overflow: hidden;
  background: #050608;
  aspect-ratio: var(--card-media-ratio);
}

.bif-card__media::before,
.podcast-player-art::before,
.podcast-guest-card__media::before {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(circle at top, rgba(255, 255, 255, 0.14), transparent 42%);
  pointer-events: none;
  opacity: 0.5;
  z-index: 1;
}

.directory-grid .bif-card__media,
.directory-featured__grid .bif-card__media,
.directory-rail__cards .bif-card__media {
  aspect-ratio: 3 / 4;
}

.about-voice-image {
  aspect-ratio: 4 / 5;
}

.bif-card__media img,
.podcast-player-art img,
.podcast-guest-card__media img,
.about-voice-image img,
.trust-advisor-image img,
.dynamic-bg {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center top;
  transition: transform var(--card-transition);
}

.about-voice-image img,
.trust-advisor-image img {
  object-position: center top;
}
.bif-card__media-fallback {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.bif-card__media::after,
.podcast-player-art::after,
.podcast-guest-card__media::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(5, 6, 8, 0.06) 0%, rgba(5, 6, 8, 0.4) 70%, rgba(5, 6, 8, 0.74) 100%);
  pointer-events: none;
}

.about-voice-image::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(5, 6, 8, 0.05) 0%, rgba(5, 6, 8, 0.5) 100%);
  pointer-events: none;
}

.bif-card:hover .bif-card__media img,
.podcast-guest-card:hover .podcast-guest-card__media img,
.podcast-episode-card:hover .dynamic-bg,
.about-voice-card:hover .about-voice-image img,
.trust-advisor-card:hover .trust-advisor-image img,
.podcast-feature-card:hover .podcast-media-embed {
  transform: scale(1.05);
}

.bif-card__content {
  display: flex;
  flex-direction: column;
  gap: var(--card-gap);
  padding: var(--card-padding);
  min-height: 0;
  flex: 1 1 auto;
  position: relative;
}

.story-card > :first-child,
.bif-card__content > :first-child {
  margin-top: 0;
}

.story-card > :last-child,
.bif-card__content > :last-child {
  margin-bottom: 0;
}

.story-card h3,
.bif-card__title,
.podcast-episode-card h3,
.impact-story-card h3,
.interview-card h3 {
  font-family: var(--font-display);
  font-size: clamp(1.3rem, 1.55vw, 1.9rem);
  line-height: 1.08;
  letter-spacing: -0.02em;
  margin: 0;
  color: var(--text-primary);
}

.story-card p,
.bif-card__summary,
.podcast-card-subtitle,
.impact-story-card p,
.interview-card p {
  margin: 0;
  color: var(--text-secondary);
  line-height: 1.58;
}

.kicker,
.story-card .kicker,
.bif-card .kicker {
  margin: 0;
  letter-spacing: 0.16em;
}

.card-meta,
.leader-card__footer,
.podcast-meta-row,
.interview-meta,
.podcast-player-meta,
.impact-story-domain,
.podcast-clip-tag {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.45rem;
  margin-top: auto;
  color: var(--text-muted);
  font-size: var(--text-xs);
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.card-meta > span,
.leader-card__footer > span,
.podcast-meta-row > span,
.interview-meta > span,
.podcast-player-meta > span,
.podcast-player-points > span,
.directory-active-filters > span {
  display: inline-flex;
  align-items: center;
  min-height: 28px;
  padding: 0.22rem 0.58rem;
  border-radius: 999px;
  border: 1px solid var(--border-soft);
  background: rgba(255, 255, 255, 0.04);
}

.leader-card__badges {
  position: absolute;
  top: 0.75rem;
  left: 0.75rem;
  display: flex;
  flex-wrap: wrap;
  gap: 0.4rem;
  z-index: 2;
}

.leader-badge {
  display: inline-flex;
  align-items: center;
  min-height: 24px;
  padding: 0 0.45rem;
  border-radius: 999px;
  font-size: 0.62rem;
  font-weight: 800;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.leader-badge--verified {
  color: #06130a;
  background: linear-gradient(135deg, #7bd995, #56b778);
}

.leader-badge--featured {
  color: #1a1304;
  background: linear-gradient(135deg, var(--gold-primary), var(--gold-strong));
}

.leader-card__title {
  text-wrap: balance;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.leader-card__summary {
  max-width: 46ch;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.leader-card__cta-row {
  margin-top: auto;
  padding-top: 0.9rem;
  border-top: 1px solid rgba(216, 181, 106, 0.12);
}

.directory-grid,
.podcast-episode-grid,
.podcast-guest-grid,
.podcast-clip-grid,
.impact-sector-grid,
.impact-country-grid,
.impact-story-grid,
.interview-grid,
.about-pillars-grid,
.about-system-grid,
.about-track-grid,
.about-voices-grid,
.about-quote-grid,
.trust-pillars-grid,
.trust-advisory-grid,
.trust-partner-grid,
.trust-media-grid,
.trust-sponsor-grid,
.podcast-feature-grid,
.podcast-library-grid,
.podcast-lower-grid,
.grid-engine {
  display: grid;
  gap: clamp(0.9rem, 1.3vw, 1.3rem);
  grid-template-columns: repeat(1, minmax(0, 1fr));
}

@media (min-width: 640px) {
  .directory-grid,
  .podcast-episode-grid,
  .podcast-guest-grid,
  .podcast-clip-grid,
  .impact-sector-grid,
  .impact-country-grid,
  .impact-story-grid,
  .interview-grid,
  .about-pillars-grid,
  .about-system-grid,
  .about-track-grid,
  .about-voices-grid,
  .about-quote-grid,
  .trust-pillars-grid,
  .trust-advisory-grid,
  .trust-partner-grid,
  .trust-media-grid,
  .trust-sponsor-grid,
  .podcast-feature-grid,
  .podcast-library-grid,
  .podcast-lower-grid,
  .grid-engine {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 1024px) {
  .directory-grid,
  .podcast-episode-grid,
  .impact-sector-grid,
  .impact-country-grid,
  .impact-story-grid,
  .interview-grid,
  .about-pillars-grid,
  .about-track-grid,
  .about-voices-grid,
  .trust-pillars-grid,
  .trust-advisory-grid,
  .trust-partner-grid,
  .trust-media-grid,
  .trust-sponsor-grid,
  .grid-engine {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .podcast-guest-grid,
  .podcast-clip-grid,
  .podcast-feature-grid,
  .podcast-library-grid,
  .podcast-lower-grid,
  .about-system-grid,
  .about-quote-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (min-width: 1360px) {
  .directory-grid,
  .interview-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

@media (max-width: 767px) {
  .story-card,
  .interview-card,
  .map-preview-card,
  .map-domain-card,
  .podcast-episode-card,
  .podcast-clip-card,
  .podcast-guest-card,
  .impact-sector-card,
  .impact-country-card,
  .impact-story-card,
  .bif-card__content {
    padding: clamp(0.85rem, 4vw, 1rem);
  }

  .podcast-player-art,
  .podcast-guest-card__media,
  .bif-card__media {
    aspect-ratio: var(--card-media-ratio-tall);
  }

  .directory-grid .bif-card__media,
  .directory-featured__grid .bif-card__media,
  .directory-rail__cards .bif-card__media,
  .about-voice-image {
    aspect-ratio: 4 / 5;
  }
}

@media (hover: none) and (pointer: coarse) {
  .card:hover,
  .story-card:hover,
  .bif-card:hover,
  .leader-card:hover,
  .podcast-card:hover,
  .mentor-card:hover,
  .feature-card:hover,
  .impact-sector-card:hover,
  .impact-country-card:hover,
  .impact-story-card:hover,
  .podcast-episode-card:hover,
  .podcast-clip-card:hover,
  .podcast-guest-card:hover,
  .interview-card:hover,
  .map-preview-card:hover,
  .map-domain-card:hover {
    transform: none;
  }

  .bif-card:hover .bif-card__media img,
  .podcast-guest-card:hover .podcast-guest-card__media img,
  .podcast-episode-card:hover .dynamic-bg,
  .about-voice-card:hover .about-voice-image img,
  .trust-advisor-card:hover .trust-advisor-image img,
  .podcast-feature-card:hover .podcast-media-embed {
    transform: none;
  }
}

/* Mobile-first premium card responsiveness */
:where(
  .directory-grid,
  .podcast-episode-grid,
  .podcast-guest-grid,
  .podcast-clip-grid,
  .impact-sector-grid,
  .impact-country-grid,
  .impact-story-grid,
  .interview-grid,
  .about-pillars-grid,
  .about-system-grid,
  .about-track-grid,
  .about-voices-grid,
  .about-quote-grid,
  .trust-pillars-grid,
  .trust-advisory-grid,
  .trust-partner-grid,
  .trust-media-grid,
  .trust-sponsor-grid,
  .podcast-feature-grid,
  .podcast-library-grid,
  .podcast-lower-grid,
  .grid-engine
) {
  width: 100%;
  min-width: 0;
  align-items: stretch;
}

@media (max-width: 390px) {
  .story-card,
  .interview-card,
  .map-preview-card,
  .map-domain-card,
  .podcast-episode-card,
  .podcast-clip-card,
  .podcast-guest-card,
  .impact-sector-card,
  .impact-country-card,
  .impact-story-card,
  .bif-card__content {
    padding: var(--space-2);
    gap: var(--space-2);
  }

  .card-meta,
  .leader-card__footer,
  .podcast-meta-row {
    gap: var(--space-1);
  }
}

@media (min-width: 768px) {
  .directory-grid,
  .podcast-episode-grid,
  .podcast-guest-grid,
  .podcast-clip-grid,
  .impact-sector-grid,
  .impact-country-grid,
  .impact-story-grid,
  .interview-grid,
  .about-pillars-grid,
  .about-system-grid,
  .about-track-grid,
  .about-voices-grid,
  .about-quote-grid,
  .trust-pillars-grid,
  .trust-advisory-grid,
  .trust-partner-grid,
  .trust-media-grid,
  .trust-sponsor-grid,
  .podcast-feature-grid,
  .podcast-library-grid,
  .podcast-lower-grid,
  .grid-engine {
    gap: var(--space-3);
  }
}

@media (min-width: 1280px) {
  .directory-grid,
  .interview-grid,
  .impact-story-grid,
  .trust-advisory-grid,
  .podcast-library-grid {
    gap: var(--space-4);
  }
}

@media (min-width: 1920px) {
  .directory-grid,
  .interview-grid,
  .impact-story-grid,
  .trust-advisory-grid,
  .podcast-library-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}