body{background-color:#1f1e49;font-family:Arial,Helvetica,sans-serif}body #magicPointer{z-index:999999999}body main{overflow-x:hidden}body main section{height:100vh;color:#f0f8ff}body main section.header{position:relative;z-index:10;width:100vw;font-family:verdana;display:flex;flex-direction:column;align-items:center;justify-content:center}body main section.header .logo{display:flex;flex-direction:row;justify-content:center;align-items:center;margin-bottom:1rem}body main section.header .logo .spacing{background-color:#7371b4;width:1rem}body main section.header .logo .letter{color:#fff;font-size:25vw;letter-spacing:1rem}body main section.header .logo .letter.small{font-size:6vw;letter-spacing:.2rem}body main section.header .logo .letter.right-spacing{margin-right:.5rem}@media screen and (max-width:463px){body main section.header .logo{margin-bottom:.4rem}body main section.header .logo .spacing{width:.2rem}body main section.header .logo .letter{letter-spacing:.2rem}}@media screen and (min-width:463px)and (max-width:768px){body main section.header .logo{margin-bottom:.8rem}body main section.header .logo .spacing{width:.4rem}body main section.header .logo .letter{letter-spacing:.4rem}}@media screen and (min-width:769px)and (max-width:1024px){body main section.header .logo .spacing{width:.8rem}body main section.header .logo .letter{letter-spacing:.8rem}}body main section.reel{height:100vh;width:100vw;position:absolute;top:0;left:0;z-index:0;overflow-y:hidden}body main section.reel iframe{position:absolute;top:50%;left:50%;width:100vw;height:100vh;transform:translate(-50%,-50%);pointer-events:none}@media(min-aspect-ratio:16/9){body main section.reel iframe{height:56.25vw}}@media(max-aspect-ratio:16/9){body main section.reel iframe{width:177.78vh}}body main section.cases{height:auto;background-color:#1f1e49;position:relative;z-index:11}body main section.cases .embed{overflow:hidden;padding-block-start:100%;position:relative}body main section.cases .embed--1-2{padding-top:200%}body main section.cases .embed--2-1{padding-top:50%}body main section.cases .embed--2-3{padding-top:150%}body main section.cases .embed>*{height:100%;left:0;object-fit:cover;padding:.2em;position:absolute;top:0;width:100%}@media(max-width:768px){body main section.cases .embed>*{padding:.1em}}body main section.cases .gallery{display:grid;grid-template-rows:repeat(5,1fr);grid-template-columns:repeat(8,1fr)}@media(max-width:768px){body main section.cases .gallery{grid-template-columns:repeat(4,1fr)}}body main section.cases .gallery .gallery__item .overlay{position:absolute;top:.2em;bottom:0;left:.2em;right:0;height:calc(100% - .2em);width:calc(100% - .2em);opacity:0;transition:.5s ease;background-color:#000}body main section.cases .gallery .gallery__item .overlay.fixed{opacity:.3}@media(max-width:768px){body main section.cases .gallery .gallery__item .overlay{top:.1em;left:.1em;height:calc(100% - .1em);width:calc(100% - .1em)}}body main section.cases .gallery .gallery__item .crosslogos{position:relative}body main section.cases .gallery .gallery__item .crosslogos img{transition:.5s ease;object-fit:cover;position:absolute}body main section.cases .gallery .gallery__item .crosslogos img.full{opacity:0}body main section.cases .gallery .gallery__item .crosslogos img.white{opacity:1}body main section.cases .gallery .gallery__item .content{color:#fff;opacity:0;transition:.5s ease;display:flex;flex-direction:column;justify-content:center;align-items:center;font-family:Roboto;padding:0 20px;font-size:220%;text-align:center}body main section.cases .gallery .gallery__item .content.fixed{opacity:1}body main section.cases .gallery .gallery__item .content p{padding:0;margin:0}body main section.cases .gallery .gallery__item .content p.magic-hover{z-index:101}body main section.cases .gallery .gallery__item .content p.case-name{font-size:80%;font-weight:900;line-height:1;text-transform:uppercase}body main section.cases .gallery .gallery__item .content p.case-service{font-size:70%;text-transform:uppercase;font-weight:100}body main section.cases .gallery .gallery__item .content a{font-size:30%;text-transform:uppercase;font-weight:400;color:#ebebeb;text-decoration:none;position:absolute;bottom:10%}@media screen and (max-width:463px){body main section.cases .gallery .gallery__item .content{font-size:100%}body main section.cases .gallery .gallery__item .content p.case-name{font-size:70%}body main section.cases .gallery .gallery__item .content p.case-service{font-size:50%}body main section.cases .gallery .gallery__item .content a{font-size:40%}}@media screen and (min-width:463px)and (max-width:768px){body main section.cases .gallery .gallery__item .content{font-size:100%}body main section.cases .gallery .gallery__item .content p.case-name{font-size:100%}body main section.cases .gallery .gallery__item .content p.case-service{font-size:80%}body main section.cases .gallery .gallery__item .content a{font-size:60%}}@media screen and (min-width:769px)and (max-width:1024px){body main section.cases .gallery .gallery__item .content{font-size:100%}body main section.cases .gallery .gallery__item .content p.case-name{font-size:80%}body main section.cases .gallery .gallery__item .content p.case-service{font-size:60%}body main section.cases .gallery .gallery__item .content a{font-size:60%}}@media screen and (min-width:1025px)and (max-width:1440px){body main section.cases .gallery .gallery__item .content{font-size:180%}body main section.cases .gallery .gallery__item .content p.case-name{font-size:80%}body main section.cases .gallery .gallery__item .content p.case-service{font-size:60%}body main section.cases .gallery .gallery__item .content a{font-size:60%}}body main section.cases .gallery .gallery__item:hover .overlay{opacity:.4}body main section.cases .gallery .gallery__item:hover .content{opacity:1}body main section.cases .gallery .gallery__item:hover .content a{text-decoration:underline}body main section.cases .gallery .gallery__item:hover .crosslogos img.full{opacity:1}body main section.cases .gallery .gallery__item:hover .crosslogos img.white{opacity:0}body main section.cases .gallery .gallery__item--h-2{grid-column-end:span 2}body main section.cases .gallery .gallery__item--h-3{grid-column-end:span 3}body main section.cases .gallery .gallery__item--v-2{grid-row-end:span 2}body main section.cases .gallery .gallery__item--v-3{grid-row-end:span 3}body main section.brands{height:auto}body main section.brands .brand-carousel .single-logo.crosslogos{position:relative;height:160px;width:160px}body main section.brands .brand-carousel .single-logo.crosslogos img{transition:.4s ease-in;height:auto;width:100%;left:0;object-fit:cover;padding:.25em;position:absolute;top:0;width:100%}body main section.brands .brand-carousel .single-logo.crosslogos img.full{opacity:0}body main section.brands .brand-carousel .single-logo.crosslogos img.white{opacity:1}body main section.brands .brand-carousel .single-logo.crosslogos:hover img.full{opacity:1}body main section.brands .brand-carousel .single-logo.crosslogos:hover img.white{opacity:0}@media screen and (max-width:767px){body main section.brands .brand-carousel .single-logo.crosslogos{height:80px;width:80px}}@media screen and (min-width:767px)and (max-width:1440px){body main section.brands .brand-carousel .single-logo.crosslogos{height:150px;width:150px}}@media screen and (min-width:2000px){body main section.brands .brand-carousel .single-logo.crosslogos{height:400px;width:400px}}body main section.contact{font-family:KenyanCoffeeRegular;color:#515074;height:100vh;width:100vw;display:flex;flex-direction:column;justify-content:center;align-items:center}body main section.contact .contact-label{font-size:7vw}body main section.contact .contact-label.social-icons{display:flex;flex-direction:row;align-items:center;justify-content:center}body main section.contact .contact-label.social-icons i{margin:10px}body main section.contact .contact-label.social-icons a:hover{text-decoration-color:transparent!important}@media screen and (max-width:768px){body main section.contact .contact-label.social-icons{flex-direction:column}body main section.contact .contact-label.social-icons i{font-size:15vw;margin:4vw}}body main section.contact .contact-label a{text-decoration:underline;text-decoration-color:transparent;color:#515074;display:flex;justify-content:center;align-items:center;transition:.3s linear;line-height:1.3}body main section.contact .contact-label a:hover{text-decoration-color:#7371b4;color:#7371b4}body.projects{background-color:#ebebeb;margin:0}body.projects section{color:#1f1e49}body.projects section .menu{background-color:#1f1e49;padding:4px}body.projects section .menu img{height:auto;width:130px}body.projects section.post{font-family:source-serif-pro,Georgia,Cambria,"Times New Roman",Times,serif}body.projects section.post .container{padding:40px}body.projects section.post .container .title{margin:0 0 40px 0;font-family:KenyanCoffeeRegular!important;font-size:1.2rem}body.projects section.post .container .text{margin:40px 20px}body.projects section.post .container .text>*{line-height:1.5}body.projects section.post .container .text h4{font-size:20px}body.projects section.post .container .text p{font-size:20px}body.projects section.post .container .media.video iframe{width:100%;aspect-ratio:16/9}body.projects section.post .container .media.picture{margin:20px 0}body.projects section.post .container .media.picture img{width:100%;height:auto}body.projects section.footer{width:100%;height:100px;display:flex;flex-direction:column;align-items:center;margin:80px 0}body.projects section.footer img{height:auto;width:150px}body.projects section.footer .gearlabs{margin-top:10px;height:40px}body.projects section.footer .gearlabs img{height:100%}