.banner-master .banner-wrap {
    width: 100vw;
    height: min(12rem,12vw);
    position: relative;
    margin: -3em auto;
    overflow: hidden
}

.banner-master .banner-wrap:after {
    content: "";
    position: absolute;
    z-index: 100;
    left: 0;
    bottom: 0;
    height: 100%;
    width: 10rem;
    background: -o-linear-gradient(left,var(--color_softBlack),rgba(0,0,0,0));
    background: -webkit-gradient(linear,left top,right top,from(var(--color_softBlack)),to(rgba(0,0,0,0)));
    background: linear-gradient(to right,var(--color_softBlack),rgba(0,0,0,0));
    pointer-events: none;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
}

.banner-master .banner-wrap:before {
    content: "";
    position: absolute;
    z-index: 100;
    right: 0;
    bottom: 0;
    height: 100%;
    width: 10rem;
    background: -o-linear-gradient(right,var(--color_softBlack),rgba(0,0,0,0));
    background: -webkit-gradient(linear,right top,left top,from(var(--color_softBlack)),to(rgba(0,0,0,0)));
    background: linear-gradient(to left,var(--color_softBlack),rgba(0,0,0,0));
    pointer-events: none;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
}

.banner-master .banner-wrap__inner {
    position: relative;
    -webkit-transition: opacity .3s ease-out;
    -o-transition: opacity .3s ease-out;
    transition: opacity .3s ease-out
}

.banner-master .item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: min(12rem,12vw);
    position: absolute;
    top: 0;
    left: 0;
    text-align: center
}

.banner-master .item img {
    height: 100%;
    max-height: 4.5rem;
    margin: 0 1.5rem;
    pointer-events: none
}

.hero-wrap {
    position: absolute;
    z-index: 0;
    left: 0;
    top: 0;
    height: calc(var(--vh,1vh)*150);
    width: 100vw;
    overflow: hidden;
    -webkit-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
    pointer-events: none;
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    opacity: 0
}

body.home .hero-wrap {
    opacity: 1
}

.hero-wrap:after {
    content: "";
    position: absolute;
    z-index: 100;
    bottom: 15%;
    left: 0;
    height: 70%;
    width: 100%;
    background: -o-linear-gradient(top,rgba(0,0,0,0) 0%,var(--color_softBlack) 100%);
    background: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,0)),to(var(--color_softBlack)));
    background: linear-gradient(to bottom,rgba(0,0,0,0) 0%,var(--color_softBlack) 100%);
    pointer-events: none
}

.hero-wrap canvas#heroScene {
    display: block !important;
    position: absolute;
    z-index: 0;
    z-index: 99;
    top: -16%;
    left: -25%;
    -webkit-transition: all 0s ease-out,-webkit-filter 0s ease-out;
    transition: all 0s ease-out,-webkit-filter 0s ease-out;
    -o-transition: all 0s ease-out,filter 0s ease-out;
    transition: all 0s ease-out,filter 0s ease-out;
    transition: all 0s ease-out,filter 0s ease-out,-webkit-filter 0s ease-out;
    -webkit-transform: scale(.6);
    -ms-transform: scale(.6);
    transform: scale(.6)
}

body.home .hero-wrap canvas#heroScene {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.light-mode canvas#heroScene {
    -webkit-filter: invert(100%);
    filter: invert(100%)
}

.home main {
    overflow: hidden
}

.sec-wrap.heroScene {
    height: calc(calc(var(--vh,1vh)*90) - 4em);
    z-index: 0
}

.sec-wrap.heroScene .title-wrap {
    margin: auto;
    z-index: 102
}

.sec-wrap.heroScene .title-wrap .split-parent {
}

.sec-wrap.heroScene .title-wrap .split-parent:nth-of-type(1) {
    -webkit-transform: translateX(-0);
    -ms-transform: translateX(-0);
    transform: translateX(-0) !important;
}

.sec-wrap.heroScene .title-wrap .split-parent:nth-of-type(2) {
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%) !important;
}

.sec-wrap.heroScene .title-wrap .split-parent:nth-of-type(3) {
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%)!important
}

h1.sub-title {
    max-width: 100%;
}

.heroScene .scroll-down {
    position: absolute;
    bottom: -11em;
    left: calc(50% - 1em);
    width: 2em;
    height: 3.2em;
    border: var(--solidBorderSoftWhite);
    border-radius: 1em;
    -webkit-transition: opacity .6s ease-out;
    -o-transition: opacity .6s ease-out;
    transition: opacity .6s ease-out;
    -webkit-transition-delay: .3s;
    -o-transition-delay: .3s;
    transition-delay: .3s
}

.light-mode .heroScene .scroll-down:before {
    background: unset
}

.heroScene .scroll-down .dot {
    position: absolute;
    top: 27%;
    left: calc(50% - .25em);
    width: .5em;
    height: .5em;
    border-radius: 100%;
    background: var(--color_softWhite)
}

.player-video-wrap {
    margin-top: 0;
    position: relative
}

.player-video-wrap:after {
    content: "";
    position: absolute;
    z-index: 1;
    right: 0;
    bottom: .2rem;
    width: 115%;
    height: 43%;
    background: -o-linear-gradient(315deg,rgba(0,0,0,0) 1%,rgba(0,0,0,0) 68%,rgba(0,0,0,0) 88%,rgba(0,0,0,.33) 100%);
    background: linear-gradient(135deg,rgba(0,0,0,0) 1%,rgba(0,0,0,0) 68%,rgba(0,0,0,0) 88%,rgba(0,0,0,.33) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000',endColorstr='#54000000',GradientType=1);
    pointer-events: none
}

.player-video-wrap video {
    width: 100%
}

.player-video-wrap button {
    position: absolute;
    bottom: 5rem;
    right: 1rem;
    z-index: 99;
    border: 0;
    background: 0 0;
    padding: 0;
    -webkit-transform: translate3d(0,0,0) rotate(-90deg);
    -ms-transform: translate3d(0,0,0) rotate(-90deg);
    transform: translate3d(0,0,0) rotate(-90deg)
}

.player-video-wrap button * {
    color: #fafafa
}

.player-video-wrap button:nth-of-type(2) {
    bottom: 12rem
}

.mute-video div {
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center
}

.mute-video .icon-social_sound:before,.mute-video.unmute-video .icon-social_sound-mute:before {
    display: none
}

.mute-video.unmute-video .icon-social_sound:before {
    display: block
}

video:-webkit-full-screen {
    background-color: var(--color_softBlack);
    top: 0 !important;
    left: 0 !important;
    margin: 0 !important;
    -webkit-transform: translate(0,0) !important;
    transform: translate(0,0) !important;
    display: block !important;
    position: absolute !important;
    width: 100vw !important;
    height: 100vh !important;
    max-height: 100vh !important;
    z-index: 99999 !important
}

:-webkit-full-screen-ancestor #masthead,:-webkit-full-screen-ancestor footer {
    display: none !important;
    margin: 0 !important;
    padding: 0 !important
}

