@font-face{font-family:'Poster Serif';src:url('assets/fonts/Gambetta-Regular.woff2') format('woff2');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:'Poster Serif';src:url('assets/fonts/Gambetta-Semibold.woff2') format('woff2');font-style:normal;font-weight:600;font-display:swap}
:root{--serif:'Poster Serif','Times New Roman',serif;--mono:'Poster Serif','Times New Roman',serif}
body{font-family:var(--serif);text-transform:uppercase;letter-spacing:.09em}.site-nav a{font:600 11px/1.5 var(--serif);letter-spacing:.15em}.site-nav a>span{font-size:9px;letter-spacing:.14em}.site-nav .nav-brand span{font:400 8px/1.5 var(--serif);letter-spacing:.14em}.opening-note{font:600 11px/1.8 var(--serif);letter-spacing:.15em}.title-composition p{font:400 12px/1.8 var(--serif);letter-spacing:.23em}.section-index{font:600 11px/1.8 var(--serif);letter-spacing:.17em}.story h2,.cinema-mode .story h2{font:400 clamp(44px,6.3vw,88px)/1.12 var(--serif);letter-spacing:.075em;text-transform:uppercase}.story h2 em,.credits h2 em{font-style:normal}.story .synopsis,.cinema-mode .synopsis{font:400 clamp(15px,1.25vw,18px)/1.8 var(--serif);letter-spacing:.055em;text-transform:uppercase;max-width:650px}.small-note,.cinema-mode .small-note{font:400 11px/1.9 var(--serif);letter-spacing:.13em}.film-byline,.cinema-mode .film-byline{font:400 12px/1.8 var(--serif);letter-spacing:.18em}.cast>p,.cinema-mode .cast>p{font:600 clamp(25px,2.65vw,38px)/1.5 var(--serif);letter-spacing:.09em;text-transform:uppercase}.cast>.small-note{font-size:10px}.credits h2,.cinema-mode .credits h2{font:400 clamp(40px,5.4vw,78px)/1.15 var(--serif);letter-spacing:.065em}.credit-grid dt{font:400 10px/1.7 var(--serif);letter-spacing:.14em}.credit-grid dd,.cinema-mode .credit-grid dd{font:600 clamp(19px,1.8vw,26px)/1.4 var(--serif);letter-spacing:.065em;text-transform:uppercase}.film-controls{font:400 10px/1.6 var(--serif);letter-spacing:.15em}.playback button{font:400 10px/1.6 var(--serif);letter-spacing:.13em}.clip-label{font:400 9px/1.6 var(--serif);letter-spacing:.13em}.poster-link>span{font:400 10px/1.8 var(--serif);letter-spacing:.13em}.footer-meta{font:400 10px/1.8 var(--serif);letter-spacing:.14em}.type-credit{font:400 8px/1.8 var(--serif);letter-spacing:.1em;text-transform:uppercase}
@media(max-width:700px){.site-nav a{font-size:9px;letter-spacing:.06em}.site-nav a>span{font-size:8px}.site-nav .nav-brand span{font-size:7px;letter-spacing:.08em}.opening-note{font-size:8px;letter-spacing:.1em}.title-composition p{font-size:9px;letter-spacing:.18em}.section-index,.cinema-mode .section-index{font-size:9px;letter-spacing:.1em}.story h2,.cinema-mode .story h2{font-size:7.9vw;line-height:1.2;letter-spacing:.065em}.story .synopsis,.cinema-mode .synopsis{font-size:14px;line-height:1.85;letter-spacing:.04em}.small-note,.cinema-mode .small-note{font-size:9px;letter-spacing:.1em}.film-byline,.cinema-mode .film-byline{font-size:10px;letter-spacing:.1em}.cast>p,.cinema-mode .cast>p{font-size:19px;line-height:1.5;letter-spacing:.055em}.credits h2,.cinema-mode .credits h2{font-size:7.6vw;line-height:1.2;letter-spacing:.06em}.credit-grid dt{font-size:8px;letter-spacing:.09em}.credit-grid dd,.cinema-mode .credit-grid dd{font-size:17px;line-height:1.45;letter-spacing:.05em}.film-controls{font-size:9px;letter-spacing:.09em}.playback button{font-size:9px;letter-spacing:.09em}.poster-link>span{font-size:8px;letter-spacing:.1em}.footer-meta{font-size:8px;letter-spacing:.08em}.type-credit{font-size:7px;letter-spacing:.08em}}
@media(max-width:700px){.site-nav a:not(.nav-brand){font-size:8.5px;letter-spacing:.035em;white-space:nowrap}}

/* Opening credits sit beneath the picture, beside the centered byline. */
.opening-note{top:auto;bottom:88px;align-items:flex-end;font-size:12px;font-weight:600;line-height:1.65;letter-spacing:.07em;color:#fff0d8;text-shadow:0 2px 4px #120c08,0 0 10px #120c08}
.opening-note>span{max-width:28%}
@media(max-width:700px){.opening-note{top:auto;bottom:62px;gap:4%;font-size:9px;line-height:1.45;letter-spacing:.01em}.opening-note>span{width:42%;max-width:none}.opening-note>span:last-child{width:54%;max-width:none}.film-controls{bottom:14px}}

@media(max-width:360px){.title-composition,.cinema-mode .title-composition{bottom:110px}}

/* A readable director byline stays centered beneath the title. */
.opening .title-composition p{font-size:15px;font-weight:600;line-height:1.65;letter-spacing:.14em;color:#fff0d8;text-shadow:0 2px 4px #120c08,0 0 10px #120c08}
@media(max-width:700px){.opening .title-composition p{font-size:11px;letter-spacing:.12em}}