/*** GRID ***/
.col,.row{box-sizing:border-box}
.container{margin-right:auto;margin-left:auto;max-width:1400px}
.row{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:0;-ms-flex:0 1 auto;flex:0 1 auto;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-20px;margin-left:-20px}
.col{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;padding-right:20px;padding-left:20px}
.col-1{-ms-flex-preferred-size:16.66666%;flex-basis:16.66666%;max-width:16.66666%}
.col-1-half{-ms-flex-preferred-size:24.99999%;flex-basis:24.99999%;max-width:24.99999%}.col-2{-ms-flex-preferred-size:33.33333%;flex-basis:33.33333%;max-width:33.33333%}.col-3{-ms-flex-preferred-size:50%;flex-basis:50%;max-width:50%}.col-4{-ms-flex-preferred-size:66.66666%;flex-basis:66.66666%;max-width:66.66666%}.col-5{-ms-flex-preferred-size:83.33333%;flex-basis:83.33333%;max-width:83.33333%}.col-6{-ms-flex-preferred-size:100%;flex-basis:100%;max-width:100%}.no-padding{padding:0}.col-1-5{-ms-flex-preferred-size:20%;flex-basis:20%;max-width:20%}.col-2-5{-ms-flex-preferred-size:40%;flex-basis:40%;max-width:40%}

.col-1-12 {
    -ms-flex-preferred-size:8.33%;flex-basis:8.33%;max-width:8.33%
}

/*** GLOBAL ***/
html{line-height:1.15;-webkit-text-size-adjust:100%;margin-top:0!important;--appH:100vh;overflow-x:hidden;scroll-behavior:smooth;min-height:calc(100vh + 1px);}img,svg,video{vertical-align:top}.hidden,img{pointer-events:none}body,figure,h1,h2,h3,h4,h5,h6,html,li,menu,ol,ul,video{margin:0;padding:0}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:ButtonText dotted 1px}::-webkit-input-placeholder{color:#000}:-moz-placeholder{color:#000}::-moz-placeholder{color:#000}:-ms-input-placeholder{color:#000}*{font-weight:400;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;outline:0!important;box-sizing:border-box;margin:0;-webkit-box-sizing:border-box}a{text-decoration:none}.btn,a,input[type=submit]{transition:.2s}a,button,input,select,textarea{padding:0;color:inherit;font:inherit;letter-spacing:inherit;background:0 0;border-radius:0;-webkit-border-radius:0}form input:not([type=select]):not([type=file]),form textarea{border:1px solid #000;padding:5px}input[type=submit]{cursor:pointer}.btn,img{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}figure iframe,figure img,figure video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:1}figure{position:relative;overflow:hidden}img{border-style:none;max-width:100%;height:auto}a img{pointer-events:all}.filters-type.mobile,.mobile,p:empty{display:none}p{margin:1em 0}p:first-child{margin-top:0}p:last-child{margin-bottom:0}::selection{background:rgba(222,222,222,.3)}::-moz-selection{background:rgba(222,222,222,.3)}.center{text-align:center;margin:0 auto}.center-flex{justify-content:center}.no-scroll{overflow:hidden;max-height:100vh;position:fixed;overflow-y:scroll}.hidden{visibility:hidden}.flex{display:flex}.flex-col{flex-direction:column;align-items:flex-start}.flex-row{flex-direction:row}.mobile{display:none;}.center-flex{display: flex;align-items: center;justify-content: center;}
body{font-family: 'Euclid', Arial, Helvetica, sans-serif;font-size:19px;}




::-webkit-media-controls{display:none !important;}
video{pointer-events:none;}
[data-scrollbar]{height:100vh;overflow:auto;}
@media(prefers-reduced-motion: reduce){ html{scroll-behavior:auto;}}
.container{margin-right: auto;margin-left: auto;max-width: 1440px;padding: 0 40px;}
.add_margin{margin-bottom:40px;}
h3{font-size:30px;}
h4,p{font-size:20px;}
section{margin:140px 0;}
.first-col p {font-size:150px;position: absolute;
    /* top: 50%; */
    bottom: 30px;
    margin-top: 0;
    line-height: 130px;
    letter-spacing: -0.02em;
}
.third-col p {
    line-height: 1.3em;
}
.opening-section {
    position: relative;}
section {
        margin: 60px 0;
    }
.first-col p span {
    display: inline-block;
    padding-left: 106px;
}

.opening-section .container {position: relative;}
.opening-section .row {position: relative;}
.lets_talk_link {color: white; position:absolute; right: 0; top: 26px; background: black; border-radius: 10px;}
.lets_talk_link {
    color: white;
    position: absolute;
    right: 0;
    top: 0px;
    padding: 5px 12px 8px 12px;
    background: black;
    border-radius: 30px;
}

figure {padding-bottom: 56%;  position: relative;}
figure img, figure video, figure iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 1;
}

.designer_artist {text-transform: uppercase; position: absolute; top: 0; right: 0;}