:-webkit-full-screen-ancestor *,:-webkit-full-screen-ancestor *:focus,:-webkit-full-screen-ancestor *:hover,:-webkit-full-screen-ancestor *:active {
    cursor: auto !important
}

video:-moz-full-screen {
    background-color: var(--color_softBlack);
    top: 0 !important;
    left: 0 !important;
    margin: 0 !important;
    transform: translate(0,0) !important;
    display: block !important;
    position: absolute !important;
    width: 100vw !important;
    height: 100vh !important;
    max-height: 100vh !important;
    z-index: 99999 !important
}

video:-ms-fullscreen {
    background-color: var(--color_softBlack);
    top: 0 !important;
    left: 0 !important;
    margin: 0 !important;
    -ms-transform: translate(0,0) !important;
    transform: translate(0,0) !important;
    display: block !important;
    position: absolute !important;
    width: 100vw !important;
    height: 100vh !important;
    max-height: 100vh !important;
    z-index: 99999 !important
}

video:-webkit-full-screen {
    background-color: var(--color_softBlack);
    top: 0 !important;
    left: 0 !important;
    margin: 0 !important;
    -webkit-transform: translate(0,0) !important;
    transform: translate(0,0) !important;
    display: block !important;
    position: absolute !important;
    width: 100vw !important;
    height: 100vh !important;
    max-height: 100vh !important;
    z-index: 99999 !important
}

video:-ms-fullscreen {
    background-color: var(--color_softBlack);
    top: 0 !important;
    left: 0 !important;
    margin: 0 !important;
    -ms-transform: translate(0,0) !important;
    transform: translate(0,0) !important;
    display: block !important;
    position: absolute !important;
    width: 100vw !important;
    height: 100vh !important;
    max-height: 100vh !important;
    z-index: 99999 !important
}

video:fullscreen {
    background-color: var(--color_softBlack);
    top: 0 !important;
    left: 0 !important;
    margin: 0 !important;
    -webkit-transform: translate(0,0) !important;
    -ms-transform: translate(0,0) !important;
    transform: translate(0,0) !important;
    display: block !important;
    position: absolute !important;
    width: 100vw !important;
    height: 100vh !important;
    max-height: 100vh !important;
    z-index: 99999 !important
}

.player .play-btn.hidden,.player .play-btn,.player.touch .play-btn.hidden {
    visibility: hidden
}

.player.touch .play-btn {
    visibility: visible
}

.player .play-btn:before {
    content: "";
    position: absolute;
    z-index: 1;
    width: 4em;
    height: 4em;
    top: calc(50% - 2em);
    left: calc(50% - 2em);
    text-align: center;
    white-space: nowrap;
    border-radius: 2em;
    overflow: hidden;
    background: unset;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    pointer-events: none
}

.player .play-btn:after {
    content: "play";
    position: absolute;
    z-index: 2;
    width: 4em;
    height: 4em;
    top: calc(50% - .6em);
    left: calc(50% - 2em);
    text-align: center;
    white-space: nowrap;
    font-size: 1rem;
    color: var(--color_softWhite);
    pointer-events: none
}

.empty-notice {
    display: none
}

.logofolio-banner {
    background: var(--color_softWhite);
    width: 100%;
    overflow: hidden
}

.logofolio-banner .swiper-wrapper {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    -webkit-transition-timing-function: linear;
    -o-transition-timing-function: linear;
    transition-timing-function: linear
}

.logofolio-banner .swiper-slide {
    width: auto
}

.logofolio-banner .swiper-slide * {
    color: var(--color_softBlack)
}

.logofolio-banner .swiper-slide .h1 {
    margin: 0
}

.logofolio-banner .swiper-slide .starchild {
    display: inline-block;
    margin: .3em
}

.logofolio-banner .swiper-slide .starchild:before {
    font-size: .5em;
    position: relative;
    display: inline-block;
    overflow: hidden;
    -webkit-animation: starSpin 10s linear infinite;
    animation: starSpin 10s linear infinite
}

