/* ta-split-story: a picture beside a short story, with optional numbers. */

.ta-story__grid {
  display: grid;
  gap: clamp(24px, 5vw, 72px);
  align-items: center;
}

.ta-story__caption {
  margin-top: 10px;
}

.ta-story__body {
  display: flex;
  flex-direction: column;
  gap: 1.15em;
  max-width: 34em;
}

.ta-story__body .ta-eyebrow {
  margin: 0;
}

.ta-story__signature {
  color: var(--ta-fg);
  font-family: var(--ta-font-h, inherit);
  font-size: 1.15em;
  font-style: italic;
}

.ta-story__stats {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px 28px;
  margin-top: 0.4em;
  padding-top: 1.3em;
  border-top: 1px solid var(--ta-line);
}

.ta-story__stat {
  display: flex;
  flex-direction: column-reverse;
  gap: 2px;
}

.ta-story__body .ta-actions {
  margin-top: 0.4em;
}

@media (min-width: 750px) {
  .ta-story__grid {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  }

  .ta-story--media-right .ta-story__media {
    order: 2;
  }

  .ta-story__stats {
    grid-template-columns: repeat(auto-fit, minmax(110px, 1fr));
  }
}