html,body{margin:0;padding:0;width:100%;}
html{font-size:62.5%;/*user's browser setting controls font-size, default is 16px (so now 24px = 2.4rem)*/}
body{font-family:"lato", sans-serif;background-color:#F9F8F5;color:#7D7056;box-sizing:border-box;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeSpeed;/*transition:background-color .8s ease-in-out;*/}
::selection{color:#F9F8F5;background-color:#7D7056;}/*9E937D*/
body:not(.animates) *{transition:none!important;}
body.dark{background-color:#9E937D;}/*frontpage only*/

@font-face{font-family:'Canela';src:url('../Fonts/Canela-ThinItalic-Web.woff2') format('woff2'), url('../Fonts/Canela-ThinItalic-Web.woff') format('woff');font-weight:100;font-style:italic;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;box-sizing:border-box;}
h1{font-size:8.2rem;font-family:'Canela';font-weight:100;font-style:italic;line-height:1.1;}
h1.small{font-size:4.2rem;}
h2{font-size:2.8rem;font-family:'Canela';font-weight:100;font-style:italic;line-height:1.2;}/*about titles*/
p{font-size:1.5rem;line-height:1.5;min-height:2.1rem;font-weight:300;}
p.label,.labelBtn,.contactBtn,label{font-size:1.2rem;line-height:1.5;text-transform:uppercase;letter-spacing:.3rem;font-weight:600;}/*small uppercase*/
p.large,input[type="submit"]{font-size:3.0rem;font-family:'Canela';font-weight:100;font-style:italic;line-height:1.2;}/*case studies*/
p.medium{font-size:2.4rem;font-family:'Canela';font-weight:100;font-style:italic;line-height:1.2;}/*case studies*/
p a, p button,li a, h2 a, h3 a{text-decoration:none;transition:opacity .3s ease-out;}
p a:hover, p button:hover, li a:hover, h2 a:hover, h3 a:hover{opacity:.6;}
input, textarea{font-family:"lato", sans-serif;font-size:2.1rem;font-weight:300;appearance:none;background:none;border:none;display:block;color:#3D4E44;padding:0;margin:0;outline:0;text-align:left;resize:none;}

/*      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:#9E937D;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,.home .time .slider .knob{-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*/}
.primary{font-size:4.4rem;font-family:'Canela';font-weight:100;font-style:italic;line-height:1;}
.contactlink{font-size:2.5rem;font-family:'Canela';font-weight:100;font-style:italic;line-height:1.5;display:block;white-space:pre-wrap;}
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;text-transform:inherit;font-weight: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);}
.labelBtn{display:block;padding:10px 0;transition:opacity .3s ease-out;}
.labelBtn:hover{opacity:.6;}
.labelBtn.selected{color:#7D7056;}
.contactBtn{display:block;border:1px solid #D6B2B2;padding:10px 30px;height:40px;border-radius:40px;color:#D6B2B2;transition:all .3s ease-out;}
.contactBtn:hover{color:#9E937D;border-color:#9E937D;}

@media all and (max-width:1000.5px){
    h1{font-size:5.0rem;}
    h1.small{font-size:2.8rem;}
    h2, p.large{font-size:2.2rem;}
    p.medium{font-size:1.8rem;}
    .primary{font-size:3.4rem;}
    .contactlink{font-size:2.0rem;}
}
@media all and (min-width:1000.5px) and (min-height:700px){
    p{font-size:1.6rem;}
}

/*      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);}
img,video{pointer-events:none;}/*with smooth scroll this helps Firefox external mouse*/
.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;*/will-change:opacity;}
.txtfade{opacity:0;transition:opacity 0s ease-in-out;will-change:opacity;}
.txtfade.in{opacity:1;transition-duration:1s;}
.externalvideoplayer{transition:opacity 1s ease-in-out;opacity:0;}
.externalvideoplayer.in{opacity:1;}
.externalvideoplayer.youtube{position:absolute;left:0;top:0;width:100%;height:100%;}
.externalvideoplayer.youtube iframe{position:absolute;left:0;top:0;width:100%;height:100%;}

/*      Menu        */
header{position:fixed;left:0;top:0;width:100%;height:0;z-index:10;}
header.open{height:100%;}
header .menuoverlay{position:absolute;left:0;top:0;width:100%;height:0;color:#FFF;overflow:hidden;/*opacity:0;transition:opacity .5s ease-out;*/}
header.open .menuoverlay{height:100%;/*opacity:1;*/}

/* left side is media */
header .menuoverlay .left{position:absolute;left:0;top:0;width:56.25%;height:100%;/*overflow:hidden;*/background-color:#7D7056;opacity:0;/*transition:height .5s cubic-bezier(0.25, 1, 0.5, 1);will-change:height;*/transition:opacity .2s ease-out;will-change:opacity;}
header .menuoverlay .left:after{content:"";position:absolute;left:0;top:0;width:100vw;height:100%;background-color:#F9F8F5;}
header .menuoverlay .left .lazy, header .menuoverlay .left .lazy .rel{width:100%;height:100%;}
header.open:not(.closing) .menuoverlay .left{opacity:1;transition:opacity .3s ease-out;}
header.open .menuoverlay .left:after{opacity:0;transition:opacity 1.5s ease-in-out .3s;}
body:not(.paget) header.open.closing .menuoverlay .left{opacity:0;transition:opacity .3s ease-out;}
/* right side is menu */
header .menuoverlay .right{position:absolute;right:0;top:0;width:43.75%;height:100%;/*background:linear-gradient(65deg, #B0A48C 10%, #EEDBDB 100%);*/}
header .menuoverlay .right:before{content:"";position:absolute;left:0;right:0;width:100%;height:100%;background:linear-gradient(65deg, #B0A48C 10%, #EEDBDB 100%);transform:scaleX(0);transform-origin:100% 50%;transition:transform .5s cubic-bezier(0.25, 1, 0.5, 1);will-change:transform;}
header.open:not(.closing) .menuoverlay .right:before{/*transform-origin:0% 50%;*/transform:scaleX(1);transition-duration:.8s;}
.paget header .menuoverlay .right:before{transition:none;}
header .mainmenu{position:absolute;left:0;bottom:0;width:100%;/*height:100%;*/opacity:0;overflow:auto;overflow-x:hidden;box-sizing:border-box;padding:75px 100px 90px 100px;}
header .mainmenu .space{height:calc((100vh - 500px) / 2);}
header.open:not(.closing) .mainmenu{opacity:1;transition:opacity .6s ease-out .2s;}
/* toggle */
header .menuToggle{position:absolute;right:35px;top:35px;z-index:2;color:#FFF;width:80px;height:80px;border-radius:80px;text-align:center;font-size:1.2rem;font-weight:600;text-transform:uppercase;letter-spacing:.3rem;}
header .menuToggle:before{content:"";position:absolute;left:0;top:0;width:80px;height:80px;border-radius:80px;background-color:#9E937D;transition:transform .3s ease-out, background-color .3s ease-out;will-change:transform, background-color;z-index:-1;}
header .menuToggle span:nth-of-type(1){transition:opacity .6s ease-in-out;}
header .menuToggle .arrow{position:absolute;display:block;left:30px;top:32px;width:20px;height:19px;background:url("../Grx/menu_arrow.svg") no-repeat;background-size:contain;opacity:0;transform:translate(2px,-2px);transition:all .3s ease-out 0s;}
header.open:not(.closing) .menuToggle .arrow, .opencontact header .menuToggle .arrow{opacity:1;transform:translate(0px,0px);transition-delay:.3s;}
header.open .menuToggle span:nth-of-type(1), .opencontact header .menuToggle span:nth-of-type(1){opacity:0;transition:opacity .3s ease-out;}
.dark header .menuToggle, header.open:not(.closing) .menuToggle, .opencontact header .menuToggle{color:#9E937D;}
.dark header .menuToggle:before, header.open:not(.closing) .menuToggle:before, .opencontact header .menuToggle:before{background-color:#FFF;}
/* menu items */
header .primary{padding:15px 0;display:table;transition:opacity .3s ease-out;will-change:opacity, transform;}
@media (max-width:499px) and (max-height:719px) {
    header .primary{padding:10px 0;}
}
header .primary span{display:block;transition:transform .3s ease-out;}
/*header .primary.selected, header .primary.selected:hover{opacity:.3;}*/
header p.label + .contactlink{margin-top:10px;}
/* contact */
header .contact{opacity:0;}
header.open:not(.closing) .contact{opacity:1;transition:opacity 1s ease-in-out;}
/* Site credit */
header .credit{position:absolute;right:35px;bottom:25px;display:block;padding-bottom:5px;font-size:.9rem;color:#FFF;letter-spacing:.3rem;font-weight:600;}

.logo{position:fixed;left:35px;top:35px;height:calc(100vh - 70px);z-index:12;display:block;opacity:0;transition:opacity .6s ease-in-out .1s;}
.logo .mobile, .logo .desktop{height:100%;}
.logo img{position:absolute;left:0;top:0;height:100%;width:auto;transition:opacity .3s ease-out;}
.logo img:nth-of-type(1){position:relative;}
.logo img:nth-of-type(2){opacity:0;}
.logoson .logo{opacity:1;}
.dark .logo img:nth-of-type(1), header.open:not(.closing) + .logo img:nth-of-type(1){opacity:0;}
.dark .logo img:nth-of-type(2), header.open:not(.closing) + .logo img:nth-of-type(2){opacity:1;}

main{position:relative;width:100%;}
.page{position:relative;width:100%;box-sizing:border-box;font-size:0;}

/* Handle horizontal scrolling (desktop only) */
@media all and (min-width:1000.5px){
    body.hori{overflow-y:hidden;overflow-x:auto;}
    .page[data-horizontal="true"]{height:100vh;width:auto;}
    /* touch/ios version (100vh ios "bug") */
    html.ios{position:fixed;height:100%;overflow-y:hidden;}
    .ios body{height:100%;}
    .ios .page[data-horizontal="true"]{height:100%;}
    .ios main{height:100%;}
}

/* Standard module */
.m{position:relative;/*width:100%;*/box-sizing:border-box;}
.m .l, .m .r{position:relative;display:inline-block;vertical-align:top;width:50%;box-sizing:border-box;}

/* Projects etc. */
.fullscreensmodules{position:relative;height:100%;display:inline-block;white-space:nowrap;width:auto;}
.fullscreensmodules .scroller{position:relative;white-space:nowrap;width:auto;height:100%;display:inline-flex;flex-direction:row;align-items:flex-start;}

.hero{height:100vh;}
.hero .lazy, .hero .lazy .rel{width:100%;height:100%;}

.m.project{margin:auto;display:inline-block;margin-right:100px;font-size:0;}
.m.project p{position:absolute;left:0;bottom:-32px;padding:0;margin:0;width:100%;overflow:hidden;text-overflow:ellipsis;will-change:transform;}
.m.project.first{margin-left:250px;}
.m.project:last-of-type{margin-right:250px;}
.m.project .lazy .rel .img.complete{transition:transform .4s ease-out;will-change:transform;}

/* Images (or video) */
.m.freemedia{margin:auto;display:inline-block;margin-right:125px;font-size:0;white-space:normal;}
.m.freemedia h1{position:absolute;left:0;top:50%;width:100%;z-index:2;color:#FFF;text-align:center;transform:translateY(-50%);}
.m.freemedia .fadewhenmoving{transition:opacity .8s ease-out;}
.m.freemedia .fadewhenmoving.out{opacity:0;}
.m.freemedia:not(.alignb) .text{margin-top:25px;}
.m.freemedia.alignb .text{margin-bottom:25px;}
.m.freemedia .text{color:#9E937D;}
.m.freemedia .text .medium:not(:first-child){margin-top:15px}
.m.casecolor{color:#D6B2B2;}

/* Text modules */
.m.text{margin:auto 125px auto auto;text-align:left;white-space:normal;display:inline-block;box-sizing:border-box;}
.m.text p.label{margin-bottom:15px;}
.m.text h2{margin-top:45px;margin-bottom:15px;}
.m.text .inner{width:450px;}
.m.text .inner .logos{position:absolute;left:0;margin-top:100px;white-space:nowrap;font-size:0;}
.m.text .inner .logos .lazy{width:auto;height:65px;display:inline-block;vertical-align:top;margin-left:75px;}
.m.text .inner .logos .lazy:first-of-type{margin-left:0;}
.m.text .inner .logos .lazy .rel, .m.text .inner .logos .lazy .rel .img{position:relative;width:auto;height:65px;}

.m.team li{color:#D6B2B2;}
.m.team li .medium{margin-top:17px;}
.m.team li .label{margin-top:10px;}

/* Recent project (right side) */
.m.recentproject{height:100vh;background-color:#EEDBDB;display:flex;}
.m.recentproject .inner{margin:auto 0 auto 100px;}
.m.recentproject .project{margin-top:30px;margin-right:0;}

/* Services */
.m.services{min-height:100vh;width:100vw;white-space:normal;}
.m.services .l{width:45%;padding-left:25px;}
.m.services .l .inner{margin:auto;}
.m.services .l .medium:last-of-type{margin-top:135px;}
.m.services .l .contactBtn{margin-top:15px;}
.m.services a{display:inline-block;white-space:pre-wrap;/*better space between letters*/}
.m.services a + a{margin-left:45px;/*color:blue;*/}
.m.services .r{width:55%;}
.m.services .r .section{position:absolute;left:0;top:150px;width:100%;max-width:585px;transition:opacity 1s ease-out;}
.m.services .r .section .image{width:100%;margin-bottom:45px;}
.m.services .r .section .image .rel{padding-top:61.7%;}
.m.services .r .section h2{margin-bottom:10px;}
@media all and (min-width:1000.5px) and (max-width:1200px){
    .m.services .l{width:50%;padding-left:45px;}
    .m.services .r{width:50%;}
    .m.services .r .section{width:calc(100% - 45px);}
}

.m.process ul{margin-top:32px;padding:0;}
.m.process li .medium{margin-bottom:6px;}

/* Press & Awards */
.m.pressAwards .introtext p:last-of-type{margin-top:80px;margin-bottom:14px;color:#9E937D;}
.m.presslist ul{padding:0;display:grid;}
.m.presslist li, .m.presslist li a{color:#9E937D;}
.m.presslist .label{margin:10px 0 0;}
.m.awardlist ul{padding:0;display:grid;color:#9E937D;}
.m.awardlist li.hasimage p.large{margin-top:20px;}
.m.awardlist li.hasimage img{position:relative;width:auto;height:82px;max-width:200px;object-fit:contain;}
.m.awardlist .label{margin:10px 0 0;}

/* Contact */
.m.contact{min-height:100vh;}
.m.contact .l{width:60%;}
.m.contact .l .inner{margin:auto;}
.m.contact p.label{margin-top:45px;margin-bottom:10px;}
.m.contact p.label:first-of-type{margin-top:0;}
.m.contact a{display:inline-block;white-space:pre-wrap;/*better space between letters*/}
.m.contact a + a{margin-left:45px;/*color:blue;*/}
.m.contact .r{width:40%;height:100vh;}
.m.contact .r .lazy, .m.contact .r .lazy .rel{width:100%;height:100%;}
.m.contact .contactBtn{margin-top:45px;}

.contactform{position:fixed;left:0;top:0;width:100%;height:100%;z-index:8;display:flex;box-sizing:border-box;}
.contactform:not(.open){pointer-events:none;height:0;overflow:hidden;visibility:hidden;}
.contactform:before{content:"";position:fixed;left:0;top:0;width:100%;height:100%;background-color:#F0ECE2;transform:scaleY(0);transform-origin:50% 0%;transition:transform 1.2s cubic-bezier(0.25, 1, 0.5, 1);}
.contactform.open:before{transform:scaleY(1);}
.contactform.open.closing:before{transform-origin:50% 100%;transform:scaleY(0);transition-duration:.8s;}
/*.contactform.closing{opacity:0;}*/
.contactform form{width:100%;max-width:900px;margin:auto;color:#9E937D;font-size:0;margin:auto;opacity:0;}
.contactform.open form{opacity:1;transition:opacity 1s ease-in-out;}
.contactform.open.closing form{opacity:0;transition:opacity .1s ease-out;}
.contactform form .l, .contactform form .r{position:relative;width:50%;display:table-cell;vertical-align:top;box-sizing:border-box;}
.contactform form .l{border-right:1px solid #9E937D;padding-right:110px;}
.contactform form .r{padding-left:95px;}
.contactform form input{display:block;border-bottom:1px solid #9E937D;margin-bottom:45px;color:#9E937D;min-width:300px;padding-bottom:5px;}
.contactform form textarea{min-width:300px;}
.contactform form input::placeholder, .contactform form textarea::placeholder{color:#9E937D;transition:opacity .3s ease-out;}
.contactform form input:hover::placeholder, .contactform form textarea:hover::placeholder{opacity:.6;}
.contactform form label{display:block;margin-bottom:10px;color:#9E937D;}
.contactform .thankyou{width:100%;text-align:center;opacity:0;transition:opacity .5s ease-out;}
.contactform:not(.submitted) .thankyou{display:none;}
.contactform.submitted .thankyou.in{opacity:1;}
.contactform.submitted form .l, .contactform.submitted form .r{display:none;}
.contactform input[type="submit"]{color:#D6B2B2;border:none;position:absolute;left:95px;bottom:0px;/*cursor:pointer;*/cursor:inherit;transition:opacity .3s ease-out;}
.contactform input[type="submit"]:hover{opacity:.6;}
.contactform input[name="message"], .contactform input[name="c"]{opacity:0;position:absolute;left:0;top:0;width:0;height:0;z-index:-1;}

/* Hovers */
@media (hover:hover){
    header .menuToggle:hover:before{transform:scale(1.075,1.075);}
    header .contact a, header .credit{transition:opacity .3s ease-out;}
    header .primary:hover, header .contact a:hover, header .credit:hover{opacity:.6;}
    header .primary:hover span{transform:translateX(8px);}
    .m.project:hover .lazy .rel .img.complete{transform:scale(1.025,1.025);}
}

/* Adjust based on height (desktop) */
@media all and (min-width:1000.5px) and (min-height:900px){
    .m.services .r .section{max-width:700px;}
}
@media all and (min-width:1000.5px) and (min-height:950px){
    .m.services .r .section{top:200px;}
}
@media all and (min-width:1000.5px) and (max-height:780px){
    .m.services .r .section{top:125px;}
    /*body{background-color:blue;}*/
}
@media all and (min-width:1000.5px) and (max-height:730px){
    h1{font-size:6.4rem;}
    .m.services .r .section{top:75px;}
    .m.services .r .section .image{margin-bottom:30px;}
    /*body{background-color:green;}*/
}
@media all and (min-width:1000.5px) and (max-height:900px){
    .m.services .r .section .image{width:50vh;}
}

/* Very little height */
@media all and (min-width:1000.5px) and (max-height:600px){
    .m.services .r .section{top:45px;}
    header .mainmenu{padding-bottom:55px;}
    /*body{background-color:yellow;}*/
}

.pageTransition{position:fixed;/*pointer-events:none;*/z-index:11;width:100vw;height:100vh;/*background-color:#F0ECE2;*/background:linear-gradient(65deg, #B0A48C 10%, #EEDBDB 100%);color:#FFF;left:0;top:0;transition:opacity .8s ease-in-out;will-change:opacity;text-align:center;}
.atIntro .pageTransition{transition-duration:0s;}
.pageTransition.loaded{opacity:0;/*below menu etc.*/transition:opacity .8s ease-in-out;}
.pageTransition.in{opacity:1;transition:opacity .3s cubic-bezier(0.61, 1, 0.88, 1);}
.pageTransition.in.fast{opacity:1;transition:opacity .2s ease-out;}
.pageTransition.fast{background:#F9F8F5;}
.pageTransition .title{font-size:4.9rem;font-family:'Canela';font-weight:100;font-style:italic;display:block;pointer-events:none;margin-top:calc(50vh - 40px);margin-bottom:15px;opacity:0;transition:opacity .6s ease-in-out .1s;}
.pageTransition p.label{display:block;pointer-events:none;opacity:0;transition:opacity .6s ease-in-out .1s;}
.pageTransition.texton .title, .pageTransition.texton p.label{opacity:1;}
.pageTransition.fast .title, .pageTransition.fast p.label{visibility:hidden;}

/* Mobile (from 1000.5 and down) */
@media all and (max-width:1000.5px){
    .desktop{display:none!important;}

    header .menuoverlay .left{display:none;}
    header .menuoverlay .right{width:100%;}
    header .menuoverlay .right:before{background:linear-gradient(65deg, #B0A48C 25%, #EEDBDB 100%);}
    header .mainmenu{padding:75px 45px 150px 45px;}
    header .mainmenu .space{height:calc((100vh - 600px) / 2);max-height:160px;}
    header .menuToggle{right:13px;top:13px;}

    header.open:not(.closing) + .logo{opacity:1;}
    header:not(.open) + .logo, header.closing + .logo{opacity:0;transition:opacity .3s ease-out;}
    /*frontpage*/
    .dark.logoson header + .logo{opacity:1;}
    .paget header + .logo, .paget header.open + .logo{opacity:0;transition:opacity .3s ease-out;}
    header .credit{position:relative;right:auto;/*left:45px;bottom:20vw;*/bottom:auto;margin-top:45px;}

    .logo{position:fixed;left:8px;top:auto;bottom:25px;width:calc(100% - 20px);height:auto;}
    .logo .mobile, .logo .desktop{width:100%;height:auto;}
    .logo img{width:100%;height:auto;}

    .fullscreensmodules{width:100%;height:auto;display:block;white-space:normal;}
    .fullscreensmodules .scroller{white-space:normal;width:100%;height:auto;display:block;}

    .m.project{display:block;margin:auto;margin-bottom:100px;padding:0 30px;top:auto;}
    .m.project .lazy{width:100%;height:auto;}
    .m.project.first{margin-left:0;margin-top:110px;}
    .m.project p{padding:0 30px;}
    .m.project:last-of-type{margin-right:0;margin-bottom:155px;}    

    .m.text{margin:auto;display:block;width:100%;padding:0 30px;margin-bottom:70px;}
    .m.text .inner, .m.text.aligntext .inner{width:100%;}
    .m.text h2{margin-top:25px;}
    .m.text.aligntc + .m.text.aligntc.wide{margin-top:-45px;}/*about*/
    .m.text .inner .logos{position:relative;margin-top:50px;max-width:100%;white-space:normal;}
    .m.text .inner .logos .lazy{height:55px;margin-left:0;margin-right:30px;}
    .m.text .inner .logos .lazy .rel{padding-top:0!important;height:50px;}
    .m.text .inner .logos .lazy .rel .img{height:50px;}
    .m.text .inner .logos .lazy:last-of-type{margin-right:0;}
    .m.team ul{display:grid;grid-template-columns:1fr;gap:50px 30px;padding:0 30px 70px;}

    .m.freemedia{margin:0;width:100%;padding:0;display:block;margin-bottom:70px;}
    .m.freemedia.large .lazy, .m.freemedia.alignb .lazy{padding:0 30px;}
    .m.freemedia.lessmargin{margin-right:0;margin-bottom:40px;}
    .m.freemedia.large.alignt .lazy{padding:0 30px;}/*about topaligned*/
    .m.freemedia + .m.freemedia.large, .m.freemedia + .m.freemedia.alignb{margin-bottom:40px;}
    .m.freemedia + .m.freemedia:not(.large):not(.alignb){margin-top:70px;}
    .m.freemedia.alignt .text{padding:0 30px;}

    .m.recentproject{width:100%;height:auto;display:block;box-sizing:border-box;padding:65px 35px 0 35px;text-align:center;}
    .m.recentproject .inner{margin:0;}
    .m.recentproject .project{margin:50px 0 0 0;}
    .m.recentproject .project p{bottom:auto;top:-40px;text-align:center;}

    /* Services */
    .m.services{min-height:unset;/*padding:110px 30px;*/padding:0 30px 110px 30px;}
    .m.services h1{margin-bottom:40px;}
    .m.services .labelBtn{display:none;}
    .m.services .l{display:table-footer-group;}
    .m.services .l .medium:last-of-type{margin-top:0;font-size:2.2rem;}
    .m.services .r{width:100%;display:table-header-group;}
    .m.services .r p.label{padding-bottom:15px;}
    .m.services .r .section{position:relative;top:auto;margin-bottom:70px;}
    .m.services .r .section .image{margin-bottom:15px;}
    .m.services .r .section h2{margin-bottom:5px;}

    .m.process{padding:0 30px 70px;}
    .m.process li+li{margin-top:40px;}

    .m.introtext{margin-top:70px;}
    .m.presslist ul{grid-template-columns: 1fr 1fr;gap: 30px;}
    .m.awardlist ul{margin-top:40px;grid-template-columns: 1fr 1fr;gap: 30px;}
    .m.awardlist li.hasimage{grid-column-start:1;grid-column-end:3;}

    /* Contact */
    .m.contact{width:100%;min-height:unset;display:table;padding-bottom:40px;}
    .m.contact .l{width:100%;display:table-footer-group;}
    .m.contact .l .inner{padding:70px 30px;box-sizing:border-box;}
    .m.contact .r{width:100%;height:unset;display:table-header-group;}
    .m.contact .r .lazy, .m.contact .r .lazy .rel{width:100%;height:74.66vw;}

    .contactform{padding:110px 30px;overflow:auto;display:block;height:100vh;}
    .contactform form{margin:0;}
    .contactform form .l, .contactform form .r{width:100%;display:block;padding:0;border:0;}
    .contactform form textarea{border:1px solid #9E937D;padding:10px;box-sizing:border-box;}
    .contactform input[type="submit"]{position:relative;left:auto;bottom:auto;margin-top:45px;}
    .contactform .thankyou{padding-top:45px;}

    .pageTransition .title{font-size:2.8rem;margin-top:calc(50vh - 100px);}
}
@media all and (max-width:1000.5px) and (orientation:landscape) and (max-height:500px){
    header .mainmenu{position:relative;bottom:auto;padding:25px 25% 120px 45px;height:100%;}
    header .mainmenu .space{height:45px;}
    .logo{left:25%;width:50%;}
}
@media all and (max-width:400.5px) and (max-height:620px){
    header .mainmenu{padding-bottom:100px;}
}
/* Desktop */
@media all and (min-width:1000.5px){
    .mobile{display:none!important;}

    .m.project .lazy{width:auto;height:calc(100vh - 370px);overflow:hidden;}
    .m.project .lazy .rel{width:auto;height:100%;}
    .m.project .lazy .rel .img{position:relative;width:auto;}

    /* variations */
    .m.text.alignbc .inner{transform:translateY(50%);}
    .m.text.wide .inner{width:585px;}
    .m.text.credits p.medium{line-height:1.5;}
    .m.text.aligntext{margin:0 125px 0 0;align-self:end;padding-bottom:22.5vh;}
    .m.text.aligntext .inner{width:350px;}
    .m.text.aligntextb{margin:0 125px 0 25px;align-self:end;padding-bottom:15vh;}
    .m.text.aligntc{margin-top:25vh;margin-right:150px;}/*about top-center aligned*/
    .m.text.aligntc .inner{width:340px;}
    .m.text.aligntc.wide .inner{width:370px;}
    .m.text .inner.parallax{margin-left:50px;margin-right:50px;}/*because this is slowed down we need a little extra speed*/

    .m.team{display:flex;align-items:center;height:100%;margin-right:150px;}
    .m.team ul{display:grid;grid-template-rows:1fr;grid-auto-flow:column;column-gap:54px;}
    .m.team li{width:320px;}
    .m.team li .rel{aspect-ratio:319/386;}
    
    .m.freemedia .lazy{width:auto;height:100vh;display:block;}
    .m.freemedia .lazy .rel{width:auto;height:100%;}
    .m.freemedia .lazy .rel .img{position:relative;width:auto;}
    /* variations */
    .m.freemedia.first{margin-left:250px;}
    .m.introtext{margin-left:240px;}
    .m.introtext .p:last-of-type{margin-left:240px;}
    .m.freemedia.large .lazy{height:calc(100vh - 110px);}
    .m.freemedia.lessmargin{margin-right:45px;}
    .m.freemedia.alignb .lazy{height:62.5vh;}
    .m.freemedia.alignb{margin-top:calc(37.5vh - 55px);}
    .m.freemedia.alignt .lazy{height:36vh;}
    .m.freemedia.alignt{margin-top:55px;}
    .m.freemedia.large.alignt .lazy{height:57vh;}/*about topaligned*/
    .m.freemedia.large.alignt{margin-top:0;}
    .m.freemedia.medium .lazy{/*height:calc(100vh - 370px);*/height:55vh;}/*about first*/
    .m.freemedia.mediumlarge{margin-right:150px;}
    .m.freemedia.mediumlarge .lazy{height:70vh;}/*about third*/

    .m.freemedia.alignt:not(.large) + .m.text{margin-left:-150px;}/* project small + text */
    .m.freemedia:not(.mediumlarge) + .m.text.aligntc{margin-left:50px;}

    .m.text.credits + .m.recentproject{margin-left:-125px;}

    @media (max-width:1279px){.m.services{width:125vw;}}
    .m.services{width:110vw;padding:0 8vw 0 4vw;}
    @media (min-width:1600px){.m.services{width:1600px;padding:0 120px 0 80px;}}
    .m.services .l .info{display:inline-flex;flex-direction:row;align-items:flex-start;width:100%;height:100vh;}
    .m.services .r .section:not(.active){opacity:0;pointer-events:none;}
    .m.services .r p.label{display:none;}
    .m.freemedia + .m.services{margin-left:-125px;}

    .m.process{height: 100%;display: flex;justify-content: center;flex-direction: column;white-space: normal;padding-right:157px;}
    .m.process ul{margin-top:32px;display: grid;grid-template-rows: 1fr 1fr;grid-auto-flow: column;gap: 50px 128px;padding:0;}
    .m.process li{width:535px;}
    .m.process li .medium{margin-bottom:6px;}

    .m.presslist ul{grid-template-rows: 1fr 1fr 1fr 1fr;grid-auto-flow: column;row-gap:35px;column-gap:120px;}
    .m.presslist .large{white-space:nowrap;min-width:165px;}
    .m.presslist .label{white-space:nowrap;}
    .m.awardlist{margin-right:214px;}
    .m.awardlist ul{margin-top:118px;grid-template-rows: 1fr 1fr;grid-auto-flow: column;row-gap:35px;column-gap:100px;}
    .m.awardlist li{}
    .m.awardlist li.hasimage{grid-row-start:1;grid-row-end:3;}
    .m.awardlist .large{white-space:nowrap;min-width:190px;}
    .m.awardlist .label{white-space:nowrap;}
    
    .m.contact .l .info{display:inline-flex;flex-direction:row;align-items:flex-start;width:100%;height:100vh;}
    
    .contactform form input:last-of-type{margin-bottom:15px;}
}
@media all and (min-width:1000.5px) and (max-height:840px){
    .m.text.aligntc{margin-top:20vh;}
    .m.text .inner .logos{margin-top:50px;}
}
@media all and (min-width:1000.5px) and (max-height:640px){
    .m.text.aligntc{margin-top:15vh;}
    .m.text .inner .logos{margin-top:30px;}
}
@media all and (min-width:1000.5px) and (max-height:550px){
    .m.text.aligntc{margin-top:50px;}
}

/*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;';}

.cky-overlay{z-index:999!important;}
.cky-consent-container, .cky-modal{z-index:1000!important;}