@-webkit-keyframes starSpin {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes starSpin {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

a:hover .logofolio-banner {
    background: var(--color_softBlack)
}

a:hover .logofolio-banner .swiper-slide * {
    color: var(--color_softWhite)
}

.logofolio .logo-wrap {
    position: relative
}

.covered-image-wrap.logofolio-image {
    height: 22vw
}

.covered-image-wrap.logofolio-image.back {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0
}

.covered-image-wrap.logofolio-image.back.visible {
    opacity: 1
}

.contact .contact-video {
    min-width: auto;
}

.contact .contact-video:after {
    content: none
}

.contact .contact-video button {
    display: none
}

.covered-image-wrap.post-image--portrait {
    aspect-ratio: 2/2.6
}
.covered-image-wrap.post-image--portrait:after{content: '';    width: 100%;    height: 100%;    position: absolute;    top: 0;    bottom: 0;    right: 0;    left: 0;    background: #00000094;}



.box-xl-4 .covered-image-wrap.post-image--portrait {
    aspect-ratio: 2.6/2
}

@media only screen and (max-width: 99.999em) {
    .box-xl-4 .covered-image-wrap.post-image--portrait {
        aspect-ratio:2/2.6
    }

    .box-lg-8 .covered-image-wrap.post-image--portrait {
        aspect-ratio: 2.6/2
    }
}

@media only screen and (max-width: 54.999em) {
    .box-lg-8 .covered-image-wrap.post-image--portrait {
        aspect-ratio:2/2.6
    }

    .box-sm-12 .covered-image-wrap.post-image--portrait {
        aspect-ratio: 2.6/2
    }
}

.covered-image-wrap.post-box {
    position: relative
}

.covered-image-wrap.post-box .title-wrap {
    position: absolute;
    z-index: 2;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: flex-end;
    -ms-flex-align: flex-end;
    align-items: flex-end;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
}

.covered-image-wrap.post-box .title-wrap .title {
    font-size: clamp(1.17rem,1.2vw,2rem);
    color: #fafafa;
    display: inline-block;
    -webkit-font-kerning: none;
    font-kerning: none;
    -webkit-text-rendering: optimizeSpeed;
    text-rendering: optimizeSpeed;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    opacity: 0
}

.covered-image-wrap.post-box .title-wrap>.shadow {
    opacity: 0;
    position: absolute;
    z-index: -1;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    left: 0;
    bottom: -.2rem;
    width: 100%;
    height: 60%;
    background: -o-linear-gradient(top,rgba(0,0,0,0) 1%,rgba(0,0,0,0) 7%,rgba(0,0,0,.57) 50%,rgba(0,0,0,1) 70%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(1%,rgba(0,0,0,0)),color-stop(7%,rgba(0,0,0,0)),color-stop(50%,rgba(0,0,0,.57)),color-stop(70%,rgba(0,0,0,1)));
    background: linear-gradient(to bottom,rgba(0,0,0,0) 1%,rgba(0,0,0,0) 7%,rgba(0,0,0,.57) 50%,rgba(0,0,0,1) 70%)
}

.covered-image-wrap.post-box .title-wrap .split-parent {
    overflow: hidden;
    height: 1.1em;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    will-change: transform
}

.insight-box.covered-image-wrap {
    position: relative;
    will-change: transform;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    overflow: visible
}

.insight-box.covered-image-wrap .title-wrap {
    position: absolute;
    z-index: 20;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: flex-end;
    -ms-flex-align: flex-end;
    align-items: flex-end;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    will-change: transform
}

.insight-box.covered-image-wrap .title-wrap__inner {
    position: relative;
    height: auto;
    width: 100%;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
}

.insight-box.covered-image-wrap .title-wrap .title {
    margin: 0;
    position: relative;
    z-index: 2;
    color: #fafafa;
    width: 100%;
    display: inline-block;
    -webkit-font-kerning: none;
    font-kerning: none;
    -webkit-text-rendering: optimizeSpeed;
    text-rendering: optimizeSpeed;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    font-size:22px;
}

.insight-box.covered-image-wrap .shadow {
    position: absolute;
    z-index: 1;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    display: block;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: .85;
    background: -o-linear-gradient(top,rgba(0,0,0,0) 1%,rgba(0,0,0,0) 7%,rgba(0,0,0,.57) 50%,rgba(0,0,0,1) 82%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(1%,rgba(0,0,0,0)),color-stop(7%,rgba(0,0,0,0)),color-stop(50%,rgba(0,0,0,.57)),color-stop(82%,rgba(0,0,0,1)));
    background: linear-gradient(to bottom,rgba(0,0,0,0) 1%,rgba(0,0,0,0) 7%,rgba(0,0,0,.57) 50%,rgba(0,0,0,1) 82%);
    will-change: transform
}

.project-header .covered-image-wrap {
    min-height: 60vh;
    height: 40rem
}

.project-header .covered-image-wrap img {
    object-position: center 30%;
    -o-object-position: center 30%
}

.project-header .covered-image-wrap .service-wrap {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 2;
    left: 0;
    top: 0
}

.project-header .covered-image-wrap .service-wrap:before {
    content: "";
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
    width: 50%;
    height: 100%;
    background: -o-linear-gradient(left,rgba(0,0,0,.45) 0%,rgba(0,0,0,0) 72%,rgba(0,0,0,0) 100%);
    background: -webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.45)),color-stop(72%,rgba(0,0,0,0)),to(rgba(0,0,0,0)));
    background: linear-gradient(to right,rgba(0,0,0,.45) 0%,rgba(0,0,0,0) 72%,rgba(0,0,0,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#73000000',endColorstr='#00000000',GradientType=1)
}

.project-header .covered-image-wrap .service-wrap ul.plain {
    position: relative;
    z-index: 3
}

.project-header .covered-image-wrap .service-wrap ul.plain li {
    color: #fff
}

.project-header .intro-wrap {
    max-width: 50em
}

.project-header .intro-wrap p:first-of-type {
    margin-top: 0
}

.project-header .intro-wrap .excerpt-wrap {
    overflow: hidden
}

.project-header .intro-wrap .excerpt-wrap .split-parent {
    overflow: hidden
}

.project-header .intro-wrap .excerpt-wrap .split-child {
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%)
}

.author-wrap {
    display: inline-block;
    width: 25em;
    max-width: 100%
}

.author-wrap .author-image {
    display: block;
    width: 2.8em;
    height: auto !important;
    min-height: auto !important;
    overflow: hidden
}

.author-wrap .text-wrap {
    display: inline-block
}

.team-mate {
    position: relative
}

.team-mate:after {
    content: "";
    position: absolute;
    z-index: 1;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    opacity: .9;
    background: -o-linear-gradient(269.99deg,rgba(0,0,0,0) 43.55%,rgba(0,0,0,.43) 61.11%,rgba(0,0,0,.765144) 78.61%,#000 100%);
    background: linear-gradient(180.01deg,rgba(0,0,0,0) 43.55%,rgba(0,0,0,.43) 61.11%,rgba(0,0,0,.765144) 78.61%,#000 100%)
}

.team-mate .mate-video-pointer {
    display: none
}

.team-mate .covered-image-wrap {
    position: relative;
    height: 43rem;
    background: #151515;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat
}

.team-mate .covered-image-wrap.empty--mate {
    background: -o-radial-gradient(50% 50%,50% 50%,#1f1e1e 0%,#0f0e0e 100%);
    background: radial-gradient(50% 50% at 50% 50%,#1f1e1e 0%,#0f0e0e 100%)
}

@media only screen and (min-width: 100em) {
    .team-mate .covered-image-wrap {
        height:60vw
    }
}

.team-mate .text-wrap {
    position: absolute;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    z-index: 2;
    bottom: 0;
    left: 0;
    width: 100%;
    height: auto;
    padding: 1.8rem
}

.team-mate .text-wrap,.team-mate .text-wrap b,.team-mate .text-wrap a {
    color: #fafafa;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none
}

.award-wrap {
    position: relative;
    height: 30vw
}

.award-wrap .award-frame {
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0
}

.award-wrap .award-frame:nth-of-type(2) {
    left: 20em
}

.award-wrap .award-frame:nth-of-type(3) {
    left: 40em
}

.award-frame {
    -webkit-transform: scale(.5);
    -ms-transform: scale(.5);
    transform: scale(.5);
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    width: 50em;
    height: 50em
}

.horizon-slider-wrap {
    width: 150vw;
    min-width: 1500px;
    padding: 0;
    position: relative
}

.horizon-slider-wrap .horizon-slider-wrap__inner {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 75vh;
    width: 170vw;
    min-width: 1500px
}

@media only screen and (min-width: 2000px) {
    .horizon-slider-wrap .horizon-slider-wrap__inner,.horizon-slider-wrap .panel {
        width:120vw
    }
}

.horizon-slider-wrap .panel {
    width: 170vw;
    display: block;
    overflow: hidden
}

.horizon-slider-wrap--desktop {
    display: block
}

.horizon-slider-wrap--mobile {
    display: none
}

.horizon-slider-wrap svg.journeyPath--desktop {
    position: relative;
    height: 130%;
    -webkit-transform: translateX(-6em) translateY(0em);
    -ms-transform: translateX(-6em) translateY(0em);
    transform: translateX(-6em) translateY(0em)
}

.horizon-slider-wrap svg.journeyPath--mobile {
    position: relative;
    height: 100%
}

.horizon-slider-wrap svg.journeyPath--desktop text tspan,.horizon-slider-wrap svg.journeyPath--mobile text {
    font-family: "Replica Light",sans-serif;
    font-weight: 400;
    fill: var(--color_softWhite)
}

@media only screen and (max-width: 100em) {
    .horizon-slider-wrap .horizon-slider-wrap__inner,.horizon-slider-wrap .panel {
        width:200vw
    }
}

.services .bg--noisy {
    position: absolute;
    width: 100%;
    height: 120%;
    left: 0;
    top: -20%
}

.services .bg--noisy:after {
    content: "";
    width: 100%;
    height: 140%;
    position: absolute;
    left: 0;
    bottom: 0;
    background: -o-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,.65) 100%);
    background: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,0)),to(rgba(0,0,0,.65)));
    background: linear-gradient(to bottom,rgba(0,0,0,0) 0%,rgba(0,0,0,.65) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000',endColorstr='#a6000000',GradientType=0)
}

.services .excerpt-wrap {
    overflow: hidden;
    margin-left: 3em
}

.services .excerpt-wrap .split-parent {
    overflow: hidden
}

.services .excerpt-wrap .split-child {
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%)
}

