@media (max-width: 800px) {
  .ebook-chapter-media {
    padding-right: max(12px, env(safe-area-inset-right));
    padding-left: max(12px, env(safe-area-inset-left));
  }

  .ebook-chapter-mobile-backdrop {
    background:
      linear-gradient(rgba(18, 11, 7, .28), rgba(18, 11, 7, .74)),
      url("/assets/ebook-hero-poster-mobile.jpg") center / cover no-repeat;
    filter: blur(30px) brightness(.5) saturate(.78);
    transform: scale(1.14);
    opacity: .82;
  }

  .ebook-chapter .ebook-film-video {
    width: 100%;
    height: auto;
    max-width: none;
    max-height: none;
    aspect-ratio: 4 / 5;
    object-fit: cover;
    object-position: 38% 50%;
    margin: 0;
    padding: 0;
    border: 1px solid rgba(211, 176, 116, .16);
    background: #100a07;
    box-shadow:
      0 28px 74px rgba(0, 0, 0, .44),
      0 0 0 1px rgba(255, 255, 255, .025) inset;
  }

  .ebook-film-fallback {
    aspect-ratio: 4 / 5;
  }
}

@media (min-width: 600px) and (max-width: 800px) {
  .ebook-chapter .ebook-film-video,
  .ebook-film-fallback {
    aspect-ratio: 4 / 3;
  }
}