html {
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    font-family: sans-serif;
    }
body {
    margin: 0;
    }
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
    display: block;
    }
audio, canvas, progress, video {
    vertical-align: baseline;
    display: inline-block;
    }
audio:not([controls]) {
    height: 0;
    display: none;
    }
    [hidden], template {
        display: none;
        }
a {
    background-color: transparent;
    }
a:active, a:hover {
    outline: 0;
    }
h1 {
    margin: .67em 0;
    font-size: 2em;
    }
img {
    border: 0;
    }
svg:not(:root) {
    overflow: hidden;
    }
* {
    box-sizing: border-box;
    }
html {
    height: 100%
    }
body {
    min-height: 100%;
    color: #333;
    /*background-color: #fff;*/
    background-color: #000;
    margin: 0;
    font-family: Arial, sans-serif;
    font-size: 14px;
    line-height: 20px;
    }
img {
    max-width: 100%;
    vertical-align: middle;
    display: inline-block;
    }
html.w-mod-touch * {
    background-attachment: scroll!important;
    }
.w-inline-block {
    max-width: 100%;
    display: inline-block;
    }
h1, h2, h3, h4, h5, h6 {
    margin-bottom: 10px;
    font-weight: 700;
    }
h1 {
    margin-top: 20px;
    font-size: 38px;
    line-height: 44px;
    } 
.w-embed:before, .w-embed:after {
    content: " ";
    grid-area: 1/1/2/2;
    display: table;
    } 
.w-embed:after {
    clear: both;
    }
.w-richtext:before, .w-richtext:after {
    content: " ";
    grid-area: 1/1/2/2;
    display: table;
    }
.w-richtext:after {
    clear: both;
    }
.w-richtext[contenteditable=true]:before, .w-richtext[contenteditable=true]:after {
    white-space: initial;
    }
.w-richtext ol, .w-richtext ul {
    overflow: hidden;
    }
.w-richtext .w-richtext-figure-selected.w-richtext-figure-type-video div:after, .w-richtext .w-richtext-figure-selected[data-rt-type=video] div:after, .w-richtext .w-richtext-figure-selected.w-richtext-figure-type-image div, .w-richtext .w-richtext-figure-selected[data-rt-type=image] div {
    outline: 2px solid #2895f7;
    }
.w-richtext figure.w-richtext-figure-type-video>div:after, .w-richtext figure[data-rt-type=video]>div:after {
    content: "";
    display: none;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    }
.w-richtext figure {
    max-width: 60%;
    position: relative;
    }
.w-richtext figure>div:before {
    cursor: default!important;
    }
.w-richtext figure img {
    width: 100%;
    }
.w-richtext figure figcaption.w-richtext-figcaption-placeholder {
    opacity: .6;
    }
.w-richtext figure div {
    color: transparent;
    font-size: 0;
    }
.w-richtext figure.w-richtext-figure-type-image, .w-richtext figure[data-rt-type=image] {
    display: table;
    }
.w-richtext figure.w-richtext-figure-type-image>div, .w-richtext figure[data-rt-type=image]>div {
    display: inline-block;
    }
.w-richtext figure.w-richtext-figure-type-image>figcaption, .w-richtext figure[data-rt-type=image]>figcaption {
    caption-side: bottom;
    display: table-caption;
    }
.w-richtext figure.w-richtext-figure-type-video, .w-richtext figure[data-rt-type=video] {
    width: 60%;
    height: 0;
    }
.w-richtext figure.w-richtext-figure-type-video iframe, .w-richtext figure[data-rt-type=video] iframe {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    }
.w-richtext figure.w-richtext-figure-type-video>div, .w-richtext figure[data-rt-type=video]>div {
    width: 100%;
    }
.w-richtext figure.w-richtext-align-center {
    clear: both;
    margin-left: auto;
    margin-right: auto;
    }
.w-richtext figure.w-richtext-align-center.w-richtext-figure-type-image>div, .w-richtext figure.w-richtext-align-center[data-rt-type=image]>div {
    max-width: 100%;
    }
.w-richtext figure.w-richtext-align-normal {
    clear: both;
    }
.w-richtext figure.w-richtext-align-fullwidth {
    width: 100%;
    max-width: 100%;
    text-align: center;
    clear: both;
    margin-left: auto;
    margin-right: auto;
    display: block;
    }
.w-richtext figure.w-richtext-align-fullwidth>div {
    padding-bottom: inherit;
    display: inline-block;
    }
.w-richtext figure.w-richtext-align-fullwidth>figcaption {
    display: block;
    }
.w-richtext figure.w-richtext-align-floatleft {
    float: left;
    clear: none;
    margin-right: 15px;
    }
