/**
 * Block: about-story (patterns/about-story.php) — founder spotlight
 */

.tidal-wave-about-story.tidal-wave-wave-section,
.tidal-wave-founder.tidal-wave-wave-section {
  --tidal-wave-wave-panel-bg: var(--wp--preset--color--surface-soft);
}

.tidal-wave-founder__columns {
  align-items: center;
}

.tidal-wave-founder__portrait,
.wp-block-image.tidal-wave-founder__portrait {
  margin: 0;
  overflow: visible;
}

.tidal-wave-founder__portrait img,
.wp-block-image.tidal-wave-founder__portrait img,
.tidal-wave-founder__portrait .tidal-wave-media-placeholder {
  display: block;
  width: min(100%, 26rem);
  height: auto;
  max-height: none;
  margin-inline: auto;
  object-fit: contain;
  border-radius: clamp(14px, 2vw, 24px);
  box-shadow: var(--wp--custom--shadow--card);
}

.tidal-wave-founder__name {
  display: grid;
  gap: 0.25rem;
  margin: 0 0 var(--wp--preset--spacing--sm);
  font-size: clamp(1.75rem, 3vw, 2.25rem);
  line-height: 1.1;
}

.tidal-wave-founder__name-primary {
  color: var(--wp--preset--color--primary);
  font-weight: 800;
}

.tidal-wave-founder__name-role {
  color: var(--wp--preset--color--accent);
  font-size: clamp(1rem, 2vw, 1.25rem);
  font-weight: 700;
}

@media (max-width: 781px) {
  .tidal-wave-founder__columns {
    flex-direction: column;
  }

  .tidal-wave-founder__portrait img,
  .wp-block-image.tidal-wave-founder__portrait img,
  .tidal-wave-founder__portrait .tidal-wave-media-placeholder {
    width: min(100%, 22rem);
  }
}