/* Screen recordings are 1440 × 900. Fit their complete landscape frame to the page grid. */
.video-chapter:has(.home-preview-video) .chapter-sticky,
.teaser-scene:has(.home-preview-video,.shop-preview-video) .teaser-sticky{
 display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;gap:clamp(24px,4vw,64px);padding:100px clamp(24px,7.3vw,120px) 110px;
}
.video-chapter:has(.home-preview-video) .video-stage,
.teaser-scene:has(.home-preview-video,.shop-preview-video) .teaser-media{
 position:relative;inset:auto;width:100%;height:auto;aspect-ratio:8/5;transform:none;grid-column:2;grid-row:1;align-self:center;min-width:0;will-change:auto;
}
.video-chapter:has(.home-preview-video) .chapter-copy,
.teaser-scene:has(.home-preview-video,.shop-preview-video) .teaser-copy{
 position:relative;inset:auto;width:100%;max-width:none;transform:none;grid-column:1;grid-row:1;min-width:0;
}
.video-chapter--opposite:has(.home-preview-video) .video-stage,
.teaser-scene--reverse:has(.home-preview-video,.shop-preview-video) .teaser-media{grid-column:1}
.video-chapter--opposite:has(.home-preview-video) .chapter-copy,
.teaser-scene--reverse:has(.home-preview-video,.shop-preview-video) .teaser-copy{grid-column:2}
.teaser-scene:has(.home-preview-video,.shop-preview-video) .teaser-copy .display{font-size:clamp(2.9rem,6vw,7.5rem)}
.video-stage .home-preview-video,.teaser-media :is(.home-preview-video,.shop-preview-video){display:block;width:100%;height:100%;object-fit:contain}
@media(max-width:700px){
 .video-chapter:has(.home-preview-video),.teaser-scene:has(.home-preview-video,.shop-preview-video){height:auto;min-height:0}
 .video-chapter:has(.home-preview-video) .chapter-sticky,
 .teaser-scene:has(.home-preview-video,.shop-preview-video) .teaser-sticky{
  position:relative;height:auto;min-height:0;grid-template-columns:minmax(0,1fr);gap:28px;padding:96px 24px 116px;overflow:visible;
 }
 .video-chapter:has(.home-preview-video) .video-stage,
 .teaser-scene:has(.home-preview-video,.shop-preview-video) .teaser-media{grid-column:1;grid-row:1;inset:auto;width:100%;height:auto;border-radius:17px}
 .video-chapter:has(.home-preview-video) .chapter-copy,
 .teaser-scene:has(.home-preview-video,.shop-preview-video) .teaser-copy{
  grid-column:1;grid-row:2;inset:auto;width:100%;transform:none;text-align:left;display:block;align-items:initial;
 }
 .teaser-scene:has(.home-preview-video,.shop-preview-video) .teaser-bottom{left:24px;right:24px;bottom:80px}
 .teaser-scene:has(.home-preview-video,.shop-preview-video) .teaser-copy .display{font-size:clamp(2.6rem,9.5vw,4.2rem)}
 .video-chapter:has(.home-preview-video) .chapter-copy .display{font-size:clamp(2.6rem,9.5vw,4.2rem)}
}

/* Fit preview chapters to their content instead of reserving long sticky scroll tracks. */
.video-chapter:has(.home-preview-video),
.teaser-scene:has(.home-preview-video,.shop-preview-video){height:auto;min-height:0}
.video-chapter:has(.home-preview-video) .chapter-sticky,
.teaser-scene:has(.home-preview-video,.shop-preview-video) .teaser-sticky{
 position:relative;height:auto;min-height:0;padding-top:96px;padding-bottom:88px;
}
.teaser-scene:has(.home-preview-video,.shop-preview-video) .teaser-bottom{bottom:24px}
.coming-soon .teaser-premiere{min-height:0;padding:64px 24px 72px}
@media(max-width:700px){
 .video-chapter:has(.home-preview-video) .chapter-sticky,
 .teaser-scene:has(.home-preview-video,.shop-preview-video) .teaser-sticky{padding-top:80px;padding-bottom:80px;gap:22px}
 .teaser-scene:has(.home-preview-video,.shop-preview-video) .teaser-bottom{bottom:24px}
 .coming-soon .teaser-premiere{padding-top:48px;padding-bottom:56px}
}