/**
 * Two-column image + text pattern — shared by the homepage About
 * section and the About page's Story section.
 */

.media-text {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--space-2xl);
  align-items: center;
}

.media-text__content h2,
.media-text__content h3 {
  margin-block: var(--space-xs) var(--space-sm);
}

.media-text__body {
  color: var(--color-text-muted);
  margin-bottom: var(--space-lg);
}

.media-text__body p + p {
  margin-top: var(--space-sm);
}

.media-text__media img {
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-md);
  width: 100%;
  aspect-ratio: 4 / 3;
  object-fit: cover;
}

@media (max-width: 61.99rem) {
  .media-text {
    grid-template-columns: 1fr;
    gap: var(--space-lg);
  }

  .media-text__media {
    order: -1;
  }
}

/* Responsive 16:9 YouTube embed (About page Story section). */
.video-embed {
  position: relative;
  aspect-ratio: 16 / 9;
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-md);
  overflow: hidden;
  background: var(--color-ink);
}

.video-embed iframe {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: 0;
}