/* Only the local film comparison uses these rules; the saved site is unchanged. */
.film-preview .homepage-film{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}
.film-preview .story-cinema .intro-shade{background:linear-gradient(180deg,#16161688 0%,#16161608 30%,#16161610 65%,#161616bb 100%),linear-gradient(90deg,#16161685 0%,#16161645 45%,#16161608 100%)}
.film-preview.story-scrolled .story-cinema .intro-shade{background:linear-gradient(180deg,#16161688,#16161650 35%,#161616c0 100%),linear-gradient(90deg,#16161670,#16161665)}
.film-preview .film-bottom{gap:28px}
.film-preview .film-controls{display:flex;flex-direction:column;align-items:flex-start;gap:10px}
.film-preview .film-controls .intro-caption{max-width:none;font-size:11px;line-height:1.5;opacity:.8}
.film-preview .film-actions{display:flex;align-items:center;gap:22px;flex-wrap:wrap}
.film-preview .film-toggle,.film-preview .film-compare{appearance:none;border:0;padding:5px 0;background:transparent;color:#fffaf0;font:inherit;font-size:13px;cursor:pointer;display:inline-flex;gap:9px;align-items:center;min-height:34px;line-height:1.35;text-decoration:none}
.film-preview .film-compare{color:#e0ceaf;border-bottom:1px solid #e0ceaf60}
.film-preview .film-toggle:hover,.film-preview .film-compare:hover{color:#fff}
.film-preview .film-toggle:focus-visible,.film-preview .film-compare:focus-visible{outline:2px solid #d9c5a3;outline-offset:5px}
.film-preview [data-film-progress]{transform-origin:left;transform:scaleX(0)}
@media(max-width:1100px) and (min-width:761px){.film-preview .film-actions{gap:16px}.film-preview .story-cinema .intro-project strong{font-size:24px}}
@media(max-width:760px){
 .home-page.film-preview .story-cinema .intro-photos{top:145px;inset-inline:0;height:auto;aspect-ratio:16/9}
 .film-preview .homepage-film{object-fit:contain}
 .home-page.film-preview .story-cinema .intro-shade{background:linear-gradient(180deg,#18181840 0%,transparent 22%,transparent 40%,#181818d9 59%,#181818 72%)}
 .home-page.film-preview.story-scrolled .story-cinema .intro-shade{background:linear-gradient(180deg,#18181866,#181818b8 40%,#181818ed 65%,#181818 80%)}
 .home-page.film-preview .story-cinema .film-bottom{grid-template-columns:1fr;gap:4px;height:145px;top:calc(100svh - 145px);margin-top:calc(100svh - 145px);padding-block:12px}
 .home-page.film-preview .story-cinema .intro-project strong{font-size:20px}
 .home-page.film-preview .film-controls{display:flex;gap:4px}
 .home-page.film-preview .film-actions{justify-content:space-between;width:100%}
 .home-page.film-preview .story-cinema .intro-caption{font-size:10px}
 .home-page.film-preview .film-toggle,.home-page.film-preview .film-compare{min-height:36px;font-size:12px}
 .home-page.film-preview .story-opening{padding-bottom:174px}
}

/* Keep the sticky film on its own paint layer; show the poster while decoding. */
.home-page.film-preview .story-cinema .intro-photos{background:url("/filmvorschau/poster-15.jpg") center/cover no-repeat}
.home-page.film-preview .homepage-film{transform:translateZ(0);backface-visibility:hidden}
.home-page.film-preview.story-scrolled .story-cinema .intro-shade{background:linear-gradient(180deg,#16161660 0%,#1616164d 35%,#1616164d 70%,#161616ad 100%)}
.home-page.film-preview .story-signature,.home-page.film-preview .story-company{text-shadow:0 1px 5px #16161680}
@media(max-width:760px){.home-page.film-preview .story-cinema .intro-photos{background-size:contain}}
@media(max-width:760px){.home-page.film-preview.story-scrolled .story-cinema .intro-shade{background:linear-gradient(180deg,#18181830 0%,#18181815 28%,#18181830 43%,#181818c0 65%,#181818 80%)}}