/* Video renderer only. The six chapters and 65/35 grid are unchanged. */
.story-film{display:none}
html:not(.static) .visual{top:calc(50svh - 10vw);padding:0}
html:not(.static) .visual-origin{height:auto;aspect-ratio:16/9}
html:not(.static) .object{width:100%;height:auto;aspect-ratio:16/9;transform-origin:center}
html:not(.static) .story-film{display:block;position:absolute;inset:0;
  mask-image:linear-gradient(to right,transparent,#000 4%,#000 96%,transparent),linear-gradient(to bottom,transparent,#000 5%,#000 95%,transparent);mask-composite:intersect}
.story-film img,.story-film video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;display:block}
.story-video{opacity:0}
.story-video-ready .story-video{opacity:1}
.story-video-ready .story-poster{visibility:hidden}
/* No film crop: retain its complete composition and source marks. */
.finale-logo{display:none}
.ending #bread-target{width:min(800px,88vw);height:auto;aspect-ratio:16/9}
.final-signature a{min-height:44px}
html:not(.static) .final-signature{visibility:hidden}
html:not(.static) .final-signature.is-visible{visibility:visible}
.static .ending #bread-target{aspect-ratio:auto}
@media(max-width:700px){
  html:not(.static) .visual{top:0;height:var(--visual-height,220px);padding:0}
  html:not(.static) .visual-origin{height:100%;aspect-ratio:auto}
  html:not(.static) .object{width:min(100%,calc(var(--visual-height,220px) * 16 / 9));height:auto}
  html:not(.static) .chapter{scroll-margin-top:calc(var(--visual-height,220px) + 24px)}
  html:not(.static) .chapter>div{top:calc(var(--visual-height,220px) + 24px)}
  html:not(.static) .conclusion-copy,html:not(.static) .chapter .ending{top:auto}
  .ending #bread-target{width:94vw;height:auto;max-height:40svh}
}
@media(max-height:500px) and (min-width:701px){
  .story-header{min-height:64px;padding-top:8px;padding-bottom:8px}
  .finale-stage{padding:68px 0 16px}
  .ending #bread-target{width:min(600px,56vh * 16 / 9)}
  .final-signature p{font-size:24px;margin:8px 0 12px}
}