:root{color-scheme:light dark}*,:before,:after{box-sizing:border-box;margin:0;padding:0}@font-face{font-family:Alte Haas Grotesk;font-style:normal;font-weight:500;font-stretch:100%;font-display:swap;src:url(./assets/fonts/Alte-Haas-Grotesk-Regular.ttf)format("truetype")}@font-face{font-family:Alte Haas Grotesk;font-style:normal;font-weight:800;font-stretch:100%;font-display:swap;src:url(./assets/fonts/Alte-Haas-Grotesk-Bold.ttf)format("truetype")}html{width:100%;height:100%;margin:0;padding:0}body{color:light-dark(#000,#fff);background-color:light-dark(#dbd6d2,#212121);background-image:url(./assets/images/paper-light-1536.webp);background-position:50%;background-size:cover;background-image:image-set(url(./assets/images/paper-light-800.webp) 1x, url(./assets/images/paper-light-1536.webp) 2x, url(./assets/images/paper-light-2500.webp) 3x,);width:100%;min-height:100%;margin:0;padding:0;font-family:Alte Haas Grotesk,Helvetica,sans-serif;position:relative;@media (prefers-color-scheme:dark){background-image:url(./assets/images/paper-dark-1536.webp);background-image:image-set(url(./assets/images/paper-dark-800.webp) 1x, url(./assets/images/paper-dark-1536.webp) 2x, url(./assets/images/paper-dark-2500.webp) 3x,)}}main{flex-direction:column;gap:2rem;max-width:54rem;margin-inline:auto;padding:7rem 2rem 3rem;display:flex;@media (width<=600px){padding:7rem 1.25rem 3rem}}h1{margin-bottom:.1rem;font-size:clamp(1.2rem,6dvw,2rem)}.video{background-color:light-dark(#e1dad7,#191919)}.video>div{aspect-ratio:33/14;object-fit:cover;border:0;width:100%;& iframe{border:0;width:100%;height:100%}}.synopsis{text-align:justify;margin-bottom:2rem;& img{width:70dvw;max-width:30rem;height:auto}}.crew{margin-bottom:2rem;& h3{margin-bottom:.8rem}& p{text-align:justify}& p span:not(.role){margin-inline-end:.3rem;font-weight:700}}.director{text-align:justify;flex-wrap:wrap;gap:1.6rem;margin-bottom:2rem;display:flex;& h3{margin-bottom:.4rem}& h4{margin-bottom:1rem}& img{width:auto;height:22dvw;min-height:12rem;max-height:16rem}& div{flex:18rem}& p:has(+p){margin-bottom:1.2rem}}.logo{position:absolute;top:2rem;left:2rem;@media (width<=600px){top:1.25rem;left:1.25rem}}.social-media{position:absolute;top:2rem;right:2rem;@media (width<=600px){top:1.25rem;right:1.25rem}& ul{gap:1.2rem;list-style:none;display:flex}& li{height:1.6rem}& a{fill:light-dark(#000,#fff);filter:drop-shadow(-2px -2px 6px #fff0)drop-shadow(2px 2px 6px #fff0);width:1.6rem;height:1.6rem;text-decoration:none;transition:fill .1s ease-in,scale .1s ease-in-out,filter .1s ease-in-out;display:inline-block;&:hover,&:focus,&:active{fill:var(--social-media-hover-color,white);filter:drop-shadow(-2px -2px 6px #fff6)drop-shadow(2px 2px 6px #fff6);scale:1.1;@media (prefers-color-scheme:light){filter:drop-shadow(-2px -2px 6px #0006)drop-shadow(2px 2px 6px #0006)}}}& a[aria-label*=Instagram]{--social-media-hover-color:url(#instagramGradient)}& a[aria-label*=YouTube]{--social-media-hover-color:#f03}& a[aria-label*=vimeo]{--social-media-hover-color:#17d5ff}& a[aria-label*=Twitter]{--social-media-hover-color:black}}.bts-gallery{& ul{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));grid-auto-rows:1fr;gap:1rem;width:100%;margin:0;padding:0;display:grid;@media (width<=600px){grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.6rem}}& h3{margin-bottom:.8rem}& li{list-style:none}& .vertical{grid-row:span 2}& a{width:100%;height:100%;display:block}& img{object-fit:cover;width:100%;height:100%}}.website-info{& p:first-child{margin-bottom:.8rem}& .sign{flex-direction:column;align-items:flex-end;gap:.1rem;display:flex;& span:last-child{font-weight:700}}}footer{text-align:center;& img{width:8rem}}