.w-richtext figure.w-richtext-align-floatright {
    float: right;
    clear: none;
    margin-left: 15px;
    }
:root {
    --white: white;
    --black: black;
    }
body {
    color: #fff;
    /*background-color: #050505;*/
    background-color: #000;
    font-family: Twklausanne, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.4;
    }
h1 {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 38px;
    font-weight: 700;
    line-height: 44px;
    }
.con {
    z-index: 100;
    width: 100%;
    min-height: 100%;
    position: relative;
    }
.con-inner {
    z-index: 2;
    width: 100%;
    min-height: 100vh;
    padding-left: 0;
    padding-right: 0;
    position: relative;
    }
.body {
    font-family: Twklausanne, sans-serif;
    }
.footer {
    z-index: 4;
    width: 100%;
    height: 100vh;
    /*background-color: #dbdbdb;*/
    background-color: #000;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-start;
    display: flex;
    position: fixed;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%
    }
.content {
    z-index: 2;
    width: 100%;
    /*background-color: #101010;*/
    background-color: #000;
    position: relative;
    }
.content.beta {
    height: 100%;
    background-color: #000;
    position: fixed;
    }
.preloader-small-text {
    text-align: center;
    white-space: nowrap;
    margin-right: 2vw;
    font-size: 1vw;
    line-height: 1.2;
    position: relative;
    }
.preloader-item-holder-1 {
    flex-direction: column;
    align-items: center;
    display: flex;
    position: relative;
    }
.preloader-n-holder {
    text-align: right;
    letter-spacing: -.75vw;
    margin-right: 2.5vw;
    line-height: 1;
    position: relative;
    }
.preloader {
    z-index: 950;
    width: 100%;
    height: 100%;
    background-color: #000;
    justify-content: center;
    align-items: center;
    padding-bottom: 2vw;
    display: none;
    position: fixed;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
    }
.progress_bar {
    z-index: 1;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
    transform: rotate(-90deg);
    }
.bar_percentage {
    width: 0;
    height: 100%;
    background-color: #dbdbdb;
    }
.baseborn-logo {
    width: 100%;
    display: block;
    position: relative;
    }
.f-case-img {
    z-index: 1;
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    }
.f-case-img.scaled-grid-img {
    transform: scale(.7);
    }
.menu {
    z-index: 925;
    width: 100%;
    justify-content: flex-start;
    align-items: center;
    margin-top: 1.25vw;
    padding-left: 1vw;
    padding-right: 1vw;
    display: flex;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    }
.menu-link-holder {
    width: 100%;
    text-transform: none;
    justify-content: space-between;
    align-items: center;
    line-height: 1;
    display: flex;
    position: relative;
    }
.menu-link-holder.beta {
    transition: opacity 2s cubic-bezier(.23, 1, .32, 1);
    }
.menu-link-holder.beta.opc0 {
    opacity: 0;
    }
.menu-logo {
    width: auto;
    margin-right: 0;
    line-height: 1;
    position: relative;
    top: .1vw;
    overflow: hidden;
    }
.logo {
    width: 8vw;
    transition: transform 1.6s cubic-bezier(.86, 0, .07, 1);
    display: none;
    position: relative;
    transform: translate(0%);
    }
.logo.frontpage {
    transform: translate(-105%);
    }
.menu-link {
    color: #fff;
    letter-spacing: -.025vw;
    white-space: nowrap;
    margin-right: 2vw;
    font-size: 1.3vw;
    font-weight: 400;
    text-decoration: none;
    transition: color .8s cubic-bezier(.645, .045, .355, 1);
    position: relative;
    }
.menu-link.w--current {
    color: #fff;
    }
.menu-link.right {
    margin-right: 0;
    display: flex;
    }
.menu-link.last {
    margin-right: 0;
    }
.menu-link.hidden {
    display: none;
    }
.h1 {
    max-width: 39ch;
    letter-spacing: -.025vw;
    text-transform: none;
    font-size: 1.3vw;
    font-weight: 400;
    line-height: 1.4;
    display: block;
    position: relative;
    left: 0;
    }
.menu-links-holder {
    align-items: center;
    display: flex;
    }
.menu-links-holder.main {
    transition: transform 1.6s cubic-bezier(.86, 0, .07, 1), left 1.6s cubic-bezier(.86, 0, .07, 1);
    position: absolute;
    left: 50%;
    transform: translate(-50%);
    }
.menu-links-holder.main.frontpage {
    left: 0%;
    transform: translate(0%);
    }
.menu-links-holder.beta {
    justify-content: space-between;
    } 
.small-header {
    max-width: 23ch;
    color: #fff;
    letter-spacing: -.01vw;
    text-transform: uppercase;
    font-size: .95vw;
    line-height: 1.2;
    display: block;
    position: absolute;
    top: 12.25vw;
    left: 2vw;
    transform: rotate(0);
    }
