/*** 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%}

/*** GLOBAL ***/
#smooth-wrapper{
  position: relative;
  width: 100%;
  height: auto;
  overflow: visible;
  top: auto;
  left: auto;
}

#smooth-content{
  will-change: auto;
}

html.has-smoother #smooth-wrapper{
  position: fixed;
  width: 100%;
  height: 100%;
  overflow: hidden;
  top: 0;
  left: 0;
}

html.has-smoother #smooth-content{
  will-change: transform;
}


html{line-height:1.15;-webkit-text-size-adjust:100%;margin-top:0!important;--appH:100vh;overflow-x:hidden;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: 14px 20px;border-radius: 28px;}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:20px;}
::-webkit-media-controls{display:none !important;}
video{pointer-events:none;}
[data-scrollbar]{height:100vh;overflow: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: 100px 0;}
.btn{border-radius:28px;color:white;background:#000;padding: 14px 35px;font-size: 20px;}
.wpcf7 form .wpcf7-response-output{border:0 !important;padding:0}
.wpcf7-not-valid-tip{margin-top:6px;font-size:14px;}
.grey{color:rgba(150,150,150,1);}


/* ANIMATIONS */
@keyframes fadeOut{0%{opacity:1;}to{opacity:0;}}
@keyframes moveUpDown{0%{transform:translateY(0px);}50%{transform:translateY(6px);}}
@keyframes scale{0%{transform:scale(0)}to{transform:scale(1)}}
@keyframes slideRtl{0%{transform:translateX(40px);opacity:0;}100%{transform:translateX(0);opacity:1;}}
@keyframes slideRtlShort{0%{transform:translateX(25px);opacity:0;}100%{transform:translateX(0);opacity:1;}}
@keyframes slideDown{0%{transform:translateY(-100%);}100%{transform:translateX(0);}}
@keyframes scaleY{0%{transform:scaleY(0) translateX(-50%);}100%{transform:scaleY(1) translateX(-50%);}}

.anim{transition:all 1.5s cubic-bezier(.2,.9,.45,1);-webkit-transition:all 1.5s cubic-bezier(.2,.9,.45,1);transform:translate3d(0,50px,0);-webkit-transform:translate3d(0,50px,0);opacity:0;}
.animated{transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);opacity:1 !important;}
.word{display:inline-block;overflow:hidden;white-space:nowrap;margin-bottom: -17px;padding-right: 2px;line-height: 1.25;}
.fade-in-up{opacity:0;}
.letter{opacity:0;display:inline-block;}
.letter.space{display:inline;vertical-align:super;line-height: 0;}
.letter.space:before{content:' ';display: inline;}
.letter{display:inline-block;line-height: 0;}

.lazy.loaded, .lazyloaded[loading="lazy"], .lazyload.loaded, img.flickity-lazyloaded, .slider.active {opacity: 1;}
.lazy, .lazyload, .slider, [loading="lazy"] {opacity: 0;transition: all .5s cubic-bezier(0.47,0,0,1);}

body.loading #smooth-content,body.loading #main {opacity:0;pointer-events: none;}
body.loading footer {opacity:0;}


/*** COOKIES ***/
#cookies{font-size:10px;position:fixed;bottom:20px;right:20px;z-index:10;background:black;width:160px;padding: 10px 16px;border-radius:60px;color:white;}#cookies .flex{align-items:center;}#cookies .accept{position:relative;}#cookies span{padding-right:10px;}#cookies .accept:before{content:'';left:-9px;position:absolute;width:1px;height:18px;background:white;display:block;top:50%;transform:translate(0,-50%);}
[lang="pl"] #cookies{width:190px;}


/*** INTRO ***/
.intro{display: flex;position: fixed;top: 0;left: 0;width: 100%;height:100%;background: rgba(255,255,255,0.7);backdrop-filter: blur(20px);-webkit-backdrop-filter: blur(20px);z-index: 100;flex-direction: column;animation: fadeOut 2s forwards ease-in-out 2.5s;border: none;}
.intro .headline{font-size: clamp(16px, 2vw, 30px);}
.info, .mbmh{font-size: 30px;}
.show-intro .down-arrow{transform: scaleY(0) translateX(-50%);animation:scaleY 0.5s 4.5s forwards ease-in-out;}
.intro h1{font-size: clamp(90%, 26vw, 400px);font-weight: 400;line-height: 1;margin-top: 20px;height: 224px;margin-top: 20px;}