.contact-link {border-radius: 25px;
    font-size: 16px;
    background: black;
    color: white;
    padding: 6px 14px 8px 14px;
    text-transform: uppercase;}



    .logo_mb_footer {max-width: 240px;}
    .logo_mb_footer svg {width: 100%;}
   

figure {
    padding-bottom: 56%;
    position: relative;
    border-radius: 14px;}
.footer {
    padding-bottom: 120px;
    padding-top: 40px;
    margin-top: 90px;
    border-top: 1px solid black;
}
.footer {position: relative;}


.footer .mbmh_link {
    position: absolute;
    right: 0;
    bottom: 45px;
}
.footer .mbmh_link {max-width: 120px;}
.footer .mbmh_link svg {width: 100%;}

.project-title {
    padding-top: 16px;
    margin: 0;
    padding-bottom: 40px;
}


.contact-link {
    border-radius: 25px;
    font-size: 16px;
    background: black;
    display: inline-block;
    margin-bottom: 30px;
    color: white;
    padding: 6px 14px 8px 14px;
    text-transform: uppercase;

}
.about-text {font-size: 34px; text-indent: 80px; padding-top: 200px;}
.about-text {
  
    margin-bottom: 17px;
}
@font-face {font-family: 'Euclid';src:url('fonts/EuclidCircularA-Regular-WebM.woff') format('woff'),url('fonts/EuclidCircularA-Regular-WebM.woff2') format('woff2')}
@font-face {font-family: 'Euclid-XL';src:url('fonts/EuclidCircularA-Regular-WebXL.woff') format('woff'),url('fonts/EuclidCircularA-Regular-WebXL.woff2') format('woff2')}



.mobile-logo {display: none;}
.desktop-logo {display: block;}


.go-back
 {
    display: inline-block;
    padding: 30px 0 60px 60px;
    margin-top: 100px;
    position: relative;
}
.single .go-back svg {position: absolute;
    top: 3px;
    left: 0;
}


.single h1 {    font-size: 60px;
    padding: 67px 0 67px 0;}

.role {padding: 0;}
p {line-height: 26px;}

.project-description-lead p {line-height: 26px;}

.about-text {line-height: 1.15em;}
.single h1 {
   
    letter-spacing: -0.02em;
}

.single  video.video-project {width: 100%;}





#content {
  position: relative;
  width: 100%;
  transition:
    transform 0.5s cubic-bezier(0.4, 0, 0.2, 1),
    opacity 0.2s ease;
  will-change: transform;
}

/* EXIT STATES */
#content.exit-to-left {
  transform: translateX(-100%);
}

#content.exit-to-right {
  transform: translateX(100%);
}

/* ENTER STATES (initial position) */
#content.enter-from-right {
  transform: translateX(100%);
}

#content.enter-from-left {
  transform: translateX(-100%);
}

/* FINAL STATE */
#content.is-active {
  transform: translateX(0);
}


.single h3 {
   

}
section p {color: rgba(100,100,100, 1);}
.footer {
   
    color: rgba(100, 100, 100, 1);
}


.home .works-section .col a {color: rgba(0,0,0,1);}
p {
    margin: 15px 0 30px 0;
}

@media(max-width:900px){
  
    .col-3 {    flex-basis: 100%;
    max-width: 100%;}
    .footer .col-2 {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%;
}

.col {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    padding-right: 10px;
    padding-left: 10px;
}
.about-text {
    font-size: 19px;
    text-indent: 80px;
    padding-top: 200px;
}
.about-text {line-height: 26px;}
.col-4 {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;

}
.opening-section .logo_mb {max-width: 100%; }
.opening-section .logo_mb svg { width: 100%;}

    .col-4 {max-width: none;
  
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    }
    .works-section .row  {
    display: block; }
    .designer_artist {
    text-transform: uppercase;
    position: relative;
    top: 0;
    right: 0;
}
    .footer .col-2 {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%;
    }

.contact-link {
    border-radius: 25px;
    font-size: 13px;
    background: black;
    display: inline-block;
    margin-bottom: 30px;
    color: white;
    padding: 6px 14px 7px 14px;
    text-transform: uppercase;
}
    .about-text {
        font-size: 19px;
        text-indent: 40px;
        padding-top: 66px;
    }
.gone-mobile {display: none;}

.mobile-logo {display: block;}
.mobile-logo {max-width: 100%;}
.mobile-logo svg {width: 100%!important;} 
.desktop-logo {display: none;}
.designer_artist {display: none;}
.container {
    
    padding: 0px 25px;
}
    .footer .col-2 {
        
        padding-bottom: 25px;
    }
    .footer {
    padding-bottom: 85px;
    padding-top: 40px;
    margin-top: 90px;
    border-top: 1px solid black;
}
.footer .mbmh_link {
    max-width: 100px;
}

.opening-section .row {
    display: block;
}

.row {    margin-right: 0;
    margin-left: 0;}
    .col {
        
        padding-right: 0;
        padding-left: 0;
    }

}


@media (max-width: 768px) {
  #content {
    transition-duration: 0.4s;
  }
}