.about-callout{position:relative;width:50%;display:flex;flex-direction:column;justify-content:center;align-items:center;margin:0 auto;padding:8rem 0 0;text-align:center}.about-copy .container{display:flex;flex-direction:column;gap:4rem}.about-copy .container h3{width:75%;margin:0 auto;text-align:center}.about-copy .container .about-copy-info{width:60%;display:flex;flex-direction:column;gap:4rem;margin:0 auto 8rem;text-align:center}.about-copy .container .about-copy-info a{width:max-content;margin:0 auto;color:var(--tone-500)}.banner{position:relative;width:100%;height:150svh;overflow:hidden}.banner .banner-img{position:absolute;width:100%;height:100%}.banner .banner-img img{width:100%;height:100%;object-fit:cover;will-change:transform}.banner .banner-content{position:relative;width:100%;height:100%}.banner .banner-content .container{display:flex;flex-direction:column;justify-content:space-between;color:var(--tone-500)}.banner .banner-content .container h2{width:75%}.banner .banner-content .container .banner-copy{width:50%}.clients{position:relative;width:100%;height:100svh;background-color:var(--tone-100);color:var(--tone-500);overflow:hidden}.clients .clients-header{display:flex;flex-direction:column;justify-content:center;align-items:center}.clients .clients-header p{color:var(--tone-400)}.clients .container{position:relative;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4rem}.clients .grid{position:relative;width:90%;height:60%;display:flex;flex-direction:column;margin:0 auto;border:1px solid var(--tone-200)}.clients .grid-row,.clients .grid-item{flex:1;display:flex;justify-content:center;align-items:center;height:100%}.clients .grid-row:nth-child(1){border-bottom:1px solid var(--tone-200)}.clients .grid-item:not(:last-child){border-right:1px solid var(--tone-200)}.clients .grid-item p{position:relative;z-index:2;color:var(--tone-400);-webkit-user-select:none;user-select:none}.clients .highlight{position:absolute;top:0;left:0;background:#fff;opacity:1;transition:transform .25s ease,width .25s ease,height .25s ease,background-color .25s ease;pointer-events:none}@media(max-width:1000px){.about-callout{width:85%}.about-copy .container h3{width:100%}.about-copy .container .about-copy-info{width:90%}.banner{height:125svh}.banner .banner-content .container h2{width:100%}.banner .banner-content .container .banner-copy{width:85%}.clients{height:110svh}.clients .grid{height:max-content;border:1px solid var(--tone-400)}.clients .grid-row{flex:none;flex-direction:column;gap:0;height:max-content;padding:0;border:none}.clients .grid-row:nth-child(1){border-bottom:1px solid var(--tone-400)}.clients .grid-item{flex:none;width:100%;height:4rem;padding:0}.clients .grid-item:not(:last-child){border-right:none;border-bottom:1px solid var(--tone-400)}}.film-hero{position:relative;width:100%;height:100svh;background-color:var(--tone-200);overflow:hidden}.film-hero .container{display:flex;justify-content:center;align-items:flex-end}.film-hero .container .film-hero-copy{width:100%;display:flex;flex-direction:column;justify-content:center;padding-bottom:4rem;text-align:center;color:var(--tone-400)}.film-hero .container .film-hero-copy .pixelated-text h1{padding:2rem 2rem 1rem;font-size:15vw}.film-hero .container .film-hero-copy .film-hero-description{width:50%;display:flex;flex-direction:column;gap:4rem;margin:-2rem auto 0}.banner.film-banner{background-color:var(--tone-100)}.banner.film-banner .banner-content .container{color:var(--tone-400)}.banner.film-banner .banner-img img{opacity:.5}.film-snapshots{position:relative;width:100%;height:100%;padding:8rem 0;background-color:var(--tone-200)}.film-snapshots .container{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%;height:100%;aspect-ratio:4/5}.film-snapshots .mask{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0}.film-snapshots .img-1 .mask{background:url(/sample-film/film-snapshot-1.webp) no-repeat 50% 50%;background-size:cover}.film-snapshots .img-2 .mask{background:url(/sample-film/film-snapshot-2.webp) no-repeat 50% 50%;background-size:cover}.film-snapshots .img-3 .mask{background:url(/sample-film/film-snapshot-3.webp) no-repeat 50% 50%;background-size:cover}.film-snapshots .img-4 .mask{background:url(/sample-film/film-snapshot-4.webp) no-repeat 50% 50%;background-size:cover}.film-snapshots .img-5 .mask{background:url(/sample-film/film-snapshot-5.webp) no-repeat 50% 50%;background-size:cover}.film-snapshots .img-6 .mask{background:url(/sample-film/film-snapshot-6.webp) no-repeat 50% 50%;background-size:cover}@media(max-width:1000px){.film-hero .container .film-hero-copy .pixelated-text h1{padding:0 0 5rem;font-size:20vw}.film-hero .container .film-hero-copy .film-hero-description{width:100%}.film-snapshots .container,.film-snapshots .snap-row{flex-direction:column;gap:1rem}.snap-img:not([class*=img-]){display:none}}