/*** HOME ***/
.down-arrow svg{animation:2.5s moveUpDown infinite ease-in-out;}
.down-arrow{z-index: 2;width: 54px;position: absolute;left: 50%;bottom: 20px;transform: translateX(-50%);}
.lead-text h2,.lead-text h1{font-size: 60px;font-family: 'Euclid-XL'; margin-top: 42px; margin-bottom: 60px; letter-spacing: -0.04em; font-size: clamp(34px,calc(54vw / 13.5),58px);}
[lang="pl"] .lead-text h1{font-size:clamp(34px,calc(48vw / 13.5),54px)}
.mbmh_reel{position: relative;top: 0;left: 0;width: 100%;height:100vh;display:none;}
.mbmh_reel video {width: 100%;height:100%;position:absolute;top:0;left:0;clip-path:none;}
.mbmh_reel video {object-fit: cover;}
.home .mbmh_reel{display:block;}


.mbmh_reel .reel{
  --reelS: 1;
  width: calc(100% * var(--reelS));
  height: calc(100vh * var(--reelS));
  margin: 0 auto;
  position: relative;
  overflow: hidden;
}

.mbmh_reel .reel video{
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}


.play-reel {
  cursor:pointer;
  position: absolute;
  bottom: 100px;
  left: 50%;
  transform: translate(-50%,0);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  color: black;
  /* font-size: 16px; */
  pointer-events: all;
}

.play-reel .play{border-radius:100%;height: 80px;width: 80px;display: flex;justify-content: center;align-items: center;transition:0.3s;background: black;}

.play-reel:hover .play{background:white;}
.play-reel:hover .play-icon{background:black;}

/* triangle only geometry */
.play-icon {
  position: relative;
  width: 36px;
  aspect-ratio: 0.85 / 1;
  background: white;
  clip-path: polygon(
    94% 50%,
    6% 6%,
    6% 94%
  );
  left: 5px;
  transition: 0.3s;
}



/* LIGHTBOX WRAPPER */
#lightbox {
  position: fixed;
  display: flex;
  inset: 0;
  z-index: 9999;
  pointer-events: none;
  background: black;
  align-items: center;
  justify-content: center;
  transition: 0.5s;
  visibility: hidden;
  opacity: 0;
}

#lightbox.active {
  opacity: 1;
  visibility: visible;
  pointer-events: all;
}

/* LIGHTBOX CONTENT */
.lightbox-inner {
  width: min(90vw, 1200px);
  max-height: calc(100vh - 100px);
  aspect-ratio: 16 / 9;
  display: flex;
  align-items: center;
  justify-content: center;
}

.lightbox-inner video {
  width: 100%;
  height: 100%;

  max-width: 100%;
  max-height: 100%;

  object-fit: contain;
}


/* CLOSE BUTTON */
.lightbox-close {
  position: fixed;
  top: 20px;
  right: 20px;
  width: 36px;
  height: 36px;
  background: none;
  border: 0;
  padding: 0;
  cursor: pointer;
  z-index: 10001;
  transition:0.25s;
}

/* cross lines */
.lightbox-close::before,
.lightbox-close::after {
  content: "";
  position: absolute;
  inset: 50% auto auto 50%;
  width: 36px;
  height: 4px;
  background: #fff;
  transform-origin: center;
}

.lightbox-close::before {
  transform: translate(-50%, -50%) rotate(45deg);
}

.lightbox-close::after {
  transform: translate(-50%, -50%) rotate(-45deg);
}


.info-section h4{color: rgba(150,150,150,1);}
.post figure{border-radius:7px;overflow:hidden;}

.post figure.image { position:relative; height:0; overflow:hidden; }
.post figure.image > img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; z-index:1; }
.post figure.image canvas { position:absolute; inset:0; width:100%; height:100%; z-index:2; }


/* Team */
.members{max-width: 900px;margin:0 auto;gap: 20px;align-items: flex-start;}
.member{gap: 20px;width: 50%;align-items: flex-start;}
.member .image{
  aspect-ratio:1 / 1;
  overflow:hidden;
  position:relative;
  flex: 0 0 128px;
}
.member .image img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}