.services .excerpt .arrow {
    display: inline-block;
    margin-right: .3em;
    opacity: .2
}

.services .logofolio-banner {
    float: none
}

.insight-wrap .box.ajax {
    opacity: 0
}

.insight-wrap .box.large .covered-image-wrap {
    height: 50vw;
    max-height: 40rem
}

.archive .hashtag-banner .swiper-wrapper {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    -webkit-transition-timing-function: linear;
    -o-transition-timing-function: linear;
    transition-timing-function: linear
}

.archive .hashtag-banner .swiper-slide {
    width: auto
}

.form-wrap .field-wrap {
    margin-bottom: 1.3em
}

.form-wrap .field-wrap.textarea {
    margin-bottom: 0
}

.form-wrap .field-wrap.file {
    -webkit-transform: translateY(-.4rem);
    -ms-transform: translateY(-.4rem);
    transform: translateY(-.4rem);
    text-align: right;
    border: var(--solidBorderSoftWhite);
    overflow: hidden;
    border-radius: 0 0 .5rem .5rem
}

.form-wrap .field-wrap.file .label {
    margin-top: .7rem;
    padding-right: 1rem;
    font-size: 1.5rem;
    line-height: 1.4em;
    letter-spacing: .01em;
    width: 100%;
    cursor: pointer
}

.form-wrap span.label {
    margin-bottom: .5em;
    display: inline-block;
    font-size: 1rem;
    line-height: 1.2em;
    color: var(--color_softWhite)
}

input[type=text],input[type=email],input[type=url],input[type=password],input[type=search],input[type=number],input[type=tel],input[type=range],input[type=date],input[type=month],input[type=week],input[type=time],input[type=datetime],input[type=datetime-local],input[type=color] {
    font-size: 1.0rem;
    line-height: 1.4em;
    border: var(--solidBorderSoftWhite);
    padding: .625em;
    border-radius: .5rem;
    margin-bottom: 0;
    background: var(--color_softBlack);
    color: var(--color_softWhite)
}

input[type=file] {
    display: none
}

.search-form input[type=search] {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    border-radius: .1875em;
    margin-bottom: 0;
    background: var(--color_softBlack)
}

input,select,textarea {
    color: var(--color_softWhite);
    width: 100%;
    font-size: 1.5rem;
    line-height: 1.4em
}

textarea {
    background: var(--color_softBlack);
    padding: .625em;
    line-height: 1.5625em;
    max-height: 20em;
    border: var(--solidBorderSoftWhite);
    border-radius: .5rem .5rem 0 0;
    margin: 0;
    resize: none
}

textarea:focus,input:focus,textarea:active,input:active {
    color: var(--color_softWhite);
    -moz-user-select: auto;
    -ms-user-select: auto;
    user-select: auto;
    -webkit-user-select: auto
}

::-webkit-input-placeholder {
    color: var(--color_softWhite);
    opacity: 1
}

::-moz-placeholder {
    color: var(--color_grey);
    opacity: 1
}

:-ms-input-placeholder {
    color: var(--color_grey);
    opacity: 1
}

::-ms-input-placeholder {
    color: var(--color_grey);
    opacity: 1
}

::placeholder {
    color: var(--color_grey);
    opacity: 1
}

:-ms-input-placeholder {
    color: var(--color_grey)
}

::-ms-input-placeholder {
    color: var(--color_grey)
}

.grecaptcha-badge {
    display: none
}

input[type=submit],.field-wrap input[type=submit] {
    float: right;
    font-family: "Replica Regular",sans-serif;
    font-weight: 400;
    background: var(--color_softBlack);
    color: var(--color_softWhite);
    border-radius: 12.5em;
    width: auto;
    padding: .2em .8em .3em;
    border: var(--solidBorderSoftWhite);
    display: inline-block;
    cursor: pointer
}

.form-wrap .error-msg {
    color: var(--color_alert);
    margin: .5rem 0 2rem;
    font-size: 1rem;
    line-height: 1.2em;
    display: block
}

.form-wrap input.has-error {
    border-color: var(--color_softWhite)
}

form.submitted {
    display: none
}

.post-password-form p:nth-of-type(1) {
    display: none
}

span.custom-password-message {
    display: block;
    margin: auto;
    max-width: 10em;
    padding: .125em;
    border-radius: .25em;
    background: rgba(255,255,255,.17);
    color: var(--color_softWhite)
}

.post-password-form label {
    font-size: 0em
}

.post-password-form label input {
    font-size: 1.875em;
    padding: .25em .9375em;
    text-align: center
}

.post-password-required input[type=submit] {
    position: relative;
    float: unset;
    margin: 1.5625em auto;
    display: block
}

.laws a:hover,.laws a.active-link,.laws a {
    word-break: break-all
}

.laws svg.logo-sms {
    width: 5rem;
    margin: 1em 0
}

.laws a:hover svg.logo-sms path.st1 {
    fill: red
}

.laws svg.logo-sms path.st1 {
    fill: var(--color_softWhite)
}

.error-404~footer .footer-wrap {
    background: 0 0
}

.error-404 {
    text-align: center
}

.error-404 .sec-wrap {
    width: 100vw
}

.error-404 .char-wrap {
    text-align: center;
    position: relative
}

