.film-intro{padding-top:clamp(6rem,12vw,12rem);padding-bottom:clamp(5rem,10vw,10rem)}.film-intro-heading{justify-content:space-between;align-items:end;gap:2rem;display:flex}.film-intro h1{letter-spacing:-.04em;margin:0;font-size:clamp(4.5rem,12vw,11rem);font-weight:500;line-height:.9}.film-intro-heading>p{text-align:right;margin:0 0 .3rem;font-size:.85rem;line-height:1.4}.film-intro-copy{grid-template-columns:2fr 1fr;align-items:end;gap:3rem;margin-top:clamp(3rem,6vw,6rem);display:grid}.film-intro-copy p{margin:0;line-height:1.4}.film-intro-copy p:first-child{letter-spacing:-.025em;max-width:25ch;font-size:clamp(1.5rem,2.7vw,2.8rem)}.film-intro-copy p:last-child{max-width:27rem;font-size:.9rem}.films-section-heading{justify-content:space-between;align-items:baseline;padding-bottom:1.5rem;display:flex}.films-section-heading h2,.films-section-heading span{margin:0;font-size:.85rem;font-weight:400}.films-list{border-top:1px solid #292f234d}.film-row{border-bottom:1px solid #292f2338;grid-template-columns:minmax(8rem,1fr) minmax(0,3fr) minmax(11rem,1fr);gap:2rem;padding:clamp(2rem,4vw,4.5rem) 0;display:grid}.film-index{flex-direction:column;gap:1.1rem;font-size:.75rem;line-height:1.4;display:flex}.film-index span:first-child{font-variant-numeric:tabular-nums}.film-content h3{letter-spacing:-.04em;text-wrap:balance;max-width:19ch;margin:0;font-size:clamp(2rem,4.5vw,4.5rem);font-weight:500;line-height:1.02}.film-detail{max-width:38rem;margin:1.5rem 0 0;font-size:1rem;line-height:1.5}.film-role{max-width:36rem;margin:1.5rem 0 0;font-size:.8rem;line-height:1.5}.film-watch{color:inherit;place-self:start end;align-items:center;gap:.8rem;font-size:.85rem;line-height:1.35;text-decoration:none;display:flex}.film-watch small{font-size:.75rem;display:block}.film-play{border:1px solid;border-radius:50%;place-items:center;width:3.25rem;height:3.25rem;transition:background-color .2s,color .2s;display:grid}.film-play svg{width:1.25rem;height:1.25rem}.film-watch:hover .film-play,.film-watch:focus-visible .film-play{color:#f4f1e8;background:#292f23}.film-watch:focus-visible,.film-archive a:focus-visible{outline-offset:5px;outline:2px solid #58634a}.film-archive{grid-template-columns:1fr 1.5fr;gap:4rem;padding-top:clamp(6rem,10vw,10rem);padding-bottom:clamp(6rem,10vw,10rem);display:grid}.film-archive h2{letter-spacing:-.04em;margin:0;font-size:clamp(2.5rem,5vw,5rem);font-weight:500;line-height:1}.film-archive>div:first-child>p{max-width:25rem;margin:1.5rem 0;line-height:1.5}.archive-list{border-top:1px solid #292f234d}.archive-list a{color:inherit;border-bottom:1px solid #292f2338;grid-template-columns:5rem 1fr auto;align-items:baseline;gap:1rem;padding:1.5rem 0;text-decoration:none;display:grid}.archive-list a span{font-size:.75rem}.archive-list a strong{font-size:1.25rem;font-weight:500}.archive-list a:hover strong{text-underline-offset:.2em;text-decoration:underline}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=750px){.film-intro{padding-top:6rem;padding-bottom:5rem}.film-intro-heading{display:block}.film-intro-heading>p{text-align:left;margin-top:1.5rem}.film-intro-copy{grid-template-columns:1fr;gap:1.5rem;margin-top:3rem}.film-row{grid-template-columns:1fr;gap:1.25rem;padding:2.5rem 0}.film-index{flex-direction:row;justify-content:space-between;gap:1rem}.film-watch{justify-self:start;margin-top:.5rem}.film-archive{grid-template-columns:1fr;gap:3rem}.archive-list a{grid-template-columns:4rem 1fr}.archive-list a>span:last-child{grid-column:2}}@media (prefers-reduced-motion:reduce){.film-play{transition:none}}.film-intro{color:#f4f1e8;background:#292f23;padding-top:clamp(3rem,5vw,5rem);padding-bottom:clamp(4rem,7vw,7rem)}.film-intro-top{letter-spacing:.09em;border-top:1px solid #87917c;justify-content:space-between;gap:2rem;padding-top:1rem;font-size:.65rem;display:flex}.film-intro-heading{align-items:center;padding-top:clamp(4rem,8vw,8rem)}.film-intro h1{letter-spacing:-.075em;font-size:clamp(6rem,13.5vw,13rem);line-height:.77}.film-intro h1 em{font-style:italic;font-weight:400}.film-intro h1 span{color:#d7e4a5}.film-reel-mark{aspect-ratio:1;color:#d7e4a5;flex:none;place-items:center;width:clamp(125px,17vw,240px);display:grid;position:relative}.film-reel-mark svg{width:100%;height:100%}.film-reel-mark span{letter-spacing:.1em;min-width:7rem;font-size:.6rem;line-height:1.5;position:absolute;bottom:0;left:110%}.film-intro-copy{border-top:1px solid #87917c;grid-template-columns:1.2fr .8fr;margin-top:clamp(4rem,8vw,8rem);padding-top:1.7rem}.film-intro-copy p:last-child{color:#d1d8c8;justify-self:end}.films-section{padding-top:clamp(5rem,8vw,8rem)}.film-row{grid-template-columns:minmax(8rem,.7fr) minmax(0,3fr) minmax(11rem,1fr);padding-block:clamp(2.5rem,5vw,5.5rem)}.film-number{letter-spacing:-.035em;color:#58634a;font-size:clamp(2.5rem,5vw,5rem);line-height:.8}.film-content h3{letter-spacing:-.055em;font-size:clamp(2.4rem,5vw,5.2rem)}@media (width<=750px){.film-intro{padding-top:2rem}.film-intro-top{font-size:.55rem}.film-intro-heading{align-items:end;padding-top:5rem;display:flex}.film-intro h1{font-size:clamp(4.8rem,17vw,8rem)}.film-reel-mark{width:76px;margin-bottom:.3rem}.film-reel-mark span{display:none}.film-intro-copy{margin-top:4rem}.film-intro-copy p:last-child{justify-self:start}.film-number{font-size:2.5rem}.film-index{align-items:end}}.film-reel-mark{margin-right:clamp(5rem,9vw,9rem);text-decoration:none}.film-reel-mark:hover svg,.film-reel-mark:focus-visible svg{transform:rotate(12deg)}.film-reel-mark svg{transition:transform .4s}@media (width<=750px){.film-reel-mark{margin-right:0}.film-intro-copy{grid-template-columns:1fr;gap:1.5rem}.film-intro-copy p:first-child{max-width:23ch}}@media (prefers-reduced-motion:reduce){.film-reel-mark svg{transition:none}}.film-intro-top,.film-reel-mark span,.film-index,.film-watch small,.archive-list a span{font-size:13px;line-height:1.5}.film-role,.film-watch,.films-section-heading h2,.films-section-heading span{font-size:15px;line-height:1.5}.film-intro-copy p:last-child{font-size:16px}@media (width<=750px){.film-intro-top{gap:1rem;font-size:12px}.film-row{grid-template-columns:minmax(0,1fr)}}@media (width<=400px){.film-intro h1{font-size:clamp(3.7rem,17vw,4.8rem)}.film-reel-mark{width:60px}.film-intro-top{flex-wrap:wrap}}