/* VALUE cards only: alternating desktop photos and full-bleed square mobile photos. */
body.service-film-page.top-editorial .value-design-match[aria-labelledby="movie-value-title"] .movie-features__header {
  border-bottom: 0;
}

body.service-film-page.top-editorial .value-design-match[aria-labelledby="movie-value-title"]:not(.is-audio-playing) .movie-features__list > li:not(.is-narrating) {
  grid-template-columns: minmax(320px, 43%) minmax(0, 1fr);
  align-items: stretch;
  gap: 0;
  padding: 0;
  border: 0;
}

body.service-film-page.top-editorial .value-design-match[aria-labelledby="movie-value-title"]:not(.is-audio-playing) .movie-features__list > li:not(.is-narrating) > .value-feature__images {
  align-self: stretch;
  height: auto;
  min-height: 0;
  margin: 0;
  aspect-ratio: auto;
}

@media (min-width: 821px) {
  /* A continuous white surface; only the section heading keeps its inset. */
  body.service-film-page.top-editorial .value-design-match[aria-labelledby="movie-value-title"]:not(.is-audio-playing) {
    padding-inline: 0;
    background: #fff;
  }

  body.service-film-page.top-editorial .value-design-match[aria-labelledby="movie-value-title"]:not(.is-audio-playing) > .movie-features__inner {
    width: 100%;
    max-width: none;
    margin-inline: 0;
  }

  body.service-film-page.top-editorial .value-design-match[aria-labelledby="movie-value-title"]:not(.is-audio-playing) .movie-features__header {
    width: min(88.9%, 1280px);
    margin-inline: auto;
  }

  body.service-film-page.top-editorial .value-design-match[aria-labelledby="movie-value-title"]:not(.is-audio-playing) .movie-features__list {
    gap: 0;
  }

  body.service-film-page.top-editorial .value-design-match[aria-labelledby="movie-value-title"]:not(.is-audio-playing) .movie-features__list > li:not(.is-narrating) > .value-feature__images {
    min-height: 100vh;
    min-height: 100svh;
  }

  body.service-film-page.top-editorial .value-design-match[aria-labelledby="movie-value-title"]:not(.is-audio-playing) .movie-features__list > li:not(.is-narrating) {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    box-shadow: none;
  }

  /* Center the text block within its half, while keeping the copy left-aligned. */
  body.service-film-page.top-editorial .value-design-match[aria-labelledby="movie-value-title"]:not(.is-audio-playing) .movie-features__list > li:not(.is-narrating) > .value-feature__content {
    box-sizing: border-box;
    width: min(100%, 760px);
    min-width: 0;
    margin-inline: auto;
  }

  body.service-film-page.top-editorial .value-design-match[aria-labelledby="movie-value-title"]:not(.is-audio-playing) .movie-features__list > li:nth-child(even):not(.is-narrating) > .value-feature__images {
    grid-column: 2;
    grid-row: 1;
  }

  body.service-film-page.top-editorial .value-design-match[aria-labelledby="movie-value-title"]:not(.is-audio-playing) .movie-features__list > li:nth-child(even):not(.is-narrating) > .value-feature__content {
    grid-column: 1;
    grid-row: 1;
  }
}

@media (max-width: 820px) {
  body.service-film-page.top-editorial .value-design-match[aria-labelledby="movie-value-title"]:not(.is-audio-playing) {
    padding-inline: 0;
    background: #fff;
  }

  body.service-film-page.top-editorial .value-design-match[aria-labelledby="movie-value-title"]:not(.is-audio-playing) > .movie-features__inner {
    width: 100%;
    max-width: none;
    margin-inline: 0;
  }

  body.service-film-page.top-editorial .value-design-match[aria-labelledby="movie-value-title"]:not(.is-audio-playing) .movie-features__header {
    width: calc(100% - 40px);
    margin-inline: auto;
    margin-bottom: 32px;
    padding-bottom: 0;
  }

  body.service-film-page.top-editorial .value-design-match[aria-labelledby="movie-value-title"]:not(.is-audio-playing) .movie-features__list > li:not(.is-narrating) {
    grid-template-columns: minmax(0, 1fr);
    min-height: 0;
    box-shadow: none;
  }

  body.service-film-page.top-editorial .value-design-match[aria-labelledby="movie-value-title"]:not(.is-audio-playing) .movie-features__list > li:not(.is-narrating) > .value-feature__images {
    aspect-ratio: 1 / 1;
  }
}