/* Video frames follow the source aspect ratio; the opening showcase stays unchanged. */
.slide-media > .video-cover-hold, .archive-media > .video-cover-hold { position: absolute; inset: 0; z-index: 1; display: block; width: 100%; height: 100%; object-fit: contain; background: #05070a; pointer-events: none; transform: none !important; }
.video-cover-hold[hidden] { display: none !important; }
.archive-media > .video-cover-hold { object-fit: cover; }
.pv-block { width: min(1760px, calc(100% - 48px)); }
.pv-block .showcase-slide { grid-template-columns: minmax(0, 1fr) minmax(240px, .28fr); min-height: 0; align-items: center; }
.pv-block .slide-media,
.detail-hero.video-detail .detail-media {
  width: min(100%, calc(78svh * var(--media-proportion, 1.777778)));
  height: auto;
  min-height: 0;
  aspect-ratio: var(--media-ratio, 16 / 9);
  justify-self: center;
  align-self: center;
  background: #05070a;
}
.pv-block .slide-media > video,
.pv-block .slide-media > img,
.detail-hero.video-detail .detail-media > video {
  position: absolute; inset: 0; display: block; width: 100%; height: 100%; object-fit: contain;
}
.pv-block .slide-media:hover > video,
.pv-block .slide-media:hover > img { transform: none; }
.detail-hero.video-detail { width: min(1760px, calc(100% - 48px)); grid-template-columns: minmax(260px, .42fr) minmax(0, 1fr); align-items: center; }
.detail-hero.video-detail .detail-copy { min-width: 0; }
.work-index { padding-block: 30px 68px; }
.work-index + .showcase-block { padding-top: 54px; }
.archive-guide { width: min(1540px, 100%); margin-inline: auto; justify-content: center; text-align: center; }
.archive-browse { width: min(1540px, 100%); margin-inline: auto; justify-content: center; text-align: center; }
@media (min-width: 1121px) {
  .topnav { max-width: min(1000px, calc(100vw - 360px)); gap: 3px; padding-inline: 12px; }
  .topnav a { padding-inline: 10px; font-size: .92rem; }
}
@media (max-width: 1120px) {
  .pv-block .showcase-slide, .detail-hero.video-detail { grid-template-columns: 1fr; }
}
@media (max-width: 560px) {
  .pv-block, .detail-hero.video-detail { width: calc(100% - 20px); }
}