.small-header._2 {
    color: #818181;
    margin-top: 0;
    margin-bottom: 1vw;
    transition: opacity 2s cubic-bezier(.23, 1, .32, 1);
    position: relative;
    top: .8vw;
    left: 0;
    }
.small-header._2.opc0 {
    opacity: 0;
    }
.small-header.project-bottom-text {
    max-width: none;
    color: #fff;
    margin-top: 0;
    margin-bottom: 0;
    transition: opacity 2s cubic-bezier(.23, 1, .32, 1);
    position: relative;
    top: 0;
    left: 0;
    }
.small-header.project-bottom-text.opc0 {
    opacity: 0;
    }
.f-cases-clw {
    z-index: 1;
    width: 50.8%;
    margin-bottom: 3vw;
    position: relative;
    }
.f-cases-clw.hidden {
    display: flex;
    }
.f-cases-cl {
    width: 100%;
    position: relative;
    }
.f-grid-info-holder {
    z-index: 10;
    margin-top: 1vw;
    position: -webkit-sticky;
    position: sticky;
    left: 0;
    }
.f-case-title-text {
    letter-spacing: -.035vw;
    text-transform: uppercase;
    font-family: Baseborn Sans, sans-serif;
    font-size: 3vw;
    font-weight: 400;
    line-height: 1;
    }
.f-services-holder {
    z-index: 10;
    margin-top: .15vw;
    display: block;
    position: relative;
    }
.f-category-holder {
    color: #818181;
    letter-spacing: -.01vw;
    text-transform: uppercase;
    background-color: transparent;
    font-size: .95vw;
    line-height: 1.2;
    display: flex;
    position: relative;
    }
.f-case-link {
    width: 100%;
    height: 54vw;
    display: block;
    position: relative;
    overflow: hidden;
    }
.f-case-link.work-page {  
    height: 100%
    }
.f-after-cases-holder {
    width: 50.6%;
    height: 100%;
    justify-content: space-between;
    align-items: flex-end;
    padding-top: 5vw;
    padding-bottom: 1vw;
    padding-left: 0;
    font-size: 1.3vw;
    transition: opacity 2s cubic-bezier(.23, 1, .32, 1);
    display: flex;
    position: relative;
    bottom: 0;
    }
.f-after-cases-holder.opc0 {
    opacity: 0;
    }
.work-info-holder {
    width: 100%;
    position: relative;
    }
.footer-fill {
    z-index: 2;
    width: 100%;
    height: 100vh;
    position: relative;
    }
.footer-fill.only-mobile {
    display: none;
    }
.footer-logo-holder {
    width: 100%;
    padding-bottom: .5vw;
    padding-left: 1vw;
    padding-right: 1vw;
    position: relative;
    top: 0;
    }
.work-page-grid-holder {
    position: relative;
    }
.work-page-col-list-wrap {
    z-index: 2;
    width: 100%;
    position: relative;
    }
.work-page-col-list {
    width: 100%;
    flex-wrap: wrap;
    align-content: flex-start;
    justify-content: center;
    align-items: flex-start;
    display: flex;
    }
.work-page-col-item {
    width: 50%;
    height: 100%;
    aspect-ratio: 1/1;
    object-fit: cover;
    position: relative;
    }
.work-page-col-item:first-child {
    width: 100%;
    aspect-ratio: 2/1;
    }
.h1-subpage-holder {
    z-index: 1;
    width: 100%;
    justify-content: center;
    align-items: flex-end;
    padding-top: 3.5vw;
    display: flex;
    position: relative;
    overflow: hidden;
    }
.h1-subpage-holder.hidden {
    display: none;
    }
.h1-subpage-holder.contact {
    width: auto;
    border-right: 1px solid #5f5f5f;
    flex: none;
    padding-top: 0;
    padding-left: 4vw;
    padding-right: 4vw;
    position: relative;
    }
.h1-subpage {
    width: 100%;
    text-align: left;
    letter-spacing: -.5vw;
    text-transform: uppercase;
    padding-bottom: 0;
    padding-left: 0%;
    padding-right: 1%;
    font-family: Baseborn Sans, sans-serif;
    font-size: 19vw;
    font-weight: 400;
    line-height: .75;
    position: relative;
    }
.h1-subpage.center {
    text-align: center;
    }
.h1-subpage.contact {
    white-space: nowrap;
    margin-bottom: 1vw;
    }
.ts-holder {
    flex-direction: row;
    justify-content: space-around;
    align-items: flex-end;
    margin-top: 1vw;
    margin-bottom: 8vw;
    padding-left: 1%;
    padding-right: 1%;
    display: flex;
    }
