.film-hero{padding:36px 0 75px}.breadcrumb{display:inline-block;font-size:.875rem;color:#d0cbc4;margin-bottom:32px}.film-intro{display:grid;grid-template-columns:1.2fr .8fr;gap:100px;align-items:center}.film-intro h1{font-family:'Barlow Condensed',Impact,sans-serif;font-size:clamp(5rem,10vw,9rem);line-height:1;margin:15px 0 25px;letter-spacing:-.03em}.film-intro h1 span{color:var(--red)}.film-tagline{font-size:clamp(1.6rem,2.5vw,2.3rem);font-weight:600;line-height:1.3}.synopsis{max-width:580px;color:#d5d0c9;margin-top:24px}.byline{font-size:.875rem;color:#c2b9ad;margin-top:20px}.film-actions{display:flex;align-items:center;gap:26px;flex-wrap:wrap;margin-top:30px}.film-main-poster{width:100%;max-width:390px;margin:auto;border:7px solid #fff}.film-stats{display:flex;gap:48px;border-top:1px solid #57534d;margin-top:38px;padding-top:20px}.film-stats>div{display:flex;align-items:center;gap:12px}.film-stats strong{font-family:'Barlow Condensed',sans-serif;font-size:3.2rem;line-height:1}.film-stats span{font-size:.75rem;letter-spacing:.1em}.film-nav{display:flex;justify-content:center;gap:40px;padding:22px 0;border-bottom:1px solid var(--line);flex-wrap:wrap}.film-nav a{font-size:.875rem;font-weight:700}.film-nav a:hover{color:var(--red)}.film-section{padding-top:75px;padding-bottom:75px}.film-section-title{margin-bottom:35px}.film-section-title h2{font-size:clamp(2.8rem,4.4vw,4.2rem);margin:15px 0 20px}.player{aspect-ratio:16/9;background:#141413}.player iframe{width:100%;height:100%;border:0}.watch-link{text-align:center;margin-top:20px}.credits-section{background:#f4f3f1}.credits-grid{display:grid;grid-template-columns:1fr 1fr;gap:85px}.credits-grid h3{margin-bottom:20px;font-size:2rem}.credit-list{margin:0}.credit-list>div{display:grid;grid-template-columns:.8fr 1.2fr;gap:20px;border-top:1px solid #d8d4ce;padding:14px 0}.credit-list dt{font-size:.875rem;color:var(--muted)}.credit-list dd{margin:0;font-size:1rem}.credit-note{font-size:.875rem;color:var(--muted);margin-top:22px}.history-title{font-size:2rem;border-bottom:2px solid var(--ink);padding-bottom:16px;display:flex;justify-content:space-between;align-items:baseline;gap:20px}.history-title span{font:500 .875rem 'DM Sans',sans-serif;color:var(--muted)}.awards-grid{display:grid;grid-template-columns:1fr 1fr;column-gap:70px}.award-block{padding:27px 0;border-bottom:1px solid var(--line)}.award-block h3{font-size:1.65rem;line-height:1.2}.award-block ul{padding-left:20px;margin:15px 0 0}.award-block li{margin-top:7px;font-size:1rem}.award-block li::marker{color:var(--red)}.selections-title{margin-top:55px}.selection-list{display:grid;grid-template-columns:1fr 1fr;column-gap:70px;list-style:none;padding:0;margin:10px 0 0}.selection-list li{padding:14px 0;border-bottom:1px solid var(--line);font-size:1rem}.bts-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.bts-grid a{display:block;background:#151514}.bts-grid img{width:100%;aspect-ratio:4/3;object-fit:cover;transition:opacity .2s}.bts-grid a:hover img{opacity:.8}.film-end{display:flex;align-items:center;justify-content:space-between;gap:25px;padding-top:60px;padding-bottom:60px}.film-end h2{font-size:3.4rem}
@media(max-width:1000px){.film-intro{gap:45px}.credits-grid{gap:40px}.awards-grid,.selection-list{column-gap:35px}}
@media(max-width:700px){.film-hero{padding:25px 0 45px}.film-intro{grid-template-columns:1fr;gap:40px}.film-main-poster{width:75%;max-width:330px}.film-intro h1{font-size:5.8rem}.film-stats{gap:35px}.film-nav{gap:14px 24px}.film-section{padding-top:45px;padding-bottom:45px}.credits-grid{grid-template-columns:1fr;gap:40px}.awards-grid,.selection-list{grid-template-columns:1fr}.history-title{display:block}.history-title span{display:block;margin-top:10px}.bts-grid{grid-template-columns:1fr 1fr;gap:12px}.film-end{display:block;padding-top:40px;padding-bottom:40px}.film-end .button{margin-top:25px}.credit-list>div{gap:14px}.film-actions{gap:20px}}

/* Film-page review: color belongs to the tagline, not title punctuation. */
.film-tagline{color:var(--red)}.film-end{justify-content:center}.film-end .button{margin-top:0}
.film-intro h1.looking-back-title{font-size:clamp(3.5rem,7.5vw,7.2rem)}
.additional-cast-title{font:600 1rem 'DM Sans',sans-serif;margin:28px 0 12px}.additional-cast{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:12px;font-size:1rem}
.film-press{padding-top:60px;padding-bottom:10px}.film-press h2{font-size:clamp(2.8rem,4.4vw,4.2rem);margin:15px 0}.film-press p:not(.eyebrow){margin-bottom:20px}
@media(max-width:700px){.film-intro h1.looking-back-title{font-size:clamp(3.5rem,14vw,5.8rem)}.film-press{padding-top:45px}}
/* Keep supporting cast on the same name-column axis as the lead credits. */
.additional-cast{display:block;margin-left:calc(40% + 12px)}.additional-cast li{padding:14px 0;border-top:1px solid #d8d4ce}.additional-cast-title{margin-bottom:0}
@media(max-width:700px){.additional-cast{margin-left:calc(40% + 8.4px)}}
.bts-grid button{display:block;width:100%;padding:0;border:0;background:#151514;cursor:zoom-in}.bts-grid button:hover img{opacity:.8}.bts-grid button:focus-visible{outline:3px solid var(--red);outline-offset:4px}
.photo-viewer{position:fixed;inset:0;width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;padding:64px 20px 16px;border:0;background:rgba(14,14,14,.97);color:white;box-sizing:border-box}.photo-viewer[open]{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px}.photo-viewer::backdrop{background:rgba(0,0,0,.85)}.photo-large{display:block;width:auto;height:auto;max-width:100%;max-height:calc(100dvh - 152px);object-fit:contain;min-height:0}.photo-viewer button{border:1px solid #777;background:#222;color:white;min-width:48px;min-height:48px;font-size:1.6rem;cursor:pointer}.photo-viewer button:hover{background:#444}.photo-viewer button:focus-visible{outline:3px solid var(--red);outline-offset:3px}.photo-close{position:absolute;right:20px;top:12px}.photo-controls{display:flex;align-items:center;gap:24px;flex-shrink:0}.photo-controls p{margin:0;min-width:65px;text-align:center;font-size:1rem}
.film-intro h1.time-capsule-title{font-size:clamp(3.5rem,7.5vw,7.2rem)}.release-note{margin-top:26px;color:#fff;font-weight:600}.release-note::before{content:'';display:inline-block;width:8px;height:8px;background:var(--red);margin-right:10px;border-radius:50%}
@media(max-width:700px){.film-intro h1.time-capsule-title{font-size:clamp(3.5rem,14vw,5.8rem)}}
.film-intro h1.romantic-title{font-size:clamp(3rem,5.3vw,5.2rem);line-height:1.05}.film-intro h1.romantic-title span{display:block;color:inherit}.film-cast-names{list-style:none;padding:0;margin:0}.film-cast-names li{border-top:1px solid #d8d4ce;padding:14px 0;font-size:1rem}.romantic-gallery{grid-template-columns:repeat(2,1fr)}
@media(max-width:700px){.film-intro h1.romantic-title{font-size:clamp(2.3rem,10vw,4rem)}}
.film-intro h1.first-title{font-size:clamp(3.5rem,7.5vw,7.2rem)}
@media(max-width:700px){.film-intro h1.first-title{font-size:clamp(3.2rem,12vw,5rem)}}
.film-intro h1.puppet-title{font-size:clamp(3.5rem,7.5vw,7.2rem)}.film-quote{padding-top:65px}.film-quote blockquote{margin:0;padding:12px 0 12px 28px;border-left:4px solid var(--red);max-width:1000px}.film-quote blockquote p{font-size:clamp(1.3rem,2.1vw,1.9rem);line-height:1.5;margin:0 0 20px}.film-quote blockquote footer{display:block;border:0;padding:0;margin:0;font-size:.95rem;color:var(--muted)}
@media(max-width:700px){.film-intro h1.puppet-title{font-size:clamp(3rem,12vw,5rem)}.film-quote{padding-top:40px}.film-quote blockquote{padding-left:18px}}

.film-quote{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.5fr);gap:40px;align-items:center;padding-top:0;padding-bottom:70px}.film-quote .award-photo{display:block;width:100%;height:auto}.film-quote blockquote p{font-size:clamp(1.2rem,1.7vw,1.6rem)}
@media(max-width:700px){.film-quote{grid-template-columns:1fr;gap:28px;padding-top:0;padding-bottom:45px}.film-quote .award-photo{max-width:450px;margin:auto}}
.film-intro h1.random-title{font-size:clamp(3.5rem,7.5vw,7.2rem)}@media(max-width:700px){.film-intro h1.random-title{font-size:clamp(3rem,12vw,5rem)}}
.film-intro h1.neighborhood-title{font-size:clamp(3rem,6vw,6rem);line-height:1.05}@media(max-width:700px){.film-intro h1.neighborhood-title{font-size:clamp(2.5rem,10vw,4rem)}}
.film-press:has(blockquote){padding-top:0;padding-bottom:65px}.film-press blockquote{margin:0;border-left:4px solid var(--red);padding:12px 0 12px 25px}.film-press blockquote p{font-size:clamp(1.4rem,2.4vw,2rem);line-height:1.4}.film-press blockquote footer{display:block;border:0;padding:0;margin:0;color:var(--muted);font-size:1rem}
