.film-header-image{--film-header-height: clamp(300px, 46vh, 480px);--film-header-below: .416;--film-header-photo-below: 0;--film-header-fade-above: .4;--film-header-hole-clear: .1;--film-header-fade-blur-1: 2px;--film-header-fade-blur-2: 4px;--film-header-fade-blur-3: 6px;--film-header-zoom: 1;--film-header-frame: calc(var(--film-header-height) * (1 + var(--film-header-below)));--film-header-fade-start: calc( 100% * (1 - var(--film-header-fade-above)) / (1 + var(--film-header-below)) );position:relative;isolation:isolate;margin:0 0 28px;height:var(--film-header-frame);aspect-ratio:auto;overflow:hidden}.film-header-fade{position:absolute;inset:0;background:var(--line);-webkit-mask-image:var(--film-header-mask);mask-image:var(--film-header-mask)}.film-header-stage,.film-header-reveal{position:absolute;inset:0}.film-header-reveal{bottom:calc(100% * (var(--film-header-below) - var(--film-header-photo-below)) / (1 + var(--film-header-below)))}.film-header-reveal{opacity:0}.film-header-image[data-loaded] .film-header-reveal{animation:film-header-enter 1s cubic-bezier(.22,1,.36,1) both}@keyframes film-header-enter{0%{opacity:0;transform:scale(1.01)}to{opacity:1;transform:none}}.film-header-photo{position:absolute;top:calc(100% * (1 - var(--film-header-zoom)) * var(--film-header-shift-y, .5));left:calc(100% * var(--film-header-shift-x, .5));height:calc(100% * var(--film-header-zoom));transform:translate(calc(-100% * var(--film-header-shift-x, .5)))}.film-header-photo>img{display:block;height:100%;width:auto;max-width:none}.film-header-image[data-fit=extend] .film-header-photo>img{clip-path:inset(0 calc(100% * var(--film-header-trim)))}.film-header-edge{--step: calc(100% * (1 - var(--film-header-trim) + var(--copy) * var(--film-header-strip)) - 1px);display:none;position:absolute;top:0;width:calc(100% * var(--film-header-strip) + 1px);height:100%;overflow:hidden;pointer-events:none}.film-header-edge>img{--past: calc(-100% * var(--film-header-trim) / var(--film-header-strip));position:absolute;top:0;height:100%;width:auto;max-width:none}.film-header-edge[data-side=left]{right:var(--step)}.film-header-edge[data-side=left]>img{left:var(--past)}.film-header-edge[data-side=right]{left:var(--step)}.film-header-edge[data-side=right]>img{right:var(--past)}.film-header-edge[data-flip]{transform:scaleX(-1)}.film-header-blur{display:none;position:absolute;inset:0;pointer-events:none}.film-header-blur>span{--clear: calc(var(--film-header-blur-start) * (1 - var(--layer) / 4) * 1%);--opaque: calc(var(--film-header-blur-start) * (1 - (var(--layer) + 1) / 4) * 1%);position:absolute;inset:0;-webkit-backdrop-filter:blur(var(--blur));backdrop-filter:blur(var(--blur));-webkit-mask-image:linear-gradient(to right,#000 var(--opaque),transparent var(--clear),transparent calc(100% - var(--clear)),#000 calc(100% - var(--opaque)));mask-image:linear-gradient(to right,#000 var(--opaque),transparent var(--clear),transparent calc(100% - var(--clear)),#000 calc(100% - var(--opaque)))}.film-header-blur>span:nth-child(1){--layer: 0;--blur: 2px}.film-header-blur>span:nth-child(2){--layer: 1;--blur: 4px}.film-header-blur>span:nth-child(3){--layer: 2;--blur: 8px}.film-header-blur>span:nth-child(4){--layer: 3;--blur: 12px}.film-header-fade-blur{position:absolute;top:var(--film-header-fade-start);right:0;bottom:0;left:0;pointer-events:none}.film-header-fade-blur>span{position:absolute;inset:0;-webkit-backdrop-filter:blur(var(--blur));backdrop-filter:blur(var(--blur));-webkit-mask-image:linear-gradient(to bottom,transparent calc(100% * var(--layer) / 3),#000 calc(100% * (var(--layer) + 1) / 3));mask-image:linear-gradient(to bottom,transparent calc(100% * var(--layer) / 3),#000 calc(100% * (var(--layer) + 1) / 3))}.film-header-fade-blur>span:nth-child(1){--layer: 0;--blur: var(--film-header-fade-blur-1)}.film-header-fade-blur>span:nth-child(2){--layer: 1;--blur: var(--film-header-fade-blur-2)}.film-header-fade-blur>span:nth-child(3){--layer: 2;--blur: var(--film-header-fade-blur-3)}.film-header-debug{--debug-fade: calc(100% - var(--film-header-fade-start));position:absolute;inset:0;pointer-events:none;background:linear-gradient(red,red) 0 var(--film-header-fade-start) / 100% 2px no-repeat,linear-gradient(#0ff,#0ff) 0 calc(var(--film-header-fade-start) + var(--debug-fade) / 3) / 100% 2px no-repeat,linear-gradient(#0ff,#0ff) 0 calc(var(--film-header-fade-start) + var(--debug-fade) * 2 / 3) / 100% 2px no-repeat}.film-header-debug-panel{position:fixed;right:16px;bottom:16px;z-index:1000;display:grid;gap:8px;width:300px;max-height:calc(100vh - 32px);overflow:auto;padding:12px;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--text);font-size:12px;box-shadow:0 8px 32px #0000002e}.film-header-debug-bar,.film-header-debug-actions{display:flex;align-items:center;justify-content:space-between;gap:8px}.film-header-debug-row{display:grid;grid-template-columns:1fr auto;gap:2px 8px}.film-header-debug-row>output{font-variant-numeric:tabular-nums}.film-header-debug-row>input{grid-column:1 / -1;width:100%}.film-header-image[data-fit=extend] .film-header-blur,.film-header-image[data-fit=extend] .film-header-edge{display:block}@media(max-width:767px),(max-height:500px){.film-header-image{--film-header-height: clamp(168px, 32vh, 248px)}}@supports (animation-timeline: scroll()){@media(min-width:1025px)and (prefers-reduced-motion:no-preference){.film-header-stage{animation:film-header-parallax linear both;animation-timeline:scroll(root);animation-range:0 var(--film-header-frame)}}}@keyframes film-header-parallax{to{transform:translateY(100%)}}@media(prefers-reduced-motion:reduce){.film-header-image[data-loaded] .film-header-reveal{animation:none;opacity:1}}.film-poster-gallery{margin:32px 0}.film-poster-gallery .field{max-width:240px}.film-poster-images{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(150px,100%),1fr));gap:20px}.film-poster-images figure{margin:0;max-width:240px}.film-poster-images img{width:100%;aspect-ratio:2 / 3;object-fit:contain;background:var(--line);display:block}.film-poster-images figcaption{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.film-image-editor{margin:24px 0;min-width:0}.film-image-row{border:1px solid var(--line);padding:16px;margin-bottom:16px;min-width:0}.film-image-row .image-preview{width:90px;height:135px;object-fit:contain;margin-bottom:12px}.film-image-editor .header-preview{width:100%;max-height:200px;object-fit:contain;margin-bottom:16px}.header-focus-picker{position:relative;display:block;width:100%;margin:12px 0;padding:0;border:0;background:var(--line);cursor:crosshair}.header-focus-picker:disabled{cursor:default}.header-focus-picker>img{display:block;width:100%;height:auto}.header-focus-mark{position:absolute;width:18px;height:18px;margin:-9px 0 0 -9px;border:2px solid #fff;border-radius:50%;box-shadow:0 0 0 1px #0009;pointer-events:none}.header-focus-mark[data-kind=current]{background:var(--accent)}.header-focus-axes,.header-focus-actions{display:flex;flex-wrap:wrap;gap:12px}.header-focus-previews{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,1.4fr);gap:12px;align-items:start;margin:12px 0 16px}.header-focus-preview .film-header-image{height:auto;margin:6px 0 0}.header-focus-preview[data-device=desktop] .film-header-image{aspect-ratio:1440 / calc(414 * (1 + var(--film-header-below)))}.header-focus-preview[data-device=phone] .film-header-image{aspect-ratio:390 / calc(248 * (1 + var(--film-header-below)))}.header-focus-preview .film-header-stage{animation:none}@media(max-width:600px){.film-header-image{margin-bottom:20px}.film-poster-gallery .section-heading{align-items:flex-start;flex-wrap:wrap}}