.ts-image-holder {
    width: 100%;
    background-color: #161616;
    position: relative;
    }
.ts-img {
    width: 100%;
    position: relative;
    }
.baseborn-logo-text {
    letter-spacing: -.82vw;
    margin-left: -1vw;
    margin-right: -1vw;
    font-family: Baseborn Logo, sans-serif;
    font-size: 19.45vw;
    line-height: .74;
    display: none;
    position: relative;
    }
.work-info-flex {
    width: 100%;
    padding: 4vw 1vw 1.5vw;
    display: flex;
    position: relative;
    }
.work-info-client-holder {
    width: 48%;
    /*border-bottom: 1px solid #313131;*/
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: 2.5vw;
    padding-bottom: 2.5vw;
    padding-right: 0;
    font-size: 1.3vw;
    text-decoration: none;
    display: flex;
    position: relative;
    }
.work-info-header-holder {
    color: #9e9e9e;
    margin-bottom: 1vw;
    position: relative;
    }
.work-info-text {
    line-height: 1.1;
    position: relative;
    }
.work-info-text.services {
    line-height: 1.1;
    }
.work-services-col-item {
    margin-bottom: .65vw;
    position: relative;
    }
.case-header-holder {
    width: 100%;
    height: 100dvh;
    transition: height 1.5s cubic-bezier(.77, 0, .175, 1);
    position: relative;
    }
.case-header-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: relative;
    }
.case-h1 {
    width: 100%;
    text-align: left;
    letter-spacing: -.25vw;
    text-transform: uppercase;
    padding-left: 1vw;
    padding-right: 1vw;
    font-family: Baseborn Sans, sans-serif;
    font-size: 7.8vw;
    font-weight: 400;
    line-height: 1;
    position: relative;
    }
.case-h1-holder {
    z-index: 3;
    width: 100%;
    justify-content: flex-start;
    padding-top: 2vw;
    padding-bottom: 2vw;
    transition: bottom 1.5s cubic-bezier(.77, 0, .175, 1), transform 1.5s cubic-bezier(.77, 0, .175, 1);
    display: flex;
    position: relative;
    bottom: 0;
    transform: none;
    }
.case-h1-holder.loaded {
    bottom: -2vw;
    transform: translateY(-100%);
    }
.work-info-flex-holder {
    width: 40%;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
    display: flex;
    position: relative;
    }
.client-description-rich-text {
    width: 100%;
    max-width: 50ch;
    font-size: 1.3vw;
    line-height: 1.4;
    position: relative;
    }
.client-description-rich-text p {
    /*margin-bottom: 1vw;*/
    margin: 0 0 1vw 0;
    }
.client-description-holder {
    width: 60%;
    padding-right: 0;
    position: relative;
    }
.info-header-text {
    color: #818181;
    letter-spacing: .01vw;
    text-transform: uppercase;
    font-size: .95vw;
    }
.about-p {
    width: 100%;
    color: #818181;
    text-align: left;
    letter-spacing: -.0125vw;
    text-indent: 0;
    text-transform: uppercase;
    font-family: Twklausanne, sans-serif;
    font-size: .95vw;
    line-height: 1.2;
    position: relative;
    }
.about-services-list-text {
    letter-spacing: -.025vw;
    margin-bottom: -.2vw;
    padding-bottom: .2vw;
    }
.about-services-list-text.contact-page {
    transform: translateY(110%);
    }
.about-services-list-text.contact-page.loaded {
    transition: transform 1s cubic-bezier(.23, 1, .32, 1);
    transform: translate(0);
    }
.small-h2 {
    letter-spacing: -.025vw;
    text-transform: uppercase;
    font-family: Baseborn Sans, sans-serif;
    font-size: 2vw;
    font-weight: 400;
    line-height: 1;
    position: relative;
    }
.toresimon-p {
    letter-spacing: -.025vw;
    margin-bottom: 3vw;
    font-size: 1.3vw;
    line-height: 1.4;
    }
.worldwide-p {
    width: 110%;
    text-align: left;
    letter-spacing: -.6vw;
    text-transform: uppercase;
    margin-left: -1.2vw;
    font-family: Baseborn Sans, sans-serif;
    font-size: 23.28vw;
    line-height: .8;
    position: relative;
    }
.worldwide-p.smaller {
    letter-spacing: -.25vw;
    font-size: 8vw;
    }
.small-about-p {
    width: 100%;
    text-align: left;
    letter-spacing: -.025vw;
    font-size: 1.3vw;
    line-height: 1.4;
    position: relative;
    }
.small-about-p-holder {
    width: 33.3333%;
    margin-bottom: 8vw;
    padding-left: 0%;
    position: relative;
    }
