*{box-sizing:border-box;margin:0;padding:0}body,html{border:none;overflow-x:clip;scroll-behavior:smooth}a{color:unset;text-decoration:none}p{margin-bottom:1em}img{max-width:100%;object-fit:contain}body{animation:fade-in 2s ease-in-out both;background:#000}@keyframes fade-in{0%{opacity:0}to{opacity:1}}body{font-family:Sharp Sans Medium;font-size:16px;letter-spacing:.25px;line-height:1.5}h1{font-size:70px;line-height:1.1;margin-bottom:.3em}h1,h2{font-family:Sharp Sans Bold;letter-spacing:2px;text-transform:lowercase}h2{font-size:80px}h3{letter-spacing:.5px;line-height:1.1}h3,h4{font-size:40px}h4{font-family:Sharp Sans Bold;letter-spacing:1px;margin-bottom:1em;text-transform:uppercase}h4:after{background:#d3d3d3;content:"";display:block;height:5px;margin-top:.5em;width:1.5em}h5{font-family:Sharp Sans Bold;font-size:28px}.reel-width{margin:0 auto;max-width:1800px}.playing .reel-width{max-width:100%}.content-width{margin-left:auto!important;margin-right:auto!important;max-width:1900px;
            /* !important to prevent accidential paddings/margins overwrites */padding-left:50px!important;padding-right:50px!important}.right-aligned{max-width:100em;text-align:right}.mb-10{margin-bottom:10vh}header{background:#f6f6f6;color:#000;height:85px;margin-bottom:2em;overflow:clip;padding:20px 0;transition:.5s ease-out}.playing header{height:0;margin:0;opacity:0;padding:0}.h-wrapper{align-items:baseline;display:flex;flex-flow:row nowrap;justify-content:space-between}header .logo{width:200px}header nav a{font-family:Sharp Sans Bold;margin-left:2em;text-transform:lowercase}section{padding-bottom:5vh}.landing{position:relative;transition:.5s ease-out}.playing .landing{height:100vh}section:not(.landing){background:#eee;position:relative;transition:background-color 2s ease-in-out .25s}.playing section{background:#000;transition:background-color .25s ease-out 0s,height .25s ease-out 0s}.landing:after{background:#eee;bottom:0;content:"";height:22vh;position:absolute;transition:background-color 2s ease-in-out .25s;width:100%;z-index:1}.playing .landing:after{background:#000;transition:background-color .25s ease-out 0s}.reel-wrapper{height:70vh;overflow:hidden;position:relative;transition:.5s ease-out;z-index:10}.playing .reel-wrapper{height:100%;width:100%}#play,#teaser{transition:.25s ease-in-out .25s}.playing #play,.playing #teaser{opacity:0;pointer-events:none;transition-delay:0;transition:.2s ease-out}#reel{opacity:1;transition:1s ease-out}body:not(.playing) #reel{opacity:0;pointer-events:none;transition:.5s ease-out}video{height:100%;object-fit:cover;position:absolute;width:100%}video#reel{object-fit:contain}.triangle{border-bottom:100px solid transparent;border-left:100px solid #fff;border-right:0;border-top:100px solid transparent;height:0;left:50%;opacity:.5;position:absolute;top:50%;transform:scaleX(1.4) translateY(-50%);transition:.2s ease-out;width:0}.triangle:hover{opacity:1;transform:scaleX(1.4) translateY(-50%) scale(1.1)}.close{color:#fff;cursor:pointer;padding:2em;position:absolute;right:2em;top:2em;transform:scaleY(.7);transition:.5s ease-out;z-index:100}body:not(.playing) .close{opacity:0}.claim-wrapper{height:60vh}.claim{padding:0;position:sticky;top:calc(50vh - 5em)}.divisions{display:flex;flex-flow:row nowrap;height:calc(100% + 20px);overflow-x:scroll;overflow-y:hidden;position:relative;scroll-behavior:smooth;width:100vw;-ms-overflow-style:none;scrollbar-width:none;touch-action:pan-y;transition:opacity .4s ease-out}.divisions::-webkit-scrollbar{display:none}.division{flex:0 0 100vw}.card{height:800px;position:relative}.card img{filter:brightness(.8);height:100%;object-fit:cover;pointer-events:none;position:absolute;width:100em}.card-content{color:#fff;display:flex;flex-flow:column nowrap;height:100%;justify-content:end;max-width:100vw;padding:2em 4em;position:relative;width:100em}.teaser{font-size:125%;max-width:38em}.arrow-sticky-wrapper{left:100em;position:absolute;top:50%}.arrow-center-wrapper{align-items:center;display:flex;height:1em;justify-content:center;position:sticky;top:50vh}.arrow-next{color:#000;font-family:Sharp Sans Bold;font-size:64px;padding:100px;transform:scaleX(.7);transition:.5s ease-out}blockquote{align-items:baseline;display:flex;flex-flow:row nowrap;font-size:125%;margin-bottom:5em;margin-left:10em;margin-top:2em;max-width:38em;position:relative}blockquote:before{color:#d3d3d3;content:"»";font-family:Sharp Sans Bold;font-size:128px;left:-.7em;line-height:0;position:absolute;top:.02em}.next-link-wrapper{margin-bottom:6px;margin-top:5em}.next-link{box-shadow:0 2px 0 #000;padding:4px 0}.projects{display:flex;justify-content:space-between}.sliding{overflow:hidden}.wrapper{height:400%;margin:0;position:relative;top:0;width:100%}.film-slider .wrapper{line-height:0}.film-slider{height:640px;width:24.3%}.film-slider img{height:640px;object-fit:cover}.film-grid{display:flex;flex-flow:row wrap;gap:15px}.film-grid>a{flex-basis:30%;flex-grow:1.1;position:relative}.film-grid .text{align-items:center;background:#00000033;bottom:0;color:#fff;display:flex;flex-flow:column nowrap;justify-content:center;left:0;position:absolute;right:0;top:0;transition:.5s}.film-grid>a:not(:hover) .text{opacity:0}.film-grid h2{font-size:40px;text-align:center;text-transform:uppercase}.film-grid h3{font-size:24px;text-align:center}.team{display:flex;gap:1em}.person{position:relative;width:25%}.person img{filter:grayscale(1)}.person .desc{bottom:1em;color:#fff;left:1.5em;position:absolute}.logos{display:flex;filter:grayscale(1);gap:100px;justify-content:center;margin:0 auto;max-width:2000px;object-fit:contain;width:10%}.contact-info{align-items:center;display:flex;flex-flow:row nowrap;gap:4em}.contact-info>div{flex-basis:50%}#map{filter:grayscale(1) brightness(.85) contrast(1.5);height:50vh}#map:after{background:radial-gradient(#eeeeee00,#eeeeeeaa);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:1000}.address{border-left:4px solid #ddd;padding:0 2em}.popup-player{align-items:center;background:#000;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;transition:.5s ease-out}.popup-player:not(.active){opacity:0;pointer-events:none;transform:scale(90%)}.popup-player .close.close{opacity:1}footer{background:#ddd}.footer-wrapper{flex-flow:row wrap;gap:2em;justify-content:space-between;padding:50px}.footer-wrapper,.newsletter{align-items:center;display:flex}.newsletter{flex-flow:row nowrap;gap:30px;justify-content:end;padding:20px 0}button{background:#000;border:0;border-radius:15px;color:#fff;cursor:pointer;font-family:Sharp Sans Bold;letter-spacing:1px;padding:15px 35px;transition:.1s ease-out}button:hover{background:#fff;color:#000}footer .logo{width:8em}ul{list-style:none;margin-block-end:0;margin-block-start:0;padding-inline-start:0}b{font-family:Sharp Sans Bold}footer .copyright{background:#222;color:#eee;font-size:88%;padding:.5em 1em}footer .copyright>div.content-width{display:flex;justify-content:space-between}@media screen and (max-width:1800px){.reel-width{width:100%}header{margin:0;padding:20px 50px}h1{font-size:60px}}@media screen and (max-width:1400px){h1{font-size:50px}}@media screen and (max-width:850px){body{font-size:10px}.content-width{max-width:100%;padding:20px!important}h1{font-size:20px;letter-spacing:.1px}h2,h3{font-size:18px}h4{font-size:16px}h5{font-size:14px}header{height:auto;padding:20px}header .logo{width:100px}nav{display:none}.triangle{border-width:25px}.divisions{height:100vh}.card{flex-flow:column;gap:1em;height:auto;padding:0!important}.card img{height:33vh}.card-content{height:33vh;padding:20px}.arrow-next{display:none}blockquote{margin-bottom:0;margin-left:0}blockquote:before{display:none}.img-slider,.img-slider img{height:60vw;width:calc(100vw - 2em)}.content{height:auto;padding:0 1em}h2{display:block;line-height:1.25}.projects{flex-flow:row wrap;gap:1em}.film-slider{height:33vh;width:48%}.film-slider img{height:33vh}.film-grid>a{flex-basis:100%}.team{flex-flow:row wrap;justify-content:space-between}.person{width:47%}.logos{gap:20px;max-width:80vw}.contact-info{display:block}#map{height:30vh;margin-bottom:2em}.material-icons{font-size:16px!important}.footer-wrapper{flex-flow:column-reverse nowrap;gap:2em;margin:0;padding:3em 1em;width:calc(100vw - 2em)}.newsletter form,.socials{padding:0}.socials img{width:16px}.newsletter form{align-items:start;flex-flow:column nowrap;gap:10px}form input{border-radius:0;padding:10px 20px;width:calc(100vw - 3em)}.submit{text-align:right;width:100%}button{border-radius:6px;padding:10px 20px}}