/********************************************************************
/*
/* flixx - The Swiss TYPO3 agency
/* www.flixx.ch || hello@flixx.ch
/*
/* Version: 11/11/2023, 7:50:03 PM 
/*
*********************************************************************/

@charset "UTF-8";img{width:100%;height:auto;margin:auto;display:block;image-rendering:auto;image-rendering:-webkit-optimize-contrast}a{color:#af9568;transition:color .1s ease-in-out,background .1s ease-in-out}a:hover{color:#000}a.load-more{font-size:24px;font-weight:700}.spacing{height:2vh;clear:both}.two.spacing{height:4vh;clear:both}.three.spacing{height:6vh;clear:both}.four.spacing{height:8vh;clear:both}body{font-family:"source sans pro"}body.open-menu{overflow:hidden}h1,h2,h3,h4,h5,h6{font-family:"source sans pro";font-weight:700;letter-spacing:0;line-height:1.1em;margin-bottom:20px}h2{font-size:72px}h2.white{color:#fff}h3{font-size:30px}h3>strong{font-weight:400;font-size:20px}p{margin-bottom:30px;line-height:1.5em}.appraiser{font-family:"source sans pro";font-weight:700;margin-bottom:20px;font-size:13px}hr{max-width:100%;border-bottom:1px solid #00e1b6}.button{text-transform:uppercase;position:relative;z-index:1;letter-spacing:1px;line-height:1.4rem;padding:8px 40px 8px 50px;font-size:18px;font-weight:700}.button.boxed,.button.boxed.white{border:2px solid #fff;background:0 0;color:#fff}.button.boxed,.button.boxed.white:hover{color:#333}.button.boxed.black{border:2px solid #333;background:0 0;color:#333}.button.boxed.black:hover{color:#fff;background:#333}.button.boxed.red{border:2px solid #ff5733;background:0 0;color:#ff5733}.button.boxed.red:hover{color:#fff;background:#ff5733}a.button.boxed.black::before,a.button.boxed.red::before,a.button.boxed.white::before{content:"";display:block;width:15px;height:2px;background:#000;position:absolute;left:25px;top:20px;transition:left .2s ease}a.button.boxed.white::before{background:#fff}a.button.boxed.red::before{background:#ff5733}.button.boxed.black:hover::before{background:#fff;left:28px}.button.boxed.white:hover::before{background:#000;left:28px}.button.boxed.white:hover::before{background:#fff;left:28px}.button.styled{padding:10px 0;background:0 0;z-index:1;transition:background-size .4s ease,color .3s ease;background-position:center 80%;background-size:0 25%;background-repeat:no-repeat;color:#af9568;background-image:linear-gradient(to bottom,transparent 62%,#000 0)}.button.styled:hover{background-size:100% 25%;color:#000}#case-1-button .button.styled{color:#dc4f84;background-image:linear-gradient(to bottom,transparent 62%,#dc4f84 0)}#case-1-button .button.styled:hover{color:#000}#case-2-button .button.styled{color:#067289;background-image:linear-gradient(to bottom,transparent 62%,#067289 0)}#case-2-button .button.styled:hover{color:#000}#case-3-button .button.styled{color:#bb9e6a;background-image:linear-gradient(to bottom,transparent 62%,#bb9e6a 0)}#case-3-button .button.styled:hover{color:#000}#case-4-button .button.styled{color:#fff;background-image:linear-gradient(to bottom,transparent 62%,#fff 0)}#case-4-button .button.styled:hover{color:#000}#case-5-button .button.styled{color:#d87945;background-image:linear-gradient(to bottom,transparent 62%,#d87945 0)}#case-5-button .button.styled:hover{color:#000}.styled-button-wrapper{position:relative;padding:20px;left:-20px}.full{clear:both;padding:140px 13vw;background-size:cover;background-position:50% 50%;position:relative;overflow:hidden}.full.no-sides{padding:160px 0}.full-screen{height:100%}.full.grey-blue{background:#9ba8ae}.full.black{background:#000}.full.white{background-color:rgba(255,255,255,.9)}.full.grey.transparent{background-color:rgba(0,0,0,.1)}.full.dark.transparent{background-color:rgba(0,0,0,.7)}.full.no-bottom{padding-bottom:0}.full.no-top{padding-top:0}.full.no-right{padding-right:0}.full.grey{background:#eee}.full.light-grey{background:#f5f5f5}.full.colored-bg{background:#eee;transition:background .2s ease-in}.full.colored-bg.red.appear{background:#fc8479}.full.colored-bg.purple.appear{background:#6e77c6}.full.colored-bg.orange.appear{background:#f2be8c}.full.dark-gold{background:#bb9e6a}.full.dark{background:#000}.full.full-height{height:100vh}.full.overlap-top{margin-top:-80px}.project.head{position:relative;z-index:20}.project.full.overlap-top{margin-top:-300px}.project .case-intro{margin-top:150px}.project .bg-text-honri{top:-100px}.full.header p:last-child{margin-bottom:0}#head-bg{background-image:url(../images/bg_slash.svg);background-position:90% 120px;background-repeat:no-repeat;background-attachment:fixed;background-size:auto 60%}#head-bg.dark-gold{background-image:url(../images/bg_slash_white.svg)}.gray #head-bg{background-image:url(../images/bg_header_2.png)}#head-bg-h{background-image:url(../images/bg_header.png);background-position:right center;background-repeat:no-repeat;background-attachment:fixed;background-size:auto}.centered-text{text-align:center}.white-text{color:#fff}#logo{position:absolute;left:60px;top:40px;z-index:500}#logo a{color:#000;font-size:3rem;font-family:"source sans pro";font-weight:700;width:120px;display:block}#logo a>svg{width:1.6rem}#home-page #logo{transform:translateX(-300px);animation:slideText .5s ease forwards;animation-delay:1s}#white-bar{position:absolute;width:100%;height:60px;left:0;top:0;z-index:9;background:#fff;display:none}#menu-controller{position:absolute;top:33px;right:20px;z-index:11;width:70px;height:50px;padding:10px;cursor:pointer;overflow:hidden}#menu-controller #menu-icon{position:relative;left:-10px;top:-10px;line-height:.05em;width:70px;height:50px;padding:10px}#menu-controller #menu-icon-close,#menu-controller #menu-icon-stack{width:50px;height:30px;position:absolute;padding-top:8px}#menu-controller #menu-icon-stack{z-index:13}#menu-controller #menu-icon-close{z-index:12}#menu-wrapper.close-menu #menu-controller #menu-icon-stack{z-index:13}#menu-wrapper.close-menu #menu-controller #menu-icon-close{z-index:14}#menu-wrapper.open-menu #menu-controller #menu-icon-stack{z-index:12}#menu-wrapper.open-menu #menu-controller #menu-icon-close{z-index:13}#menu-controller #menu-icon-close span,#menu-controller #menu-icon-stack span{display:block;height:2px;width:30px;margin-bottom:6px}#menu-controller #menu-icon-stack span{background:#fff}.white-bg #menu-controller #menu-icon-stack span{background:#000}#menu-controller #menu-icon-close span{background:#000}#menu-controller #menu-icon-stack span:first-child{transform:scaleX(.5);transform-origin:left;transition:transform-origin .2s ease-in-out}#menu-controller #menu-icon-stack span:nth-child(2){transform:scaleX(1);transform-origin:right;transition:transform .2s ease-in-out}#menu-controller #menu-icon-stack span:nth-child(3){transform:scaleX(1)}#menu-controller:hover #menu-icon-stack span:first-child{transform-origin:right}#menu-controller:hover #menu-icon-stack span:nth-child(2){transform:scaleX(.7)}#menu-controller:hover #menu-icon-stack span:nth-child(3){transform:scaleX(1)}#menu-controller #menu-icon-close span{position:absolute;top:15px;left:0}#menu-controller #menu-icon-close span:first-child{transform:rotate(45deg) translateX(-20px);transform-origin:center;transition:transform .4s ease-in-out;opacity:0}#menu-controller #menu-icon-close span:nth-child(2){transform:rotate(-45deg) translateX(20px);transform-origin:center;transition:transform .4s ease-in-out;opacity:0}#menu-wrapper.open-menu #menu-controller #menu-icon-close span{background:#000}#menu-wrapper.open-menu #menu-controller #menu-icon-close span:first-child{transform:rotate(45deg) translateX(0);opacity:1}#menu-wrapper.open-menu #menu-controller #menu-icon-close span:nth-child(2){transform:rotate(-45deg) translateX(0);opacity:1}#menu-wrapper.close-menu #menu-controller #menu-icon-close span:first-child{animation:IconMenuAnim-4 .2s ease-in-out}#menu-wrapper.close-menu #menu-controller #menu-icon-close span:nth-child(2){animation:IconMenuAnim-5 .2s ease-in-out}#menu-wrapper.open-menu #menu-controller #menu-icon-stack span:first-child{opacity:0;transform:scaleX(.5) translateX(300%);transform-origin:left}#menu-wrapper.open-menu #menu-controller #menu-icon-stack span:nth-child(2){opacity:0;transform:scaleX(1) translateX(250%)}#menu-wrapper.open-menu #menu-controller #menu-icon-stack span:nth-child(3){opacity:0;transform:scaleX(1) translateX(-300%)}#menu-wrapper.close-menu #menu-controller #menu-icon-stack span:first-child{animation:IconMenuAnim-1 .8s ease-in-out;animation-delay:0s}#menu-wrapper.close-menu #menu-controller #menu-icon-stack span:nth-child(2){animation:IconMenuAnim-2 .8s ease-in-out;animation-delay:0s}#menu-wrapper.close-menu #menu-controller #menu-icon-stack span:nth-child(3){animation:IconMenuAnim-3 .8s ease-in-out;animation-delay:0s}@keyframes IconMenuAnim-1{0%{opacity:0;transform:scaleX(.5) translateX(300%)}100%{opacity:1;transform:scaleX(.5) translateX(0)}}@keyframes IconMenuAnim-2{0%{opacity:0;transform:scaleX(1) translateX(250%)}100%{opacity:1;transform:scaleX(1) translateX(0)}}@keyframes IconMenuAnim-3{0%{opacity:0;transform:scaleX(1) translateX(-300%)}100%{opacity:1;transform:scaleX(1) translateX(0)}}@keyframes IconMenuAnim-4{0%{transform:rotate(45deg) translateX(0);opacity:1}100%{transform:rotate(45deg) translateX(-20px);opacity:0}}@keyframes IconMenuAnim-5{0%{transform:rotate(-45deg) translateX(0);opacity:1}100%{transform:rotate(-45deg) translateX(20px);opacity:0}}#menu-wrapper.close-menu #menu-controller:hover #menu-icon-stack span:first-child{transform-origin:right}#menu-wrapper.close-menu #menu-controller:hover #menu-icon-stack span:nth-child(2){transform:scaleX(.7)}@keyframes CapMenuAnim{0%{transform:translateY(-37px);opacity:0}100%{transform:translateY(0);opacity:1}}@keyframes CapMenuAnim-2{0%{transform:translateY(0);opacity:1}50%{transform:translateY(37px);opacity:0}100%{transform:translateY(-37px);opacity:0}}#menu-wrapper{overflow:auto}#menu-wrapper #bg-primary{width:100%;height:100%;background:#fff;position:absolute;top:0;z-index:10;transform:scale(1,0);transform-origin:center top;transition:transform .5s ease-in-out}#menu-wrapper #bg-secondary{width:100%;height:100%;background:#fff;overflow:auto;position:absolute;top:0;left:0;right:0;z-index:10;transform:scale(1,0);transform-origin:center top;transition:transform .5s ease-in-out;transition-delay:0.15s}#menu-wrapper.open-menu #bg-primary,#menu-wrapper.open-menu #bg-secondary{transform:scale(1,1)}#menu-wrapper.close-menu #bg-primary{transform-origin:center bottom;transform:scale(1,0);transition-delay:0.3s}#menu-wrapper.close-menu #bg-secondary{transform-origin:center bottom;transform:scale(1,0);transition-delay:0.4s}#menu-content{visibility:hidden;transition:visibility .5s ease}#menu-wrapper.open-menu #menu-content{visibility:visible;transition:visibility .5s ease}nav#main-menu{top:10%;right:200px;position:absolute;z-index:12;opacity:0;transition:opacity .2s ease-in-out;transition-delay:0.3s}nav#main-menu ul{list-style:none;margin-left:0;text-align:right}nav#main-menu ul li{transform:translateY(-50px);opacity:0;transition:opacity .5s ease-in-out,transform .5s ease-in-out;transition-delay:0.2s}#menu-wrapper.open-menu nav#main-menu ul li{transform:translateY(0);opacity:1}#menu-wrapper.close-menu nav#main-menu ul li{animation:MainMenuAnim 1s ease-in-out}@keyframes MainMenuAnim{0%{transform:translateY(0);opacity:1}50%{transform:translateY(50px);opacity:0}100%{transform:translateY(-50px);opacity:0}}nav#main-menu ul li a{font-size:5.8vh;font-weight:700;color:#000;line-height:1.25em;display:inline-block;font-family:"source sans pro"}#home-intro div.h2 a::after,nav#main-menu ul li a::after{display:block;width:100%;height:3px;content:"";background:#af9568;position:relative;top:-4vh;transform:scaleX(0);transform-origin:left;transition:transform .2s ease-in-out}#home-intro div.h2 a::after{top:-31px}#home-intro div.h2 a:hover::after,nav#main-menu ul li a:hover::after{transform:scaleX(1)}nav#main-menu ul li ul{margin-left:30px;margin-bottom:5px}nav#main-menu ul li ul li a{font-size:3vh;color:#000;font-weight:400;letter-spacing:1px;line-height:1.7em}nav#main-menu ul li ul li a::after{top:-2.5vh;height:2px}#menu-wrapper.open-menu nav#main-menu{opacity:1}#content ul.bold li{font-size:20px}#content li{margin-bottom:7px;margin-left:10px;padding-left:10px}#content .accordion li.accordion-item{margin:0;padding:0}#content .accordion li.accordion-item a{color:#0a0a0a;font-size:20px;font-weight:600}#contact-info{position:absolute;left:60px;bottom:50px;z-index:12;opacity:0;transition:opacity .3s ease-in-out;transition-delay:0.5s}#contact-info a{color:#000}#contact-info a:hover{color:#af9568}#socials{position:absolute;bottom:40px;right:200px;z-index:12}#socials ul li{list-style:none;float:left;margin-bottom:3vh;opacity:0;transform:translateY(-40px);transition:opacity .5s ease-in-out,transform .5s ease-in-out;transition-delay:0.3s}#socials ul li a{font-size:3vh;font-size:calc(12px + 1.5vh);padding:10px 0;margin-left:30px;color:#000;transition:color .1s ease-in-out}#socials ul li a:hover{color:#af9568}#menu-wrapper.open-menu #socials ul li{opacity:1;transform:translateY(0)}#menu-wrapper.close-menu #socials ul li{animation:SocialsAnim 1s ease}@keyframes SocialsAnim{0%{transform:translateY(0);opacity:1}50%{transform:translateY(40px);opacity:0}100%{transform:translateY(-40px);opacity:0}}#menu-wrapper.open-menu #contact-info,#menu-wrapper.open-menu p#copyright{opacity:1}#menu-wrapper.close-menu #contact-info,#menu-wrapper.close-menu p#copyright{opacity:0;transition:opacity .2s ease-in-out;transition-delay:0.1s}input[type=date],input[type=datetime-local],input[type=datetime],input[type=email],input[type=file],input[type=month],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=time],input[type=url],input[type=week],select,textarea{border-radius:0;padding:15px;height:3rem;margin-bottom:1.875rem}input[type=file]{padding-top:10px;font-family:inherit;font-size:1rem;font-weight:400}.trumbowyg-box{margin-bottom:1.875rem;background:#090909!important}.trumbowyg-box .trumbowyg-editor *{font-size:1rem}form input[type=date],form input[type=datetime-local],form input[type=datetime],form input[type=email],form input[type=file],form input[type=month],form input[type=number],form input[type=password],form input[type=search],form input[type=tel],form input[type=text],form input[type=time],form input[type=url],form input[type=week],form textarea,select,textarea{border:1px solid #333;color:#333;background:0 0}select{position:relative;padding-top:11px}select::after{content:"▼";padding:12px 8px;position:absolute;right:10px;top:0;z-index:1;text-align:center;width:30px;height:30px;pointer-events:none}form input[type=color]:focus,form input[type=date]:focus,form input[type=datetime-local]:focus,form input[type=datetime]:focus,form input[type=email]:focus,form input[type=file]:focus,form input[type=month]:focus,form input[type=number]:focus,form input[type=password]:focus,form input[type=search]:focus,form input[type=tel]:focus,form input[type=text]:focus,form input[type=time]:focus,form input[type=url]:focus,form input[type=week]:focus,form textarea:focus,textarea:focus{background:0 0;border:1px solid #333}form button{border:1px solid #333;background:0 0;color:#333;padding:10px 80px;text-transform:uppercase;position:relative;z-index:1;letter-spacing:1px;line-height:1.4rem;font-size:18px;font-weight:700;transition:background-color .25s ease-out,color .25s ease-out}form button:hover{background:#333;color:#fff}.mauticform-required label:after{content:" *";color:red}.black form input[type=date],.black form input[type=datetime-local],.black form input[type=datetime],.black form input[type=email],.black form input[type=file],.black form input[type=month],.black form input[type=number],.black form input[type=password],.black form input[type=search],.black form input[type=tel],.black form input[type=text],.black form input[type=time],.black form input[type=url],.black form input[type=week],.black form textarea,.black select,.black textarea{background:#090909!important;border:1px solid #fff;color:#fff}.black form input[type=file]:focus,.black input[type=color]:focus,.black input[type=date]:focus,.black input[type=datetime-local]:focus,.black input[type=datetime]:focus,.black input[type=email]:focus,.black input[type=month]:focus,.black input[type=number]:focus,.black input[type=password]:focus,.black input[type=search]:focus,.black input[type=tel]:focus,.black input[type=text]:focus,.black input[type=time]:focus,.black input[type=url]:focus,.black input[type=week]:focus,.black select,.black textarea:focus{border:1px solid #fff;background:#090909!important}.black form button{border:1px solid #fff;color:#fff;background:#090909}.black form button:hover{background:#fff;color:#333}.black label{color:#fff}.dark-gold.white-text form input[type=date],.dark-gold.white-text form input[type=datetime-local],.dark-gold.white-text form input[type=datetime],.dark-gold.white-text form input[type=email],.dark-gold.white-text form input[type=month],.dark-gold.white-text form input[type=number],.dark-gold.white-text form input[type=password],.dark-gold.white-text form input[type=search],.dark-gold.white-text form input[type=tel],.dark-gold.white-text form input[type=text],.dark-gold.white-text form input[type=time],.dark-gold.white-text form input[type=url],.dark-gold.white-text form input[type=week],.dark-gold.white-text form textarea,.dark-gold.white-text select,.dark-gold.white-text textarea{background:#cbaa6f!important;border:1px solid rgba(255,255,255,.7);color:#fff}.dark-gold.white-text input[type=color]:focus,.dark-gold.white-text input[type=date]:focus,.dark-gold.white-text input[type=datetime-local]:focus,.dark-gold.white-text input[type=datetime]:focus,.dark-gold.white-text input[type=email]:focus,.dark-gold.white-text input[type=month]:focus,.dark-gold.white-text input[type=number]:focus,.dark-gold.white-text input[type=password]:focus,.dark-gold.white-text input[type=search]:focus,.dark-gold.white-text input[type=tel]:focus,.dark-gold.white-text input[type=text]:focus,.dark-gold.white-text input[type=time]:focus,.dark-gold.white-text input[type=url]:focus,.dark-gold.white-text input[type=week]:focus,.dark-gold.white-text select,.dark-gold.white-text textarea:focus{border:1px solid #fff;background:#cbaa6f}.dark-gold.white-text form button{border:1px solid #fff;color:#fff;background:#cbaa6f}.dark-gold.white-text form button:hover{background:#fff;color:#333}.dark-gold.white-text label{color:#fff}form textarea{min-height:150px}.mauticform-errormsg{display:none}.mauticform-has-error label,label.error{position:relative;color:red}form .mauticform-has-error input[type=date],form .mauticform-has-error input[type=datetime-local],form .mauticform-has-error input[type=datetime],form .mauticform-has-error input[type=email],form .mauticform-has-error input[type=month],form .mauticform-has-error input[type=number],form .mauticform-has-error input[type=password],form .mauticform-has-error input[type=search],form .mauticform-has-error input[type=tel],form .mauticform-has-error input[type=text],form .mauticform-has-error input[type=time],form .mauticform-has-error input[type=url],form .mauticform-has-error input[type=week],form .mauticform-has-error textarea{border:1px solid red}#home-intro{width:50vw;height:100vh;position:absolute}@keyframes changeOpacity{0%{opacity:0}100%{opacity:1}}#home-svg{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;opacity:0;animation:changeOpacity .5s ease forwards;animation-delay:1s}#home-svg>rect{mask:url(#logo-mask);fill:#fff}#home-intro div.h2{position:absolute;z-index:3;left:50%;transform:translateY(-50%);top:50%;width:500px}#home-intro div.h2 a{color:#000;font-weight:700}#home-intro h1{position:absolute;z-index:3;left:60px;bottom:15%;font-size:24px;line-height:1.25em;font-family:"source sans pro";font-weight:700;text-transform:capitalize;transform:translateX(-400px);animation:slideText .7s ease forwards;animation-delay:1.3s}@keyframes slideText{0%{transform:translateX(-300px)}100%{transform:translateX(0)}}#home-intro div.h2 span{display:inline-block;padding:20px;background:#fff;font-size:60px;margin-bottom:13px;opacity:0;animation:changeOpacity 1s ease forwards;animation-delay:1.4s;line-height:.9em;padding:15px 20px}.action-hint{position:absolute;z-index:3;bottom:60px;left:60px;text-transform:uppercase;font-weight:300;font-size:14px;color:#666;transform:translateX(-300px);animation:slideText .7s ease forwards;animation-delay:.5s}.action-hint::before{content:"";display:block;width:1px;height:50px;background:#ccc;position:absolute;bottom:-60px}.action-hint::after{content:"";display:block;width:1px;height:0;background:#000;position:absolute;bottom:-60px;overflow:hidden;animation:actionHint 2s ease-in-out infinite}@keyframes actionHint{0%{height:0;transform:translateY(-50px)}50%{height:50px;transform:translateY(0)}100%{transform:translateY(50px)}}#home-contact-link{position:absolute;z-index:3;right:30px;bottom:20px;opacity:0;animation:changeOpacity .7s ease forwards;animation-delay:2s}#home-contact-link a span{color:#fff;font-weight:700;font-size:24px;display:block;padding:0 20px}#home-contact-link a span.link-label{opacity:1;transform:translateY(0);transition:opacity .3s ease,transform .3s ease}#home-contact-link a span.link-hover{opacity:0;transform:translateY(0);transition:opacity .3s ease,transform .3s ease}#home-contact-link a:hover span.link-label{opacity:0;transform:translateY(-35px)}#home-contact-link a:hover span.link-hover{opacity:1;transform:translateY(-35px)}#fullscreen-video{width:100%;height:100%;display:block;object-fit:cover;position:absolute;left:0;top:0}#video-overlay{width:100%;height:100%;display:block;background-color:rgba(0,0,0,.5);position:absolute;display:none}.swiper-container{width:100%;height:100%;position:absolute}.swiper-slide{background:#ccc;overflow:hidden}.swiper-container .swiper-pagination{opacity:0;transition-property:opacity;transition-duration:0s;transition-delay:0.8s}.swiper-container.greater-than-one .swiper-pagination{opacity:1}.swiper-pagination-bullet{opacity:1;background:0 0;width:auto;height:auto;border-radius:0;border-right:1px solid #fff;padding:0 20px;line-height:1em;color:#fff;font-weight:700;text-transform:uppercase;font-size:11px;letter-spacing:4px}.swiper-pagination-bullet:first-child{display:none}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet:first-child{display:none}.swiper-container-vertical>.swiper-pagination-bullets{right:20px}.swiper-pagination-bullet:last-child{border:none}.swiper-pagination-bullet::after{content:"";display:block;width:0;height:2px;background:#fff;opacity:1;position:relative;top:5px;padding:0 10px;opacity:0;transition:opacity .2s ease,width .7s ease}.swiper-pagination-bullet-active::after{opacity:1;width:100%}.swiper-container.initd .swiper-slide{transition-delay:0.8s}.swiper-container-horizontal>.swiper-pagination-bullets{width:100vh;left:auto;right:50px;bottom:0;transform:rotate(90deg);transform-origin:right bottom}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{display:inline-block;margin:0}.swiper-container-vertical>.swiper-pagination-bullets{width:100vh;transform:rotate(90deg);transform-origin:right bottom;top:100%;right:50px}#white-board{background:#fff;width:100%;height:100%;position:absolute;z-index:10;display:block;transform:translateX(-100%)}#white-board.playact{animation:showWhiteBoard .8s ease-in-out .4s;animation-fill-mode:forwards}@keyframes showWhiteBoard{0%{transform:translateX(-100%)}50%{transform:translateX(0)}100%{transform:translateX(100%)}}#white-board-reverse{background:#fff;width:100%;height:100%;position:absolute;z-index:11;display:block;transform:translateX(100%)}@keyframes showWhiteBoardReverse{0%{transform:translateX(100%)}50%{transform:translateX(0)}100%{transform:translateX(-100%)}}#white-board-reverse.playact{animation:showWhiteBoardReverse .8s;animation-delay:.4s}.left-section{position:absolute;z-index:10;left:0;top:0;height:100vh;width:0;background:#fff;transition:width .5s ease-in-out;transition-origin:right center}.swiper-slide-prev .left-section{width:50vw}.swiper-slide-active .left-section{width:50vw;transition-delay:0.8s}.swiper-slide-prev .case-intro-wrapper,.swiper-slide-prev .case-study-label{opacity:0;transform:translateX(0);transition:opacity .2s ease .2s}.swiper-slide-active .case-intro-wrapper,.swiper-slide-active .case-study-label{opacity:1;transform:translateX(0)}.swiper-slide-active .case-intro-wrapper h2{transform:translateX(0)}.swiper-slide-active .case-button{opacity:1}.swiper-slide-next .case-intro-wrapper,.swiper-slide-next .case-study-label{opacity:0;transition:opacity .2s ease}.transition-section{background:#fff;height:100vh;width:1px;position:absolute;z-index:3}.case-study-label{text-transform:uppercase;font-size:14px;color:#fff;padding:4px 40px;position:absolute;z-index:4;left:60px;top:18%;opacity:0;transition:opacity .2s ease-in-out 1s}.case-intro-wrapper{left:13vw;top:30%;width:31vw;position:absolute;opacity:0;transform:translateX(-150px);transition:opacity .2s ease-in-out 1.1s,transform .8s ease 1.1s}.case-intro-wrapper h2{font-size:120px;font-size:3.8vw;line-height:1em;text-transform:capitalize;transform:translateX(-200px);transition:transform .8s ease 1.1s}.case-intro-wrapper h2 span{display:inline-block;position:relative;line-height:1em;padding-bottom:10px;padding-top:10px}.case-intro-wrapper p.case-text{font-size:24px;line-height:1.25em;width:350px}.case-intro-wrapper p.case-tags{font-size:18px;line-height:1.2em;width:360px;color:#aaa;margin-bottom:5px}.case-intro-wrapper p.case-tags span,.case-intro-wrapper p.case-tags strong{display:table-cell;font-style:italic;padding-right:5px}.case-button{opacity:0;transition:opacity .5s ease-in-out 1.1s}.brand-video{width:998px;height:auto;display:block;object-fit:cover;position:absolute;z-index:1;top:50%;left:50%;transform:translate3d(-50.01%,-50.01%,0);margin:0}.svg-graphic{display:block;position:absolute;z-index:2;top:50%;left:50%;transform:translate3d(-50.01%,-50.01%,0);margin:0}#label-color-1{background:#dc4f84}#label-color-2{background:#067289}#label-color-3{background:#e65975}#label-color-4{background:#309d61}#label-color-5{background:#d87945}#case-1{background:#a0b3c0}#case-2{background:#067289}#case-3{background:#e65975}#case-4{background:#309d61}#case-5{background:#d87945}#case-6{background:#efbdc8}#case-7{background:#598da3}#case-1 .svg-graphic>rect{mask:url(#case-1-mask);fill:#a0b3c0}#case-2 .svg-graphic>rect{mask:url(#case-2-mask);fill:#067289}#case-3 .svg-graphic>rect{mask:url(#case-3-mask);fill:#e65975}#case-4 .svg-graphic>rect{mask:url(#case-4-mask);fill:#309d61}#case-5 .svg-graphic>rect{mask:url(#case-5-mask);fill:#d87945}.bg-text{font-weight:black;font-size:49vh;height:49vh;width:84vh;overflow:hidden;line-height:1em;color:#fff;opacity:.07;transform:rotate(90deg);transform-origin:right bottom;position:absolute;bottom:-22vh;right:24vh}.bg-text-wrapper{position:absolute;width:100%;height:100%;transform:translateY(100%);transition:transform 2s ease 1s}.swiper-slide-active .bg-text-wrapper{transform:translateY(0)}.case-intro{font-size:20px}.case-intro>div.columns{padding:0}.case-intro .case-title{font-size:88px;line-height:1em}.case-intro .case-text-big{font-size:28px;padding-right:100px;line-height:1.4em}.case-intro .case-tags{margin-bottom:10px;font-size:16px}.case-intro .case-tags span,.case-intro .case-tags strong{display:table-cell}.case-intro .case-tags strong{padding-right:5px;text-transform:uppercase;display:block}.bg-text-honri{overflow:hidden;position:absolute;top:0;left:30%;z-index:-1;width:200vw;height:auto}.bg-text-honri h2{font-weight:900;font-size:30vw;line-height:1em;color:#000;opacity:.04}.float-img{position:absolute;bottom:30%;left:50%}.color-wrapper{width:100%;height:200px}.color-wrapper #color-1{background:#000;height:100%;color:#fff;padding:20px;box-shadow:0 0 20px 5px #ccc}.color-wrapper #color-2{background:#dc4f84;height:100%;color:#fff;padding:20px;box-shadow:0 0 20px 5px #ccc}.color-wrapper #color-3{background:#a0b3c0;height:100%;color:#fff;padding:20px;box-shadow:0 0 20px 5px #e5e5e5}.color-wrapper #color-4{background:#fff;height:100%;color:#000;padding:20px;box-shadow:0 0 20px 5px #eee}.case-bottom{text-align:center;background:#555;padding:260px 0;margin:0 13vw;transition:margin .5s ease}.case-bottom h2{font-size:100px;color:rgba(0,0,0,.1);position:absolute;left:50%;transform:translate(-50%,-50%);top:52%;cursor:pointer}.case-bottom span{position:absolute;left:50%;color:#fff;transform:translate(-50%,0);cursor:pointer;font-size:24px;letter-spacing:1px}#bottom-call-to-action,.next-project-link{display:block;width:100%;height:100%;position:absolute;z-index:1;cursor:pointer}.case-bottom-wrapper:hover .case-bottom{margin:0 8vw}.case-video{height:100vh;position:relative;width:100%}.case-image{width:100%;position:relative;height:100vh}.case-image img{width:1000px;position:absolute;top:50%;left:50%;transform:translate3d(-50.01%,-50.01%,0)}.case-table .columns{padding:0}.case-table{position:relative}.case-table .case-video{height:auto;min-height:50vh;width:49vw}.case-table .case-video .brand-video{width:496px}.case-table .case-video .svg-graphic{width:500px}.case-table-content{padding:160px 60px;width:49vw}.case-table-content h3{font-size:4.6vw}.case-table-content p{font-size:20px}.case-table-content p:last-child{margin-bottom:0}.case-table .case-image,.case-table .case-table-content,.case-table .case-video{display:table-cell}.case-table .case-image{width:49vw;position:relative;height:auto;min-height:50vh}.case-table .case-image img{width:500px;position:absolute;top:50%;left:50%;transform:translate3d(-50.01%,-50.01%,0)}.case-intro .head-title{font-size:110px;line-height:1em}.service-item .columns{padding:0}.service-item .service-content{padding:120px 60px;border-bottom:1px solid #ccc}.icon-text h3{font-size:30px}.icon-text .icon-bg{margin-bottom:40px;width:86px;height:86px;display:inline-block;background:#af9568;border-radius:43px;position:relative;left:12px;top:12px}.icon-text i{display:block;margin:0 auto 40px;font-size:48px;width:86px;height:86px;line-height:100px;display:inline-block;color:#000;border-radius:43px;border:2px solid #000;background:0 0;text-align:center;position:relative;left:-12px;top:-12px;transform:translateY(0);transition:transform .2s ease}.icon-text:hover i{transform:translateY(-10px)}.service-item .service-content,.service-item .service-image{display:table-cell;width:50%}.service-item .service-image img{object-fit:cover;width:100%;height:100%}#members .columns{padding:0;border:1px solid #ddd}.member img{width:100%}.member h4{margin:0;padding:20px 20px 0;font-size:24px}.member p.position{margin-bottom:30px;padding:0 20px;font-size:18px}.members-row-odd{position:relative;left:0}.members-row-even{position:relative;right:-100px}#studio-images .row{width:100%;max-width:100%;padding:0;margin:0}#studio-images .columns{padding:0}#studio-images img{width:100%;height:100%;object-fit:cover}.client{margin:30px 0}.contact-details ul.socials{margin:0}.contact-details ul.socials i{font-size:22px}.contact-details ul.socials li{display:inline-block}.contact-details ul.socials a{display:inline-block;padding:8px 15px 8px 0}.contact-details ul.socials a i{color:#fff}.contact-details p{margin-bottom:5px}.contact-details p a{color:#fff;text-decoration:underline}.contact-details a.google-map-button{color:#000;font-family:montserrat,sans-serif;font-size:11px;padding:5px 10px 9px 5px}.contact-details a.google-map-button i{color:#000;font-size:20px;position:relative;top:5px;font-weight:700}.contact-details a.google-map-button:hover i{color:#fff}.contact-button{padding:10px 80px;color:#fff!important}.contact-button:hover{color:#ccc!important}.contact-details a.button.boxed.black::before{display:none}p.thanks{font-size:24px;padding:20px 0}.posts{border-top:1px solid #e0e0e0;border-right:1px solid #e0e0e0;overflow:auto}.posts .columns{padding:0}.post{background:#fff;padding:80px 60px 0;position:relative;border:1px solid #e0e0e0;border-top:none;border-right:none;height:350px}.posts-right .post{border-left:none}.posts-right .post:last-child{border-left:1px solid #e0e0e0}.post h3{font-size:28px;margin-bottom:10px}.post .info-author{color:#666;margin-bottom:10px;font-size:14px;font-style:italic}.post .info-others span{font-family:montserrat;font-size:13px;margin-right:20px}.post .info-author a{color:#666}.post .info-others a{color:#333}.post-desc{position:relative;z-index:10}.post-image-wrap{width:100%;height:100%;position:absolute;left:0;top:0;overflow:hidden}.post-image{width:100%;height:100%;position:absolute;left:0;top:0;opacity:0;transform:scale(1.1);transition:all .5s ease;background-size:cover;background-position:center center;background-repeat:no-repeat}.post.featured h3{font-size:3.5vw}.post.featured{min-height:400px;height:auto;padding-right:150px}.post.featured,.post:hover{color:#fff;background:#af9568}.post.featured .info-author,.post:hover .info-author{color:#fff}.post.featured a,.post:hover a{color:#fff}.post.featured a.button,.post:hover a.button{color:#fff;border:1px solid #fff}.post.featured a.button:hover,.post:hover a.button:hover{color:#000;background:#fff}.post.featured .post-image,.post:hover .post-image{opacity:.9;filter:grayscale(1);mix-blend-mode:multiply;transform:scale(1)}.single.post{color:#fff;background:#af9568;height:auto;padding-top:150px;padding:150px 0 100px}.single.post .post-image{opacity:.9;filter:grayscale(1);mix-blend-mode:multiply;transform:scale(1)}.single.post .info-author,.single.post a{color:#fff}.post-content p.lead,.post-content p.post-intro{font-size:28px;line-height:1.4em}.single.post-content blockquote,.single.post-content ol,.single.post-content p,.single.post-content ul{margin-bottom:30px}.tags a{padding-right:3px}.comments-wrapper ul.comments{margin-left:0}.comments-wrapper ul.comments li{border-bottom:1px solid #e0e0e0;padding:20px 0 0;list-style:none}.comments-wrapper ul.comments .meta .avatar{float:left;padding:5px 10px 0 0}.comments-wrapper ul.comments .meta .name{display:block}.comments-wrapper ul.comments .meta .datetime{font-size:.875rem;color:#999}.comments-wrapper ul.comments ul.children li{border-bottom:none;border-top:1px solid #eee}.comments p.info{margin-bottom:20px}nav.wrapper{padding:100px 13vw;background:#f5f5f5;overflow:hidden}nav.wrapper a span.sub-title{display:block;color:#000}nav.wrapper a{white-space:nowrap;transition:color .1s ease-in-out,background .1s ease-in-out}nav.wrapper a span.title{font-size:24px;font-weight:700;text-transform:uppercase;color:#000;display:block;overflow:hidden;text-overflow:ellipsis}nav.wrapper a.previous{float:left;display:block;width:100%;position:relative}nav.wrapper a.next{float:right;text-align:right;display:block;width:100%;position:relative}nav.wrapper a.previous i{position:absolute;left:-40px;float:left;display:block;top:18px;font-size:36px;line-height:36px;color:#000}nav.wrapper a.next i{position:absolute;right:-40px;float:right;display:block;top:18px;font-size:36px;line-height:36px;color:#000}.arrow-left,.arrow-right{border:solid currentColor;border-width:0 .2em .2em 0;display:inline-block;padding:.2em}.arrow-right{transform:rotate(-45deg)}.arrow-left{transform:rotate(135deg)}nav.wrapper a:hover i,nav.wrapper a:hover span{color:#af9568}.posts.archive .post{padding:40px 40px 20px}.posts.archive .post-image{display:none}.posts.archive .post:hover{background:0 0}.posts.archive .post:hover{color:#af9568;background:0 0}.posts.archive .post:hover .info-author{color:#af9568}.posts.archive .post:hover a{color:#af9568}.posts.tag-archive .post{padding:40px 40px 20px}.posts.tag-archive .post-image{display:none}.posts.tag-archive .post:hover{background:0 0}.posts.tag-archive .post:hover{color:#af9568;background:0 0}.posts.tag-archive .post:hover .info-author{color:#af9568}.posts.tag-archive .post:hover a{color:#af9568}.posts.category-archive .post{padding:40px 40px 20px}.posts.category-archive .post-image{display:none}.posts.category-archive .post:hover{background:0 0}.posts.category-archive .post:hover{color:#af9568;background:0 0}.posts.category-archive .post:hover .info-author{color:#af9568}.posts.category-archive .post:hover a{color:#af9568}.embed-responsive{position:relative;display:block;width:100%;padding:0;overflow:hidden}.embed-responsive::before{display:block;content:""}.embed-responsive .embed-responsive-item,.embed-responsive embed,.embed-responsive iframe,.embed-responsive object,.embed-responsive video{position:absolute;top:0;bottom:0;left:0;width:100%;height:100%;border:0}.embed-responsive-21by9::before{padding-top:42.857143%}.embed-responsive-16by9::before{padding-top:56.25%}.embed-responsive-3by4::before{padding-top:133.333333%}.embed-responsive-1by1::before{padding-top:100%}@media only screen and (max-width:1800px){.svg-graphic{width:900px}.brand-video{width:896px}.project .bg-text-honri{top:-90px}}@media only screen and (max-width:1600px){.svg-graphic{width:900px}.brand-video{width:896px}.project .bg-text-honri{top:-80px}}@media only screen and (max-width:1400px){.project .bg-text-honri{top:-70px}#home-intro div.h2 span{padding:15px 20px;font-size:60px;margin-bottom:13px}.case-intro-wrapper h2{font-size:65px;font-size:5.6vw}.case-intro-wrapper p.case-text{font-size:22px;width:300px}.case-intro-wrapper p.case-tags{width:300px}.svg-graphic{width:850px}.brand-video{width:846px}.case-study-label{font-size:12px}.case-intro .case-title,.post-content h2{font-size:6vw}.case-intro .head-title{font-size:7.2vw}.icon-text h3{font-size:24px}}@media only screen and (max-width:1200px){.project .bg-text-honri{top:10px}.single.post{padding:80px 0}.single.post h2{font-size:56px}nav.wrapper{padding:100px 60px}nav.wrapper a span.title{font-size:18px}#home-intro div.h2 span{padding:15px 20px;font-size:60px;margin-bottom:13px}#home-intro h3{bottom:13%;font-size:20px}.case-intro-wrapper h2{font-size:60px;font-size:5.6vw}.case-intro-wrapper p.case-text{font-size:20px;width:280px}.case-intro-wrapper p.case-tags{width:280px;font-size:16px}.svg-graphic{width:800px}.brand-video{width:796px}.bg-text{display:none}.case-study-label{padding:3px 35px}.float-img{width:300px;bottom:35%}.case-table .case-video .brand-video{width:396px}.case-table .case-video .svg-graphic{width:400px}.member h4{font-size:18px;padding:20px 15px 0}.member p.position{font-size:16px;padding:0 15px}.icon-text h3{font-size:18px}.post.featured h3{font-size:40px}.post{height:400px;padding:60px 60px 0}}@media only screen and (max-width:1100px){.case-study-label{top:20%}.case-intro-wrapper p.case-text{font-size:20px;width:280px}.case-intro-wrapper p.case-tags{width:280px;font-size:16px}.svg-graphic{width:750px}.brand-video{width:746px}.button{line-height:1.4rem;padding:5px 30px 5px 45px;font-size:16px;font-weight:700}a.button.boxed.black::before{top:16px}#logo{left:40px}#home-intro h3{left:40px}.action-hint{left:40px}#contact-info{left:40px}.case-table .case-video .brand-video{width:346px}.case-table .case-video .svg-graphic{width:350px}}@media only screen and (max-width:1024px){.swiper-container-vertical>.swiper-pagination-bullets{right:35px}.single.post{padding:80px 40px}.single.post h2{font-size:44px}.post{height:auto;padding:60px}.full{padding:120px 10vw}.members-row-odd{position:relative;left:0}.members-row-even{position:relative;right:0}.member h4{font-size:24px;padding:20px 20px 0}.member p.position{font-size:18px;padding:0 20px}.icon-text{margin-bottom:20px;min-height:360px}.icon-text h3{font-size:24px}.contact-details{margin-bottom:50px}.contact-details h3{margin-bottom:20px}}@media only screen and (max-height:720px){#menu-controller{right:20px}.case-intro-wrapper{top:25%}.case-study-label{top:18%;font-size:12px;padding:3px 35px}.case-intro-wrapper h2{margin-bottom:10px}.button{line-height:1.4rem;padding:5px 30px 5px 45px;font-size:16px;font-weight:700}a.button.boxed.black::before{top:16px}.swiper-pagination-bullet strong{display:none}.swiper-pagination-bullet{border-right:none;padding:0;height:8px;width:8px;display:inline-block;border-radius:100%;background:#fff;opacity:.5}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin-right:8px}.swiper-pagination-bullet::after{display:none}.swiper-pagination-bullet-active{opacity:1;background:#fff}}@media only screen and (max-height:600px){.case-intro-wrapper{top:20%;left:80px}.case-study-label{display:none}.svg-graphic{width:700px}.brand-video{width:696px}#home-intro div.h2{padding:10px 20px;font-size:5.8vw;margin-bottom:10px;line-height:.8em}}@media only screen and (max-height:550px){#home-intro div.h2{padding:10px 20px;font-size:5.5vw;margin-bottom:10px}.case-intro-wrapper{top:20%}.spacing{height:5px;clear:both}.two.spacing{height:10px;clear:both}.three.spacing{height:15px;clear:both}.four.spacing{height:20px;clear:both}.svg-graphic{width:650px}.brand-video{width:646px}.case-intro-wrapper{left:80px}}@media only screen and (max-height:500px){.case-intro-wrapper p.case-text{font-size:16px}.case-intro-wrapper p.case-tags{font-size:14px;color:#666}.svg-graphic{width:550px}.brand-video{width:546px}}@media only screen and (max-height:400px){#logo{top:20px}#menu-controller{top:20px}.case-intro-wrapper{left:60px;top:80px}.case-intro-wrapper p.case-text{font-size:14px}.case-intro-wrapper p.case-tags{font-size:12px}.svg-graphic{width:450px}.brand-video{width:446px}.button{line-height:1.4rem;padding:4px 30px 4px 45px;font-size:13px;font-weight:700}a.button.boxed.black::before{top:14px}#socials{left:auto!important;right:0!important}#contact-info{display:none}nav#main-menu ul li a{font-size:16px}nav#main-menu ul li a::after{top:-10px;height:2px}#socials{right:0;left:auto}nav#main-menu ul li ul li a{font-size:14px}nav#main-menu ul li ul li a::after{top:-10px;height:2px}}@media only screen and (max-width:800px){#logo a{margin-top:22px}nav.wrapper a span.title{display:none}nav.wrapper a span.sub-title{font-size:18px;font-weight:700;font-family:montserrat,sans-serif;text-transform:uppercase}nav.wrapper a.previous i{top:2px}nav.wrapper a.next i{top:2px}.case-intro .case-title,.post-content h2{font-size:36px}.case-intro .head-title{font-size:44px}.post{height:auto;padding:60px 40px}.post.featured{padding-right:40px}.full.overlap-top{margin-top:-50px}.spacing{height:10px;clear:both}.two.spacing{height:20px;clear:both}.three.spacing{height:30px;clear:both}.four.spacing{height:40px;clear:both}#head-bg{background-position:90% 60px;background-repeat:no-repeat;background-attachment:fixed;background-size:auto 60%}#home-intro #home-svg{width:100%;height:100%;display:none}#home-intro{width:100vw;height:100vh}#home-intro div.h2{left:40px}#video-overlay{display:block}#home-intro h3{color:#fff}.action-hint{color:#fff}#logo{top:-10px;transform:scale(.7);transform-origin:left}#menu-controller{top:0}#menu-controller #menu-icon-stack span{background:#000}#home-contact-link a span{font-size:18px;padding:0 10px}#home-contact-link a:hover span.link-label{transform:translateY(-24px)}#home-contact-link a:hover span.link-hover{transform:translateY(-30px)}#white-bar{display:block}#home-intro h3{font-size:18px}.action-hint{bottom:50px}.action-hint::before{bottom:-60px}.action-hint::after{bottom:-60px}#contact-info{display:none}nav#main-menu{left:60px;right:auto;top:20%}nav#main-menu ul{list-style:none;margin-left:0;text-align:left}nav#main-menu ul li a{line-height:1.2em}#socials{right:auto;left:60px}#socials ul{margin-left:0}#socials ul li a{margin-left:0;margin-right:30px}.swiper-slide{background:#fff!important}.swiper-slide .svg-graphic>rect{fill:#fff!important}.left-section{background:0 0;width:50vw;height:auto;top:450px}.swiper-slide-active .left-section{width:50vw}.svg-graphic{width:500px;top:250px}.brand-video{width:496px;top:250px}.case-video .brand-video,.case-video .svg-graphic{top:50%;left:50%;transform:translate3d(-50.01%,-50.01%,0)}.case-intro-wrapper{position:relative;width:100%;left:80px}.case-study-label{left:80px;display:none}.case-intro-wrapper p.case-text{width:100%}.swiper-slide-active .case-intro-wrapper h2{background:0 0}.swiper-pagination-bullet strong{display:none}.swiper-pagination-bullet{border-right:none;padding:0;height:8px;width:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2}.swiper-container-vertical>.swiper-pagination-bullets{right:30px}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin-right:8px}.swiper-pagination-bullet::after{display:none}.swiper-pagination-bullet-active{opacity:1;background:#000}.float-img{width:200px;bottom:35%}.full{padding:100px 10vw}.case-bottom{margin:0 10vw}.case-table .case-video .brand-video{width:396px}.case-table .case-video .svg-graphic{width:400px}.case-table .case-image,.case-table .case-table-content,.case-table .case-video{display:block}.case-table .case-image{width:100%}.case-table-content{width:100%;border-bottom:1px solid #ccc;padding:80px 10vw}.case-table .case-video{width:100%}.case-intro-wrapper h2{font-size:56px}}@media only screen and (max-width:700px){.single.post{padding:80px 20px}.single.post h2{font-size:36px}#head-bg{background-image:url(../../images/header-bg.png);background-position:right 30%;background-repeat:no-repeat;background-attachment:fixed;background-size:80%}.svg-graphic{width:400px;top:200px}.brand-video{width:396px;top:200px}.case-video .brand-video,.case-video .svg-graphic{top:50%;left:50%;transform:translate3d(-50.01%,-50.01%,0)}.case-video .brand-video{width:496px}.case-video .svg-graphic{width:500px}.case-intro-wrapper{left:60px}.left-section{top:350px;width:60vw}.swiper-slide-active .left-section{width:60vw}.case-intro .case-text-big{font-size:24px;padding-right:0;line-height:1.5em}.case-bottom{padding:160px 0}.case-bottom h2{font-size:60px}}@media only screen and (max-height:650px) and (max-width:800px){.case-table .case-image,.case-table .case-video{min-height:80vh}}@media only screen and (max-height:600px) and (max-width:800px){#home-intro div.h2{line-height:.8em;transform:translateY(0);top:25%;font-size:50px;margin-bottom:0;padding:0 40px 0 0;color:#fff;line-height:1em}.svg-graphic{width:200px;top:150px}.brand-video{width:196px;top:150px}.case-video .brand-video,.case-video .svg-graphic{top:50%;left:50%;transform:translate3d(-50.01%,-50.01%,0)}.case-video .brand-video{width:496px}.case-video .svg-graphic{width:500px}.left-section{top:200px}}@media only screen and (max-height:550px) and (max-width:800px){#home-intro div.h2{line-height:.5em;transform:translateY(0);top:25%;font-size:46px}.action-hint{font-size:12px}.case-table .case-image,.case-table .case-video{min-height:100vh}}@media only screen and (max-height:500px) and (max-width:800px){#home-intro div.h2{line-height:.5em;top:20%}.action-hint{font-size:11px;bottom:40px}.action-hint::before{bottom:-60px}.action-hint::after{bottom:-60px}#home-contact-link{bottom:5px}}@media only screen and (max-height:400px) and (max-width:800px){#home-intro h3{right:50px;left:auto;bottom:0;transform:translateX(300px);animation:slideText .7s ease forwards;animation-delay:1.8s}#home-intro div.h2{top:25%}#home-contact-link{display:none}}@media only screen and (max-height:700px) and (max-width:800px) and (min-width:600px){.svg-graphic{width:300px;left:66%;top:50%}.brand-video{width:296px;left:66%;top:50%}.case-video .brand-video,.case-video .svg-graphic{top:50%;left:50%;transform:translate3d(-50.01%,-50.01%,0)}.case-video .brand-video{width:496px}.case-video .svg-graphic{width:500px}.left-section{width:35vw;top:50%;transform:translateY(-50%)}.swiper-slide-active .left-section{width:35vw}.case-intro-wrapper{left:60px}}@media only screen and (max-height:500px) and (max-width:800px) and (min-width:600px){.svg-graphic{width:300px;top:50%;left:66%}.brand-video{width:296px;top:50%;left:66%}.case-video .brand-video,.case-video .svg-graphic{top:50%;left:50%;transform:translate3d(-50.01%,-50.01%,0)}.case-video .brand-video{width:496px}.case-video .svg-graphic{width:500px}.left-section{width:35vw;top:50%;transform:translateY(-50%)}.swiper-slide-active .left-section{width:35vw}.case-intro-wrapper{left:60px}}@media only screen and (max-height:400px) and (max-width:800px) and (min-width:600px){.svg-graphic{width:250px;top:50%;left:66%}.brand-video{width:246px;top:50%;left:66%}.case-video .brand-video,.case-video .svg-graphic{top:50%;left:50%;transform:translate3d(-50.01%,-50.01%,0)}.case-video .brand-video{width:396px}.case-video .svg-graphic{width:400px}.left-section{width:35vw;height:auto;top:50%;transform:translateY(-50%)}.swiper-slide-active .left-section{width:35vw}.case-intro-wrapper{left:40px;top:60px}.case-intro-wrapper .four.spacing{height:0}#socials{right:0;left:auto}}@media only screen and (max-width:560px){.post-content p.post-intro{font-size:24px;line-height:1.5em}.case-intro-wrapper h2{font-size:44px}.case-table-content h3{font-size:30px}nav.wrapper{padding:20px 20px}nav.wrapper a span.sub-title{display:none}nav.wrapper a.previous{width:30%;padding:15px}nav.wrapper a.previous i{left:0}nav.wrapper a.next{width:30%;padding:15px}nav.wrapper a.next i{right:0}.svg-graphic{width:350px;top:160px}.brand-video{width:346px;top:160px}.case-video .brand-video,.case-video .svg-graphic{top:50%;left:50%;transform:translate3d(-50.01%,-50.01%,0)}.case-video .brand-video{width:346px}.case-video .svg-graphic{width:350px}.case-intro-wrapper{left:40px}.left-section{top:300px;width:80vw}.swiper-slide-active .left-section{width:80vw}nav#main-menu{left:40px}#socials{right:auto;left:40px;bottom:20px}.float-img{width:150px;bottom:40%}.full{padding:80px 40px}.case-bottom{margin:0 50px}nav#main-menu{top:15%}}@media only screen and (max-width:480px){.full{padding:100px 20px}#logo{left:20px}#home-intro div.h2{left:40px;width:300px}#home-intro div.h2 span{font-size:30px}#home-intro h1{left:40px}#menu-controller{right:0}.case-intro,.single.post{margin:auto -10px}.svg-graphic{width:300px;top:150px}.brand-video{width:296px;top:150px}.case-video .brand-video,.case-video .svg-graphic{top:50%;left:50%;transform:translate3d(-50.01%,-50.01%,0)}.case-intro-wrapper{left:40px}.left-section{top:260px}}