.f-after-cases-holder-2 {
    z-index: 40;
    width: 50.8%;
    letter-spacing: -.01vw;
    justify-content: space-between;
    align-items: flex-end;
    padding-top: 0;
    padding-bottom: 1vw;
    padding-left: 0;
    display: flex;
    position: relative;
    bottom: 0;
    }
.cph-time-text {
    position: relative;
    }
.work-info-ofh {
    /*margin-bottom: -.2vw;
    padding-bottom: .2vw;*/
    margin: 0 0 1vw 0;
    position: relative;
    overflow: hidden;
    }
.bb-logo-embed {
    width: 100%;
    display: none;
    }
.bb-logo-embed.in-mneu {
    width: 8vw;
    align-items: center;
    margin-bottom: 0;
    transition: transform 1.6s cubic-bezier(.86, 0, .07, 1);
    display: flex;
    }
.bb-logo-embed.in-mneu.frontpage {
    transform: translate(-101%);
    }
.bb-logo-embed.in-mneu.subpage {
    transform: translate(0%);
    }
.line-holder {
    padding-left: 1%;
    padding-right: 1%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    }
.divider-line {
    width: 100%;
    height: 1px;
    background-color: #3f3f3f;
    position: relative;
    } 
.load-overlay {
    z-index: 920;
    width: 100%;
    height: 100%;
    /*background-color: #1f1f1f;*/
    background-color: #000;
    justify-content: center;
    align-items: center;
    padding-bottom: 1rem;
    display: flex;
    position: fixed;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
    }
.load-overlay.loading {
    transition: transform 1.5s cubic-bezier(.645, .045, .355, 1);
    }
.cursor {
    z-index: 1000;
    width: 3rem;
    height: 3rem;
    color: #020202;
    background-color: #dbdbdb;
    border-radius: 100%;
    justify-content: center;
    align-items: center;
    transition: background-color .4s cubic-bezier(.215, .61, .355, 1);
    display: flex;
    position: fixed;
    overflow: hidden;
    transform: translate(-50%, -50%);
    }
.cursor.cursor-small {
    z-index: 999;
    width: 1rem;
    height: 1rem;
    background-color: transparent;
    border: 1px solid #fff;
    border-radius: 100%;
    }
.cursor.case-hover {
    background-color: #181818;
    }
.case-follower-text {
    z-index: 2;
    color: #fff;
    letter-spacing: -.01vw;
    text-transform: uppercase;
    white-space: nowrap;
    flex: none;
    font-size: .95vw;
    line-height: 1;
    position: relative;
    }
.case-follower-text-holder {
    position: relative;
    overflow: hidden;
    }
.load-text-holder {
    height: 1.8vw;
    color: #b8b8b8;
    text-align: center;
    text-transform: uppercase;
    flex-direction: column;
    justify-content: space-between;
    font-family: "Universal Sans Display (BB)", sans-serif;
    font-size: .95vw;
    line-height: .9;
    display: flex;
    }
.load-text-holder.preload {
    height: 8rem;
    justify-content: space-between;
    align-items: center;
    display: flex;
    position: absolute;
    }
.load-text-holder.preload.loaded {
    height: 1.8vw;
    transition: height 1s cubic-bezier(.645, .045, .355, 1);
    }
.load-small-text {
    font-family: Twklausanne, sans-serif;
    }
.cursor-text {
    z-index: 2;
    color: #f1f1f1;
    letter-spacing: -.01rem;
    text-transform: uppercase;
    white-space: nowrap;
    flex: none;
    font-size: .75rem;
    line-height: 1;
    transition: opacity .4s cubic-bezier(.645, .045, .355, 1);
    display: block;
    position: relative;
    }
.follower-text-holder {
    width: 100%;
    display: none;
    position: absolute;
    }
.follower-text-holder.loading {
    height: 100%;
    justify-content: center;
    align-items: center;
    display: flex;
    }
.follower-text-holder.case {
    z-index: 40;
    align-items: center;
    display: flex;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
    }
.horizontal-scroll {
    position: relative;
    }
.f-work-col-list-wrap {
    width: 100%;
    height: 100%;
    display: block;
    position: relative;
    }
.f-work-col-list-wrap.work-page {
    width: auto;
    height: 100vh;
    padding-top: 0;
    padding-bottom: 0;
    }
.f-work-col-list {
    width: 100%;
    height: 100%;
    flex-flow: wrap;
    flex: 1;
    display: flex;
    position: relative;
    }
.f-work-col-list.work-page {
    width: auto;
    flex-direction: column;
    justify-content: center;
    padding-top: 3.75vw;
    padding-left: 1vw;
    }
.f-work-col-item {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
    }