/* make sure figure is the positioning context */
.post .image{
  position: relative;
  overflow: hidden;
}

/* the WebGL canvas keeps the image */
.post .image canvas{
  width: 100% !important;
  height: 100% !important;
  display: block;
  transform: scale(1);
  transition:
    transform 0.5s cubic-bezier(0.19, 1, 0.22, 1),
    opacity   0.5s cubic-bezier(0.19, 1, 0.22, 1);
  opacity: 1;
}

/* hover target: the link or the figure (both work) */
.post a.ft-post:hover .image canvas,
.post .image:hover canvas{
  transform: scale(1.2);
  opacity: 1;
}

/* hide the original img (canvas replaces it visually) */
.post .image img{
  opacity: 0;
  visibility: hidden;
}


.post .image::before{
  content: '';
  position: absolute;
  inset: -5%;
  pointer-events: none;
  z-index: 2;
  mix-blend-mode: screen;

  opacity: 0;

  background:
    radial-gradient(circle at 20% 20%, rgba(180, 0, 255, 0.4) 0, transparent 55%),
    radial-gradient(circle at 80% 30%, rgba(255, 30, 100, 0.35) 0, transparent 55%),
    radial-gradient(circle at 40% 80%, rgba(0, 255, 160, 0.35) 0, transparent 55%);
}

@keyframes post-overlay-burst {
  0%   { opacity: 0; }
  10%  { opacity: 0.9; }
  70%  { opacity: 0.9; }
  100% { opacity: 0; }
}

@keyframes post-glitch {
  0%   { transform: translate(0, 0); }
  20%  { transform: translate(-2px, 1px); }
  40%  { transform: translate(2px, -1px); }
  60%  { transform: translate(-1px, -2px); }
  80%  { transform: translate(1px, 2px); }
  100% { transform: translate(0, 0); }
}

/* Trigger BOTH animations once */
.post a.ft-post:hover .image::before,
.post .image:hover::before{
  animation:
    post-overlay-burst 500ms ease-out 1 forwards,
    post-glitch        320ms steps(2, end) 1;
}


.ft-post video{padding: 40px;object-fit: contain;}
.ft-post figure img{transition:0.5s;}
h3.center {margin-bottom:40px;}
.services-images{display: flex;justify-content: flex-end;}
.services-imgs{position: relative;width:calc(66.666% - 40px);}
.services-list a{font-size: 30px;color:#969696;display:inline-block;transition: 0.4s cubic-bezier(0.22, 0.61, 0.36, 1);cursor: default;}
.services-list a.active{color:black;transform:translate(20px,0);}
.service-img{opacity:0;position:absolute;top:0;width: 100%;transition: 0.4s cubic-bezier(0.22, 0.61, 0.36, 1);}
.service-img figure{padding-bottom:75%;overflow: hidden;border-radius: 7px;}
.service-img.active{opacity:1;}
.services-section .row{min-height:300px;}
.post-figure{transition: 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);}
.info-section{margin-top:100px;padding-top: 40px;}
.info-section h4 + p{margin-top:0;}
.info-section .info-text h3{max-width:700px;}
.mail-holder {width: 44px;height: 32px;position: absolute;top: 37px;left: 20px;}
.mail-holder polyline,.mail-holder rect{transform-origin: 50%;}


/* Clients section */
.client-logos{justify-content:center;max-width:880px;margin:0 auto;margin-top: 10px;width: 100%;flex-wrap:wrap;}
.client-logo{width:33.333%;justify-content: center;align-items: center;margin-bottom: 60px;}
.client-logo{margin-bottom:60px;}
.expanded-content{display:none;width: 100%;}
.expanded-content .client-logos{margin-top:40px;}
.expand{display:flex;align-items:center;}
.expand svg{transition: 0.5s;}
.expand.active svg{transform:scale(-1);}
.expand span{border-bottom:1px solid;padding-bottom: 5px;margin-left: 14px;}

/* Contact section */
.contact-info{max-width: 1090px;justify-content:space-between;margin: 0 auto;align-items: flex-start;}
.contact-left{padding-right:40px;}
.contact-left p{margin-bottom:0.6rem;}
.contact-left .btn{margin-bottom:2rem;}
.mail-section{margin:2rem 0;}
.address{margin-top:4px;}
.wpcf7-form{width:600px;}
.wpcf7-form textarea{width:100%;}
.wpcf7-form input{max-width:340px;}
.wpcf7-form input[type="submit"]{
    min-width: 120px;
    background: black;
    color: white;
}


