/* Prompt 3: page-scoped video presentation. No video or audio assets are altered. */
.music-videos-audit-page {
  background:
    radial-gradient(circle at 84% 14%, rgba(142, 7, 24, .14), transparent 34rem),
    var(--ink);
}

.music-videos-audit-page main {
  background-image:
    linear-gradient(90deg, transparent 0 72%, rgba(223, 16, 39, .025)),
    radial-gradient(circle at 78% 46%, rgba(223, 16, 39, .045), transparent 28rem);
}

.music-videos-audit-page .media-feature {
  border-color: rgba(255, 254, 250, .25);
  box-shadow: 0 1.4rem 4rem rgba(0, 0, 0, .34), 0 0 2.8rem rgba(142, 7, 24, .07);
  position: relative;
}

.music-videos-audit-page .media-feature::before {
  background: linear-gradient(90deg, var(--acid), transparent 72%);
  content: "";
  height: 2px;
  inset: 0 0 auto;
  pointer-events: none;
  position: absolute;
  z-index: 10;
}

.music-videos-audit-page .media-video-frame {
  isolation: isolate;
  overflow: hidden;
}

.music-videos-audit-page .media-video-frame video {
  aspect-ratio: 16 / 9;
  object-fit: contain;
}

.music-videos-audit-page .media-feature-copy {
  background:
    linear-gradient(145deg, rgba(23, 23, 23, .98), rgba(8, 8, 8, .98) 64%, rgba(33, 4, 9, .98)),
    url('../img/trebledeff-site-artwork.png') center / 82% auto no-repeat;
  isolation: isolate;
  position: relative;
}

.music-videos-audit-page .media-feature-copy::after {
  background: url('../img/trebledeff-site-artwork.png') center / min(78%, 19rem) auto no-repeat;
  content: "";
  filter: grayscale(1) contrast(1.25);
  inset: 0;
  mix-blend-mode: screen;
  opacity: .055;
  pointer-events: none;
  position: absolute;
  z-index: -1;
}

.music-videos-audit-page .deface-video-section {
  background: linear-gradient(180deg, transparent, rgba(142, 7, 24, .08));
}

.music-videos-audit-page .media-feature--deface .media-feature-copy h2 {
  max-width: 100%;
}

.music-videos-audit-page .runtime-video-idle-play {
  backdrop-filter: blur(.45rem);
}

@media (max-width: 41.99rem) {
  .music-videos-audit-page .media-feature { box-shadow: 0 .9rem 2.2rem rgba(0, 0, 0, .35); }
  .music-videos-audit-page .media-feature-copy { padding: 1.25rem; }
  .music-videos-audit-page .media-video-frame video { min-height: 0; }
}

@media (prefers-reduced-motion: reduce) {
  .music-videos-audit-page .media-feature { scroll-behavior: auto; }
}