.f-work-col-item.work-page {
    width: 76vh;
    height: 100%;
    border-right: 1px solid #3f3f3f;
    flex-direction: column;
    flex: none;
    align-items: flex-start;
    margin-right: 1vw;
    padding-right: 1vw;
    display: flex;
    }
.f-work-col-item.work-page:last-child {
    border-right-style: none;
    margin-right: 0;
    }
.projects-page-bottom {
    z-index: 100;
    width: 100%;
    justify-content: space-between;
    padding: 1vw;
    display: flex;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    }
.line-holder-project {
    padding-left: 1%;
    padding-right: 1%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    }
.o-embed {
    z-index: 10;
    width: 100%;
    height: 100%;
    justify-content: center;
    align-items: center;
    padding-left: 23%;
    padding-right: 23%;
    transition: opacity .4s cubic-bezier(.645, .045, .355, 1);
    display: flex;
    position: absolute;
    }
.o-embed.preload-o {
    width: 50%;
    height: 50%;
    padding-left: 0%;
    padding-right: 0%;
    }
.overlay-text-humble {
    position: relative;
    }
.overlay-text-humble.preload-text-absolute {
    width: 9rem;
    position: absolute;
    transform: translateY(110%);
    }
.overlay-text-humble.preload-text-absolute.loaded, .overlay-text-humble.preload-text-relative {
    transition: transform 1s cubic-bezier(.645, .045, .355, 1);
    transform: none;
    }
.overlay-text-humble.preload-text-relative.loaded {
    transform: translateY(-110%);
    }
.footer-items {
    width: 100%;
    padding-left: 1vw;
    padding-right: 1vw;
    position: absolute;
    top: 4.5vw;
    }
.footer-flex {
    width: 100%;
    justify-content: center;
    align-items: flex-start;
    display: flex;
    }
.footer-flex.smaller {
    width: auto;
    }
.footer-item-holder {
    color: #050505;
    flex-direction: column;
    padding-left: 3.3vw;
    padding-right: 3.3vw;
    display: flex;
    }
.footer-item-holder.right {
    width: 33.3333%;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding-left: 0;
    padding-right: 0;
    display: flex;
    }
.footer-item-holder.last {
    padding-right: 0;
    }
.footer-item-holder.no-m {
    width: 33.3333%;
    padding-left: 0;
    padding-right: 0;
    }
.footer-item-holder.center {
    width: 33.3333%;
    align-items: center;
    }
.footer-item-holder.first {
    padding-left: 0;
    }
.footer-link-holder {
    color: #050505;
    letter-spacing: -.025vw;
    margin-bottom: .65vw;
    font-size: 1.3vw;
    line-height: 1;
    text-decoration: none;
    }
.footer-link-holder.social {
    margin-left: 1vw;
    margin-right: 1vw;
    } 
.footer-link-holder.social.hidden {
    display: none;
    }
.footer-h3-holder {
    width: 100%;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    margin-bottom: 1vw;
    padding-right: 0;
    display: flex;
    position: relative;
    }
.footer-h3-holder.contact-page {
    width: 100%;
    margin-bottom: 1vw;
    }
.footer-h3-holder.social {
    justify-content: flex-end;
    }
.footer-over-logo-holder {
    width: 100%;
    justify-content: space-between;
    align-items: flex-end;
    margin-bottom: .5vw;
    padding-left: 1vw;
    padding-right: 1vw;
    display: flex;
    }
.footer-links-holder {
    flex-direction: column;
    align-items: flex-start;
    display: flex;
    }
.footer-main-link {
    color: #050505;
    letter-spacing: -.025vw;
    text-transform: uppercase;
    font-family: Baseborn Sans, sans-serif;
    font-size: 2vw;
    line-height: 1;
    text-decoration: none;
    display: none;
    }
.footer-small-text {
    letter-spacing: .01vw;
    text-transform: uppercase;
    font-size: .95vw;
    }
.preload-center-center {
    z-index: 10;
    width: 100%;
    height: 100%;
    text-transform: uppercase;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-bottom: 1rem;
    display: flex;
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
    transform: none;
    }
.preloader-text-holder {
    z-index: 30;
    width: 100%;
    height: 100%;
    font-variation-settings: "wght" 860, "wdth" 49.5;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 1rem;
    padding-left: 1.1vw;
    padding-right: 1.1vw;
    font-size: 1.05vw;
    line-height: 1;
    display: flex;
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
    }
.preloader-n-holder-2 {
    text-align: right;
    align-items: center;
    font-family: Twklausanne, sans-serif;
    font-weight: 400;
    display: none;
    position: relative;
    }
.load-intro-text-holder {
    z-index: 4;
    opacity: 0;
    margin-top: 0;
    padding-left: 1vw;
    padding-right: 1vw;
    font-size: 1vw;
    font-weight: 400;
    position: relative;
    }
