.pv-frame {
  height: auto;
  aspect-ratio: 16 / 9;
}
.pv-bg {
  background: linear-gradient(0deg, rgba(3, 0, 10, .85), transparent 45%), url('./assets/video/city-lights-official-pv-poster-20260929.jpg') center / cover;
}
.pv-frame .scanlines { display: none; }
.pv-frame strong { font-size: clamp(24px, 4vw, 56px); }
.pv-label { padding: 8px 10px; background: rgba(3, 0, 10, .65); }
.pv-modal { padding: 60px 16px 24px; }
.pv-modal .modal-screen {
  width: min(1200px, 100%, calc((100dvh - 100px) * 16 / 9));
  background: #000;
  overflow: visible;
}
.pv-modal .modal-screen::after { display: none; }
#officialPV { display: block; width: 100%; height: 100%; object-fit: contain; background: #000; }
.pv-error { margin: 10px 0 0; font-size: 13px; color: #fff; }
.pv-error a { color: var(--cyan); }
.modal-close { min-width: 44px; min-height: 44px; top: 10px; right: 16px; }
@media (max-width: 600px) {
  .pv-play { width: 54px; font-size: 16px; }
  .pv-label { top: 12px; left: 12px; font-size: 7px; letter-spacing: .12em; }
  .pv-frame strong { left: 14px; bottom: 36px; font-size: 22px; }
  .pv-frame small { left: 14px; bottom: 14px; font-size: 9px; letter-spacing: .06em; }
}