.error-404 .char-wrap .char {
    position: absolute;
    left: 39vw;
    z-index: 1
}

.error-404 .char-wrap .clone {
    position: absolute;
    left: 39vw;
    color: var(--color_softBlack);
    -webkit-text-shadow: -.15rem -.15rem var(--color_softWhite),-.15rem .15rem var(--color_softWhite) .15rem -.15rem var(--color_softWhite),.15rem .15rem var(--color_softWhite);
    -moz-text-shadow: -.15rem -.15rem var(--color_softWhite),-.15rem .15rem var(--color_softWhite),.15rem -.15rem var(--color_softWhite),.15rem .15rem var(--color_softWhite);
    -ms-text-shadow: -.15rem -.15rem var(--color_softWhite),-.15rem .15rem var(--color_softWhite),.15rem -.15rem var(--color_softWhite),.15rem .15rem var(--color_softWhite);
    -o-text-shadow: -.15rem -.15rem var(--color_softWhite),-.15rem .15rem var(--color_softWhite),.15rem -.15rem var(--color_softWhite),.15rem .15rem var(--color_softWhite);
    text-shadow: -.15rem -.15rem var(--color_softWhite),-.15rem .15rem var(--color_softWhite),.15rem -.15rem var(--color_softWhite),.15rem .15rem var(--color_softWhite)
}

.error-404 p a:hover {
    cursor: pointer;
    border-bottom: var(--solidBorderSoftWhite);
    color: var(--color_softBlack)
}

.layout-wrap [class*=block--] {
    margin: 2em 0
}

.layout-wrap__blog [class*=block--] {
    margin: 0;
    padding-top: 0;
    padding-bottom: 0
}

.layout-wrap .block--divider {
    margin: 0
}

.layout-wrap .block--divider hr {
    border-top: var(--solidBorderGrey);
    opacity: .4;
    border-bottom: 0;
    border-left: 0;
    border-right: 0;
    height: 0;
    margin: 0
}

.layout-wrap .block--single-image img {
    min-width: 100%
}

.layout-wrap .block--single-image.text-width {
    max-width: 55em;
    margin: 0
}

.layout-wrap .block--single-image.text-width2 {
    max-width: 46em;
    margin: 0
}

.layout-wrap .block--single-image video,.layout-wrap .block--single-image {
    height: auto;
    width: 100%
}

.light-mode .layout-wrap .block--single-image.invert-content img,.light-mode .layout-wrap .block--single-image.invert-content video {
    -webkit-filter: invert(100%);
    filter: invert(100%)
}

.layout-wrap .block--desktop-screen .content-wrap {
    padding: 6vw
}

.layout-wrap .block--desktop-screen img {
    min-width: 100%
}

.layout-wrap .block--desktop-screen video,.layout-wrap .block--desktop-screen {
    height: auto;
    width: 100%
}

.layout-wrap .block--mobile-screen .content-wrap {
    padding: 8.25vw
}

.layout-wrap .block--mobile-screen .content-wrap__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.layout-wrap .block--mobile-screen .content-wrap__inner .panel {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding-right: 5vw
}

.layout-wrap .block--mobile-screen .content-wrap__inner .panel:last-of-type {
    padding-right: 0
}

.layout-wrap .block--mobile-screen img {
    min-width: 100%
}

.layout-wrap .block--mobile-screen video,.layout-wrap .block--mobile-screen {
    height: auto;
    width: 100%
}

.layout-wrap .block--double-image .covered-image-wrap {
    height: 45vw
}

.layout-wrap .block--text_and_image .box-text--right {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2
}

.layout-wrap .block--text [class*=box]>*:first-child {
    margin-top: 0
}

.layout-wrap .block--text blockquote {
    font-family: "Replica Regular";
    border-radius: .15rem;
    padding: 1.5em;
    background: var(--color_greyTransp);
    margin: 0
}

.layout-wrap .block--text blockquote * {
    margin: 0
}

.layout-wrap .block--text ul {
    padding-left: 1.4rem;
    list-style: none
}

.layout-wrap .block--text ul li {
    position: relative
}

.layout-wrap .block--text ul li::marker {
    content: none
}

.layout-wrap .block--text ul li:before {
    content: "–";
    position: absolute;
    left: -1.4rem
}

.layout-wrap .block--text ol {
    padding-left: 1.4rem;
    list-style: numeric
}

.layout-wrap .block--text ol li {
    position: relative;
    padding-left: .5rem
}

.layout-wrap .block--text ul li::marker {
    position: absolute;
    left: -1.4rem
}

.layout-wrap .block--gallery .slider-wrap {
    margin-left: -2.1875em;
    width: calc(100% + 4.375em);
    position: relative;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    -webkit-transition-timing-function: ease-in-out;
    -o-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out
}