.load-intro-text {
    text-align: center;
    white-space: nowrap;
    margin-bottom: .1vw;
    font-size: 1.25vw;
    font-weight: 400;
    display: none;
    position: relative;
    }
.load-intro-text.third-intro-text, .load-intro-text.first-intro-text {
    text-transform: none;
    transition: transform .4s cubic-bezier(.55, .085, .68, .53);
    display: block;
    }
.load-intro-text.second-intro-text {
    text-transform: none;
    font-weight: 500;
    transition: transform .4s cubic-bezier(.55, .085, .68, .53);
    display: block;
    }
.loader-text {
    z-index: 10;
    text-align: center;
    text-transform: uppercase;
    white-space: nowrap;
    margin-bottom: .2vw;
    display: none;
    position: relative;
    }
.load-text-ofh {
    width: 20vw;
    justify-content: center;
    align-items: center;
    display: flex;
    position: relative;
    overflow: hidden;
    }
.load-text-ofh.preload {
    overflow: visible;
    }
.preloader-logomark-holder {
    width: 3rem;
    height: 3rem;
    border-radius: 100%;
    justify-content: center;
    align-items: center;
    display: flex;
    position: absolute;
    overflow: hidden;
    }
.preloader-logomark-holder.loaded {
    width: 0;
    height: 0;
    transition: height 1s cubic-bezier(.645, .045, .355, 1), width 1s cubic-bezier(.645, .045, .355, 1);
    }

@media screen and (max-width:1750px) {
    .menu-link {
        font-size: 2vw;
        }
    }

@media screen and (max-width:1250px) {
    .menu-link {
        font-size: 2.5vw;
        }
    }

@media screen and (max-width:950px) {
    .menu-link {
        font-size: 3vw;
        }
    }

@media screen and (max-width:650px) {
    .menu-link {
        font-size: 4vw;
        }
    }

