.story__inner {
  display: flex;
  flex-direction: column;
  gap: 40px;
}

.story__media img {
  width: 100%;
  height: auto;
  aspect-ratio: 4 / 3;
  border-radius: var(--radius);
  object-fit: cover;
}

.story__content {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.story__text { max-width: 36em; }
.story__text strong { font-weight: 600; color: var(--blue); }

.story__footer {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px 32px;
  margin-top: 8px;
}

.story__names {
  font-family: var(--font-serif);
  font-size: 1.25rem;
  color: var(--blue);
}

@media (min-width: 900px) {
  .story__inner {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    align-items: center;
    gap: clamp(48px, 6vw, 112px);
  }
  .story__inner--text {
    display: flex;
    max-width: 52rem;
  }
  .story__content { gap: 24px; }
}