/* Fancy feature: fixed media column so images stay uniform and text wraps before the image */
@media (min-width: 1024px) {
  .fancy-feature:not(.fancy-feature--big-media) .fancy-feature__text {
    flex: 1 1 0%;
    min-width: 0;
  }
  .fancy-feature:not(.fancy-feature--big-media) .fancy-feature__media {
    flex: 0 0 50%;
    max-width: 50%;
  }
}
@media (min-width: 1280px) {
  .fancy-feature:not(.fancy-feature--big-media) .fancy-feature__media {
    flex-basis: 42.857%;
    max-width: 42.857%;
  }
}

/* Long pasted strings can still wrap */
.fancy-feature__text h2,
.fancy-feature__text h3,
.fancy-feature__text .prose {
  overflow-wrap: break-word;
}

/* Uniform crop regardless of the source photo */
.fancy-feature:not(.fancy-feature--big-media) .fancy-feature__media img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 3 / 2;
  object-fit: cover;
}