/* A film poster viewed in a dim room: the illuminated hull carries the color. */
:root{color-scheme:dark;--yellow:oklch(85% .16 91);--red:oklch(54% .18 30);font-family:"Segoe UI",system-ui,sans-serif;background:var(--void);color:var(--text)}
*{box-sizing:border-box}body{margin:0}a{color:inherit;text-underline-offset:5px}button{font:inherit;color:inherit;cursor:pointer}button,a,input{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,video:focus-visible{outline:3px solid var(--yellow);outline-offset:6px}[hidden]{display:none!important}
.masthead{position:relative;z-index:3;padding:30px 5.5vw}.wordmark{font-size:20px;font-weight:750;letter-spacing:.3em;text-decoration:none}.hero{position:relative;isolation:isolate;overflow:hidden}.poster-art{display:none}.poster-copy{position:relative;z-index:1;padding:30px 5.5vw 44px}h1{font-family:Bahnschrift,"Segoe UI",sans-serif;font-stretch:condensed;font-weight:750;font-size:clamp(76px,12.8vw,190px);line-height:.85;letter-spacing:-.035em;margin:0}.lede{font-size:clamp(18px,1.65vw,25px);line-height:1.4;max-width:30ch;margin:26px 0 31px}.hero-actions{display:flex;align-items:center;gap:32px}.watch{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:54px;padding:16px 25px;border:0;background:var(--yellow);color:var(--void);font-weight:700;font-size:16px}.watch svg{width:20px;height:20px;fill:currentColor}.watch:hover{background:oklch(91% .12 91)}.play{display:inline-flex;align-items:center;gap:22px;min-height:48px;text-decoration:none;font-weight:650;font-size:16px}.play span{font-size:25px}.play:hover{color:var(--yellow)}
.film{position:relative;background:var(--void);width:100%;aspect-ratio:16/9}video{width:100%;height:100%;display:block;object-fit:contain}.video-error{position:absolute;inset:0;display:flex;align-content:center;align-items:center;justify-content:center;gap:20px;flex-wrap:wrap;background:var(--surface);padding:30px;z-index:2}.video-error p{width:100%;text-align:center}.video-error button{background:transparent;border:1px solid var(--line);padding:12px 20px;min-height:44px}.screen-actions{display:none}.utility{display:flex;align-items:center;justify-content:flex-end;gap:30px;min-height:70px;padding:12px 5.5vw;font-size:12px;color:var(--muted)}.utility a,.utility button{display:inline-flex;align-items:center;min-height:44px;background:none;border:0;padding:0;font:inherit;text-decoration:none}.utility a:hover,.utility button:hover{color:var(--text)}.feedback{padding:0 5.5vw;font-size:13px;color:var(--muted)}#status:empty{margin:0}#copy-fallback{max-width:640px;padding-bottom:24px}#copy-fallback label{display:block;margin-bottom:8px}#share-url{width:100%;padding:12px;border:1px solid var(--line);background:var(--surface);color:var(--text);font:inherit}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.enhanced .masthead{position:absolute;inset:0 0 auto;pointer-events:none}.enhanced .wordmark{pointer-events:auto}.enhanced .hero{min-height:max(650px,calc(100svh - 70px))}.enhanced .poster-art{display:block;position:absolute;left:8%;top:-8%;width:100%;height:100%;object-fit:cover;object-position:center;z-index:-2}.enhanced .hero::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,var(--void),transparent 56%),linear-gradient(0deg,var(--void),color-mix(in srgb, var(--void) 60%, transparent) 23%,transparent 68%)}.enhanced .poster-copy{position:absolute;left:0;bottom:6.5%;padding-block:0}.enhanced .film{visibility:hidden;position:absolute;inset:0;aspect-ratio:auto}
.is-screening .hero{min-height:0;padding-top:84px}.is-screening .poster-art,.is-screening .poster-copy,.is-screening .hero::after{display:none}.is-screening .film{visibility:visible;position:relative;height:calc(100svh - 230px);min-height:270px}.is-screening .screen-actions{display:flex;justify-content:flex-end;align-items:center;gap:28px;padding:14px 5.5vw 0}.is-screening .screen-actions .watch{min-height:48px;padding:12px 20px;font-size:14px}
@media(min-width:1800px){.enhanced .poster-copy{left:calc((100vw - 1800px)/2)}.enhanced .hero{min-height:900px}.enhanced .poster-art{object-fit:contain;left:10%}}
@media(max-width:700px){.enhanced .poster-art{mask-image:linear-gradient(0deg,transparent,#000 24%,#000 88%,transparent)}}
@media(max-width:700px){.masthead{padding:27px 22px}.wordmark{font-size:16px}.enhanced .masthead{position:relative}.enhanced .hero{min-height:calc(100svh - 143px);display:flex;flex-direction:column;justify-content:center;padding-bottom:26px}.enhanced .poster-art{position:relative;left:0;top:0;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;flex:none}.enhanced .hero::after{display:none}.enhanced .poster-copy{position:relative;left:0;bottom:auto;padding:0 22px;margin-top:-14px}.enhanced .poster-copy::before{content:"";position:absolute;inset:-70px 0 auto;height:72px;background:linear-gradient(0deg,var(--void),transparent);z-index:-1}h1{font-size:clamp(72px,21vw,130px)}.lede{font-size:18px;max-width:27ch;margin:22px 0 25px}.hero-actions{gap:24px;flex-wrap:wrap}.watch{padding:14px 18px;min-height:50px;font-size:14px;gap:9px}.watch svg{width:17px;height:17px}.play{font-size:14px;gap:12px}.utility{justify-content:flex-start;gap:30px;padding:10px 22px;min-height:70px}.feedback{padding-inline:22px}.is-screening .hero{min-height:0;padding:0;display:block}.is-screening .poster-art,.is-screening .poster-copy{display:none}.is-screening .film{height:auto;min-height:0;aspect-ratio:16/9}.is-screening .screen-actions{padding:18px 22px 0;justify-content:space-between;gap:16px}}