@media screen and (max-width:479px) {
    .con.hori, .con-inner {
        min-height: auto;
        }
    .footer {
        height: 100vh;
        }
    .preloader {
        padding-bottom: 5vw;
        padding-left: 2.5vw;
        padding-right: 2.5vw;
        }
    .bar_percentage {
        position: relative;
        }
    .menu {
        margin-top: 3vw;
        padding-left: 2%;
        padding-right: 2%;
        }
    .menu-link {
        margin-right: 3vw;
        font-size: 4.5vw;
        }
    .f-grid-info-holder {
        margin-top: 2vw;
        }
    .f-case-title-text {
        font-size: 6vw;
        }
    .f-case-link, .f-case-link.work-page {
        height: 114vw;
        }
    .footer-fill {
        height: 100vh;
        }
    .footer-fill.only-mobile {
        display: block;
        }
    .h1-subpage-holder {
        margin-bottom: 2rem;
        padding-top: 14vw;
        }
    .h1-subpage-holder.hidden {
        padding-left: 2%;
        display: block;
        }
    .h1-subpage.studio {
        padding-left: 1%
        }
    .preloader-small-text {
        font-size: 3vw;
        }
    .logo {
        width: 20vw;
        }
    .h1 {
        max-width: none;
        padding-right: 17vw;
        font-size: 4vw;
        }
    .menu-links-holder.main {
        margin-left: 5.5vw;
        transition: margin 1.6s cubic-bezier(.86, 0, .07, 1), transform 1.6s cubic-bezier(.86, 0, .07, 1), left 1.6s cubic-bezier(.86, 0, .07, 1);
        }
    .small-header._2 {
        font-size: 3.5vw;
        display: none;
        top: 2vw;
        }
    .small-header._2.opc0 {
        margin-top: -1vw;
        }
    .small-header.project-bottom-text {
        font-size: 3.5vw;
        top: 2vw;
        }
    .small-header.project-bottom-text.opc0 {
        margin-top: -1vw;
        }
    .f-cases-clw {
        width: 100%;
        }
    .f-after-cases-holder {
        width: 100%;
        height: auto;
        padding-left: 1vw;
        padding-right: 1vw;
        font-size: 3.5vw;
        position: absolute;
        left: 0;
        right: 0;
        }
    .work-page-grid-holder {
        width: 100%
        }
    .work-info-flex {
        flex-direction: column;
        padding: 1.5rem 2vw 1rem;
        }
    .work-info-client-holder {
        margin-bottom: 1rem;
        padding-bottom: 1rem;
        }
    .work-info-header-holder {
        margin-bottom: .5rem;
        }
    .work-info-text {
        font-size: 15px;
        }
    .work-services-col-item {
        margin-bottom: .35rem;
        }
    .case-header-holder {
        height: 100svh;
        }
    .case-h1 {
        font-size: 12vw;
        line-height: .9;
        }
    .case-h1.case-page {
        margin-bottom: 1rem;
        padding-top: 1rem;
        }
    .work-info-flex-holder {
        width: 100%;
        }
    .client-description-rich-text {
        font-size: 15px;
        }
    .client-description-rich-text p {
        margin-bottom: 3vw;
        }
    .client-description-holder {
        width: 100%;
        margin-bottom: 2rem;
        }
    .about-p {
        font-size: 5.15vw;
        }
    .about-services-list-text {
        font-size: 3.8vw;
        }
    .small-h2 {
        font-size: 6vw;
        }
    .toresimon-p {
        margin-bottom: 0;
        font-size: 3.8vw;
        }
    .worldwide-p {
        margin-left: -3.2vw;
        font-size: 22.85vw;
        line-height: 1;
        }
    .worldwide-p.smaller {
        font-size: 10vw;
        }
    .small-about-p {
        font-size: 3.8vw;
        }
    .small-about-p-holder {
        width: 100%;
        margin-bottom: 4rem;
        }  
    .f-after-cases-holder-2 {
        width: 100%;
        align-items: flex-start;
        }
    .cph-time-text {
        display: none;
        }
    .bb-logo-embed.in-mneu {
        width: 20vw;
        }
    .line-holder {
        padding-left: 2%;
        padding-right: 2%;
        }
    .load-overlay {
        padding-bottom: 1rem;
        }
    .load-text-holder, .load-text-holder.preload.loaded {
        height: 7vw;
        }
    .load-small-text {
        font-size: 3.5vw;
        }
    .f-work-col-list-wrap.work-page {
        width: 100%;
        height: auto;
        }
    .f-work-col-list.work-page {
        width: 100%;
        height: auto;
        background-color: #101010;
        padding-top: 0;
        padding-left: 2%;
        padding-right: 2%
        }
    .f-work-col-item.work-page {
        width: 100%;
        border-bottom: 1px solid #3f3f3f;
        border-right-style: none;
        margin-bottom: 1rem;
        margin-right: 0;
        padding-bottom: 1rem;
        padding-right: 0;
        overflow: visible;
        }
    .f-work-col-item.work-page:last-child {
        border-bottom-style: none;
        }
    .projects-page-bottom {
        display: none;
        }
    .line-holder-project {
        padding-left: 2%;
        padding-right: 2%;
        }
    .overlay-text-humble {
        font-size: 3.5vw;
        } 
    .footer-items {
        margin-top: 3rem;
        }
    .footer-flex.smaller {
        width: 50%;
        flex-direction: column;
        }
    .footer-item-holder {
        margin-bottom: 1rem;
        padding-left: 0;
        }
    .footer-item-holder.last {
        margin-bottom: 0;
        }
    .footer-link-holder {
        font-size: 3.8vw;
        }
    .footer-over-logo-holder {
        flex-direction: row-reverse;
        align-items: flex-end;
        padding-bottom: 1rem;
        padding-left: 2%;
        padding-right: 2%;
        }
    .preload-center-center, .loading-text-holder {
        font-size: 3vw;
        }
    .preloader-text-holder {
        padding-left: 3vw;
        padding-right: 3vw;
        }
    .load-intro-text-holder {
        font-size: 2vw;
        }
    .load-intro-text {
        font-size: 4.75vw;
        }
    .loader-text {
        font-size: 3vw;
        }
    .load-text-ofh.top {
        width: 60vw;
        }
    }

@font-face  { 
    font-family:  'Twklausanne';  
    src:  url('../fonts/TWKLausanne-400.woff2') format('woff2'),  url('../fonts/TWKLausanne-400.woff') format('woff'); 
    font-weight:  400;
    font-style:  normal;
    font-display:  swap;
    }
@font-face  { 
    font-family:  'Baseborn Logo';
    src:  url('../fonts/Baseborn Logo.woff2') format('woff2'),  url('../fonts/Baseborn Logo.woff') format('woff');
    font-weight:  400;
    font-style:  normal;
    font-display:  swap;
    }
@font-face  {
    font-family:  'Universal Sans Display (BB)';
    src:  url('../fonts/Universal Sans Display 876.woff2') format('woff2'),  url('../fonts/Universal Sans Display 876.woff') format('woff');
    font-weight:  400;
    font-style:  normal; 
    font-display:  swap;
    }
@font-face  { 
    font-family:  'Baseborn Sans';
    src:  url('../fonts/BasebornSans.woff2') format('woff2'),  url('../fonts/BasebornSans.ttf') format('truetype');
    font-weight:  400;
    font-style:  normal; 
    font-display:  swap; 
    }