/* The image and page share native colored ink. No framed-print rescue layer. */
:root{transition:none}
.collection-final{--panel-paper:#f7f4ec;--panel-line:#f7f4ec26}
.collection-final::after,.collection-final .scene-paper::before{display:none}
.collection-final .film-notes{text-shadow:none}
.collection-final #film-selector,.collection-final .gallery-footer{color:var(--panel-paper);border-color:var(--panel-line)}
@media(min-width:701px){
 :root{--header-height:76px;--dock-height:60px}
 .collection-final .site-header{position:fixed;inset:0 0 auto;height:var(--header-height)}
 .collection-final #films{height:calc(100svh - var(--dock-height))}
 .collection-final .scene-visual{position:absolute;inset:0;width:100%;margin:0}
 .collection-final .scene-art{object-position:center bottom}
 .collection-final .scene-dock{height:var(--dock-height);min-height:var(--dock-height);gap:24px}
 .collection-final .reading-center{gap:24px}
 .collection-final .reading-caption{width:min(41vw,430px);grid-template-rows:22px 22px}
 .collection-final .reading-film-title{font-size:21px;line-height:22px}
 .collection-final .reading-short-note{font-size:14px;line-height:22px}
 .collection-final .reading-nav{gap:20px}
}
@media(max-width:700px){
 :root{--header-height:60px;--print-label-height:120px;--print-response-height:144px}
 body.collection-final{display:flex;flex-direction:column;min-height:100svh}
 .collection-final .site-header{position:relative;inset:auto;flex:none}
 .collection-final #films{flex:1;min-height:calc(var(--print-label-height) + 100vw * 941 / 1672 + var(--print-response-height));height:auto}
 .collection-final .film-scene .scene-stage{grid-template-rows:var(--print-label-height) auto var(--print-response-height);align-content:center}
 .collection-final .film-response{padding-top:20px;padding-bottom:12px;grid-template-rows:auto 44px;align-content:start;row-gap:6px}
 .collection-final .review-toggle,.collection-final .review-source{align-self:start}
 .collection-final .scene-dock{flex:none;min-height:60px}
 .collection-final .film-label,.collection-final .film-response{width:var(--label-width)}
 .collection-final .scene-art{object-position:center}
}
@media(max-width:360px){
 :root{--header-height:56px;--print-label-height:132px;--print-response-height:144px}
 .collection-final .film-heading h1{font-size:29px}
}
