/* Sobre: fachada completa ao lado do texto; avaliações abaixo. */
.story {
  grid-template-columns: minmax(0, 1.08fr) minmax(0, .92fr);
  grid-template-areas: "image copy" "reviews reviews";
}

.story-image {
  grid-area: image;
  width: 100%;
  min-height: 0;
  aspect-ratio: 16 / 9;
  align-self: center;
  overflow: hidden;
  background: #080827;
}

.story-image img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
}

.story-copy {
  grid-area: copy;
  min-width: 0;
}

.review-strip {
  grid-area: reviews;
}

@media (max-width: 1050px) {
  .story {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    grid-template-areas: "image copy" "reviews reviews";
  }
}

@media (max-width: 850px) {
  .story {
    grid-template-columns: minmax(0, 1fr);
    grid-template-areas: "image" "copy" "reviews";
  }

  .story-image {
    aspect-ratio: 16 / 9;
  }

  .story-copy {
    padding: 36px 26px;
  }
}

@media (max-width: 520px) {
  .story-image {
    aspect-ratio: 16 / 9;
  }

  .story-copy {
    padding: 30px 22px;
  }
}