html,body{margin:0;padding:0;width:100%;/*height:100%;*/}
html{font-size:62.5%;/*user's browser setting controls font-size, default is 16px (so now 24px = 2.4rem)*/}
body{/*position:relative;*/font-family:acumin-pro-wide,sans-serif;overflow-x:hidden;background-color:#F6F2EB;color:#854D39;box-sizing:border-box;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;transition:background-color .8s ease-in-out;letter-spacing:-.1px;}
body.fixedHoriScrolling{font-size:0;max-height:100%;overflow:hidden;}/*overflow:hidden needed on ios*/
::selection{color:#F6F2EB;background-color:#351311;}
.noanim *{transition:none!important;}

@font-face{font-family:'Austin';src:url('../Fonts/Austin-Medium-Web.woff2') format('woff2'),url('../Fonts/Austin-Medium-Web.woff') format('woff');font-weight:400;font-style:normal;font-stretch:normal;font-display:swap;}

h1,h2,h3,h4,h5,h6,p,q{position:relative;margin:0;padding:0;font-weight:normal;font-style:normal;line-height:1.3;box-sizing:border-box;}
h1/*,h2.large*/{font-family:'Austin';font-weight:400;font-size:5.0rem;line-height:1;}
h2{font-family:'Austin';font-weight:400;font-size:3.8rem;line-height:1.1;}/*name under image - about*/
.intro h1{font-size:8.4rem;line-height:.9;}
/*.reversed h1, .reversed h2{font-size:6.8rem;}old contact*/
h3{font-family:'Austin';font-weight:400;font-size:2.6rem;line-height:1.1;}/*service grid*/
h4,.el a{font-family:acumin-pro-wide,sans-serif;font-size:2.2rem;min-height:2.2rem;line-height:1.2;}/*homepage hover*/
p{font-family:acumin-pro-wide,sans-serif;font-size:1.3rem;min-height:2.1rem;line-height:1.4;letter-spacing:.08rem;}
.contact p{font-size:1.2rem;}
/*ul{padding-left:0;padding-inline-start:15px;}*/
li{font-size:inherit;padding-left:0;}
p a, li a{text-decoration:none;transition:opacity .3s ease-out;}
p a[href^="mailto:"]{white-space:nowrap;}
p a[href^="mailto:"]:before, p a[href^="mailto:"]:after, .m.instagramfooter a:before, .m.instagramfooter a:after{content:"";position:absolute;left:0;bottom:3px;width:100%;height:1px;background-color:#854D39;transform-origin:0 0;transform:scaleX(0);}
p a[href^="mailto:"]:before, p a[href^="mailto:"]:after{background-color:#351311;}
.m.instagramfooter a:before, .m.instagramfooter a:after{bottom:0px;}
p a[href^="mailto:"]:before, .m.instagramfooter a:before{transform-origin:0 0;transform:scaleX(1);transition:transform .4s ease-out .2s;}
p a[href^="mailto:"]:after, .m.instagramfooter a:after{transform-origin:100% 0;transform:scaleX(0);transition:transform .2s ease-out;}
p a[href^="mailto:"]:hover:before, .m.instagramfooter a:hover:before{transform-origin:100% 0;transform:scaleX(0);transition:transform .2s ease-out;}
p a[href^="mailto:"]:hover:after, .m.instagramfooter a:hover:after{transform-origin:0 0;transform:scaleX(1);transition:transform .4s ease-out .2s;}
p a:hover, li a:hover{opacity:.7;}
p a[href^="mailto:"]:hover, .m.instagramfooter a:hover{opacity:1;}
.primary{font-family:acumin-pro-wide,sans-serif;font-size:1.6rem;min-height:2.0rem;line-height:1.25;}
@media all and (max-width:1200.5px){
    h1,h2.large{font-size:3.4rem;}
    h2{font-size:2.6rem;}
    h3{font-size:2.2rem;}
    /*.reversed h1, .reversed h2{font-size:3.4rem;}old contact*/
}
@media all and (max-width:1000.5px){
    h1,h2.large{font-size:3.4rem;}
    h2{font-size:2.6rem;}
    .intro h1{font-size:3.8rem;line-height:1;}
    /*.reversed h1, .reversed h2{font-size:3.4rem;}old contact*/
    h3{font-size:2.4rem;}
    h4,.el a{font-size:2.4rem;}
    p{font-size:1.2rem;min-height:1.8rem;line-height:1.5;}
    .contact p{font-size:1.2rem;}
    p a[href^="mailto:"]:before, p a[href^="mailto:"]:after, .m.instagramfooter a:before, .m.instagramfooter a:after{display:none;}
    p a[href^="mailto:"], .m.instagramfooter a{text-decoration:underline;}
}
@media all and (min-width:1700.5px){
    p{font-size:1.4rem;min-height:2.2rem;line-height:1.5;}
    .contact p{font-size:1.4rem;}
}


/*      Custom cursor       */
body.customcursor, body.customcursor a, body.customcursor button{cursor:none;}
.cursor{position:fixed;left:0;top:0;width:80px;height:80px;border-radius:100%;margin:-40px 0 0 -40px;z-index:1000;pointer-events:none;/*visibility:hidden;/*will-change:transform;*/}
.cursor .inner{position:absolute;left:0;top:0;width:100%;height:100%;border-radius:100%;background-color:#854D39;transition:transform .3s ease-out;/*will-change:transform;*/}
.cursor .inner.pre{transform:scale(0,0);}
.cursor .label{position:absolute;left:0;top:0;font-size:1.25rem;font-weight:500;text-align:center;width:100%;line-height:130px;pointer-events:none;}
.ahover .cursor .inner{transform:scale(.5,.5);}
.cursorBgBtn{position:relative;box-sizing:border-box;z-index:2;z-index:1;}
.cursorBgBtn.masked{overflow:hidden;}
.cursorBgBtn .bg{position:absolute;left:0;top:0;width:100%;height:100%;z-index:-1;will-change:transform;}
.cursorBgBtn:hover{cursor:pointer!important;}
.cursorBgBtn .cursor{position:absolute;visibility:visible;z-index:-1;}

/*      Buttons     */
a{position:relative;box-sizing:border-box;color:inherit;text-decoration:none;line-height:inherit;}
a{-moz-user-drag:none;-moz-user-select:none;-webkit-user-select:none;-webkit-user-drag:none;user-select:none;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);touch-action:manipulation;/*removes delay*/}
button{position:relative;box-sizing:border-box;margin:0;padding:0;border:none;background:none;color:inherit;font-family:inherit;cursor:pointer;letter-spacing:inherit;}
button:focus{outline:none;}
button{-moz-user-select:none;-webkit-user-select:none;-webkit-user-drag:none;user-select:none;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);}

.allclientsBtn{position:fixed;z-index:10;left:50%;transform:translateX(-50%);bottom:75px;font-size:1.6rem;padding:10px 25px;color:#854D39;transition:color .3s ease-out;will-change:color;}
.allclientsBtn:before{content:"";position:absolute;left:0;top:0;background-color:#FFF;width:100%;height:100%;z-index:-2;transition:background-color .6s ease-in-out;}
.allclientsBtn.hover, .allclientsBtn.select{color:#F6F2EB;}
.allclientsBtn.select:before{background-color:#351311;}

/*      Media       */
img,video,.lazy{border:0;-moz-user-select:none;-webkit-user-select:none;-webkit-user-drag:none;user-select:none;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);}
.fade{opacity:0;transition:opacity .6s ease-in-out;}
.fade.in{opacity:1;}
.lazy{position:relative;}
.lazy .rel{position:relative;width:100%;overflow:hidden;}
.lazy .rel .img{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover;transition:opacity 1.0s ease-in-out;/*, transform 2.0s ease-out;*/}
.lazy .rel .img.instant.in{transition:none;opacity:1;}
.lazy[data-bg] .img{width:100.1%;}/*images with a background-color*/
.scale .img.fade{transform:scale(1.05,1.05);transition:opacity 1.0s ease-in-out, transform 2.5s ease-out;}
.scale .img.fade.in{opacity:1;transform:scale(1,1);}
/*.intro .lazy .rel{overflow:visible;}*/
.txtfade{opacity:0;transition:opacity 0s ease-in-out;}
.txtfade.in{opacity:1;transition-duration:1s;}

header{position:fixed;left:0;top:0;width:100%;height:0;z-index:1000;transition:opacity 1s ease-in-out;}
header .logo{position:absolute;left:40px;top:34px;width:100px;}
header .logo .rel{position:relative;width:100%;padding-top:50%;}
header .logo img{position:absolute;left:0;top:0;width:100%;height:100%;}
header nav{position:absolute;right:0;top:0;width:415px;height:100vh;transform:translateX(415px);transition:transform .8s cubic-bezier(0.16, 1, 0.3, 1);/*expo*/}
header.open:not(.closing) nav{transform:translateX(0px);}
header.instantfade nav{transform:translateX(415px);transition-duration:0s;}
header .openHit{position:fixed;left:0;top:0;width:100%;height:100vh;/*background-color:#000;*/z-index:-1;}
header .toggle{position:absolute;right:45px;top:31px;width:56px;height:56px;border-radius:100%;color:#854D39;box-sizing:border-box;transition:color .2s ease-out;will-change:color;letter-spacing:-.2px;}
header .toggle:before{content:"";position:absolute;right:0;top:0;width:100%;height:100%;border-radius:100%;box-sizing:border-box;border:1px solid #854D39;transition:transform .3s ease-out;}
/*header.opening .toggle:before, */header.closing .toggle:before{transform:scale(1.15,1.15);}
header .mainmenu{position:absolute;right:0;top:50%;width:100%;transform:translate(30px,-50%);box-sizing:border-box;padding:0 90px;opacity:0;transition:all .2s ease-out;}
header.open:not(.closing):not(.instantfade) .mainmenu{transform:translate(0px,-50%);opacity:1;transition:transform .8s ease-out, opacity .8s ease-out .1s;}
header.instantfade nav{opacity:0;transition:opacity .3s ease-out .1s;}/*used for hiding when pagetransition is on*/
header nav:before{content:"";position:absolute;right:0;top:0;width:100%;height:100vh;background-color:#351311;}
header .primary{padding:15px 0;display:table;color:#E7DCD1;transition:color .2s ease-out;}
header .primary:after{content:"";position:absolute;left:0;bottom:14px;width:100%;height:1px;background-color:#E7DCD1;transform-origin:100% 0;transform:scaleX(0);transition:transform .3s ease-out;}
/*header .primary:hover{color:#FFF;}*/
header .primary.selected{color:#854D39;}
header .ba{position:absolute;padding:5px 0;bottom:45px;left:90px;opacity:0;transition:opacity .2s ease-out;}
header .ba:after{bottom:3px;}
header.open:not(.closing):not(.instantfade) .ba{opacity:1;transition:opacity 1.2s ease-in-out .4s;}
@media all and (max-width:1200.5px) and (min-width:1000.5px) and (min-height:600px){
    header .ba{bottom:100px;}/*move up on tablet, because it often sits too low if page is not scrolled yet*/
}
@media (hover:hover){
    header .toggle:hover:before{transform:scale(1.1,1.1);}
    header .toggle:hover{color:#FFF;}
    header .primary:hover:not(.selected):after{transform-origin:0 0;transform:scaleX(1);}
}

main{position:relative;width:100%;}
.page{position:relative;width:100%;box-sizing:border-box;font-size:0;}
.fixedScroll main{position:fixed;left:0;top:0;}
.fixedScroll .scrolltarget{position:fixed;left:0;top:0;will-change:transform;z-index:2;}
.fakeH{position:absolute;right:0;top:0;width:1px;}

/* Standard module */
.m{position:relative;width:100%;box-sizing:border-box;}

.intro{position:fixed;left:0;top:0;width:100%;height:100%;z-index:2001;transition:opacity .8s ease-in-out;color:#854D39;}
.intro:before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background-color:#351311;transition:transform 1.4s cubic-bezier(0.76, 0, 0.24, 1);transform-origin:0% 0;will-change:transform;}
.intro.bgOut:before{transform:scaleX(0);}
.intro.fade{opacity:0;}
.intro .color{color:#725659;/*6C5250;*/}
.atIntro header, .noanim header{opacity:0;pointer-events:none;}

.intro .step{position:absolute;left:0;top:50%;width:100%;text-align:center;opacity:0;transform:scale(.95,.95);transition:opacity 1s ease-in-out, transform 6s ease-out;will-change:transform, opacity;}
.intro .step .lazy{width:calc(100% - 350px);max-width:803px;margin:auto;}
.intro .step .lazy .rel{transform:translateY(-50%);}
.intro .step h1{width:calc(100% - 350px);max-width:1000px;margin:auto;transform:translateY(-55%);will-change:transform;}
.intro .step.in{opacity:1;transform:scale(1.05,1.05);}
.intro .step.out{opacity:0;}

/* Primary grid module */
.m.grid{padding:110px 42px 130px 42px;font-size:0;}
.m.grid .el{position:relative;box-sizing:border-box;display:inline-block;vertical-align:top;overflow:hidden;width:calc((100% - 135px) / 4);margin-right:45px;margin-bottom:54px;}/*45 * 3*/
.m.grid .el .lazy{width:100%;transition:opacity .3s ease-out;/*will-change:opacity;*/}/*304/429*/
.m.grid .el .lazy .rel{width:100%;padding-top:140.625%;/*141.12%;*/}
.m.grid .el .info{position:absolute;left:0;top:0;width:100%;height:100%;opacity:0;/*transform:translateY(16px);*/transition:opacity .3s ease-out;}
/*.m.grid .el .info h4{cursor:default;}*/
.m.grid .el .info h4, .m.grid .el .info a{position:absolute;left:0%;width:100%;height:40%;display:block;top:50%;margin-top:-10px;text-align:center;color:#FFF;}
.m.grid .el .info h4 span{position:absolute;left:0;bottom:0;display:block;font-size:1.4rem;width:100%;}
.m.grid .el:hover .info{opacity:1;/*transform:translateY(0px);*/}
.dynamicBg{position:fixed;left:0;top:0;width:100vw;height:100vh;z-index:0;background-color:transparent;transition:background-color 1s ease-in-out;will-change:background-color;}

.m.imgtxt{font-size:0;padding:100px 10% 40px 10%;/*9vh top 14% sides*/}
.m.imgtxt .l, .m.imgtxt .r{position:relative;display:inline-block;vertical-align:top;box-sizing:border-box;width:50%;}
.m.imgtxt .l{padding-left:10%/*155*/;padding-right:4vw;/*8% 105px;*/}
.m.imgtxt .l h1{position:absolute;left:-20px;/*top:30px;*/margin-top:-60px;transform:translateY(-100%);z-index:2;color:#351311;width:100%;max-width:350px;}
.m.imgtxt .l .title{padding-top:20px;}
.m.imgtxt .l .title p{padding:5px 0;}
.m.imgtxt .r{color:#854D39;max-width:490px;padding-left:2.5vw;/*40px*/}
/* career version */
.m.imgtxt.lower .l h1{top:100%;}
.m.imgtxt.lower .r{max-width:unset;}
.m.imgtxt.lower .r h2{max-width:490px;}

.m.imgtxt.contact a{display:table;/*block behaviour without 100% width*/}
.m.imgtxt.contact h2.large + p a:first-of-type{color:#351311;}
.m.imgtxt.contact .r p{line-height:1.75;}
.m.imgtxt.contact h2:not(.large){padding-top:45px;}
.m.imgtxt.contact .social a{display:inline-block;width:21px;margin-right:15px;margin-top:5px;transition:opacity .3s ease-out;}
.m.imgtxt.contact .social a:last-of-type{margin-right:0;}
.m.imgtxt.contact .social a:hover{opacity:.7;}

.m.imgtxt .job{display:block;width:100%;padding-bottom:45px;}
.m.imgtxt .job h2{padding-bottom:15px;transition:color .2s ease-out;}
.m.imgtxt .job p{display:inline-block;/*width:33%;*/padding-right:55px;color:#725659;}
.m.imgtxt .job p:last-of-type{padding-right:0;}
.m.imgtxt .job:hover h2{color:#351311;}

/* Breakpoints for careers */
@media all and (min-width:1300.5px) and (max-aspect-ratio:16/9){
    /*body{background:#E7DCD1;}*/
    .m.imgtxt.lower{position:absolute;top:50vh;transform:translateY(-50%);padding-top:0;padding-bottom:0;}
}

.m.servicegrid{font-size:0;padding:40px 95px;color:#725659;}
.m.servicegrid .el{display:inline-block;vertical-align:top;box-sizing:border-box;width:25%;padding-right:70px;padding-bottom:35px;}

.m.aboutgrid{font-size:0;padding:40px 12%;text-align:center;}
.m.aboutgrid .el{display:inline-block;vertical-align:top;box-sizing:border-box;width:25%;padding:0 20px;padding-bottom:0;text-align:center;}
.m.aboutgrid .el .lazy{width:135px;height:135px;margin:auto;}
.m.aboutgrid .el .lazy .rel{width:100%;height:100%;}
.m.aboutgrid .el .lazy .img{position:relative;object-fit:contain;}
.m.aboutgrid .el p{padding:20px 20px;}

.fixedHoriScrolling .page{position:fixed;left:0;top:0;width:100%;height:100%;}
.m.filtermenu{position:absolute;left:0;bottom:9vh;z-index:1;text-align:center;color:#351311;box-sizing:border-box;}
.m.filtermenu .toggleBtn, .m.filtermenu a{position:relative;display:inline-block;vertical-align:top;margin:0 20px;font-size:1.6rem;transition:opacity .3s ease-out;will-change:opacity;}
.m.filtermenu a:not(.selected){opacity:.5;}
.m.filtermenu a:not(.selected):hover{opacity:1;}
.m.title{text-align:center;width:calc(100% - 350px);max-width:740px;margin:7vh auto;color:#351311;box-sizing:border-box;}

.m.clients{position:relative;width:100%;z-index:1;background-color:inherit;transition:background-color .8s ease-in-out;color:#351311;}
.m.clients .scroller{position:relative;white-space:nowrap;}
.m.clients .el{position:relative;display:inline-block;vertical-align:top;width:calc(54vh - 115px);/*40vh;*/margin-right:27px;will-change:transform;/*new*/}
.m.clients .el .lazy{width:100%;transition:opacity .3s ease-out;/*will-change:opacity;*/}
.m.clients .el .info{position:absolute;left:0;top:0;width:100%;height:100%;opacity:0;/*transform:translateY(16px);*/transition:opacity .3s ease-out;white-space:normal;}
.m.clients .el .info h4{cursor:default;}
.m.clients .el .info h4, .m.clients .el .info a{position:absolute;left:0%;width:100%;display:block;top:50%;margin-top:-10px;text-align:center;box-sizing:border-box;padding:0 20px;}
.m.clients .el .info a{transition:opacity .3s ease-out;}
.m.clients:not(.noninteractive) .el:hover .info{opacity:1;/*transform:translateY(0px);*/}
.m.clients:not(.noninteractive) .el:hover .info a:hover{opacity:.7;}
/*.pointerdown{cursor:grab;}
.dragging{cursor:grabbing;}*/
.noninteractive a{pointer-events:none;}
.m.clients .fadeLayer{position:absolute;left:0;top:0;width:101%;height:101%;background-color:inherit;opacity:1;transition:none;z-index:2;transition:opacity 1s ease-in-out;}
.m.clients .fadeLayer.ready{opacity:0;}
.m.clients .fadeLayer.fadeIn{opacity:1;transition:opacity .25s ease-out;}
.m.clients .fadeLayer.fadeOut{opacity:0;pointer-events:none;transition:opacity 1s ease-in-out .05s;}
.m.clients .fadeLayer.instant{transition:none;}

.m.instagramfooter{position:absolute;left:0;bottom:9vh;z-index:1;text-align:center;color:#725659;box-sizing:border-box;}
/*.m.instagramfooter + .m.title{color:#854D39;}*/
.m.instagram{position:relative;width:100%;z-index:1;}
.m.instagram .scroller{position:relative;/*white-space:nowrap;*/box-sizing:border-box;padding:0 100px;}
.m.instagram .scroller .row{position:relative;display:block;white-space:nowrap;margin-bottom:27px;}
.m.instagram .el{position:relative;display:inline-block;vertical-align:top;width:calc((75vh - 135px) / 2);margin-right:27px;transition:opacity .3s ease-out;}
.m.instagram .el .lazy{width:100%;transition:opacity .3s ease-out;/*will-change:opacity;*/}
.m.instagram .el:last-of-type{margin-right:0;}

/* Breakpoints for services */
@media all and (max-width:1600.5px){
    .m.imgtxt .l{padding-right:3vw;/*5%*/}
    .m.servicegrid .el{padding-right:50px;}
}
/* Tablet / small desktops */
@media all and (min-width:1000.5px) and (max-width:1400.5px){
    /*.m.aboutgrid{padding:40px 140px;}*/
    /*.m.imgtxt .l{padding-right:0;}*/
    .m.title{margin:40px auto 30px auto;max-width:600px;}
    .m.filtermenu, .m.instagramfooter{bottom:40px;}
    /*.m.imgtxt.reversed .r{padding-right:60px;}
    .m.imgtxt.reversed .l{padding-left:0!important;}*/
}

/* Mobile (from 1000.5 and down) */
@media all and (max-width:1000.5px){
    .desktop{display:none;}
    .allclientsBtn{bottom:55px;font-size:1.4rem;}

    header .logo{left:20px;top:20px;width:86px;}
    header nav{width:100vw;transform:translateX(100vw);}
    header .toggle{right:20px;top:18px;width:48px;height:48px;}
    header .mainmenu{top:45%;padding:0 70px;}
    header .ba{bottom:60px;left:80px;}
    header.open{height:100%;/*to avoid 100vh*/}
    header.open nav{height:100%;}

    .intro .step .lazy{width:calc(100% - 70px);}
    .intro .step h1{width:calc(100% - 70px);transform:translateY(-55%);}

    /* Primary grid module */
    .m.grid{padding:90px 20px 0 20px;}
    .m.grid .el{width:calc((100% - 20px) / 2);margin-right:20px;margin-bottom:20px;}
    .m.grid .el:nth-of-type(2n){margin-right:0;}
    .m.grid .el .info{opacity:1;transform:none;transition:none;height:auto;top:auto;bottom:0;}
    .m.grid .el .info{background:linear-gradient(0deg, rgba(0,0,0,.5), rgba(0,0,0,0));}
    .m.grid .el .info h4, .m.grid .el .info a{position:relative;color:#FFF;font-size:1.2rem;top:auto;margin-top:0;bottom:20px;}
    .m.grid .el .info h4 span{position:relative;bottom:auto;font-size:.9rem;margin-top:10px;}

    .m.imgtxt{padding:135px 20px 20px 20px;}
    .m.imgtxt .l, .m.imgtxt .r{display:block;width:100%;}
    .m.imgtxt .l{padding-left:20px;padding-right:20px;}
    .m.imgtxt .l h1{text-align:center;margin:-37px auto 0 auto;transform:translateX(-50%);top:0;left:50%;max-width:340px;}
    .m.imgtxt .l .title{margin-left:-20px;padding-top:75px;margin-bottom:-40px;}
    .m.imgtxt .l .title p{font-size:1.4rem;}
    .m.imgtxt .r{padding-left:0;padding-top:55px;}

    .m.imgtxt.lower{padding:135px 20px 50px 20px;}
    .m.imgtxt.lower .l h1{top:0;/*transform:translateY(-75%);*/}
    .m.imgtxt.lower .r{padding-top:75px;}

    .m.imgtxt .job{padding-bottom:55px;}
    .m.imgtxt .job h2{padding-bottom:10px;transition:none;}
    .m.imgtxt .job p{padding-right:20px;}

    .m.imgtxt.contact a{display:block;}
    .m.imgtxt.contact .r{text-align:center;padding-top:70px;padding-bottom:50px;}
   
    .m.imgtxt .l .lazy{max-width:490px;margin:auto;}
    .m.imgtxt .r{margin:auto;}
    .m.imgtxt .l .title, .m.servicegrid, .m.imgtxt.lower .r{max-width:490px;margin:auto;padding-left:0;}

    .m.servicegrid{padding:40px 20px 80px 20px;}
    .m.servicegrid .el{display:block;width:100%;padding-right:0;padding-bottom:25px;}

    .m.aboutgrid{padding:40px 20px 60px 20px;}
    .m.aboutgrid .el{display:block;width:100%;padding:0 90px;padding-bottom:25px;}
    .m.aboutgrid .el p{padding:15px 20px;}

    .m.filtermenu{bottom:0;transform:translateY(100%) translateY(-60px);color:#351311;z-index:2;transition:transform .6s ease-in-out;padding-bottom:20px;}
    .m.filtermenu:before{content:"";position:absolute;left:0;top:20px;width:100%;height:calc(100% - 20px);background-color:#351311;opacity:0;transition:opacity .4s ease-in-out;}
    .m.filtermenu.open{transform:translateY(0px);color:#F6F2EB;transition:transform .8s cubic-bezier(0.16, 1, 0.3, 1);/*expo*/}
    .m.filtermenu.open:before{opacity:1;transition:opacity .2s ease-out;}
    .m.filtermenu .toggleBtn, .m.filtermenu a{display:block;width:100%;margin:0;padding:10px;}
    .m.filtermenu .toggleBtn{transition:opacity .8s ease-in-out .6s;}
    .m.filtermenu .toggleBtn:after{content:"";position:absolute;top:50%;margin-top:-4px;/*right:0px;*/margin-left:15px;width:14px;height:9px;background:url("../Grx/arrow.svg") no-repeat;}
    .m.filtermenu.open .toggleBtn{opacity:0;transition:none;}
    .m.filtermenu:not(.open) a{opacity:0;pointer-events:none;}
    .m.title{width:100%;margin:105px auto 25px auto;padding:0 20px;max-width:600px;}
    .m.clients .el{width:calc(60vh - 200px);/*70vw*/margin-right:15px;}
    .m.clients .el .lazy{max-height:calc(100vh - 300px);overflow:hidden;}
    .m.clients .el .info{position:relative;width:100%;height:auto;opacity:1;transform:none;transition:none;}
    .m.clients .el .info h4, .m.clients .el .info a{position:relative;top:auto;margin-top:15px;font-size:1.4rem;}

    .m.instagramfooter{bottom:30px;}
    .m.instagram .scroller{padding:0 40px;}
    .m.instagram .scroller .row{margin-bottom:20px;}
    .m.instagram .el{width:calc((75vh - 135px) / 2);margin-right:20px;}
}
/* landscape small devices */
@media all and (max-width:1000.5px) and (orientation:landscape) and (max-height:600px){
    header .ba{display:none;}
    .m.title{margin:25px auto 15px auto;padding:0 120px;}
    .m.clients .el{width:33vw;}
    .m.clients .el .lazy{max-height:calc(100vh - 240px);}
    .m.clients .el .info h4, .m.clients .el .info a{margin-top:-30px;}
    .m.instagramfooter{bottom:9vh;}
}

/* Desktop only */
@media all and (min-width:1000.5px){
    .mobile{display:none;}
    .m.grid .el:nth-of-type(4n){margin-right:0;}
    .m.grid .el:hover .lazy{opacity:.22;}
    .m.clients:not(.noninteractive) .el:hover .lazy{opacity:.22;}
    .m.instagram .el:hover .lazy{opacity:.22;}
    .m.filtermenu .toggleBtn{display:none;}
}

.pageTransition{position:fixed;pointer-events:none;z-index:900;width:100vw;height:100vh;background-color:#351311;left:0;top:0;transition:transform 1s cubic-bezier(0.22, 1, 0.36, 1);transform-origin:0% 0;will-change:transform;}
.atIntro .pageTransition{transition-duration:0s;}
.pageTransition.loaded{transform:scaleX(0);}
.pageTransition.in{transform-origin:100% 0;transform:scaleX(1);transition:transform .3s cubic-bezier(0.61, 1, 0.88, 1);}

/*Used for mobile measurement of vh unit */
.vh{position:absolute;z-index:-1;top:0;left:-1px;width:1px;height:100vh;}

.oldIe .lazy .rel .img{
	object-fit:cover;
	font-family:'object-fit: cover;';
}