/* Quotes section */
.testimonials{margin-top: -50px;}
.quotes{max-width:400px;margin:0 auto;position:relative;padding-top: 40px;}
.quote-svg{position:absolute;top:50%;left:50%;transform: translate(-50%,-90%);}


/*** HEADER/MENU ***/
header {position: fixed;display: flex;justify-content: space-between;width: 100%;left: 0;top: 0;z-index:99;height: 80px;pointer-events: none;}
header .container{max-width: none;padding-top: 20px;width: 100%;display: flex;justify-content: space-between;align-items: flex-start;transition: 0.35s ease-in-out;}
header .btn{position:absolute;right: 135px;top: 15px;pointer-events: all;}
.scrolling-down header .container{transform:translateY(-100%);}
.show-intro header{transform:translateY(-100%);animation:slideDown 1s 3.5s forwards ease-in-out;}

.menu-button {position: relative;width: 52px;height: 40px;pointer-events: all;margin-top: 7px;}
.menu-line-one {height: 6px;width: 52px;top: 0;background: black;transform-origin: 48px 0px;}
.menu-line-two {height: 6px;width: 52px;top: 22px;background: black;transform-origin: 39px 11px;}
.menu-button div{transition: 0.5s;right: 0;position: absolute;}
.menu-button.is-active .menu-line-one{transform: rotate(-45deg);}
.menu-button.is-active .menu-line-two{transform: rotate(45deg);}

.menu-open #menu{transform:translate(0,0);pointer-events:all;visibility:visible;}
#menu{position:fixed;top:0;left:0;width:100%;height:100vh;background:white;z-index: 98;visibility: hidden;pointer-events: none;transform: translate(0,-100%);transition: 0.5s;}
#menu ul{list-style:none;font-size:60px;}
#menu a{transition:0.5s;opacity:0;}
#menu ul a span{transition:0.25s;}
#menu.active a{animation: slideRtl 0.3s forwards;display: inline-flex;}
#menu.active .menu-bottom a{animation: slideRtlShort 0.3s forwards;}
#menu.active li:nth-child(1) a{animation-delay:0.5s;}
#menu.active li:nth-child(2) a{animation-delay:0.6s;}
#menu.active li:nth-child(3) a{animation-delay:0.7s;}
#menu.active .menu-bottom a:nth-child(1){animation-delay:0.9s;}
#menu.active .menu-bottom a:nth-child(2){animation-delay:0.95s;}

.menu-inner{position:absolute;left: calc(50% + 20px);top:50%;transform:translate(0,-50%);height: 100%;display: flex;align-items: center;width: 50%;}
.menu-bottom{position:absolute;bottom: 50px;}
.menu-bottom .mail{margin-top: 0.85em;}
.top-header .mbmh {pointer-events:all;margin-left: -2px;}
.top-header .info {position: absolute; right: 20px; top: 20px; font-size: 20px;}

.contact-block {position: relative;}
.contact-block p {margin-top: 12px;padding-left: 56px;}