.layout-wrap .block--gallery .swiper:after {
    pointer-events: none;
    content: "";
    position: absolute;
    z-index: 1;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    right: 0;
    bottom: 0;
    width: 20rem;
    height: 100%;
    background: -o-linear-gradient(left,rgba(0,0,0,0) 0%,rgba(0,0,0,.88) 100%);
    background: -webkit-gradient(linear,left top,right top,from(rgba(0,0,0,0)),to(rgba(0,0,0,.88)));
    background: linear-gradient(to right,rgba(0,0,0,0) 0%,rgba(0,0,0,.88) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000',endColorstr='#e0000000',GradientType=1)
}

.layout-wrap .block--gallery .slider-wrap .swiper-slide {
    cursor: pointer;
    height: 100%;
    width: auto;
    border: var(--solidBorderSoftWhite);
    border-right: 0
}

.layout-wrap .block--gallery .slider-wrap .swiper-slide img {
    display: block;
    height: 50em
}

.swiper-button-prev {
    right: 5rem;
    left: unset;
    top: unset;
    bottom: 5rem
}

.swiper-button-next {
    right: 5rem;
    left: unset;
    top: unset;
    bottom: 15rem
}

.swiper-button-next:after {
    font-family: "Replica Regular",sans-serif;
    font-weight: 400;
    font-size: 11rem;
    line-height: .9em;
    letter-spacing: -.01em;
    content: "→";
    color: #fff;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
}

.swiper-button-prev:after {
    font-family: "Replica Regular",sans-serif;
    font-weight: 400;
    font-size: 11rem;
    line-height: .9em;
    letter-spacing: -.01em;
    content: "←";
    color: #fff;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
}

.slider-lightbox-wrap {
    z-index: 99999;
    position: fixed;
    display: none;
    inset: 0;
    width: 100vw;
    height: 100vh;
    background: rgba(255,255,255,.95);
    opacity: 0;
    -webkit-transition: opacity .25s ease-out;
    -o-transition: opacity .25s ease-out;
    transition: opacity .25s ease-out
}

.slider-lightbox-wrap.active {
    opacity: 1
}

.slider-lightbox-wrap-close {
    z-index: 99;
    position: absolute;
    width: 3rem;
    height: 3rem;
    background: 0 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    right: .937rem;
    top: .937rem;
    padding: 0;
    border: none;
    cursor: pointer
}

.slider-lightbox-wrap-close:focus {
    outline: none
}

.slider-lightbox-wrap-close:before {
    font-size: 1.25rem;
    color: var(--color_softBlack);
    font-family: "Icons Base";
    content: "\004a"
}

.slider-lightbox-wrap .slider-wrap {
    position: absolute;
    width: min(90rem,100vw);
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.slider-lightbox-wrap .img-fill {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    max-height: 100vh
}

.slider-lightbox-wrap .img-fill img {
    -o-object-fit: contain;
    object-fit: contain
}

.layout-wrap .block--form {
    padding: 2rem 0
}

.layout-wrap .block--form .form-wrap {
    max-width: 43.75em
}

.layout-wrap .block--form .form-wrap .field-wrap {
    width: 100%;
    margin-bottom: 2rem
}

.layout-wrap .block--form .form-wrap .success-wrap {
    padding: 2em
}

.layout-wrap .block--quote-slider .quote-wrap {
    min-height: 6.25em;
    padding: 2em 8em 2em 3em;
    position: relative
}

.layout-wrap .block--quote-slider .quote-wrap:after {
    content: '"';
    text-align: center;
    position: absolute;
    z-index: 1;
    font-style: italic;
    right: .2rem;
    top: -2.5rem;
    font-size: 15rem;
    width: 10rem
}

.layout-wrap .block--quote-slider .quote-wrap p {
    margin-top: 0
}

.layout-wrap .block--quote-slider .box-portrait {
    width: 100%
}

.layout-wrap .block--quote-slider .box-portrait .covered-image-wrap {
    min-height: 25em
}

.layout-wrap .block--quote-slider .box-portrait~.box-quote .quote-wrap {
    min-height: 25em
}

.layout-wrap .block--quote-slider .box:nth-of-type(1) {
    padding-right: 0;
    margin: 0 auto
}

.layout-wrap .block--quote-slider .box:nth-of-type(2) {
    padding-left: 0
}

.layout-wrap .block--quote-slider .box--middleHeight .quote-wrap {
    min-height: 25em
}

.layout-wrap .block--quote-slider .box--middleHeight.box-quote {
    margin-bottom: 0
}

.layout-wrap .block--contact-person {
    position: relative;
    padding: 3rem 0 0;
    margin: 2rem 0
}

.layout-wrap .block--contact-person:after {
    content: "";
    position: absolute;
    z-index: -1;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    background: #ececec;
    left: -50vw;
    top: 0;
    width: 200vw;
    height: 100%
}

.layout-wrap .block--contact-person .portrait-box {
    height: 15rem
}

.layout-wrap .block--contact-person .grid-wrap .grid-wrap .box:first-of-type {
    padding-left: 0
}

.video-wrap {
    width: 100%;
    overflow: hidden;
    padding-top: 56.25%;
    position: relative
}

.video-wrap iframe {
    border: 0;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.accordion-wrap {
    border: var(--solidBorderSoftWhite);
    padding: 0
}

.accordion-trigger {
    padding: 1.5625em 1.25em;
    position: relative;
    cursor: pointer
}

.accordion-trigger:after {
    font-family: "Icons Base";
    content: "\0045";
    position: absolute;
    right: 1.25em;
    top: 51%;
    font-size: 1.875em;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.accordion-trigger.active:after {
    content: "\0048"
}

.accordion-trigger h3 {
    margin: 0
}

.accordion-content {
    max-height: 0;
    padding: 0 1.25em;
    overflow: hidden
}

@media only screen and (max-width: 80em) {
    .home .insights-wrap .box:nth-of-type(3) {
        /*display:none*/
    }

    .moreInsights-wrap .box:nth-of-type(4) {
        display: none
    }

    .home .teaser-wrap .box:nth-of-type(4) {
        display: none
    }

    .banner-master .banner-wrap {
        margin: -1em auto
    }

    .horizon-slider-wrap--desktop {
        display: none
    }

    .horizon-slider-wrap--mobile {
        display: block
    }

    .horizon-slider-wrap .horizon-slider-wrap__inner,.horizon-slider-wrap .panel {
        width: 120vw;
        margin-left: -10vw
    }

    .team-mate .mate-video-pointer {
        display: block;
        position: absolute;
        width: 10vw;
        height: 10vw;
        right: 5vw;
        top: 7vw;
        z-index: 2;
        pointer-events: none;
        -ms-transform: rotate(200deg);
        transform: rotate(200deg);
        -webkit-transform: rotate(200deg);
        -webkit-transition: all .6s ease-in-out;
        -o-transition: all .6s ease-in-out;
        transition: all .6s ease-in-out;
        -webkit-transition-delay: .3s;
        -o-transition-delay: .3s;
        transition-delay: .3s
    }

    .team-mate .mate-video-pointer .hand,.team-mate .mate-video-pointer .zone {
        position: absolute;
        left: 0;
        top: 7vw;
        width: 100%;
        height: 100%;
        -webkit-transform-origin: center;
        -ms-transform-origin: center;
        transform-origin: center
    }

    .team-mate .mate-video-pointer .zone {
        top: 2vw;
        left: -1vw
    }

    .team-mate .mate-video-pointer .hand:before {
        font-size: 10vw;
        color: #fafafa;
        display: block;
        position: relative
    }

    .team-mate .mate-video-pointer .zone:after {
        content: "";
        position: absolute;
        display: block;
        z-index: 1;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        border-radius: 50%;
        background: #fafafa36
    }

    .team-mate .mate-video-pointer.hidden {
        transform: rotate(200deg) translate3d(-150%,150%,0);
        -webkit-transform: rotate(200deg) translate3d(-150%,150%,0)
    }

    .award-wrap {
        height: 40vw
    }

    .award-wrap .award-frame:nth-of-type(2) {
        left: 30vw
    }

    .award-wrap .award-frame:nth-of-type(3) {
        left: 60vw
    }

    .award-frame {
        width: 70vw;
        height: 70vw
    }

    .contact .contact-video {
        width: 120vw;
        overflow: hidden;
        -webkit-transform: translateX(-10vw);
        -ms-transform: translateX(-10vw);
        transform: translateX(-10vw)
    }

    .contact .contact-video video {
        width: 100%;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }

    .insight-wrap .box:first-of-type .covered-image-wrap {
        margin-top: 0
    }

    .insight-wrap .box.large .covered-image-wrap {
        max-height: 60vw;
        height: 60vw
    }

    .single-blog .insight-box:nth-of-type(3) {
        display: none
    }

    .layout-wrap .block--gallery .slider-wrap .swiper-slide img {
        height: 60vw
    }

    .swiper-button-prev:after,.swiper-button-next:after {
        font-size: 14vw
    }

    .swiper-button-prev {
        right: 7vw;
        bottom: 8vw
    }

    .swiper-button-next {
        right: 7vw;
        bottom: 18vw
    }

    .layout-wrap .block--gallery .swiper:after {
        width: 20%;
        opacity: .6
    }
}

@media only screen and (max-width: 55em) {
    .banner-master .banner-wrap {
        margin:1em auto
    }

    .banner-master .item img {
        margin: 0 2.5vw;
        max-height: 5rem
    }

    .hero-wrap {
        height: 80vh
    }

    .hero-wrap:after {
        bottom: 0
    }

    .sec-wrap.heroScene {
        height: auto;
        margin: 6em auto 0em
    }

    .hero-wrap canvas#heroScene {
        top: -50%;
        -webkit-transform: scale(.65) !important;
        -ms-transform: scale(.65) !important;
        transform: scale(.65) !important
    }

    .heroScene .scroll-down {
        border: 0;
        display: none
    }

    .heroScene .scroll-down .dot {
        left: calc(50% - .5em);
        width: 1em;
        height: 1em
    }

    .home .teaser-wrap .box:nth-of-type(4) {
        display: block
    }

    .player-video-wrap button {
        bottom: 3rem;
        right: 0
    }

    .player-video-wrap button:nth-of-type(2) {
        bottom: 8rem
    }

    .player-video-wrap:after {
        background: -o-linear-gradient(315deg,rgba(0,0,0,0) 1%,rgba(0,0,0,0) 46%,rgba(0,0,0,0) 69%,rgba(0,0,0,.17) 100%);
        background: linear-gradient(135deg,rgba(0,0,0,0) 1%,rgba(0,0,0,0) 46%,rgba(0,0,0,0) 69%,rgba(0,0,0,.17) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000',endColorstr='#2b000000',GradientType=1);
        height: 100%
    }

    .form-wrap .field-wrap.file {
        -webkit-transform: translateY(-.3rem);
        -ms-transform: translateY(-.3rem);
        transform: translateY(-.3rem)
    }

    .covered-image-wrap.logofolio-image {
        height: 28vw
    }

    .team-mate .covered-image-wrap {
        height: 70vw
    }

    .team-mate .text-wrap,.team-mate .text-wrap * {
        font-size: 2.5vw
    }

    .horizon-slider-wrap svg.journeyPath--desktop {
        display: none
    }

    .horizon-slider-wrap svg.journeyPath--mobile {
        display: block
    }

    .service-slider-wrap {
        padding: 0 1em
    }

    .services .excerpt-wrap {
        margin-left: 2em
    }

    .project-header .covered-image-wrap {
        min-height: 68vw;
        height: 68vw
    }

    .layout-wrap .block--text_and_image .box-text {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .single-projekte .teaser-wrap .box:nth-last-of-type(3) {
        display: none
    }

    .space-md .layout-wrap .block--quote-slider .box--evenPad {
        padding: 0 1.25em
    }

    .space-md .layout-wrap .block--quote-slider .box-portrait {
        margin-bottom: 0
    }

    .layout-wrap .block--quote-slider .box-portrait~.box-quote .quote-wrap {
        min-height: auto
    }

    .layout-wrap .block--quote-slider .quote-wrap:after {
        right: .1em
    }

    .layout-wrap .block--double-image .covered-image-wrap {
        height: 45vw
    }

    .layout-wrap .block--desktop-screen {
        margin-left: -2.1875em;
        width: calc(100% + 4.375em)
    }

    .layout-wrap .block--desktop-screen .content-wrap {
        padding: 4vw
    }

    .layout-wrap .block--mobile-screen {
        margin-left: -2.1875em;
        width: calc(100% + 4.375em)
    }

    .layout-wrap .block--mobile-screen .content-wrap {
        padding: 4vw
    }

    .error-404 .char-wrap .char,.error-404 .char-wrap .clone {
        left: 25vw
    }
}

@media only screen and (max-width: 36.25em) {
    .service-panel {
        padding:1em
    }

    .service-panel .title {
        font-size: 6vw
    }

    .services .bg--noisy img {
        -webkit-transform: translate3d(0,0,0) !important;
        transform: translate3d(0,0,0) !important
    }

    .insight-box.covered-image-wrap .title-wrap .title {
        font-size: 4vw
    }

    .box.large .insight-box .title-wrap .title {
        font-size: 6vw
    }

    .box.large .insight-box.covered-image-wrap .title-wrap__inner {
        padding: 1em
    }

    .author-wrap .author-image {
        width: 2.4em
    }

    .team-mate .text-wrap {
        padding: 1rem
    }

    .covered-image-wrap.logofolio-image {
        height: 45vw
    }

    .laws svg.logo-sms {
        width: 5rem;
        margin: 1em 0
    }

    .layout-wrap [class*=block--] {
        margin: 1.5em 0
    }

    .layout-wrap [class*=block--]:first-of-type {
        margin: 0 0 1.5em
    }

    .layout-wrap__blog [class*=block--]:first-of-type {
        margin: 0
    }

    .layout-wrap .block--gallery .slider-wrap {
        margin-left: -1em;
        width: calc(100% + 2em)
    }

    .space-md .layout-wrap .block--quote-slider .box--evenPad {
        padding: 0 .9375em
    }

    .layout-wrap .block--quote-slider .box-portrait .covered-image-wrap {
        min-height: 62vw
    }

    .layout-wrap .block--quote-slider .quote-wrap {
        padding: 2em 2.5em
    }

    .layout-wrap .block--desktop-screen {
        margin-left: -1em !important;
        width: calc(100% + 2em)
    }

    .layout-wrap .block--desktop-screen .content-wrap {
        padding: 4vw
    }

    .layout-wrap .block--mobile-screen {
        padding: 1em 0;
        margin-left: -1em !important;
        width: calc(100% + 2em)
    }

    .layout-wrap .block--mobile-screen .content-wrap {
        padding: 4vw;
        position: relative;
        overflow-x: scroll;
        overflow-y: hidden
    }

    .layout-wrap .block--mobile-screen .content-wrap::-webkit-scrollbar {
        display: none
    }

    .layout-wrap .block--mobile-screen .content-wrap {
        -ms-overflow-style: none;
        scrollbar-width: none
    }

    .layout-wrap .block--mobile-screen .content-wrap__inner {
        width: 160vw;
        height: calc(100% + 2em);
        position: absolute;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        left: 0;
        top: 1em
    }

    .layout-wrap .block--mobile-screen .content-wrap__inner .panel {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        padding: 0 1.5em 0 1em
    }

    .layout-wrap .block--mobile-screen .content-wrap__inner .panel:last-of-type {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        padding-right: 1em
    }
}

@media only screen and (max-width: 26.875em) {
    .service-panel {
        padding:.7em
    }

    .service-panel .title {
        font-size: 8vw
    }

    .service-panel p,.service-panel .button {
        font-size: 4vw
    }

    .services .excerpt-wrap {
        margin-left: 1.2em
    }

    .insights .footer__main {
        margin-bottom: 7.3rem
    }

    .team-mate .covered-image-wrap {
        height: 80vw
    }

    .team-mate .text-wrap {
        padding: .6rem
    }

    .team-mate .text-wrap,.team-mate .text-wrap * {
        font-size: 3vw
    }

    .player-video-wrap button {
        bottom: 2rem
    }

    .player-video-wrap button:nth-of-type(2) {
        bottom: 7rem
    }

    input[type=text],input[type=email],input[type=url],input[type=password],input[type=search],input[type=number],input[type=tel],input[type=range],input[type=date],input[type=month],input[type=week],input[type=time],input[type=datetime],input[type=datetime-local],input[type=color],.form-wrap .field-wrap.file .label,input,select,textarea {
        font-size: 1rem
    }

    .form-wrap span.label {
        margin-bottom: .7em
    }

    .form-wrap .field-wrap.file {
        margin-bottom: 1em
    }

    .covered-image-wrap.post-image--regular~.title-wrap .h3 {
        font-size: 1rem
    }

    .error-404 .char-wrap .char,.error-404 .char-wrap .clone {
        left: 12vw
    }

    .layout-wrap [class*=block--] {
        margin: 1em 0
    }

    .layout-wrap [class*=block--]:first-of-type {
        margin: 0 0 1em
    }

    .swiper-button-prev {
        bottom: 3vw
    }

    .swiper-button-next {
        bottom: 13vw
    }
}

@media only screen and (max-width: 26.875em) and (hover:none) {
    .service-overflow {
        padding:0
    }

    .service-slider-wrap {
        position: relative;
        width: 100%;
        height: 23em;
        max-height: 88vw;
        overflow-x: scroll;
        overflow-y: hidden
    }

    .service-overflow:after {
        content: "";
        position: absolute;
        width: 30%;
        height: 100%;
        background: -o-linear-gradient(left,rgba(255,255,255,0) 10%,var(--color_softBlack) 100%);
        background: -webkit-gradient(linear,left top,right top,color-stop(10%,rgba(255,255,255,0)),to(var(--color_softBlack)));
        background: linear-gradient(to right,rgba(255,255,255,0) 10%,var(--color_softBlack) 100%);
        right: -10%;
        top: 0;
        opacity: .6;
        pointer-events: none
    }

    .service-slider-wrap::-webkit-scrollbar {
        display: none
    }

    .service-slider-wrap {
        -ms-overflow-style: none;
        scrollbar-width: none
    }

    .service-slider-wrap .service-slider-wrap__inner {
        width: 240vw;
        height: 100%;
        position: absolute;
        padding: 0 1em;
        left: 0;
        top: 0
    }

    .service-slider-wrap .box-xl-3 {
        -ms-grid-column-span: 3 !important;
        grid-column-end: span 3 !important
    }

    .service-overflow .box>.noisy-highlight {
        opacity: 1
    }

    .service-panel {
        padding: 1em !important
    }

    .service-panel .button {
        display: block
    }
}

.heroScene h1.sub-title {
    margin-top: 140px;
    FONT-WEIGHT: 400;
    font-family: outfit;
    font-size: 32px;
}

.heroScene .grid-wrap.gap-xl-9 {
    position: relative;
}

.flt-right {
    float: right;
    max-width: 440px;
    position: absolute;
    bottom: 0vh;
    right: 40px;
}

.flt-right h1.sub-title {
    FONT-WEIGHT: 400;
    font-family: outfit;
    font-size: 32px;
}

.sec-wrap {
    z-index: 9;
    width: 100%;
    height: auto;
    position: relative;
    background: #151515;
}

.sec-wrap.secondwrp .sub-title {
    font-size: 42px;
}

.sec-wrap.secondwrp {
    margin: 100px 0 30px;
}

.secondwrp {
    background: unset;
    padding: 50px 0 0;
}

.secondwrp h1 {
    font-size: 32px;
}

.sec-wrap.secondwrp ul li {
    font-size: 2.1rem;
    line-height: 1.3em;
}

.privacy-choice input[type=checkbox] {
    height: 0;
    width: 0;
    visibility: hidden;
}

.privacy-choice label {
    cursor: pointer;
    text-indent: -9999px;
    width: 40px;
    height: 20px;
    background: grey;
    display: block;
    border-radius: 100px;
    position: absolute;
    top: 3px;
    right: 10px;
}

.privacy-choice label:after {
    content: '';
    position: absolute;
    top: 5px;
    left: 5px;
    width: 10px;
    height: 10px;
    background: #fff;
    border-radius: 90px;
    transition: 0.3s;
}

.privacy-choice input:checked + label {
    background: #262108;
}

.privacy-choice input:checked + label:after {
    left: calc(100% - 5px);
    transform: translateX(-100%);
}

.privacy-choice label:active:after {
    width: 10px;
}

.pricavy-toogle {
    position: relative;
}

.pricavy-toogle input {
    position: absolute;
    top: 0;
    right: 0;
}

.privacy-choice a {
    margin: 0;
    color: #a47413;
    text-decoration: underline;
    font-size: 16px;
    padding: 0;
    border: none;
    font-weight: 400;
    visibility: unset !important;
    float: right;
    width: auto;
    height: auto;
    background: unset;
}

.privacy-choice .themes-btn {
    visibility: unset !important;
    float: right;
    width: auto;
    height: auto;
}

.privacy-choice .themes-btn:hover {
    transform: translateY(0rem);
}

div#exampleModaltwo {
}

div#exampleModaltwo .modal-content {
    border-radius: 30px;
    padding: 0px 0 20px;
}

div#exampleModaltwo .modal-body {
    height: auto;
    padding: 0 40px 20px;
}

div#exampleModaltwo h1 {
    font-size: 22px;
    color: #000;
}
div#exampleModaltwo h4, div#exampleModaltwo h6{color:#000;}

div#exampleModaltwo p {
    font-size: 12px;
    line-height: 18px;
    color: #000;
}

div#exampleModaltwo .modal-header {
    border-bottom: unset;
}

.work-section .flt-right{max-width: 570px;}
footer.footer-sec {    border-top: 2px solid #282828;}