@font-face{font-family:'bebas_neuethin';src:url('/diane/mastodonte/static/base/fonts/bebasneue-thin-webfont.woff2?1662772408') format("woff2"),url('/diane/mastodonte/static/base/fonts/bebasneue-thin-webfont.woff?1662772408') format("woff");font-weight:normal;font-style:normal}@font-face{font-family:'bebas_neueregular';src:url('/diane/mastodonte/static/base/fonts/bebasneue-regular-webfont.woff2?1662772408') format("woff2"),url('/diane/mastodonte/static/base/fonts/bebasneue-regular-webfont.woff?1662772408') format("woff");font-weight:normal;font-style:normal}@font-face{font-family:'bebas_neuelight';src:url('/diane/mastodonte/static/base/fonts/bebasneue-light-webfont.woff2?1662772408') format("woff2"),url('/diane/mastodonte/static/base/fonts/bebasneue-light-webfont.woff?1662772408') format("woff");font-weight:normal;font-style:normal}@font-face{font-family:'bebas_neuebook';src:url('/diane/mastodonte/static/base/fonts/bebasneue-book-webfont.woff2?1662772408') format("woff2"),url('/diane/mastodonte/static/base/fonts/bebasneue-book-webfont.woff?1662772408') format("woff");font-weight:normal;font-style:normal}@font-face{font-family:'bebas_neuebold';src:url('/diane/mastodonte/static/base/fonts/bebasneue-bold-webfont.woff2?1662772408') format("woff2"),url('/diane/mastodonte/static/base/fonts/bebasneue-bold-webfont.woff?1662772408') format("woff");font-weight:normal;font-style:normal}body{font-family:'bebas_neuelight';letter-spacing:0.3rem;background-color:black;color:white;padding-top:89px}body>main{background-color:black}a{text-decoration:none;color:white}a:hover{color:white;text-decoration:none}.spacer{flex:1 1 auto}h1,h2,h3,h4,h5{font-family:'bebas_neuelight';letter-spacing:1rem;padding:45px 10px;text-align:center;color:white}h1{font-size:3.5rem}h2{font-size:3rem;letter-spacing:1.5rem}h3{font-size:3rem;letter-spacing:1.5rem}@media only screen and (max-width: 800px){h1{font-size:3rem;text-align:left}h2{font-size:2.3rem;letter-spacing:1.2rem;text-align:left}h3{font-size:2.3rem;letter-spacing:1.2rem;text-align:left}}body>footer{background-color:black;position:relative;z-index:1;padding-bottom:16px}#mainNav{color:#ddd;position:fixed;z-index:100;top:0;right:0;left:0;text-align:center;text-transform:uppercase;padding-right:15px;padding-left:15px;padding-bottom:2px;transition:all 0.6s;cursor:pointer;letter-spacing:.3rem;font-size:1.2rem;font-family:'bebas_neueregular';opacity:0;background-color:rgba(0,0,0,0.4)}#mainNav>span#m{position:relative;z-index:1;display:inline-block;margin:auto;cursor:pointer;width:100%;transition:all 0.6s}#mainNav>span#m>svg{height:30px;width:auto;transform:rotate(90deg)}#mainNav>span#m>svg #m-center{opacity:0;transition:opacity 0.5s}#mainNav>span#m>svg #m-meat{opacity:1;transition:opacity 0.5s}#mainNav>span#m.active{transform:rotate(-90deg);width:auto}#mainNav>span#m.active>svg #m-center{opacity:1}#mainNav>span#m.active>svg #m-meat{opacity:0}#mainNav>.lang{position:relative;z-index:1;display:none;cursor:pointer;font-size:.8rem;margin:auto}#mainNav>.lang.active{display:inline-block}#mainNav .items{position:relative;z-index:10;display:inline-block;overflow-y:hidden;transition:all 0.4s;margin:auto;max-height:60px;width:1px;opacity:0}#mainNav .items.active{width:90%;opacity:1}#mainNav .items a.item{text-decoration:none;color:white;display:inline-block;vertical-align:center;padding:10px 8px 10px 12px}#mainNav .items a.item.active{font-family:'bebas_neuebold';font-weight:bold}@media only screen and (max-width: 1360px){#mainNav{padding-bottom:15px}#mainNav .items{overflow-y:inherit;margin-bottom:1.5rem}}@media only screen and (max-width: 720px){#mainNav{padding-top:15px;background-color:black}#mainNav>span#m{width:100%}#mainNav>span#m.active{width:100%}#mainNav .items{display:none}#mainNav .items.active{height:inherit;display:inline-block}#mainNav .items .item{width:100%;padding-bottom:1rem}#mainNav .lang{width:100%;margin-top:1.5rem;font-size:1.4rem;margin-bottom:1rem}}body.home{background-color:black}body.home main.container{width:100%;max-width:100%;padding:0}body.home main.container #mainNav{background-color:transparent}body.home main.container #mainNav:hover{background-color:rgba(0,0,0,0.8)}body.home main.container #mainContent{position:relative;z-index:1;margin-bottom:-16px}body.home main.container .projects-teaser{position:fixed;display:block;z-index:1;top:-50px;right:0;bottom:50px;left:0}body.home main.container .projects-teaser .controls{z-index:150;position:absolute;top:0;bottom:0;display:flex;flex-direction:column;justify-content:center;overflow:hidden;cursor:pointer}body.home main.container .projects-teaser .controls#teaser-next{right:0}body.home main.container .projects-teaser .controls i{margin-right:2rem;margin-left:2rem}body.home main.container .projects-teaser .project-teaser{z-index:1;position:absolute;top:0;bottom:0;right:0;left:0;display:flex;align-items:center;justify-content:center;opacity:0;transition:all 1s}body.home main.container .projects-teaser .project-teaser.active{opacity:1;z-index:10;right:0;left:0}body.home main.container .projects-teaser .project-teaser.next{left:-2000px;right:2000px}body.home main.container .projects-teaser .project-teaser.prev{left:2000px;right:-2000px}body.home main.container .projects-teaser .project-teaser video{position:absolute;z-index:5;transition:opacity 0.3s;width:130%;left:-15%;top:0}body.home main.container .projects-teaser .project-teaser .data{color:white;text-transform:uppercase;text-align:center;z-index:30;font-size:2rem;letter-spacing:.5rem;padding-bottom:40px}body.home main.container .projects-teaser .project-teaser .data .client{font-size:1.8rem;font-family:'bebas_neuebold';letter-spacing:.4rem}body.home main.container .projects-teaser .project-teaser .data .director{font-size:1.8rem;margin-left:-.3rem;font-family:'bebas_neuelight'}body.home main.container #headerLogo{text-align:center;z-index:100;padding:15px 15px;background-color:black;transition:margin 0.3s;margin-top:0}body.home main.container #headerLogo img{max-width:280px;width:100%;margin:0;border:black 10px solid}body.home main.container .section{background-color:black;color:white}body.home main.container .section>.row{margin-right:0;margin-left:0}@media (orientation: portrait){body.home main.container .projects-teaser .project-teaser video{width:auto;height:100%}body.home main.container .projects-teaser .controls{display:none}}@media only screen and (max-width: 720px){body.home #mainNav{background-color:rgba(0,0,0,0.9)}}.directors>.director{text-color:white;text-align:center;height:300px;background-position:center;background-repeat:no-repeat;background-size:100% auto;position:relative}.directors>.director .data{background-color:rgba(0,0,0,0.2);color:white;transition:all 0.3s;display:flex;align-items:center;justify-content:center;position:absolute;top:0;right:0;left:0;bottom:0;padding:15px;letter-spacing:.5rem}.directors>.director .data .name{transition:all 0.1s;font-size:1.7rem;font-family:'bebas_neuebold'}.directors>.director .data .name .last_name{font-family:'bebas_neuelight';margin-left:-.5rem}.directors>.director .data:hover{background-color:rgba(0,0,0,0.6)}.directors>.director .data:hover .name{font-size:2.4rem;letter-spacing:.5rem}body.director .director-images{margin-top:5rem}body.director .instagram-embed{margin-top:6rem;display:flex;justify-content:center}.projects>.project{text-color:white;text-align:center;height:300px;background-position:center;background-repeat:no-repeat;background-size:100% auto;position:relative}.projects>.project .data{background-color:rgba(0,0,0,0.2);color:white;transition:all 0.3s;display:flex;align-items:center;justify-content:center;position:absolute;top:0;right:0;left:0;bottom:0;padding:10px}.projects>.project .data .client,.projects>.project .data .name{font-size:1.8rem;font-family:'bebas_neuebold';letter-spacing:.5rem}.projects>.project .data .agency{font-size:1.8rem;font-family:'bebas_neuelight'}.projects>.project .data .director{font-size:1.8rem;font-family:'bebas_neuelight'}.projects>.project .data:hover{background-color:rgba(0,0,0,0.6)}body.partners .partner img{width:50%;height:auto}body.content #content-list{position:absolute;top:0;bottom:0;left:0;right:0;z-index:2;background-color:black}body.content #content-list h2{font-size:2.6rem;letter-spacing:1.3rem;transition:all 0.1s}body.content #content-list h2:hover{font-size:2.8rem;letter-spacing:1.4rem}body.content #content-list>.row{width:100%;margin:0}body.about h1{padding-bottom:10px}body.about .about-image{min-height:400px;background-position:center;background-repeat:no-repeat;background-size:100% auto}body.contact h1,body.contact h2,body.contact h3{font-family:'bebas_neuebold';text-align:left;padding-left:0;padding-right:0;padding-top:0}body.contact .locations .location .main{display:flex}body.contact .locations .location .main .info{text-align:right;margin-top:25px}body.contact h2{font-size:8rem;padding-bottom:20px}body.contact hr{border-top:3px solid white;margin-bottom:5rem}.awards.award-list{margin:auto;text-align:center}.awards.award-list .award{display:inline-block;margin:1rem}.awards.award-list .award img{height:90px;width:auto}.pop-up{position:fixed;display:block;top:0;right:0;bottom:0;left:0;z-index:100;transition-duration:2s;transition-property:all}.pop-up>div{position:absolute;top:0;right:0;bottom:0;left:0;background-color:black;cursor:pointer;display:flex;justify-content:center;align-items:center;flex-direction:column;transition-property:opacity;transition-duration:2s}.pop-up>div .logo{text-align:center;margin-top:2rem;margin-bottom:1rem}.pop-up.inactive{top:-100%;bottom:100%}.pop-up.inactive>div{opacity:0}@media (orientation: portrait){.awards.award-list .award img{height:50px}.pop-up .logo img{height:40px;width:auto}}.post-card{display:flex;flex-direction:row-reverse;grid-column-gap:20px;grid-row-gap:20px}.post-card .image{display:block;width:300px;height:300px}.post-card .title{font-weight:bold;font-size:3rem}.post-card .summary{font-size:2rem}.post-card .body{margin-top:1rem}.post-card .read-more{margin-top:1rem}.post-detail .image{width:100%;height:auto;margin:20px 0}.post-detail .title{margin-bottom:0;padding-bottom:10px}.post-detail .date{color:black;background:white;padding:0.6rem;padding-right:0.3rem;display:inline-block;font-weight:bold;margin-bottom:20px}.post-detail .summary{font-size:2rem}.post-detail .read-more{margin-top:1rem}@media screen and (max-width: 720px){.post-card{flex-direction:column}.post-card .image{margin:auto}}
