@font-face{font-family:nm medium;src:url(../fonts/PPNeueMontreal-Medium.woff2) format("woff2")}@font-face{font-family:nm regular;src:url(../fonts/PPNeueMontreal-Medium.woff2) format("woff2")}@font-face{font-family:nm book;src:url(../fonts/pp_book.woff2) format("woff2")}@font-face{font-family:nm italic;src:url(../fonts/pp_italic.woff2) format("woff2")}:root{font-family:Helvetica Neue,system-ui,Avenir,Helvetica,Arial,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline;box-sizing:border-box}html{height:auto}body{margin:0;overflow:hidden;min-height:100vh}body a{color:inherit;text-decoration:none;cursor:pointer;display:inline-flex}#app{margin:0;position:relative;top:0;left:0;z-index:2;box-sizing:border-box;width:100%;height:100%;min-height:100vh}@media screen and (max-width: 430px){#app{min-height:0}}.italics{font-family:nm italic;font-size:2rem;line-height:1;font-weight:400}#main{position:fixed;display:block;width:100%;top:0;left:0;bottom:0;overflow-y:scroll;box-sizing:border-box;z-index:1;height:100%}#r{margin:0;overflow:hidden;position:fixed;height:100%;width:100%;top:0;left:0;z-index:1}#page{position:absolute;z-index:1;box-sizing:border-box;width:100%;height:100%}div,span{display:block}ul,li{list-style:none}.hover-ting{position:relative;top:0;left:0;z-index:1;height:100%;overflow:hidden;mix-blend-mode:difference}.hover-ting:before{transform:translate3d(-102%,0,0);opacity:0;content:"";position:absolute;bottom:0;left:0;right:0;height:.16rem;background-color:#000}.hover-ting:after{transform:translate3d(102%,0,0);transition:transform .8s cubic-bezier(.16,1,.3,1);opacity:1;content:"";position:absolute;bottom:0;left:0;right:0;height:.16rem;background-color:#000}.hover-ting:hover:before{transform:translateZ(0);opacity:1;transition:transform .8s cubic-bezier(.16,1,.3,1)}.hover-ting:hover:after{transform:translateZ(0);opacity:0}.pre{background-color:#fff;width:100%;height:100vh;position:absolute;z-index:999;display:flex;justify-content:center;align-items:center}.pre>p{text-align:center;font-size:2rem}.loader{border-bottom:solid 1px #151515}.lenis{height:auto}.lenis.lenis-smooth{scroll-behavior:auto}.lenis.lenis-smooth [data-lenis-prevent]{overscroll-behavior:contain}.lenis.lenis-stopped{overflow:hidden}.lenis.lenis-scrolling iframe{pointer-events:none}#admin{height:100vh;max-height:100dvh;overscroll-behavior:none;-webkit-font-smoothing:antialiased;overflow:auto;display:block;position:relative;z-index:2}nav{font-family:nm book;font-size:2rem;line-height:1;font-weight:400;width:100%;box-sizing:border-box;padding:2rem;position:fixed;top:0;left:0;z-index:4}nav .nav-logo>span>svg{height:2rem;width:2rem;color:currentColor}nav ul{display:flex;flex-direction:row;width:100%;overflow:hidden}nav ul li{position:relative;line-height:1.5}nav ul li:nth-child(1){flex-basis:calc((8.3333333333% + 2rem) * 8)}@media screen and (max-width: 430px){nav ul li:nth-child(1){flex-basis:calc((8.3333333333% + 2rem) * 2)}}nav ul li:nth-child(3){cursor:pointer;display:flex;flex-direction:row;gap:1rem;flex-basis:calc((8.3333333333% + 2rem) * 2)}nav ul li:nth-child(2){flex-basis:calc((8.3333333333% + 2rem) * 2)}nav ul li:nth-child(4){flex-basis:calc((8.3333333333% + 2rem) * 1)}nav ul .easter-egg{display:flex;flex-direction:column;justify-content:center}nav ul .easter-egg .egg{width:2rem;height:2rem;cursor:pointer;border-radius:2rem}@media screen and (max-width: 430px){nav .nav--work{display:none}}.home{font-family:nm book;font-size:2rem;line-height:1;font-weight:400;position:relative}.home__container{position:absolute;top:0;left:0;z-index:2;width:100%;height:100vh}.home__selector{width:100%;height:100%;z-index:1;position:relative;pointer-events:none}.home__list{position:relative;padding:10rem 2rem;display:grid;height:100%;max-height:100vh;grid-template-columns:repeat(5,1fr);grid-template-rows:repeat(3,1fr);grid-template-areas:"a x b c ." ". d e . f" "g h . i .";gap:2rem}@media screen and (max-width: 430px){.home__list{display:flex;flex-direction:column;max-height:none;gap:2rem}}.home__list--item__mobile,.home__list--item{position:relative}.home__list--item__wrapper{position:relative;display:none;flex-direction:column;gap:1.2rem;overflow:hidden;z-index:2;pointer-events:none;opacity:0;transition:opacity .2s ease-in}@media screen and (max-width: 430px){.home__list--item__wrapper{opacity:1;pointer-events:auto}}.home__list--item__wrapper--img{overflow:hidden;position:relative;opacity:0;aspect-ratio:16/9}.home__list--item__wrapper--img>img{object-fit:cover;height:100%;width:100%}.home__list--item__wrapper--title{font-size:1.6rem}.home__list--item__wrapper.active{display:flex;pointer-events:all}.home__list--item__wrapper.active:hover{opacity:1}.about{font-family:nm book;font-size:2rem;line-height:1;font-weight:400;margin-top:6rem;padding:0 2rem;display:flex;flex-direction:column;gap:4rem}.about h1{font-family:nm medium;font-style:normal;font-size:11rem;text-transform:uppercase;line-height:1;font-weight:500}@media screen and (max-width: 430px){.about h1{font-size:8rem}}.about h2{font-size:3.6rem;line-height:4rem;text-transform:uppercase}.about__image{display:block;position:relative;max-width:50rem}@media screen and (max-width: 430px){.about__image{max-width:100%}}.about__image__el{height:100%;width:100%;object-fit:cover;vertical-align:top}.about__body{width:100%;display:flex;flex-direction:row-reverse;justify-content:space-between}@media screen and (max-width: 430px){.about__body{flex-direction:column;justify-content:flex-start}}.about__body__left{display:flex;flex-direction:column;gap:4rem;max-width:33%;margin-bottom:30rem}@media screen and (max-width: 430px){.about__body__left{max-width:100%}}.about__body--item{flex:50%;text-transform:math-auto;display:flex;flex-direction:column;gap:4rem;position:relative}.about__body--item a{position:relative}.about__body--item a:hover{opacity:.5}.about__body--item:nth-child(3){flex:1}.about__body--links{position:relative;display:flex;flex-direction:column}.about__body--links>ul{display:flex;flex-direction:column;gap:4rem}.about__rec{display:flex;flex-direction:column;width:100%}.about__rec--item{display:flex;flex-direction:row;justify-content:space-between}.case{font-family:nm book;font-size:2rem;line-height:1;font-weight:400;position:relative;margin-bottom:10rem}.case__container{padding:8rem 10rem 4rem;display:flex;flex-direction:column;gap:5rem}@media screen and (max-width: 430px){.case__container{padding:8rem 2rem 2rem}}.case__container--title{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:1rem}.case__container--title p{max-width:50%}.case__container .video__wrapper{min-height:50vh;padding:0 10vw;display:flex;flex-direction:column;justify-content:center;align-items:center}@media screen and (max-width: 430px){.case__container .video__wrapper{min-height:40rem}}.case__container .video__container{box-sizing:border-box;width:100%;position:relative;aspect-ratio:16/9}.case__container .video__container .video__cover{width:100%;height:100%;position:absolute;z-index:4;pointer-events:none}.case__container .video__container iframe{height:100%;width:100%}.case__container--flex{display:flex;flex-direction:row;gap:2rem}@media screen and (max-width: 430px){.case__container--flex{flex-direction:column}}.case__container--credits{width:100%;flex:0 0 30%}.case__container--credits__text{white-space:pre;position:sticky;top:7rem}@media screen and (max-width: 430px){.case__container--credits__text{position:relative;top:0}}.case__container--stills{flex:0 0 1;box-sizing:border-box;width:100%;display:flex;flex-direction:column;gap:2rem;justify-content:center;align-items:center}.case__container--stills__imgWrapper{height:50vh;overflow:hidden}@media screen and (max-width: 430px){.case__container--stills__imgWrapper{height:auto}}.case__container--stills__imgWrapper img{height:100%;width:100%;object-fit:contain}