/* Keep the original photo labels and reading order. Match the large photo's
 * inset white rule, confined to the small image's 16:10 area (not its caption). */
body.service-film-page .movie-natural-portrait .movie-natural-portrait__detail-photo::before {
  z-index: 2;
  top: 0;
  left: 0;
  width: 100%;
  aspect-ratio: 16 / 10;
  border: 15px solid transparent;
  box-shadow: inset 0 0 0 1px rgb(255 255 255 / 32%);
  pointer-events: none;
  content: "";
}

@media (min-width: 801px) {
  body.service-film-page .movie-natural-portrait .movie-natural-portrait__layout {
    align-items: start;
  }
}

@media (max-width: 800px) {
  body.service-film-page .movie-natural-portrait {
    padding-inline: 28px;
  }

  body.service-film-page .movie-natural-portrait .movie-natural-portrait__inner {
    width: 100%;
    max-width: 600px;
  }
}

@media (max-width: 370px) {
  body.service-film-page .movie-natural-portrait {
    padding-inline: 24px;
  }
}

@media (max-width: 480px) {
  body.service-film-page .movie-natural-portrait .movie-natural-portrait__detail-photo::before {
    border-width: 10px;
  }
}
