.film-action{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:15px 22px;border:0;border-radius:12px;background:#BC5E2E;color:#fff;font:700 15px/1.25 Manrope,sans-serif;box-shadow:0 4px 12px #BC5E2E1A}
.film-action:hover{background:#A94E22;color:#fff}
.film-action svg,.film-play svg{width:20px;height:20px;fill:currentColor;flex:none}
.film-action:focus-visible,.film-cover:focus-visible,.film-dialog button:focus-visible,.film-dialog a:focus-visible{outline:3px solid #A94E22;outline-offset:5px}
.film-hero{display:grid;grid-template-columns:1fr 1fr;gap:52px;align-items:center}
.film-hero-copy{min-width:0}
.film-cover{display:block;width:100%;padding:0;border:1px solid #E0D6C8;border-radius:24px;overflow:hidden;background:#FBF7F1;text-align:left;color:#23282F;box-shadow:0 22px 55px -25px #41271035;transition:transform .2s,box-shadow .2s}
.film-cover:hover{transform:translateY(-3px);box-shadow:0 26px 60px -24px #41271045}
.film-preview{display:grid;place-items:center;aspect-ratio:1.35;position:relative;padding:25px;background:radial-gradient(ellipse at 60% 35%,#FFF 0%,#F6F1EA 75%)}
.film-preview img{display:block;width:100%;height:100%;max-height:315px;object-fit:contain;filter:drop-shadow(0 12px 18px #41271012)}
.film-play{position:absolute;right:25px;bottom:25px;width:66px;height:66px;border-radius:50%;display:grid;place-items:center;background:#BC5E2E;color:white;box-shadow:0 7px 20px #823A2033;border:4px solid #FBF7F1}
.film-play svg{width:24px;height:24px;margin-left:3px}
.film-cover-caption{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 23px;border-top:1px solid #ECE3D7;background:#FFF}
.film-cover-caption strong{font:600 19px/1.25 'Space Grotesk',sans-serif;display:block}
.film-cover-caption small{display:block;color:#5A6068;font:500 12px/1.5 Manrope,sans-serif;margin-top:5px}
.film-time{white-space:nowrap;font:700 12px/1 Manrope,sans-serif;color:#A94E22;border:1px solid #ECD9C7;background:#FBF4EC;border-radius:99px;padding:9px 11px}
.film-dialog{padding:0;border:1px solid #E0D6C8;border-radius:22px;width:min(1120px,calc(100vw - 24px));max-height:calc(100dvh - 24px);background:#FBF7F1;color:#23282F;overflow:auto;box-shadow:0 30px 120px #0005}
.film-dialog::backdrop{background:#14171CEB;backdrop-filter:blur(8px)}
.film-dialog-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 16px;background:#FBF7F1}
.film-dialog h2{margin:0;font:600 18px/1.3 'Space Grotesk',sans-serif}
.film-dialog-close{display:grid;place-items:center;width:44px;height:44px;flex:none;border:1px solid #E0D6C8;border-radius:50%;background:#fff;color:#23282F;font:400 30px/1 sans-serif}
.film-screen{position:relative;background:#23282F;display:grid;place-items:center}
.film-screen video{display:block;width:100%;max-width:100%;height:auto;max-height:calc(100dvh - 168px);aspect-ratio:16/9;object-fit:contain}
.film-dialog-foot{padding:12px 16px;display:flex;align-items:center;justify-content:space-between;gap:12px;font:500 11px/1.4 Manrope,sans-serif}
.film-dialog-foot a{font-weight:700;text-decoration:underline;text-underline-offset:3px}
.film-replay{position:absolute;inset:0;display:none;place-items:center;background:#23282F85}
.film-replay.is-visible{display:grid}
html.film-is-open{overflow:hidden}
@media(max-width:760px){.film-hero{grid-template-columns:1fr;gap:26px}.film-cover{max-width:520px;margin:0 auto}.film-preview{aspect-ratio:1.45;padding:18px}.film-preview img{max-height:265px}.film-play{width:58px;height:58px;bottom:18px;right:18px}.film-cover-caption{padding:16px 18px;gap:12px}.film-cover-caption strong{font-size:17px}.film-cover-caption small{font-size:11px}.film-dialog{border-radius:17px}.film-dialog-foot{padding-bottom:max(12px,env(safe-area-inset-bottom))}}
@media(prefers-reduced-motion:reduce){.film-cover{transition:none}.film-cover:hover{transform:none}}

/* Restored homepage uses the existing landscape films. */
.film-preview{aspect-ratio:16/9;padding:0}.film-preview img{max-height:none;aspect-ratio:16/9;object-fit:cover}.film-cover-caption{align-items:center}@media(max-width:760px){.film-preview{aspect-ratio:16/9;padding:0}.film-preview img{max-height:none}}