.film-hero{position:relative;width:100%;height:100svh;overflow:hidden;background-color:var(--base-400)}.film-hero .container{display:flex;justify-content:center;align-items:flex-end}.film-hero-copy{width:100%;padding-bottom:4rem;display:flex;flex-direction:column;justify-content:center;color:var(--base-100);text-align:center}.film-hero .pixelated-text h1{padding:2rem 2rem 1rem;font-size:clamp(6rem,15vw,17rem);letter-spacing:0;color:var(--base-500)}.film-hero-description{width:min(50%,48rem);margin:-2rem auto 0;display:flex;flex-direction:column;gap:4rem}.banner.film-banner{position:relative;width:100%;height:150svh;overflow:hidden;background-color:var(--base-400)}.film-banner .banner-img{position:absolute;inset:0;width:100%;height:100%}.film-banner .banner-img img,.film-banner .banner-img video{width:100%;height:100%;object-fit:cover;opacity:.55;will-change:transform}.film-banner .banner-img video{display:block}.film-banner .banner-content{position:relative;width:100%;height:100%}.film-banner .banner-content .container{display:flex;flex-direction:column;justify-content:space-between;color:var(--base-100)}.film-banner .banner-header h2{width:75%;color:var(--base-500)}.film-banner .banner-tags{display:flex;flex-wrap:wrap;gap:.75rem 1.5rem}.film-banner .banner-copy{width:min(50%,44rem)}.film-snapshots{position:relative;width:100%;padding:8rem 0;background-color:var(--base-400)}.film-snapshots .container{height:auto;display:flex;flex-direction:column;gap:2rem}.film-snapshots .snap-row{width:100%;display:flex;gap:2rem}.film-snapshots .snap-img{position:relative;flex:1;width:100%;aspect-ratio:4 / 5}.film-snapshots .snap-copy{flex:1;width:100%;min-height:100%;aspect-ratio:4 / 5;padding:1.5rem;display:flex;flex-direction:column;justify-content:flex-end;gap:1.25rem;color:var(--base-100)}.film-snapshots .snap-copy h3{max-width:9ch;color:var(--base-500);font-size:clamp(2.8rem,5vw,6.5rem);line-height:.85;letter-spacing:0;text-transform:uppercase}.film-snapshots .snap-copy p{max-width:32rem;color:var(--base-100)}.film-snapshots .snap-img img,.film-snapshots .snap-img canvas{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.film-snapshots .snap-img img{opacity:0;transition:opacity .18s linear}.film-snapshots .snap-img canvas{background:var(--base-400)}.film-snapshots .snap-img.revealed img{opacity:1}.film-snapshots .snap-img.revealed canvas{display:none}.film-end{min-height:45svh;padding:2rem;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2rem;background-color:var(--base-500);color:var(--base-400);text-align:center}.film-end h2,.film-end a{color:var(--base-400)}.is-coming-soon-project .film-hero{min-height:100svh}.is-coming-soon-project .film-hero .container{align-items:center}.is-coming-soon-project .film-hero-copy{padding-bottom:0;align-items:center}.is-coming-soon-project .film-hero .pixelated-text h1{padding:0 1rem 1.5rem;font-family:Impact,Arial Narrow,sans-serif;font-weight:400;font-size:clamp(4.5rem,12vw,13rem)}.is-coming-soon-project .film-hero-description{width:min(84%,58rem);margin:0 auto;align-items:center;gap:1.5rem}.is-coming-soon-project .film-hero-description p:first-child{color:var(--base-100);font-size:clamp(1rem,1.45vw,1.35rem);line-height:1.3;text-transform:uppercase}.is-coming-soon-project .film-hero-description p:nth-child(2){color:var(--base-500)}.is-coming-soon-project .film-end{min-height:35svh;background-color:var(--base-400);color:var(--base-100)}.is-coming-soon-project .film-end h2{color:var(--base-500)}.is-coming-soon-project .film-end a{color:var(--base-100)}@media(max-width:1000px){.film-hero-copy{padding-bottom:2rem}.film-hero .pixelated-text h1{padding:0 0 4rem;font-size:clamp(5rem,20vw,9rem)}.film-hero-description,.film-banner .banner-copy,.film-banner .banner-header h2{width:100%}.film-snapshots{padding:4rem 0}.film-snapshots .container,.film-snapshots .snap-row{flex-direction:column;gap:1rem}.film-snapshots .snap-copy{aspect-ratio:auto;min-height:38svh;padding:1rem 0}.film-snapshots .snap-copy h3{max-width:100%;font-size:clamp(3rem,17vw,5.5rem)}.film-snapshots .snap-img:not([class*=img-]){display:none}}@media(max-width:1000px){.film-end a{min-height:44px;padding:0 .75rem;display:inline-flex;align-items:center;justify-content:center}}