.text-link{position:relative;padding-bottom: 2px;}
.text-link::after {content: '';position: absolute;bottom: 0;left: 0;right: 0;margin: auto;display: block;height: 1px;width: 100%;background: #000;transition: transform .7s cubic-bezier(.9,0,.1,1);transition: transform .7s cubic-bezier(.9,0,.1,1),-webkit-transform .7s cubic-bezier(.9,0,.1,1);-webkit-transform-origin: right center;transform-origin: right center;-webkit-transform: translate3d(0,0,0) scaleX(0);transform: translate3d(0,0,0) scaleX(0)}


/*** SINGLE PROJECT ***/
.start figure{height:100vh;}
.project-title{margin-top: 50px;}
.single h1{font-size:60px;margin: 0;}
.single h2{font-size:30px;}
.single .title{color:#969696;}
.single section:not(.start):not(.related) figure{border-radius: 12px;}
.project-info{margin-top:1em;}
.short-infos{max-width: 200px;}
.short-info{margin-bottom:1em;}
.related h2{margin-bottom:1em;}
.related h4{margin-top:0.5em;}
.related .post{margin-bottom:40px;}
.single .contact{margin:-40px 0 160px;}
.contact-text{display: inline-flex;justify-content: center;align-items: center;}
.contact-text > span{margin-right:14px;}
.contact-text *:not(.fade-in-up){font-size:30px;}
.contact-text svg{position:relative;top:7px;transition:0.3s;}
.project-nav .flex{justify-content:space-between;}



/*** WORK ***/
.work{margin-top: 0;padding-top: 100px;}
.work h1{font-size:60px;}
.top-row{margin-bottom: 60px;}
.top-row h4{line-height:1.5;}
.cat{color:#969696;white-space: nowrap;}
.cat.active{color:#000;}
.cat:not(:last-child):after{content:',';}
.post p {color: rgba(150,150,150,1); margin: 0; padding: 0;}
.featured_works{margin-top: 30px;}
.work h2{margin-bottom:1em;}
.work h4{margin-top:0.5em;}
.work .post{margin-bottom:40px;}

/*** ERROR ***/
.error-page-mbmh {padding-top: 100px;}

/*** FOOTER ***/
footer {margin-top: 100px;background: black;color:white;min-height: 100vh;display: flex;}
footer .container{display:flex;justify-content:space-between;flex: 1;flex-direction: column; /* make footer-inner flow top to bottom */}
.mbmh-large{font-size:200px;display: flex;align-items: center;margin: 0 auto;flex: 1 0 auto;}
.footer-inner{position: relative;flex: 1;display: flex;flex-direction: column;justify-content: space-between; /* or space-around/center as needed */padding-bottom: 40px;}
.footer-bottom{justify-content:space-between;width: 100%;}
.socials a:not(:last-child){margin-right: 50px;}


/* HOVERS ***/

@media(hover:hover){
    .ft-post:hover .ft-hover{opacity:1;}
    .cat a:hover{color:#000;}
    #menu ul a:hover span{transform:translateX(25px);}
    .text-link:hover:after {-webkit-transform-origin: left center;transform-origin: left center;-webkit-transform: translate3d(0,0,0) scaleX(1);transform: translate3d(0,0,0) scaleX(1)}
    .mail-holder:hover polyline{animation: scale .5s forwards}
    .mail-holder:hover rect{animation: scale .4s forwards}
}

.single .project-info a {border-bottom: 1px solid black;}

/*** MOBILE ***/

@media(max-width: 1100px){

    .down-arrow{display:none;}
    .home .content-inner{margin-top:0;}
    .mbmh_reel{position: relative;z-index: 1;}
    .mbmh_reel video{position:relative;margin-top: 0;}
    .contact-info .anim{opacity:1;transform:none;}
    h3 {margin-bottom: 0.8em;}
    .col-4.lead-text {flex-basis: 100%;max-width: 100%;}
    .m-disappear {display: none;}
    .m-full-w { flex-basis: 100%;max-width: 100%;}
    .m-50-w { flex-basis: 50%;max-width: 50%;}
    .add_margin {margin-bottom: 16px;}
    .contact-block{margin-top:16px;}

    .contact-info{max-width:100%;flex-direction: column;}
    .wpcf7-form{width:100%;max-width:400px;}
    .contact-left{margin-bottom:3.5rem;}

    .members{flex-direction:column;align-items: center;}
    .member{margin-bottom:40px;width: 100%;max-width: 620px;}
}



@media(max-width:800px){


    /*** GLOBAL ***/
    html{clear:left;}
    body {font-size: 18px;}
    .mobile{display:block;}
    .desktop{display:none;}
    .container{padding:0 20px;max-width: 100%;}
    section{margin: 80px 0;}
    .slider-mobile{display:block;}
    .col{-ms-flex-preferred-size: 100%;flex-basis: 100%;max-width: 100%;}
    footer{margin-top:40px;}
    h3.center{margin-bottom: 30px;}
    .mail-holder{top: 58px;left:0;}
    .row{margin:0;}
    .col{padding:0;}
    main{padding-top:64px;}

    /*** MENU/HEDAER ***/
    header{height:64px;}
    header .container{background:white;}
    .show-intro header{transform:none;animation:none;}
    #menu ul{font-size:50px;}
    .menu-button{width: 28px;height: 22px;margin-top: 4px;}
    .menu-button div{width: 28px;height: 3px;}
    .menu-line-one{transform-origin: 27px 4px;}
    .menu-inner{left: 0;padding: 0 20px;}
    .menu-inner ul{position:absolute;top:50%;transform:translate(0,-50%);margin-top: -70px;}
    .menu-bottom{width:100vw;bottom:140px;}
    .menu-line-two{top:10px;transform-origin: 15px 4px;}
    .contact-text *:not(.fade-in-up){font-size:24px;}
    .contact-text svg{top:14px;width:14px;height:14px;}
    header .btn{top: 12px;right: 72px;}
    .btn{font-size: 16px;padding:20px;padding: 10px 26px;}
    .client-logos{max-width:100%;flex-direction: column;}
    .expanded-content .client-logos{margin-top:0;}



    /*** HOME ***/
    .mbmh_reel{height: calc(100vh - 64px);}
    .info-section{margin-top: 0;padding-top: 20px;}
    .services-imgs{width:100%;height: calc(75vw - 30px);}
    .services-list{margin-top:20px;}
    .services-list a{font-size: 18px;}
    h4.black{color:black;margin:1em 0;}
    h2{font-size: 24px;}



    /*** SINGLE PROJECT ***/
    .single h1{font-size:40px;line-height: 1;margin-bottom:16px;margin-top: 0 !important; /* equivalent to 30px */}
    .contact-text span{font-size:24px;}
    .contact-text > span{margin-right:10px;}
    .project-info .col:first-child{justify-content:flex-start;}
    .two_assets .col:not(:last-child){margin-bottom:40px;}
    .two_assets{margin:0;}
    .single_asset{margin:40px 0;}
    .single .contact{margin: 65px 0 100px;}
    .start figure{height: 56.25vw;}
    .start figure *{position:relative;}
    .short-info div{display:inline;}
    .short-infos{max-width:none;}
    .related{margin-top:60px;margin-bottom: 20px;}
    .single h2{font-size:24px;}
    .short-info:not(:last-child){margin-bottom:0;}



    /*** WORK ***/
    .work{padding-top:40px;margin-bottom:20px;}
    .work h1{font-size:40px;margin-bottom: 35px;}
    .work .top-row{margin-bottom: 1em;}
    .filters .cats{display:none;margin: 5px 0 1em;}
    .posts{margin-top: 30px;}
    .post p{color: rgba(150, 150, 150, 1);margin: 0;}
    .filters h4{position:relative;display:inline-block;margin: 0;}
    .filters h4:before,.filters h4:after{content:'';position:absolute;right: -22px;top: 13px;display:block;width: 11px;height:2px;background: #000;transform:rotate(-45deg);transition:all 0.3s;}
    .filters h4:after{right: -15px;transform:rotate(45deg);}
    .active h4:before{transform:rotate(45deg);}
    .active h4:after{transform:rotate(-45deg);}


    /*** FOOTER ***/
    footer{font-size: 16px;}
    .mbmh-large{font-size: 20vw;}
    .mbmh-large svg{width:10vw;}
    .socials a{font-size:16px;margin-top: 20px;}
    .socials a:not(:last-child){margin-right:24px;}


    .intro h1 {margin-top: 8px;height: auto;}
    h3{font-size: 24px;}
    h4,p{font-size: 18px;}
    .info, .mbmh {font-size: 20px;}
    .mbmh_reel .reel{height: calc(100% - 65px);}
    .play-reel{bottom: 90px;}
    .play-reel .play{width: 60px;height: 60px;}
    .play-icon{width:26px;}


    .short-info .title,
    .short-info .desc,
    .project-nav *,
    .project-title,
    footer .back{font-size: 18px;}
    .project-nav {margin-top: 20px;margin-bottom: 54px;}
    .lead-text h2, .lead-text h1 {margin-top: 26px;}

}


@media(max-width: 600px){
    .socials{flex-wrap:wrap;padding-right: 60px;}
    .year{position:absolute;right: 0;bottom: 40px;}
    .wpcf7-form input{max-width:100%;}
}


@media(max-width: 400px){
    .intro{ backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px);}
    .only-mobile {display: block;}
    .m-50-w{flex-basis: 100%;max-width: 100%;}
    .info, .mbmh {font-size: 20px;}
    .wpcf7-form{max-width:280px;}
}


h4.black {color: #000000;}

@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')}