.films-hero,.films-cta{position:relative;color:white;display:flex;align-items:center}.films-hero{height:min(500px,75vh);min-height:440px}.films-hero>img,.films-hero>span,.films-cta>img,.films-cta>span{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.films-hero>img{object-position:center 43%}.films-hero>span,.films-cta>span{background:linear-gradient(90deg,rgba(12,8,5,.8),rgba(12,8,5,.18) 78%)}.films-hero-content,.films-cta>.container{position:relative}.films-hero-content{padding-top:63px}.films-hero h1{font:500 clamp(3.5rem,6.5vw,6rem)/.82 var(--serif);letter-spacing:-.045em;margin:0 0 19px}.films-hero-content>p:last-child{max-width:400px;font-size:14px;color:rgba(255,255,255,.9);margin:0}.films-scroll{position:absolute;right:5%;bottom:27px;font-size:9px;text-transform:uppercase;letter-spacing:.16em}.films-listing{padding:30px 0 88px}.film-filters{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:27px}.film-filter{border:1px solid var(--line);border-radius:20px;background:transparent;color:var(--muted);padding:9px 18px;font-size:10px;transition:.25s}.film-filter:hover,.film-filter.active{background:var(--brown);color:white;border-color:var(--brown)}.film-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:28px 15px}.film-card{display:block}.film-thumb{position:relative;aspect-ratio:16/9;overflow:hidden;background:#ddd}.film-thumb img{height:100%;transition:transform .4s}.film-card:hover .film-thumb img{transform:scale(1.025)}.film-thumb:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 45%,rgba(12,8,5,.5))}.film-thumb small{position:absolute;z-index:1;right:13px;bottom:11px;color:white;font-size:10px}.play-button{position:absolute;z-index:2;left:50%;top:50%;transform:translate(-50%,-50%);width:45px;height:45px;border:1px solid white;border-radius:50%;display:grid;place-items:center;color:white;font-size:13px;padding-left:3px;transition:transform .25s,background .25s}.film-card:hover .play-button{transform:translate(-50%,-50%) scale(1.08);background:rgba(255,255,255,.14)}.film-card h2{font:500 27px/1 var(--serif);margin:12px 0 5px}.film-card p{margin:0;color:var(--muted);font-size:11px}.film-featured{grid-column:span 2}.film-featured .film-thumb{aspect-ratio:2.15}.load-films{display:flex;margin:36px auto 0;background:transparent;color:var(--brown);border-color:#c8b19d}.load-films:hover{color:white}.load-films span{margin-left:10px}.film-card.is-hidden{display:none}.film-grid.filtering .film-card{animation:film-in .3s ease}@keyframes film-in{from{opacity:.2;transform:translateY(6px)}to{opacity:1;transform:none}}.films-cta{height:320px}.films-cta>img{object-position:center 52%}.films-cta h2{font:500 clamp(2.8rem,5vw,4.4rem)/.86 var(--serif);margin:0 0 15px}.films-cta p:not(.eyebrow){font-size:14px;color:rgba(255,255,255,.9);margin:0}.films-cta .hero-actions{margin-top:17px}
@media(max-width:767px){.films-hero{height:570px;min-height:0;align-items:end;padding-bottom:69px}.films-hero>img{object-position:60% center}.films-hero>span,.films-cta>span{background:linear-gradient(0deg,rgba(12,9,7,.85),rgba(12,9,7,.1) 78%)}.films-hero-content{padding-top:40px}.films-hero h1{font-size:clamp(3.3rem,15vw,5rem)}.films-hero-content>p:last-child{font-size:13px;max-width:320px}.films-scroll{right:16px;bottom:22px}.films-listing{padding:23px 0 70px}.film-filters{flex-wrap:nowrap;overflow-x:auto;margin-right:-16px;padding-right:16px;padding-bottom:4px}.film-filter{white-space:nowrap;padding:8px 13px;font-size:9px}.film-grid{grid-template-columns:1fr;gap:25px}.film-featured{grid-column:span 1}.film-featured .film-thumb{aspect-ratio:16/9}.film-card h2{font-size:28px}.films-cta{height:auto;min-height:500px;padding:72px 0}.films-cta h2{font-size:clamp(3rem,13vw,4rem)}}