/* Every presentation retains the complete artwork. The scene and its
   projected canvas always share the same uncropped coordinate system. */
.context-scene>.scene-plate,.context-scene>canvas,
.opening-visual .scene-plate,.opening-visual canvas,
.svw-photo>.scene-plate,.svw-photo>canvas{object-fit:contain;object-position:center}
.feature-scene,.np-scene,.dialog-scene,.svw-photo{aspect-ratio:1672/941;max-height:none}
.opening{height:auto;min-height:0;max-height:none;padding-top:50px;background:#090b0f}
.opening-visual{position:relative;inset:auto}
.opening-visual .context-scene{height:auto;aspect-ratio:1672/941}
.opening-shade{background:linear-gradient(transparent 65%,#090b0f)}
.opening-copy{position:relative;inset:auto;margin:-10vw 4vw 0;padding-bottom:35px}
.opening-caption{position:relative;inset:auto;margin:0 4vw;padding:20px 0 26px}
.project-art,.np-card>div{aspect-ratio:3.45}
.project-art img,.np-card img,.sequence-selector img,.ix-library-grid img,.ix-chapters img,.handoff-image img{object-fit:contain;object-position:center}
.project-card:hover .project-art img,.np-card:hover img,.chapter-handoff:hover img{transform:none}
.ix-library-grid img{aspect-ratio:3.33;background:#050912}
.svw-view-switch{position:relative;left:auto;bottom:auto;transform:none;margin:16px auto;width:fit-content;max-width:calc(100% - 24px)}
.svw-program.is-expanded .svw-photo,.svw-program:fullscreen .svw-photo{height:auto;aspect-ratio:1672/941;max-height:calc(100dvh - 260px)}
.svw-topic-tabs button img{object-fit:contain;aspect-ratio:3.33;background:#050912}
.svw-topic-tabs{grid-auto-flow:row;grid-auto-columns:auto;grid-template-columns:repeat(4,minmax(0,1fr));overflow:visible}
.topic-rail-controls .icon-button{display:none}
.svw-topic-tabs button .topic-label{min-height:90px}
.svw-screen{aspect-ratio:var(--svw-aspect,3.333333)}
.svw-program[data-view=detail] .svw-screen{aspect-ratio:var(--svw-detail-aspect,1.85)}
.svw-program[data-view=detail] .svw-screen>img,.svw-program.is-expanded[data-view=detail] .svw-screen>img{width:var(--svw-detail-width,180%);height:100%;object-fit:contain;max-width:none}
.svw-topic-tabs button[aria-pressed=true]:after{top:8px;right:8px;content:'On screen'}
.svw-pages img{object-fit:contain;aspect-ratio:1.9;object-position:left center}
.layer-pair figure:nth-child(2) img{object-fit:contain}
.ix-viewport[data-view=close]{cursor:default}
.ix-viewport[data-view=close] .ix-hotspot{display:none}
@media(max-width:720px){
 .opening{padding-top:55px}.opening-visual{inset:auto}.opening-copy{margin:-2vw 5vw 0;padding-bottom:28px}
 .opening h1{font-size:clamp(72px,18vw,125px)}.opening-caption{margin:0 5vw;padding:17px 0 22px}
 .opening-summary{margin-top:25px}.opening-top{top:19px}
 .feature-scene,.np-scene,.dialog-scene,.svw-photo{aspect-ratio:1672/941}
 .sequence-selector img{aspect-ratio:3.33;object-fit:contain}
 .project-art,.np-card>div{aspect-ratio:3.33}
 .np-card .np-card-number{top:6px;left:6px;width:21px;height:21px;font-size:12px}
 .svw-view-switch{width:calc(100% - 24px);margin:12px auto}
 .svw-program.is-expanded .svw-photo{aspect-ratio:1672/941;height:auto}
 .svw-topic-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}
 .svw-topic-tabs button .topic-label{padding:13px 10px;min-height:100px}
 .svw-topic-tabs button[aria-pressed=true]:after{font-size:12px;padding:3px 7px;top:4px;right:4px}
 .svw-pages{grid-template-columns:repeat(2,minmax(0,1fr))}
}