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:'Apercu', sans-serif;background:var(--black);color:var(--softwhite);box-sizing:border-box;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;/*text-rendering:optimizeSpeed;*/}
::selection{background-color:var(--black);color:var(--softwhite);}
body:not(.animates) *{transition:none!important;}
/*::-webkit-scrollbar{width:0!important;}*/

@font-face{font-family:'Apercu';src:url('../Fonts/ApercuPro-Bold.woff2') format('woff2'),url('../Fonts/ApercuPro-Bold.woff') format('woff');font-weight:700;font-style:normal;font-stretch:normal;font-display:swap;}
@font-face{font-family:'Apercu';src:url('../Fonts/ApercuPro-Medium.woff2') format('woff2'),url('../Fonts/ApercuPro-Medium.woff') format('woff');font-weight:500;font-style:normal;font-stretch:normal;font-display:swap;}
@font-face{font-family:'Apercu';src:url('../Fonts/ApercuPro-Regular.woff2') format('woff2'),url('../Fonts/ApercuPro-Regular.woff') format('woff');font-weight:400;font-style:normal;font-stretch:normal;font-display:swap;}
@font-face{font-family:'Plantin';src:url('../Fonts/PlantinMTPro-Regular.woff2') format('woff2'),url('../Fonts/PlantinMTPro-Regular.woff') format('woff');font-weight:400;font-style:normal;font-stretch:normal;font-display:swap;}
@font-face{font-family:'Plantin';src:url('../Fonts/PlantinMTPro-Italic.woff2') format('woff2'),url('../Fonts/PlantinMTPro-Italic.woff') format('woff');font-weight:400;font-style:italic;font-stretch:normal;font-display:swap;}
@font-face{font-family:'Plantin';src:url('../Fonts/PlantinMTPro-Light.woff2') format('woff2'),url('../Fonts/PlantinMTPro-Light.woff') format('woff');font-weight:300;font-style:normal;font-stretch:normal;font-display:swap;}
@font-face{font-family:'Plantin';src:url('../Fonts/PlantinMTPro-LightItalic.woff2') format('woff2'),url('../Fonts/PlantinMTPro-LightItalic.woff') format('woff');font-weight:300;font-style:italic;font-stretch:normal;font-display:swap;}

:root{
    --black:#23232B;
    --softwhite:#FFFBF2;
    --orange:#D26E2A;
    --tangerine:#F09246;
    --clay:#CA6025;
    --rust:#78432B;
    --sage:#8A9089;
    --fog:#D0D0D0;
    --smoke:#8B8D92;
    --ash:#F9D9B1;
    /*Easing*/
    --sine:cubic-bezier(0.39, 0.575, 0.565, 1);
    --quad:cubic-bezier(0.25, 0.46, 0.45, 0.94);/*cubic-bezier(0.5, 1, 0.89, 1);*/
    --quad-in-out:cubic-bezier(0.455, 0.03, 0.515, 0.955);
    --cubic:cubic-bezier(0.215, 0.61, 0.355, 1);/*cubic-bezier(0.33, 1, 0.68, 1)*/
    --cubic-in-out:cubic-bezier(0.645, 0.045, 0.355, 1);
    /*--quart:cubic-bezier(0.165, 0.84, 0.44, 1);*/
    --quart:cubic-bezier(0.25, 1, 0.5, 1);
    --quart-in-out:cubic-bezier(0.77, 0, 0.175, 1);
    --quint:cubic-bezier(0.23, 1, 0.32, 1);
    --expo:cubic-bezier(0.16, 1, 0.3, 1);
    /*--expo:cubic-bezier(0.19, 1, 0.22, 1);*/
    --back:cubic-bezier(0.175, 0.885, 0.32, 1.275);
    --delay:0s;
}


/* Font settings - medium/500, semibold/600 and bold/700 */
h1,h2,h3,h4,h5,h6,p,q{position:relative;margin:0;padding:0;font-weight:500;font-style:normal;line-height:1;box-sizing:border-box;}
h1,h2,h3,h4,q{font-family:'Plantin';font-weight:300;}
h1,h2.large{font-size:8.0rem;letter-spacing:-0.15rem;}
h2,q{font-size:6.0rem;}
h3{font-size:4.0rem;}
h4{font-size:3.0rem;}
h5{font-size:1.8rem;font-weight:700;letter-spacing:-0.02rem;text-transform:uppercase;}/*eyebrow*/
q:before{position:absolute;margin-left:-35px;margin-top:-10px;}
/*q:before, q:after{display:none;}*/
p,ol,ul{font-size:2.0rem;line-height:2.0;/*min-height:2.4rem;*/font-weight:500;letter-spacing:-0.035rem;}
p.large{font-size:4.0rem;line-height:1.5;font-weight:400;letter-spacing:-0.02rem;}
/*p.light{font-size:1.8rem;line-height:2.0;font-weight:300;}*/
ul{box-sizing:border-box;margin:0;padding:0 0 0 20px;}
li{position:relative;box-sizing:border-box;}
input, textarea{font-family:'Plantin';font-size:inherit;font-weight:inherit;appearance:none;background:none;border:none;display:block;color:inherit;box-sizing:border-box;padding:0;margin:0;outline:0;border:0;}
h2 + p, h3 + p{padding-top:45px;}
h5 + p{padding-top:24px;}
p + h5{padding-top:70px;}
p a{text-decoration:underline;transition:opacity .2s ease;}
p a:hover{opacity:.5;}

/*      Buttons     */
a{text-decoration:none;line-height:inherit;touch-action:manipulation;/*removes delay*/}
a, button, .accordion .question{position:relative;display:inline-block;box-sizing:border-box;margin:0;padding:0;border:none;background:none;color:inherit;font-family:inherit;letter-spacing:inherit;line-height:inherit;text-transform:inherit;font-weight:inherit;-moz-user-select:none;-webkit-user-select:none;-webkit-user-drag:none;user-select:none;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);cursor:pointer;}
a {display:unset;}
button:focus{outline:none;}
.arrow-btn{font-family:'Apercu';font-size:1.8rem;font-weight:700;text-transform:uppercase;}
.arrow-btn:before{content:"";position:absolute;left:-10px;top:-10px;width:calc(100% + 20px);height:calc(100% + 20px);}/*hit*/
.arrow-btn span{width:14px;height:13px;display:inline-block;background:url("../Grx/arrow_orange.svg") no-repeat;margin-left:12px;transform:translateX(-4px);opacity:0;transition:all .2s ease-out;}
.orange .arrow-btn span{background:url("../Grx/arrow_rust.svg") no-repeat;}

@media all and (max-width:1200.5px){
    h1,h2.large{font-size:5.6rem;}
    h2,q{font-size:4.5rem;}
    h3{font-size:3.0rem;}
    h4{font-size:2.4rem;}
    h5{font-size:1.6rem;}
    p,ol,ul{font-size:1.8rem;letter-spacing:-0.02rem;}
    p.large{font-size:3.2rem;}
    .arrow-btn{font-size:1.6rem;}
}

@media all and (max-width:1000.5px){
    h1,h2.large{font-size:4.2rem;}
    h2,q{font-size:4.2rem;}
    h3{font-size:3.2rem;}
    h4{font-size:2.5rem;}
    h5{font-size:1.6rem;}
    q:before{position:relative;margin-left:0;margin-top:0;}
    p,ol,ul{font-size:1.8rem;letter-spacing:-0.02rem;}
    p.large{font-size:3.2rem;}
    .arrow-btn{font-size:1.6rem;}
    .arrow-btn span{transform:translateX(0px);opacity:1;}
}

/*      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);}
picture,img,video{pointer-events:none;}/*with smooth scroll this helps Firefox and Safari with external mouse*/
picture{width:100%;display:block;height:auto;box-sizing:border-box;padding:0;margin:0;overflow:hidden;}
picture img{position:relative;display:block;width:100%;height:auto;}
.lazy{position:relative;}
.lazy.video:before{content:"";display:block;padding-top:var(--aspect);width:100%;pointer-events:none;}/*fix aspect ratio for videos*/
.lazy .video, .lazy .video iframe, .lazy > svg{position:absolute;left:0;top:0;width:100%;height:100%;}
/* Thumbnail (not "poster"!) with play button */
.lazy.video .load-ui{position:absolute;left:0;top:0;width:100%;height:100%;background-color:#000;z-index:2;display:flex;text-align:center;}
.lazy.video .load-ui .lazy{position:absolute;left:0;top:0;width:100%;height:100%;}
.lazy.video .load-ui .play-btn{margin:auto;padding:16px 24px;font-size:2.4rem;color:var(--softwhite);border:2px solid transparent;display:block;transition:border-color .2s ease-out;}
.lazy.video.hide-ui .load-ui{display:none;}
/* Animations */
.fade{opacity:0;}
.fade.in{opacity:1;transition:opacity 1s ease-in-out var(--delay);}
.zoom img{opacity:0;transform:scale(1.25,1.25);}
.zoom.in img{opacity:.5;transform:scale(1,1);transition:transform 1.2s var(--quart) var(--delay), opacity .6s ease-out var(--delay);}
/* mask-scale works even better with :after using background-color (clip-path is a little slow) */
.mask-scale img{opacity:0;transform:translateY(33%) scale3d(1.2,1.2,1);clip-path:inset(100% 0% 0% 0%);-webkit-clip-path:inset(100% 0% 0% 0%);}
.mask-scale.in img{opacity:1;transform:translateY(0px) scale3d(1.0001,1.0001,1);clip-path:inset(0% 0% 0% 0%);-webkit-clip-path:inset(0% 0% 0% 0%);transition:transform 2s var(--expo) var(--delay), opacity .6s ease-out var(--delay), clip-path 2s var(--expo) var(--delay);;}
.slidex{transform:translateX(-32px);}
.slidex.in{transform:translateX(0px);transition:transform 1.2s var(--quart);}

/* Header (logo, menu) */
header{position:fixed;left:0;top:0;width:100%;height:0;z-index:10;}
header:before{content:"";position:absolute;left:0;top:0;width:100%;height:90px;background:var(--black);transition:opacity .6s ease-in-out;}/*shows when scrolling*/
header:not(.scrolled):before{opacity:0;transition:opacity .3s ease-out;}
.nextproject-inview header:before{opacity:0;transition:opacity .3s ease-out;}
.page-transitioning header:before{opacity:0;transition:opacity .2s ease .05s;}
.orange header:before{background:var(--orange);}
.sage header:before{background:var(--sage);}
.softwhite header:before{background:var(--softwhite);}
.smoke header:before{background:var(--smoke);}
header .logo-toggle{position:absolute;left:50%;top:35px;margin-left:-45px;width:90px;height:38px;/*101,45*/background:url("../Grx/logo_softwhite.svg") no-repeat;transition:opacity .2s ease;z-index:2;}
header .logo-toggle:before{content:"";position:absolute;left:-10px;top:-10px;width:calc(100% + 20px);height:calc(100% + 20px);}/*hit*/
.hide-logo header .logo-toggle{opacity:0;transition:none;}
.softwhite header .logo-toggle{background:url("../Grx/logo_black.svg") no-repeat;}
header .search-btn{position:absolute;right:50px;top:44px;font-size:1.8rem;font-weight:500;letter-spacing:-0.02rem;text-transform:uppercase;color:var(--orange);}
header .search-btn:before{content:"";position:absolute;left:-10px;top:-10px;width:calc(100% + 20px);height:calc(100% + 20px);}/*hit*/
.sage header .search-btn{color:var(--softwhite);}
.orange header .search-btn{color:var(--softwhite);}
header .previous-project-btn{position:absolute;left:50px;top:44px;font-size:1.8rem;font-weight:500;letter-spacing:-0.02rem;text-transform:uppercase;color:var(--orange);transition:opacity .6s ease-in-out;}
header .previous-project-btn:before{content:"";position:absolute;left:-10px;top:-10px;width:calc(100% + 20px);height:calc(100% + 20px);}/*hit*/
header .previous-project-btn.hidden{opacity:0;pointer-events:none;}
header .overlay{position:absolute;left:0;top:0;width:100%;height:0;background:var(--black);opacity:0;transition:opacity .6s var(--quart);}
header.open .overlay{height:100vh;}
header.open:not(.closing) .overlay{opacity:.6;transition:opacity 1s var(--quart);}
header nav{position:absolute;left:0;top:0;width:100%;height:100vh;z-index:2;max-width:715px;background:var(--black);box-sizing:border-box;padding:75px 50px;overflow:auto;overscroll-behavior:contain;transform:translateX(-100%);transition:transform .6s var(--quart);}
header nav::-webkit-scrollbar{width:0!important;}
header.open:not(.closing) nav{transform:translateX(0%);transition:transform 1s var(--quart);}
header nav .close-btn{position:absolute;right:50px;top:30px;font-size:1.8rem;font-weight:500;letter-spacing:-0.02rem;text-transform:uppercase;}
header nav .close-btn:before{content:"";position:absolute;left:-10px;top:-10px;width:calc(100% + 20px);height:calc(100% + 20px);}/*hit*/
header nav .slideshows{position:relative;width:100%;}
header nav .slideshows .aspect{position:relative;width:100%;padding-top:65%;/*615/400*/overflow:hidden;}
header nav .slideshows .aspect .s{position:absolute;left:0;top:0;width:100%;height:100%;z-index:2;opacity:0;transition:opacity .3s ease-out;}
header nav .slideshows .aspect .s:not(.on){display:none;z-index:1;}
header nav .slideshows .aspect .s.in{opacity:1;transition:opacity .5s ease-out;}
header nav .slideshows .aspect .s picture{position:absolute;left:0;top:0;width:100%;height:100%;opacity:1;transition:opacity .5s ease-out;}
header nav .slideshows .aspect .s picture:not(.on){opacity:0;}
header nav .slideshows .aspect .s picture img{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:contain;}
header nav a, .m.intro .menu a{font-family:'Apercu';font-size:4.5rem;font-weight:700;display:block;color:var(--softwhite);text-transform:uppercase;padding:10px 0;margin:18px 0;}
header nav a span, .m.intro .menu a span{display:inline-block;transition:transform .6s var(--quart);}
header nav a:before, .m.intro .menu a:before{content:"";position:absolute;left:0px;top:18px;background:url("../Grx/h3_orange.svg") no-repeat;width:18px;height:33px;transform:translateX(-8px);opacity:0;transition:transform .5s var(--quart), opacity .3s ease-out;}
header nav a:hover span, header nav a.selected span, .m.intro .menu a:hover span, .m.intro .menu a.selected span{transform:translateX(30px);}
header nav a:hover:before, header nav a.selected:before, .m.intro .menu a:hover:before, .m.intro .menu a.selected:before{transform:translateX(0px);opacity:1;transition:transform .6s var(--quart), opacity .3s ease-out;}

/* Breakpoints to make sure menu fits in screen */
@media all and (max-height:1000.5px){
    header nav{max-width:650px;}
}
@media all and (max-height:970.5px){
    header nav{max-width:600px;}
}
@media all and (max-height:920.5px){
    header nav{max-width:520px;}
}
@media all and (max-height:870.5px){
    header nav{max-width:450px;}
}
@media all and (max-height:820.5px){
    header nav a, .m.intro .menu a{font-size:4.5rem;margin:14px 0;}
}
@media all and (max-width:1200.5px){
    header nav a, .m.intro .menu a{font-size:4.5rem;margin:14px 0;}
}

/* Search */
.search-overlay{position:absolute;left:0;top:0;width:100%;height:100vh;z-index:1;}
.search-overlay .bottom{position:absolute;left:0;top:0;width:100%;height:100%;z-index:-1;background:var(--black);opacity:0;transition:opacity .6s var(--quart);}
.search-overlay.on .bottom{opacity:.6;transition:opacity 1s var(--quart);}
.search-overlay .top{position:absolute;left:0;top:0;width:100%;height:510px;box-sizing:border-box;padding:240px 50px 0 50px;z-index:1;background:var(--smoke);transform:translateY(-100%);transition:transform .6s var(--quart);will-change:transform;}
.search-overlay .input-container{position:relative;width:100%;max-width:1060px;}
.search-overlay input{position:relative;font-size:6.0rem;background:transparent;color:var(--black);border:0;outline:0;border-bottom:1px solid var(--black);font-family:'Plantin';font-weight:300;line-height:1;box-sizing:border-box;padding:10px 0 30px 0;width:100%;opacity:0;transition:opacity .4s ease-out;margin-bottom:10px;}
.search-overlay input::placeholder{color:var(--softwhite);}
.search-overlay .delete-btn{position:absolute;top:15px;right:0;width:40px;height:40px;z-index:2;pointer-events:none;opacity:0;transition:opacity .2s ease-out;}
.search-overlay .delete-btn:before, .search-overlay .delete-btn:after{content:"";position:absolute;left:12px;top:20px;width:17px;height:2px;background:var(--black);}
.search-overlay .delete-btn:before{transform:rotate(-45deg);}
.search-overlay .delete-btn:after{transform:rotate(45deg);}
.search-overlay .search-submit{font-size:1.8rem;font-weight:500;color:var(--softwhite);margin-top:20px;padding:16px 24px;border:2px solid transparent;border-bottom-color:var(--softwhite);display:block;pointer-events:none;opacity:0;transition:opacity .8s ease, color .2s ease-out, border-color .2s ease-out;}
.search-overlay input:not(:placeholder-shown) + .delete-btn{opacity:1;pointer-events:all;}
.search-overlay input:not(:placeholder-shown) + .delete-btn:hover{opacity:.5;}
.search-overlay input:not(:placeholder-shown) + .delete-btn + .search-submit{opacity:1;pointer-events:all;}
.search-overlay.on .top{transform:translateY(0%);transition:transform 1.2s var(--quart);}
.search-overlay.on input{opacity:1;transition:opacity .8s ease;}
.search-overlay:not(.on) .search-submit{opacity:0;transition:opacity .4s ease-out, color .2s ease-out;}
.search-overlay .back-btn{position:absolute;right:50px;top:44px;font-size:1.8rem;font-weight:500;letter-spacing:-0.02rem;text-transform:uppercase;opacity:0;color:var(--black);}
.search-overlay.on .back-btn{opacity:1;transition:opacity .8s ease-in-out 1.0s;}
/* Back button only used in search page */
header > .back-btn{display:none;position:absolute;right:50px;top:44px;font-size:1.8rem;font-weight:500;letter-spacing:-0.02rem;text-transform:uppercase;color:var(--black);}
.at-search header > .back-btn{display:block;}
.at-search header .search-btn{display:none;}
@media all and (max-width:1200.5px){
    .search-overlay input{font-size:4.5rem;padding:10px 0;}
    .search-overlay .delete-btn{top:0;}
}

@media (hover:hover){
    .arrow-btn:hover span, .m.team .grid .employee:hover .arrow-btn span{transform:translateX(0px);opacity:1;}
    header .search-btn:after, header .previous-project-btn:after{content:"";position:absolute;left:0;bottom:-1px;width:100%;height:1px;background:var(--orange);transform-origin:100% 0;transform:scaleX(0);transition:transform .3s ease-out;}
    header .search-btn:hover:after, header .previous-project-btn:hover:after{transform-origin:0 0;transform:scaleX(1);}
    .search-overlay .back-btn:after, header > .back-btn:after, .journal-categories .back-btn:after{content:"";position:absolute;left:0;bottom:-1px;width:100%;height:1px;background:var(--black);transform-origin:100% 0;transform:scaleX(0);transition:transform .3s ease-out;}
    .journal-categories .back-btn:after{background:var(--orange);}
    .search-overlay.on .back-btn:hover:after, header > .back-btn:hover:after, .journal-categories .back-btn:hover:after{transform-origin:0 0;transform:scaleX(1);}
    .search-submit:hover{/*color:var(--black);*/border:2px solid var(--softwhite);}
    .lazy.video .load-ui .play-btn:hover{border:2px solid var(--softwhite);}
}

footer{position:sticky;position:-webkit-sticky;bottom:-530px;width:100%;background:var(--softwhite);color:var(--orange);box-sizing:border-box;padding:22px 0;transition:transform .5s var(--cubic);height:530px;will-change:transform;z-index:5;}
footer:before{content:"";position:absolute;left:0;top:-40px;width:100%;height:40px;background:var(--softwhite);transform-origin:0 100%;transform:scaleY(.5);transition:transform .5s var(--cubic);cursor:pointer;}
footer.hovered:not(.inview):before{transform:scaleY(1);}
footer.inview:before{transform:scaleY(0);}
/* Hide footer when moving between projects with .next-project */
.nextproject-inview footer:before{transform:scaleY(0);}
.project-switch footer:before{transform:scaleY(0);}
.project-switch footer{visibility:hidden;}/*avoid scrolling to this in articles*/
footer .cta{position:absolute;right:50px;top:-20px;font-size:1.8rem;color:var(--orange);font-weight:500;line-height:1;opacity:0;transition:all .5s var(--cubic);}
footer .cta span:last-of-type{width:14px;height:13px;display:inline-block;vertical-align:top;background:url("../Grx/arrow_orange.svg") no-repeat;margin-left:10px;transform:rotate(90deg);}
footer.hovered:not(.inview) .cta{opacity:1;transform:translateY(-8px);}
/*footer:not(.open):not(.inview){cursor:pointer;}*/
footer.slide-up{transform:translateY(-100%) translateY(20px);transition:transform .8s var(--quart);}
footer .inner{position:relative;width:100%;box-sizing:border-box;padding:48px 50px;}
footer h2{width:100%;}
footer .blocks{position:relative;width:100%;font-size:0;box-sizing:border-box;padding:48px 0;display:grid;grid-gap:30px;/*45px;*/grid-template-columns:repeat(5, 1fr);}
footer .blocks .el{position:relative;display:inline-block;vertical-align:top;/*width:20%;*/}
footer .blocks .el p{font-size:1.8rem;}
footer .blocks .el .social{width:100%;margin-top:60px;white-space:nowrap;}
footer .blocks .el .social a{display:inline-block;vertical-align:top;width:30px;height:30px;background-repeat:no-repeat;background-size:30px 30px;margin-right:20px;transition:opacity .2s ease-out;}
footer .blocks .el .social a.linkedin{background-image:url("../Grx/Social/linkedin.svg");}
footer .blocks .el .social a.twitter{background-image:url("../Grx/Social/twitter.svg");}
footer .blocks .el .social a.insta{background-image:url("../Grx/Social/instagram.svg");}
footer .blocks .el .social a.vimeo{background-image:url("../Grx/Social/vimeo.svg");}
footer .blocks .el .social a.facebook{background-image:url("../Grx/Social/facebook.svg");}
footer .blocks .el .social a.youtube{background-image:url("../Grx/Social/youtube.svg");}
footer .blocks .el:not(:first-of-type) p a{font-family:'Plantin';font-weight:300;text-decoration:underline;}
footer .el form{position:relative;width:100%;font-size:1.8rem;font-weight:300;line-height:2;}
footer .el form input[type="email"]{width:100%;border-bottom:1px solid var(--orange);line-height:2;}
footer .el form input::placeholder{color:var(--orange);transition:opacity .4s ease-out;}
footer .el form input:focus::placeholder{opacity:.2;}
footer .el form input[type="submit"]{float:right;color:var(--fog);transition:color .2s ease-out;cursor:pointer;padding:20px 0;}
footer .el form:not(.valid) input[type="submit"]{pointer-events:none;}
footer .el form.valid input[type="submit"]{color:var(--smoke);}
footer .el form input[type="submit"]:hover{color:var(--orange);}
footer .b{position:relative;width:100%;font-size:0;}
footer .b p{font-family:'Apercu';font-size:1.8rem;font-weight:700;color:var(--rust);letter-spacing:0.035rem;display:inline-block;vertical-align:top;width:50%;}
footer .b p+p{text-align:right;}
footer .b a{transition:opacity .2s ease-out;}
footer p a{text-decoration:none;}

@media all and (max-width:1500.5px){
    footer .blocks .el p, footer .el form{font-size:1.6rem;}
}
@media all and (max-width:1350.5px) and (min-width:1000.5px){
    footer .blocks .el p, footer .el form{font-size:1.5rem;}
    footer .blocks .el .social a{margin-right:15px;}
}
@media all and (max-width:1200.5px) and (min-width:1000.5px){
    footer .blocks .el .social a{margin-right:10px;}
}

main{position:relative;width:100%;}
.page{position:relative;width:100%;box-sizing:border-box;font-size:0;/*padding-top:40px;*/}
/*.page.removing{position:fixed;left:0;top:0;z-index:5;}*/
.sage .page{background:var(--sage);}
.orange .page{background:var(--orange);}
.smoke .page{background:var(--smoke);}
.softwhite .page{background:var(--softwhite);}

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

/* Modules */
.m.intro{height:calc(100vh - 20px);z-index:0;overflow:hidden;}
.m.intro .slideshows, .m.intro .slideshows .aspect{position:absolute;left:0;top:0;width:100%;height:100%;overflow:hidden;}
.m.intro .slideshows .aspect .s{position:absolute;left:0;top:0;width:100%;height:100%;z-index:2;opacity:0;transition:opacity .3s ease-out;}
.m.intro .slideshows .aspect .s:not(.on){display:none;z-index:1;}
.m.intro .slideshows .aspect .s.in{opacity:1;transition:opacity .5s ease-out;}
.m.intro .slideshows .aspect .s picture{position:absolute;left:0;top:0;width:100%;height:100%;opacity:1;transition:opacity .5s ease-out;}
.m.intro .slideshows .aspect .s picture:not(.on){opacity:0;}
.m.intro .slideshows .aspect .s picture:not(.in){opacity:0;}
.m.intro .slideshows .aspect .s picture img{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:contain;}
.m.intro .slideshows .aspect .s picture.cover img{object-fit:cover;}
.m.intro .menu{position:absolute;left:0;top:0;z-index:5;width:100%;max-width:1060px;height:100%;display:flex;box-sizing:border-box;padding:75px 50px 50px 50px;background:linear-gradient(90deg, rgba(0,0,0,.4) 0%, rgba(0,0,0,0) 100%);}
.m.intro .menu a:first-of-type{display:none;}
.m.intro .large-logo{position:fixed;left:50%;top:0;width:calc(90px * 7);height:calc(38px * 7);background:url("../Grx/logo_softwhite.svg") no-repeat;z-index:6;transform-origin:50% 0;transform:translateY(45vh) translate(-50%,-50%) scale3D(1,1,1);transition:transform 1.5s var(--cubic-in-out);pointer-events:none;will-change:transform;}
.m.intro.to-small .large-logo{transform:translate(-50%,35px) scale3D(0.14286,0.14286,1);}/*translate(-50%,40px);*/
.m.intro.anim-over .large-logo{transition:opacity .2s ease;opacity:0;}
.m.intro.skip-anim .large-logo{display:none;}

.m.front-title-links{padding:110px 50px 170px 50px;}
.m.front-title-links .inner{box-sizing:border-box;padding-left:25%;}
.m.front-title-links h2, .m.front-title-links h3{color:var(--tangerine);padding-bottom:70px;}
.m.front-title-links nav{width:100%;font-size:0;}
.m.front-title-links nav .arrow-btn{display:inline-block;vertical-align:top;color:var(--softwhite);}
.m.front-title-links nav .arrow-btn span{background:url("../Grx/arrow_white.svg") no-repeat;}
.m.front-title-links nav .arrow-btn + .arrow-btn{margin-left:75px;}

.m.fs-img .lazy{width:100%;}

.m.hero{min-height:calc(100vh - 20px);padding:0 50px 110px 50px;display:flex;}
.m.hero .inner{box-sizing:border-box;padding-right:25%;align-self:flex-end;}
.m.hero h3{color:var(--fog);padding-bottom:32px;}
.m.hero h1{font-family:'Apercu';font-weight:700;text-transform:uppercase;padding-bottom:16px;}
.m.hero h1, .m.hero h2{max-width:1375px;color:var(--sage);}
.orange .m.hero h3{color:var(--softwhite);}
.orange .m.hero h1, .orange .m.hero h2{color:var(--tangerine);}
.sage .m.hero h1, .sage .m.hero h2{color:var(--softwhite);}
.softwhite .m.hero h1, .softwhite .m.hero h2{color:var(--orange);}
.softwhite .m.hero, .softwhite .m.hero h3{color:var(--orange);}
@media all and (max-width:1600.5px){
    .m.hero .inner{padding-right:15%;}
}
@media all and (max-width:1400.5px){
    .m.hero .inner{padding-right:50px;}
}

.m.txt{padding:110px 50px;}
.m.txt .inner{box-sizing:border-box;}
.m.txt.right-align .inner{padding:0 8% 0 48%;}
.m.txt.right-align .inner h3{margin-left:-154px;padding-left:50px;}
.m.txt h3:before{content:"";position:absolute;left:0px;top:0;background:url("../Grx/h3_orange.svg") no-repeat;width:18px;height:33px;}
.m.txt .arrow-btn{margin-top:50px;}
.orange .m.txt{background:var(--tangerine);}
.m.txt.sage{background:var(--sage);}
.orange .m.txt h3, .orange .m.txt a{color:var(--rust);}
.orange .m.txt p{color:var(--softwhite);}
.orange .m.txt h3:before{background:url("../Grx/h3_rust.svg") no-repeat;}

.m.txt.quote{padding:220px 50px;text-align:center;background:var(--sage);}
.m.txt.quote.narrow{padding:160px 50px;}
.m.txt.quote .inner{max-width:1360px;margin:auto;}
.m.txt.quote h5, .m.txt.quote h4{color:var(--rust);}
.m.txt.quote h5 + q{display:block;padding-top:110px;}
.m.txt.quote h4{padding-top:110px;width:100%;max-width:775px;margin:auto;}
.orange .m.txt.quote{background:var(--orange);}

/* Horizontal carousel bound to scroll */
.m.horigallery{height:33vw;/*overwritten in js for sticky verion*/}
.m.horigallery .inner{position:sticky;-webkit-position:sticky;top:0;width:100%;height:100vh;box-sizing:border-box;overflow:hidden;}
.m.horigallery[data-sticky="false"]{position:relative;top:auto;height:33vw;}
.m.horigallery .inner .scroller{position:absolute;left:0;top:0;width:auto;height:100%;white-space:nowrap;}
.m.horigallery .lazy{position:relative;display:inline-block;vertical-align:top;width:auto;height:100vh;margin-left:16px;}
.m.horigallery[data-sticky="false"] .lazy{height:33vw;}
.m.horigallery .lazy img{width:auto;height:100%;}
.m.horigallery .lazy:last-of-type{margin-right:16px;}

/* Team grid with filtering */
.m.team{padding:220px 0;text-align:center;}
.m.team h3{margin-bottom:60px;}
.m.team h3:before{content:"";position:absolute;left:calc(50% - 9px);top:-60px;background:url("../Grx/h3_orange.svg") no-repeat;width:18px;height:33px;transform:rotate(90deg);}
.m.team .categories{position:sticky;position:-webkit-sticky;top:90px;width:100%;white-space:nowrap;box-sizing:border-box;padding:0 50px;text-align:left;overflow:auto;background:var(--black);z-index:3;}
.m.team .categories button{font-size:1.8rem;font-weight:700;text-transform:uppercase;color:var(--tangerine);padding:16px 16px 12px 16px;border-bottom:2px solid transparent;transition:color .2s ease-out, border .2s ease-out;}
.m.team .categories button.selected{color:var(--softwhite);border-color:var(--softwhite);}
.m.team .categories button:hover{color:var(--softwhite);}
.m.team .grid{position:relative;width:100%;box-sizing:border-box;padding:48px 50px 0 50px;display:grid;grid-gap:35px;grid-template-columns:repeat(5, 1fr);text-align:left;}
.m.team .grid .employee{position:relative;padding-bottom:50px;cursor:pointer;}
.m.team .grid .employee.hidden{display:none;}
.m.team .grid .employee .lazy{position:relative;width:100%;padding-top:100%;}
.m.team .grid .employee .lazy img{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover;transition:all 1.0s var(--quart);}
.m.team .grid .employee .name-title{box-sizing:border-box;padding-top:16px;min-height:105px;}
.m.team .grid .employee .name-title h4{padding-bottom:6px;}
.m.team .grid .employee .name-title p{font-size:1.8rem;color:var(--smoke);line-height:1;font-weight:700;}
.m.team .grid .employee .name-title p + p{color:var(--orange);text-transform:uppercase;padding-top:32px;}
.m.team .pagination{position:relative;width:100%;white-space:nowrap;overflow:auto;box-sizing:border-box;padding:16px 50px;}
.m.team .pagination button{display:inline-block;vertical-align:top;min-width:16px;min-height:24px;margin:0 8px;font-size:1.6rem;border-bottom:1px solid transparent;transition:color .2s ease-out, border .2s ease-out;}
.m.team .pagination button.selected{color:var(--orange);border-bottom-color:var(--orange);}

/* Employee overlay */
.employee-overlay{position:fixed;left:0;top:0;width:100%;height:100%;background:var(--black);color:var(--softwhite);z-index:15;opacity:0;transition:opacity .6s var(--quart);}
.employee-overlay.on{opacity:1;}
.employee-overlay .close-btn{position:absolute;right:50px;top:56px;font-size:1.8rem;font-weight:500;letter-spacing:-0.02rem;text-transform:uppercase;color:var(--orange);z-index:2;opacity:0;}
.employee-overlay .close-btn:before{content:"";position:absolute;left:-10px;top:-10px;width:calc(100% + 20px);height:calc(100% + 20px);}/*hit*/
.employee-overlay.on .close-btn{opacity:1;transition:opacity .8s ease-in-out 1.0s;}
.employee-overlay .content{position:absolute;left:0;top:0;width:100%;height:100%;overflow:auto;box-sizing:border-box;padding:88px 50px;}
.employee-overlay .content .inner{width:100%;max-width:1200px;margin:auto;}
.employee-overlay .content .l{display:inline-block;vertical-align:top;width:50%;text-align:center;}
.employee-overlay .content .r{display:inline-block;vertical-align:top;width:50%;box-sizing:border-box;padding-left:50px;}
.employee-overlay .content .img{position:relative;width:100%;max-width:500px;margin:0 auto 88px auto;}
.employee-overlay .content .img .aspect{position:relative;width:100%;padding-top:100%;}
.employee-overlay .content .img .aspect .portrait{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover;}
.employee-overlay .content h1{width:100%;padding-left:50px;text-align:left;}
.employee-overlay .content h1:before{content:"";position:absolute;left:0px;top:8px;background:url("../Grx/h3_orange.svg") no-repeat;width:18px;height:33px;}
.employee-overlay .content h4{color:var(--tangerine);font-style:italic;padding-bottom:16px;}
.employee-overlay .content h5{color:var(--tangerine);padding:8px 0;}
.employee-overlay .content p{font-family:'Plantin';font-weight:300;font-size:1.8rem;line-height:1.75;}

/* Jobs */
.m.positions{min-height:100vh;overflow:hidden;display:flex;}
.m.positions .bg{position:absolute;left:0;top:0;width:100%;height:100%;}
.m.positions .bg .lazy{position:absolute;left:0;top:0;width:50%;height:100%;}
.m.positions .bg .lazy img{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover;}
.m.positions .overlay{position:relative;width:100%;min-height:100%;background:var(--sage);color:var(--black);box-sizing:border-box;padding:168px 200px 50px 88px;transition:transform 1s var(--quart);}
.m.positions:not(.open) .overlay{transform:translateX(50%);}

.m.positions .overlay .l h2.large:first-of-type{font-family:'Apercu';font-weight:700;text-transform:uppercase;}
.m.positions .overlay .l button{font-size:1.8rem;font-weight:700;text-transform:uppercase;color:var(--softwhite);margin-top:110px;}
.m.positions .overlay .l button + button{display:none;}
.m.positions.open .overlay .l button{display:none;}
.m.positions.open .overlay .l button + button{display:block;}
.m.positions .overlay .l button span{width:14px;height:13px;display:inline-block;background:url("../Grx/arrow_white.svg") no-repeat;margin-left:12px;transform:translateX(-4px);opacity:0;transition:all .2s ease-out;}
.m.positions .overlay .l button:hover span{transform:translateX(0px);opacity:1;}
.m.positions .overlay .l{padding-right:80px;}
.m.positions .overlay .r{padding-left:80px;opacity:0;transition:opacity .5s ease-out;}
.m.positions.open .overlay .r{opacity:1;}
.m.positions .overlay .r > p{font-size:1.8rem;font-weight:700;text-transform:uppercase;color:var(--ash);margin-bottom:30px;}
.m.positions .overlay .r .categories{width:100%;font-size:0;margin-bottom:24px;}
.m.positions .overlay .r .categories button{display:inline-block;vertical-align:top;width:33.33%;font-size:1.8rem;font-weight:700;text-transform:uppercase;color:var(--ash);padding:16px 16px 12px 16px;border-bottom:2px solid transparent;transition:color .2s ease-out, border .2s ease-out;}
.m.positions .overlay .r .categories button:hover{color:var(--softwhite);}
.m.positions .overlay .r .categories button.selected{color:var(--softwhite);border-color:var(--softwhite);}
.m.positions .overlay .accordion:not(.on){display:none;}
.m.positions .overlay .accordion{padding-top:8px;}
.m.positions .arrow-btn span{background:url("../Grx/arrow_black.svg") no-repeat;}

.m.process{padding:160px 50px 30px 50px;background:var(--softwhite);color:var(--black);}
.m.process .title{box-sizing:border-box;padding:0 0 80px 25%;}
.m.process .title h3{padding-left:50px;}
.m.process .title h3:before{content:"";position:absolute;left:0px;top:0;background:url("../Grx/h3_orange.svg") no-repeat;width:18px;height:33px;}
.m.process .l{width:25%;padding-right:30px;}
.m.process .l button{font-family:'Apercu';font-size:4.0rem;font-weight:700;line-height:1;display:table;text-transform:uppercase;color:var(--rust);text-align:left;transition:all .2s ease-out;padding:16px 0 12px 0;margin-bottom:16px;}
.m.process .l button:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:2px;background:var(--orange);transform-origin:0 0;transform:scaleX(0);transition:transform .3s var(--quart);}
.m.process .l button:hover, .m.process .l button.selected{color:var(--orange);}
.m.process .l button:hover:after, .m.process .l button.selected:after{transform:scaleX(1);transition:transform .6s var(--quart);}
.m.process .r{width:75%;padding-left:16px;}
.m.process .r .section{opacity:0;}
.m.process .r .section:not(.on){display:none;}
.m.process .r .section.in{opacity:1;transition:opacity 1s ease-in-out;}
.m.process .r h3{font-family:'Apercu';font-weight:400;font-style:normal;letter-spacing:-0.02rem;line-height:1.5;}
.m.process .r picture{margin-top:80px;}

.m.services{padding:65px 50px 30px 50px;background:var(--softwhite);color:var(--black);}
.m.services .title{box-sizing:border-box;padding:0 0 65px 25%;}
.m.services .title h3{padding-left:50px;}
.m.services .title h3:before{content:"";position:absolute;left:0px;top:0;background:url("../Grx/h3_orange.svg") no-repeat;width:18px;height:33px;}
.m.services .l{width:25%;padding-right:30px;}
.m.services .r{width:75%;padding-left:16px;}
.m.services .accordion .section{border-color:var(--orange);}
.m.services .arrow-btn{color:var(--orange);}
.m.services .arrow-btn span{background:url("../Grx/arrow_orange.svg") no-repeat;}


/* Projects grid with categories and filters */
.m.projects{padding:0;}/*gap is 16px*/
.m.hero + .m.projects{margin-top:-16px;}
.m.projects .sticky{position:sticky;position:-webkit-sticky;top:90px;width:100%;z-index:3;background:var(--sage);}
.m.projects .categories{position:relative;display:inline-block;vertical-align:top;white-space:nowrap;box-sizing:border-box;padding:0 25px 0 50px;overflow:auto;width:calc(100% - 150px);}
.m.projects .categories button{font-size:1.8rem;font-weight:700;text-transform:uppercase;color:var(--rust);padding:16px 16px 12px 16px;border-bottom:2px solid transparent;transition:color .2s ease-out, border .2s ease-out;}
.m.projects .categories button.selected{color:var(--softwhite);border-color:var(--softwhite);}

.m.projects .filters-toggle{position:relative;display:inline-block;vertical-align:top;font-size:1.8rem;font-weight:500;color:var(--black);letter-spacing:-0.02rem;text-transform:uppercase;width:150px;padding:16px 0;transition:opacity .2s ease-out;}
.m.projects .filters-toggle span{display:inline-block;vertical-align:top;margin-left:10px;margin-right:2px;width:18px;height:12px;background:url("../Grx/filters.svg") no-repeat;}
/* make room withouth scrolling */
@media all and (max-width:1350.5px) and (min-width:1000.5px){
    .m.projects .categories{padding-right:0;}
    .m.projects .categories button{font-size:1.6rem;padding:16px 12px 12px 12px;}
    .m.projects .filters-toggle{font-size:1.6rem;}
}
@media all and (max-width:1100.5px) and (min-width:1000.5px){
    .m.projects .categories button{font-size:1.5rem;padding:16px 8px 12px 8px;}
    .m.projects .filters-toggle{font-size:1.5rem;}
}
.m.projects .filters{position:fixed;right:0;top:0;height:0;z-index:11;overflow:hidden;}
.m.projects .filters .close-btn{position:absolute;right:50px;top:56px;font-size:1.8rem;font-weight:500;letter-spacing:-0.02rem;text-transform:uppercase;}
.m.projects .filters .close-btn:before{content:"";position:absolute;left:-10px;top:-10px;width:calc(100% + 20px);height:calc(100% + 20px);}/*hit*/
.m.projects .filters .panel{position:absolute;right:0;width:100%;max-width:715px;height:100%;background:var(--sage);box-sizing:border-box;padding:56px 50px;overflow:auto;overscroll-behavior:contain;transform:translateX(100%);transition:transform .6s var(--quart);}
.m.projects .filters.in .panel{transform:translateX(0%);transition:transform 1s var(--quart);}
.m.projects .filters .overlay{position:absolute;left:0;top:0;width:100%;height:100%;background:var(--black);opacity:0;transition:opacity .6s var(--quart);}
.m.projects .filters.on{width:100%;height:100%;}
.m.projects .filters.in .overlay{opacity:.6;transition:opacity 1s var(--quart);}
.m.projects .filters .section{box-sizing:border-box;padding:16px 0;}
.m.projects .filters .section + .section{border-top:2px solid var(--fog);}
.m.projects .filters .section > p{font-size:1.8rem;font-weight:500;letter-spacing:-0.02rem;text-transform:uppercase;line-height:1;color:var(--fog);padding:16px 0;}
.m.projects .filters .section > p + p{color:var(--rust);margin-bottom:8px;}
.m.projects .filters .section button{display:block;font-size:2.0rem;font-weight:500;padding:5px 0;margin-bottom:10px;}
.m.projects .filters .section button span{position:relative;display:inline-block;vertical-align:top;width:20px;height:20px;border:2px solid var(--fog);border-radius:100%;box-sizing:border-box;margin-right:16px;transition:border .2s ease-out;}
.m.projects .filters .section button span:after{content:"";position:absolute;left:3px;top:3px;width:calc(100% - 6px);height:calc(100% - 6px);border-radius:100%;background-color:transparent;transition:background-color .2s ease-out;}
.m.projects .filters .section button.selected span{border:2px solid var(--rust);}
.m.projects .filters .section button.selected span:after{background-color:var(--rust);}


.m.projects .filters .controls{width:100%;display:flex;margin-top:20px;}
.m.projects .filters .apply-btn{display:inline-block;vertical-align:top;font-size:1.8rem;font-weight:500;color:var(--ash);padding:16px 24px;border:2px solid transparent;border-bottom-color:var(--ash);text-transform:uppercase;transition:color .2s ease-out, border-color .2s ease-out;}
.m.projects .filters .clear-btn{display:inline-block;vertical-align:top;font-size:1.8rem;font-weight:500;color:var(--ash);padding:16px 24px;border:2px solid transparent;text-transform:uppercase;transition:color .2s ease-out, border-color .2s ease-out;margin-left:32px;}

.m.projects .grid{position:relative;width:100%;box-sizing:border-box;padding:60px 0 110px 0;}
.m.projects .grid .project{position:relative;display:inline-block;vertical-align:top;width:calc((100% - 32px) / 3);height:32.7vw;margin-bottom:16px;text-transform:uppercase;transition:filter .4s var(--cubic);}
.m.projects .grid .project .details{position:absolute;left:0;top:0;box-sizing:border-box;padding:32px 16px;}
.m.projects .grid .project p{font-size:3.8rem;font-weight:700;line-height:1;}
.m.projects .grid .project p + p{font-size:1.8rem;font-weight:500;padding-top:2px;}

/* Project hero */
.m.project-hero{height:100vh;/*calc(100vh - 20px);*/overflow:hidden;}
.m.project-hero picture, .m.project-hero picture img{position:absolute;left:0;top:0;width:100vw;height:100%;object-fit:cover;}
.m.project-hero picture:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:100%;max-height:400px;background:linear-gradient(0deg, rgba(139,141,146,.5) 0%, rgba(139,141,146,0) 100%);}
.m.project-hero picture.fade{transition:opacity .2s ease-out;}/*faster because of next-project switch*/
.m.project-hero .info{position:absolute;left:0;bottom:110px;width:100%;box-sizing:border-box;padding:0 50px;}
.m.project-hero .info h1{font-family:'Apercu';font-weight:700;text-transform:uppercase;padding-bottom:16px;}

/* Scroll into next project */
.m.next-project{padding:160px 50px 0 50px;text-align:center;overflow:hidden;}
.m.next-project.post{padding:160px 0 100vh 0;width:calc(100% + 50px);}
.m.next-project .title h3{margin:auto;}
.m.next-project .title h3:before{content:"";position:absolute;left:calc(50% - 9px);top:-60px;background:url("../Grx/h3_orange.svg") no-repeat;width:18px;height:33px;transform:rotate(90deg);}
.m.next-project .name{margin:auto;font-size:8.0rem;box-sizing:border-box;padding:110px 0;color:var(--orange);line-height:1;letter-spacing:-0.02rem;}
.m.next-project.post .name{font-size:6.0rem;padding:56px 0;}
.m.next-project:not(.post) .name div:nth-of-type(1){font-weight:700;text-transform:uppercase;}
.m.next-project.post div, .m.next-project .name div:nth-of-type(2){font-family:'Plantin';font-weight:300;}
.m.next-project .img-area{position:relative;width:100vw;height:100vh;margin-left:-50px;}
.m.next-project.post .img-area{width:100%;height:auto;margin:0;}
.m.next-project .img, .m.next-project .img picture, .m.next-project .img picture img{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover;}
.m.next-project.post .img-area .img, .m.next-project.post .img-area .img picture, .m.next-project.post .img-area .img picture img{position:relative;height:auto;}
.m.next-project.post.inbetween{opacity:0;transition:opacity .2s ease-out;}
.img.localtoglobal{position:fixed;left:0;top:0;width:100vw;height:100vh;overflow:hidden;z-index:9;}
.img.localtoglobal.to-post{left:auto;right:0;width:calc(((100% - 50px) * .75) - 16px);height:auto;overflow:visible;}/*post has 50px padding, right side is 75% with 16 padding in left side*/
.img.localtoglobal.to-post:after{content:"";position:absolute;left:0;top:146px;width:100%;height:calc(100vh - 146px);background:var(--softwhite);z-index:-1;}
.img.localtoglobal picture, .img.localtoglobal picture img{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover;}
.img.localtoglobal.to-post picture, .img.localtoglobal.to-post picture img{position:relative;height:auto;}

/* Details with sticky left side */
.m.project-details{padding:88px 50px;}
.m.project-hero + .m.project-details{padding-top:165px;}
.m.medium-media + .m.project-details, .m.project-details + .m.project-details{padding-top:25px;}
.m.project-details .title{position:relative;width:100%;text-align:left;box-sizing:border-box;padding-right:60%;}
.m.project-details h3{padding-left:50px;}
.m.project-details h3:before{content:"";position:absolute;left:0;top:0;background:url("../Grx/h3_orange.svg") no-repeat;width:18px;height:33px;}
.m.project-details h5{color:var(--ash);}
.m.project-details .l{width:40%;position:sticky;position:-webkit-sticky;top:0;padding-right:88px;padding-top:90px;}
.m.project-details .l h5{padding-bottom:55px;font-weight:500;}
.m.project-details .l h4{border-bottom:2px solid var(--ash);padding:12px 8px 8px 8px;}
.m.project-details .r{width:60%;padding-right:16px;padding-top:90px;}
.m.project-details p{font-size:4.0rem;font-weight:400;line-height:1.5;letter-spacing:-0.1rem;}

.m.medium-media{padding:65px 50px;text-align:center;}
.m.medium-media .lazy{width:100%;max-width:1360px;margin:auto;}

.m.img-img{padding:65px 50px;text-align:center;}
.m.img-img picture{display:inline-block;vertical-align:top;width:50%;}
.m.img-img picture:nth-of-type(1){padding-right:15px;}
.m.img-img picture:nth-of-type(2){padding-left:15px;}

/* Carousel */
.m.carousel{cursor:grab;padding:55px 0 110px 0;}
.m.carousel.sage{background:var(--sage);padding-top:0;margin-top:60px;}
.m.carousel[data-showdotnav="true"]{padding-bottom:0;}
.orange .m.carousel{background:var(--softwhite);color:var(--black);}
.m.carousel .title{position:relative;width:100%;text-align:center;box-sizing:border-box;padding:140px 50px 55px 50px;}
.m.carousel .title h3{margin:auto;}
.m.carousel .title h3:before{content:"";position:absolute;left:calc(50% - 9px);top:-60px;background:url("../Grx/h3_orange.svg") no-repeat;width:18px;height:33px;transform:rotate(90deg);}
.m.carousel .inner{position:relative;width:100%;overflow:hidden;}
.m.carousel .inner .scroller{position:relative;white-space:nowrap;font-size:0;}
.m.carousel .card{position:relative;display:inline-block;vertical-align:top;width:30.5vw;height:33vw;box-sizing:border-box;padding-left:30px;white-space:normal;user-select:none;}
.m.carousel .card .content{position:relative;width:100%;height:100%;background:var(--fog);}
.m.carousel .scroller > .lazy{position:relative;display:inline-block;vertical-align:top;width:auto;height:56.25vw;box-sizing:border-box;padding:0 12px;}
.m.carousel .scroller > .lazy img{width:auto;height:100%;}
.m.carousel .card p{font-size:1.8rem;line-height:1;text-transform:uppercase;color:var(--smoke);padding:32px 32px 16px 32px;}
.m.carousel .card h4{font-family:'Apercu';font-size:4.0rem;font-weight:700;letter-spacing:-0.02rem;padding:0 32px 16px 32px;color:var(--rust);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.m.carousel .card .arrow-btn{margin-left:32px;color:var(--orange);padding:8px 0;}
.orange .m.carousel .card .arrow-btn span{background:url("../Grx/arrow_orange.svg") no-repeat;}
.m.carousel .card .lazy{width:100%;}
.carousel.dragging{cursor:grabbing;}
.m.carousel .dots{position:absolute;left:50%;bottom:56px;z-index:5;transform:translateX(-50%);}
.m.carousel .dots .dot{width:10px;height:10px;border-radius:100%;background-color:var(--softwhite);transition:background-color .2s ease-out;margin:0 8px;}
.m.carousel .dots .dot:before{content:"";position:absolute;left:-8px;top:-8px;width:26px;height:26px;}/*hit*/
.m.carousel .dots .dot:hover, .m.carousel .dots .dot.selected{background-color:var(--tangerine);}

@media all and (max-width:1600.5px) and (min-width:1200.5px){
    .m.carousel .card h4{font-size:3.8rem;padding-bottom:8px;}
    .m.carousel .card p, .m.carousel .card h4{padding-left:20px;padding-right:20px;}
    .m.carousel .card .arrow-btn{margin-left:24px;}
}
@media all and (max-width:1350.5px) and (min-width:1200.5px){
    .m.carousel .card p{padding:20px 20px 16px 20px;}
    .m.carousel .card h4{font-size:3.0rem;padding:0 20px 4px 20px;}
    .m.carousel .card .arrow-btn{margin-left:20px;}
}
@media all and (max-width:1200.5px){
    .m.carousel .card{width:48vw;height:52vw;}
    .m.carousel .card h4{font-size:3.0rem;padding:0 20px 12px 20px;}
    .m.carousel .card p{padding:32px 20px 16px 20px;}
    .m.carousel .card .arrow-btn{margin-left:20px;}
}

/* Accordion */
.m.accordion .section{position:relative;width:100%;border-bottom:1px solid var(--fog);}
.m.accordion .section .question{position:relative;width:100%;box-sizing:border-box;padding:24px 0;cursor:pointer;}
.m.accordion .section .answer{position:relative;width:100%;overflow:hidden;max-height:0;opacity:0;transition:all .6s cubic-bezier(0.25, 1, 0.5, 1);}
.m.accordion .section .answer .inner{box-sizing:border-box;padding:0 0 32px 0;}
.m.accordion .section.open .answer{opacity:1;}
.m.accordion .section .question .plus-btn{position:absolute;right:0;top:24px;width:24px;height:24px;}
.m.accordion .section .question .plus-btn:before{content:"";position:absolute;left:11px;top:5px;width:2px;height:14px;background:var(--black);}
.m.accordion .section .question .plus-btn:after{content:"";position:absolute;left:5px;top:11px;width:14px;height:2px;background:var(--black);}
.m.accordion .section.open .question .plus-btn:before{transform:scaleY(0);}
.accordion .arrow-btn{margin-top:32px;}

/* Search */
.m.search-results{padding:110px 50px;}
.m.search-results .l{width:35%;position:sticky;position:-webkit-sticky;top:160px;padding:110px 50px 55px 0;}
.m.search-results .l h1{font-family:'Apercu';font-size:6.0rem;font-weight:700;text-transform:uppercase;padding-bottom:0;}
.m.search-results .l h4{color:var(--fog);}
.m.search-results .r{width:65%;padding-left:30px;}
.m.search-results .card{position:relative;display:block;width:100%;margin-bottom:75px;}
.m.search-results p{position:absolute;right:0;font-size:1.8rem;line-height:1;text-transform:uppercase;color:var(--rust);}
.m.search-results h2{color:var(--ash);padding:0 150px 16px 0;}
.m.search-results .card .lazy{width:100%;margin-bottom:55px;}
.m.search-results .card .arrow-btn{display:none;}

/* Shared menu for Journal */
/*.journal-categories{background:var(--softwhite);}*/
.journal-categories a{display:table;font-size:6.0rem;font-weight:700;line-height:1;letter-spacing:-0.035rem;color:var(--rust);text-transform:uppercase;text-align:left;transition:color .2s ease-out;padding:16px 0 8px 0;margin-bottom:16px;}
.journal-categories a:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:2px;background:var(--orange);transform-origin:0 0;transform:scaleX(0);transition:transform .3s var(--quart);}
.journal-categories a:hover, .journal-categories a.selected{color:var(--orange);}
.journal-categories a:hover:after, .journal-categories a.selected:after{transform:scaleX(1);transition:transform .6s var(--quart);}
.journal-categories .back-btn{font-size:2.4rem;font-weight:500;letter-spacing:-0.03rem;text-transform:uppercase;color:var(--orange);margin-top:88px;transition:opacity .6s ease-in-out;}
.journal-categories:not(.small) .back-btn{opacity:0;pointer-events:none;}
.journal-categories .back-btn:before{content:"";position:absolute;left:-10px;top:-10px;width:calc(100% + 20px);height:calc(100% + 20px);}/*hit*/
.journal-categories.fixed{position:fixed;left:0;top:0;z-index:6;display:none;}
.at-journal .journal-categories.fixed{display:block;z-index:8;}
.journal-categories.fixed.under{z-index:6;}
@media all and (min-width:1600.5px) and (max-height:700px){
    .journal-categories a{margin-bottom:4px;}
}
@media all and (max-width:1600.5px){
    .journal-categories a{font-size:3.75vw;margin-bottom:4px;}
}
@media all and (max-width:1600.5px) and (max-height:700px){
    .journal-categories a{margin-bottom:4px;}
}
@media all and (max-width:1600.5px) and (min-width:1400.5px) and (max-height:700px){
    .journal-categories a{margin-bottom:0px;}
}
/*@media all and (max-width:1400.5px){
    .journal-categories a{font-size:5.0rem;}
}
@media all and (max-width:1250.5px){
    .journal-categories a{font-size:4.2rem;}
}
@media all and (max-width:1100.5px){
    .journal-categories a{font-size:3.8rem;margin-bottom:12px;}
}
@media all and (max-height:700.5px){
    .journal-categories a{margin-bottom:12px;}
}
@media all and (max-height:600.5px){
    .journal-categories a{margin-bottom:8px;}
}*/

/* Journal */
.m.articles{padding:110px 16px 110px 50px;}
.m.articles .l{width:35%;position:sticky;position:-webkit-sticky;top:90px;padding:0 50px 55px 0;}
.m.articles .r{width:65%;padding-left:16px;border-left:1px solid var(--orange);}
.m.articles .article{position:relative;display:block;width:100%;margin-bottom:75px;}
.m.articles .article p{position:absolute;right:34px;font-size:1.8rem;line-height:1;text-transform:uppercase;color:var(--rust);}
.m.articles .article h2{color:var(--clay);padding:0 150px 16px 0;}
.m.articles .article h3{color:var(--rust);padding-right:150px;}
.m.articles .article .lazy{width:100%;margin-bottom:55px;}
.m.articles .article .arrow-btn{color:var(--orange);display:none;}

.m.post{padding:90px 0 110px 50px;}/*top padding same as header in order to avoid a little scrolling in sticky left side*/
.m.post .l{width:25%;position:sticky;position:-webkit-sticky;top:90px;padding:0 50px 55px 0;}
.m.post .r{width:75%;padding:0 50px 0 16px;color:var(--black);border-left:1px solid var(--orange);}
.m.post .r > p{padding:40px 20% 40px 0;}
.m.post .r > p:not(.large){padding:40px 0 40px 34%;}
.m.post .r > picture{padding:120px 0;width:calc(100% + 50px);}
.m.post .r > picture + h4{margin-top:-120px;margin-bottom:80px;color:var(--smoke);padding:16px 32px;}
.m.post .r q{display:block;padding:40px 0 40px 34%;color:var(--rust);}
/* Modules inside posts */
.m.post .hero{position:relative;width:100%;color:var(--softwhite);padding-bottom:0px;}
.m.post .hero .lazy{width:calc(100% + 50px);margin-bottom:32px;}
.m.post .hero h1 {font-size: 6.0rem; left: 0; z-index: 2; max-width: 820px;color: #d26e2a;top: -16px;padding-bottom: 53px;}
.m.post .hero h3{display:inline-block;vertical-align:top;width:60%;color:var(--rust);padding-bottom: 53px;/*padding-right:150px;*/}
.m.post .hero p{display:inline-block;vertical-align:top;width:100%;text-align:right;font-size:1.8rem;line-height:1;text-transform:uppercase;color:var(--rust);padding:0;}
.m.post .details{box-sizing:border-box;padding:40px 0 40px 34%;}
.m.post .details h5{color:var(--rust);padding-bottom:55px;font-weight:500;}
.m.post .details h4{border-bottom:2px solid var(--rust);padding:12px 8px 8px 8px;}
.m.post .q h5, .m.post .a h5{color:var(--rust);padding-bottom:8px;}
.m.post .q p, .m.post .a p{font-family:'Plantin';font-size:4.0rem;line-height:1.5;font-weight:300;font-style:italic;}
.m.post .q{box-sizing:border-box;padding:110px 10% 40px 0;}
.m.post .q + .q, .m.post .a + .q{padding-top:40px;}
.m.post .a{box-sizing:border-box;padding:40px 0 40px 15%;}
.m.post .a p{padding-left:140px;margin-top:-24px;}

.page-transition{position:fixed;pointer-events:none;z-index:7;width:100vw;height:100vh;background-color:var(--softwhite);left:0;top:0;transition:opacity .8s ease-in-out;will-change:opacity;}
.page-transition.loaded{opacity:0;}
.page-transition.in{opacity:1;transition:opacity .2s ease;}
.page-transition.fast{opacity:0;transition:none;}
.vh{position:absolute;z-index:-1;top:0;left:-1px;width:1px;height:100vh;}/*Used for mobile measurement of vh unit */
/* Block interactivity while scrolling */
/*.scrolling a{pointer-events:none;}*/


@media (hover:hover){
    footer .blocks .el .social a:hover{opacity:.5;}
    footer .b a:hover{opacity:.5;}
    .m.team .grid .employee:hover .lazy img{transform:scale(1.075,1.075);}
    .m.team .pagination button:hover{color:var(--orange);}
    .employee-overlay.on .close-btn:after{content:"";position:absolute;left:0;bottom:-1px;width:100%;height:1px;background:var(--orange);transform-origin:100% 0;transform:scaleX(0);transition:transform .3s ease-out;}
    .employee-overlay.on .close-btn:hover:after{transform-origin:0 0;transform:scaleX(1);}
    .m.projects .categories button:hover{color:var(--softwhite);}
    .m.projects .filters-toggle:hover{opacity:.5;}
    .m.projects .filters .close-btn:after{content:"";position:absolute;left:0;bottom:-1px;width:100%;height:1px;background:var(--softwhite);transform-origin:100% 0;transform:scaleX(0);transition:transform .3s ease-out;}
    .m.projects .filters .close-btn:hover:after{transform-origin:0 0;transform:scaleX(1);}
    .m.projects .filters .apply-btn:hover{border:2px solid var(--ash);}
    .m.projects .filters .clear-btn:hover{border-bottom-color:var(--ash);}
    .m.projects .grid.hovered .project:not(:hover){filter:grayscale(100%) brightness(125%);}
    .m.search-results .card .lazy img{transition:all 1.2s var(--quart);}
    .m.search-results .card:hover .lazy img{transform:scale(1.05,1.05);}
    .m.articles .article .lazy img{transition:all 1.2s var(--quart);}
    .m.articles .article:hover .lazy img{transform:scale(1.05,1.05);}
}


/* Mobile only */
@media all and (max-width:1000.5px){
    .desktop{display:none;}
    .lazy.video:before{padding-top:var(--aspectm, var(--aspect));}

    header:before{height:74px;}
    header .logo-toggle{left:16px;top:22px;margin-left:0px;}
    header .search-btn{right:16px;top:36px;}
    header .previous-project-btn{display:none;}
    header nav{max-width:unset;padding:98px 16px 32px 16px;}
    header nav .close-btn{right:16px;top:36px;color:var(--orange);}
    header nav .slideshows{margin-bottom:16px;}
    header nav a, .m.intro .menu a{font-size:4.0rem;margin:6px 0;}
    header nav a:before, .m.intro .menu a:before{top:12px;}

    /* Search */
    .search-overlay .top{padding:240px 16px 0 16px;}
    .search-overlay input{font-size:2.5rem;padding:10px 0;}
    .search-overlay .delete-btn{top:-5px;}
    .search-overlay .search-submit{padding:12px 24px 18px 24px;}
    .search-overlay .back-btn{right:16px;top:36px;}
    header > .back-btn{right:16px;top:36px;}

    footer{position:relative;bottom:auto;padding:22px 0 0 0;height:auto;}
    /* Hide footer completely on project pages - to work with .next-project */
    .hide-footer footer, .hide-footer .footer-bar{display:none;}
    footer .cta{font-size:1.6rem;opacity:1;top:2px;right:0;box-sizing:border-box;padding:8px 16px;z-index:2;}
    footer .cta span:last-of-type{transform:rotate(-90deg);}
    footer .inner{padding:42px 16px 32px 16px;}
    footer .blocks{padding:0;display:block;}
    footer .blocks .el{display:block;width:100%;padding-top:25px;}
    footer .blocks .el p{font-size:1.6rem;}
    footer .blocks .el .social{margin-top:25px;}
    footer .el form{font-size:1.6rem;}
    footer .el form input[type="submit"]{float:none;}
    footer .b{margin-top:8px;}
    footer .b p{font-size:1.6rem;letter-spacing:0.02rem;display:block;width:auto;}
    footer .b p+p{text-align:left;}
    .footer-bar{position:fixed;left:0;bottom:0;width:100%;height:32px;font-size:1.6rem;font-weight:500;line-height:1;background:var(--softwhite);color:var(--orange);z-index:5;text-align:right;box-sizing:border-box;padding:8px 16px;transition:transform .3s ease-out;}
    .footer-bar span{width:14px;height:13px;display:inline-block;vertical-align:top;background:url("../Grx/arrow_orange.svg") no-repeat;margin-left:10px;transform:rotate(90deg);}
    footer.inview + .footer-bar{transform:translateY(100%);}

    .m.intro{height:auto;min-height:calc(100vh - 30px);padding:98px 16px 52px 16px;}
    .m.intro .slideshows{position:relative;height:auto;margin-bottom:16px;}
    .m.intro .slideshows .aspect{position:relative;width:100%;padding-top:65%;}
    .m.intro .menu{position:relative;height:auto;display:block;padding:0;background:transparent;}
    .m.intro .large-logo{display:none;}

    .m.front-title-links{padding:80px 16px 120px 16px;}
    .m.front-title-links .inner{padding-left:0;}
    .m.front-title-links h2, .m.front-title-links h3{padding-bottom:45px;}
    .m.front-title-links nav .arrow-btn{display:block;}
    .m.front-title-links nav .arrow-btn span{opacity:1;}
    .m.front-title-links nav .arrow-btn + .arrow-btn{margin-left:0;margin-top:30px;}

    .m.hero{min-height:calc(100vh - 30px);padding:0 16px 130px 16px;}
    .m.hero .inner{padding-right:0;}
    .m.hero h3{padding-bottom:24px;}
    .m.hero h1{padding-bottom:8px;}

    .m.txt{padding:60px 16px 120px 16px;}
    .m.txt.right-align .inner{padding:0;}
    .m.txt.right-align .inner h3{margin-left:0;padding-left:40px;}
    
    .m.txt.quote, .m.txt.quote.narrow{padding:120px 16px;}
    .m.txt.quote h5 + q{padding-top:90px;}
    .m.txt.quote h4{padding-top:90px;}

    /* Horizontal carousel bound to scroll */
    .m.horigallery{height:110vw;/*overwritten in js for sticky verion*/}
    .m.horigallery[data-sticky="false"]{height:110vw;}
    .m.horigallery[data-sticky="false"] .lazy{height:110vw;}

    /* Team grid with filtering */
    .m.team{padding:160px 0 110px 0;}
    .m.team h3{margin-bottom:25px;}
    .m.team h3:before{top:-50px;}
    .m.team .categories{position:relative;top:auto;padding:16px;}
    .m.team .categories button{font-size:1.6rem;padding:16px 16px 12px 16px;}
    .m.team .grid{padding:50px 16px 0 16px;display:block;}
    .m.team .grid .employee{display:block;width:100%;padding-bottom:0;margin-bottom:32px;}
    .m.team .grid .employee .lazy{display:inline-block;vertical-align:middle;width:50%;padding-top:50%;}
    .m.team .grid .employee .name-title{display:inline-block;vertical-align:middle;width:50%;padding:16px 0 16px 22px;min-height:unset;}
    .m.team .grid .employee .name-title h4{font-size:2.5rem;padding-bottom:2px;}
    .m.team .grid .employee .name-title p{font-size:1.6rem;}
    .m.team .grid .employee .arrow-btn span{display:none;}
    .m.team .pagination{padding:16px;text-align:right;}

    /* Employee overlay */
    .employee-overlay .close-btn{right:16px;top:36px;}
    .employee-overlay .content{padding:100px 16px 48px 16px;}
    .employee-overlay .content .l{display:block;width:100%;text-align:left;}
    .employee-overlay .content .r{display:block;width:100%;padding-left:0;}
    .employee-overlay .content .img{max-width:306px;margin:0 0 38px 0;}
    .employee-overlay .content h1{padding:20px 0 48px 0;}
    .employee-overlay .content h1:before{left:0px;top:-24px;margin-left:9px;transform:rotate(90deg);}
    .employee-overlay .content .l h4{display:none;}/*hide short title*/
    .employee-overlay .content h4{padding-bottom:24px;}
    .employee-overlay .content h5{padding:6px 0;}
    .employee-overlay .content p{font-size:1.6rem;line-height:2;}

    /* Jobs */
    .m.positions{min-height:unset;display:block;}
    .m.positions .bg{position:relative;width:100%;padding-top:128%;}
    .m.positions .bg .lazy{width:100%;height:100%;}
    .m.positions .overlay{padding:64px 16px 120px 16px;}
    .m.positions:not(.open) .overlay{transform:none;}
    .m.positions .overlay .l{display:block;width:100%;padding-right:0;}
    .m.positions .overlay .r{position:fixed;right:0;top:0;z-index:15;width:100%;height:100vh;background:var(--sage);padding:100px 16px 60px 16px;opacity:1;transform:translateX(100%);transition:transform .6s var(--quart);overflow:auto;}
    .m.positions.open .overlay .r{transform:translateX(0%);}
    .m.positions.open .overlay .r .close-btn{font-size:1.8rem;font-weight:500;letter-spacing:-0.02rem;color:var(--ash);position:absolute;right:16px;top:36px;text-transform:uppercase;}
    .m.positions.open .overlay .r .close-btn:before{content:"";position:absolute;left:-10px;top:-10px;width:calc(100% + 20px);height:calc(100% + 20px);}/*hit*/
    .m.positions .overlay .l button{font-size:1.6rem;margin-top:80px;}
    .m.positions .overlay .l button span{transform:none;opacity:1;}
    .m.positions .overlay .r > p{font-size:1.6rem;margin-bottom:16px;}
    .m.positions .overlay .r .categories button{font-size:1.6rem;padding:16px 4px 12px 4px;letter-spacing:-0.02rem;}

    .m.process{padding:60px 0;}
    .m.process .title{box-sizing:border-box;padding:0 16px 50px 16px;}
    .m.process .title h3{padding-left:40px;}
    .m.process .l{display:block;width:100%;padding:0 16px;overflow:auto;white-space:nowrap;}
    .m.process .l button{font-size:1.6rem;display:inline-block;vertical-align:top;width:auto;text-align:center;padding:10px 16px 12px 16px;margin-bottom:0;}
    .m.process .r{display:block;width:100%;padding:50px 16px 0 16px;}
    .m.process .r .section{display:table;}
    .m.process .r h3{font-size:2.5rem;/*display:table-footer-group;*/padding-top:60px;}
    .m.process .r picture{display:table-header-group;margin:0;}
    
    .m.services{padding:50px 16px;}
    .m.services .title{padding:0 0 50px 0;}
    .m.services .title h3{padding-left:40px;}
    .m.services .l{display:block;width:100%;padding:0;}
    .m.services .r{display:block;width:100%;padding:0;}
    
    /* Projects grid with categories and filters */
    .m.hero + .m.projects{margin-top:-16px;}
    .m.projects .sticky{position:relative;top:auto;/*top:74px;*/}/*removed sticky because filters button is below*/
    .m.projects .categories{display:block;padding:0;width:100%;}
    .m.projects .categories button{font-size:1.6rem;}
    .m.projects .filters-toggle{float:right;font-size:1.6rem;width:auto;padding:16px;z-index:2;}
    .m.projects .filters .close-btn{right:24px;top:48px;}
    .m.projects .filters .panel{padding:60px 24px;}
    .m.projects .filters .controls{margin-top:0;}
    .m.projects .filters .apply-btn, .m.projects .filters .clear-btn{font-size:1.6rem;margin-top:10px;padding:16px 16px;}
    .m.projects .filters .clear-btn{margin-left:auto;}

    .m.projects .grid{padding:60px 0 80px 0;}
    .m.projects .grid .project{display:block;width:100%;height:auto;}
    .m.projects .grid .project p{font-size:3.2rem;z-index:1;}
    .m.projects .grid .project p + p{font-size:1.6rem;font-weight:500;/*padding-top:2px;*/}

    /* Project hero */
    .m.project-hero .info{bottom:100px;padding:0 16px;}
    .m.project-hero .info h1{padding-bottom:8px;}

    /* Scroll into next project */
    .m.next-project{padding:80px 16px 0 16px;}
    .m.next-project.post{padding:80px 0 100vh 0;width:100%;overflow:visible;}
    .m.next-project .title h3:before{top:-50px;}
    .m.next-project .name{font-size:4.8rem;padding:40px 0 32px 0;}
    .m.next-project.post .name{font-size:4.2rem;}
    .m.next-project .img-area{margin-left:-16px;}
    .m.next-project.post .img-area{width:calc(100% + 32px);height:auto;margin-left:-16px;}
    .img.localtoglobal.to-post{width:100%;}
    .img.localtoglobal.to-post:after{top:116px;height:calc(100vh - 116px);}/*overlap categories*/

    /* Details with sticky left side */
    .m.project-details{padding:80px 16px;}
    .m.project-hero + .m.project-details{padding-top:64px;}
    .m.project-details .title{padding-right:0;}
    .m.project-details h3{padding-left:40px;}
    .m.project-details h3:before{top:46%;transform:translateY(-50%);}
    .m.project-details .l{width:100%;position:relative;padding-right:0;padding-top:0;}
    .m.project-details .l > h5:first-of-type{padding-top:80px;}
    .m.project-details .l h5{padding-bottom:32px;}
    .m.project-details .r{width:100%;padding-right:0;padding-top:80px;}
    .m.project-details p{font-size:2.5rem;letter-spacing:-0.035rem;}

    .m.medium-media{padding:40px 16px;}

    .m.img-img{padding:40px 16px 80px 16px;}
    .m.img-img picture{display:block;width:100%;}
    .m.img-img picture:nth-of-type(1){padding-right:0;margin-bottom:20px;}
    .m.img-img picture:nth-of-type(2){padding-left:0;}

    /* Carousel */
    .m.carousel{padding:0 0 60px 0;}
    .m.carousel .title{padding:110px 16px 75px 16px;}
    .m.carousel .title h3:before{top:-50px;}
    .carousel[data-mobilenative="true"] .inner{overflow:auto;}
    .m.carousel .card{width:320px;height:325px;padding-left:16px;}
    /*.m.carousel .card:first-of-type{margin-left:16px;}
    .m.carousel .card:last-of-type{margin-right:16px;}*/
    .m.carousel .scroller > .lazy{width:100vw;height:128.2vw;padding:0;}
    .m.carousel .scroller > .lazy img{width:100%;height:100%;object-fit:cover;}
    .m.carousel .card p{font-size:1.6rem;padding:20px 12px 16px 12px;}
    .m.carousel .card h4{font-size:2.5rem;padding:0 12px 12px 12px;}
    .m.carousel .card .arrow-btn{margin-left:12px;}
    .m.carousel .card .lazy{width:100%;height:178px;}
    .m.carousel .card .lazy img{width:100%;height:100%;object-fit:cover;object-position:center top;}/*for faces we prioritize top portion of image*/

    .m.search-results{padding:154px 16px;}
    .m.search-results .l{width:100%;position:relative;top:auto;padding:0 0 24px 0;border-bottom:2px solid var(--rust);}
    .m.search-results .l h1{font-size:4.2rem;}
    .m.search-results .l h4{font-size:1.6rem;}
    .m.search-results .r{width:100%;padding:32px 0 0 0;}
    .m.search-results .card{margin-bottom:64px;}
    .m.search-results p{position:relative;right:auto;font-size:1.6rem;font-weight:700;padding-bottom:16px;}
    .m.search-results h2{padding:0 0 16px 0;}
    .m.search-results .card .lazy{margin-bottom:24px;}
    .m.search-results .card .arrow-btn{display:block;margin-top:24px;}
    .m.search-results .card .arrow-btn span{background:url("../Grx/arrow_white.svg") no-repeat;}
    
    /* Shared menu for Journal */
    .journal-categories{white-space:nowrap;overflow:auto;box-sizing:border-box;padding:0 16px;}
    .journal-categories a{display:inline-block;vertical-align:top;font-size:3.2rem;letter-spacing:0;padding:16px 16px 12px 16px;margin-bottom:0;}
    .journal-categories .back-btn{display:none;}

    /* Journal */
    .m.articles{padding:0;}
    .m.articles .l{top:74px;width:100%;/*position:relative;top:auto;*/padding:0;background:var(--softwhite);z-index:2;margin-bottom:32px;}
    .m.articles .r{width:100%;padding:32px 16px;border-left:0;}
    .m.articles .r:before{content:"";position:absolute;left:16px;top:0;width:calc(100% - 32px);border-top:1px solid var(--orange);}
    .m.articles .article{margin-bottom:64px;}
    .m.articles .article p{position:relative;right:auto;font-size:1.6rem;font-weight:700;padding-bottom:16px;}
    .m.articles .article h2{padding:0 0 16px 0;}
    .m.articles .article h3{padding-right:0;}
    .m.articles .article .lazy{margin-bottom:24px;}
    .m.articles .article .arrow-btn{display:block;margin-top:24px;}

    .m.post{padding:146px 0 110px 0;/*90+56*/}
    .m.post .l{width:100%;position:relative;top:auto;padding:0;/*55px 50px 55px 0;*/white-space:nowrap;overflow:auto;}
    .m.post .l .journal-categories a{font-size:1.6rem;}
    .m.post .r{width:100%;padding:32px 16px;border-left:0;}
    .m.post .r > p{padding:30px 0;}
    .m.post .r > p:not(.large){padding:30px 0;}
    .m.post .r > picture{padding:60px 0;width:calc(100% + 32px);margin-left:-16px;}
    .m.post .r > picture + h4{margin-top:-60px;margin-bottom:30px;padding:16px 0;margin-left:-8px;}
    .m.post .r q{padding:30px 0;}
    /* Modules inside posts */
    .m.post .hero{padding-bottom:32px;}
    .m.post .hero .lazy{width:calc(100% + 32px);margin-left:-16px;margin-bottom:20px;}
    .m.post .hero h1{font-size:4.2rem;padding:32px 0;}
    .m.post .hero h3{display:block;width:100%;padding-bottom:16px;}
    .m.post .hero p{position:relative;right:auto;display:block;width:100%;font-size:1.6rem;text-align:left;padding-bottom:16px;}
    .m.post .details{padding:30px 0;}
    .m.post .details h5{padding-bottom:32px;}
    .m.post .m.medium-media{padding:60px 0;}
    .m.post .q p, .m.post .a p{font-size:3.2rem;line-height:1;}
    .m.post .q{padding:60px 0 30px 0;}
    .m.post .q + .q, .m.post .a + .q{padding-top:30px;}
    .m.post .a{padding:30px 0;}
    .m.post .a p{padding-left:0;margin-top:0;}
    
}
/* Desktop only */
@media all and (min-width:1000.5px){
    .mobile, .footer-bar{display:none;}
        
    .m.intro .menu nav{align-self:flex-end;}

    .m.positions:not(.open) .overlay:hover{transform:translateX(50%) translateX(-88px);}
    .m.positions.open .overlay .r .close-btn{display:none;}

    .m.projects .grid .project .lazy{position:absolute;left:0;top:0;width:100%;height:100%;}
    .m.projects .grid .project .lazy img{width:100%;height:100%;object-fit:cover;}
    .m.projects .grid .project:nth-of-type(7n + 1){width:40%;}
    .m.projects .grid .project:nth-of-type(7n + 2){width:calc(60% - 16px);margin-left:16px;}
    .m.projects .grid .project:nth-of-type(7n + 6){width:calc(60% - 16px);}
    .m.projects .grid .project:nth-of-type(7n + 7){width:40%;margin-left:16px;}
    .m.projects .grid .project:nth-of-type(7n + 4), .m.projects .grid .project:nth-of-type(7n + 5){margin-left:16px;}

}

[data-teambio] {
    margin-top: 24px;
}

[data-teambio] p + p {
    margin-top: 3rem;
}
/* --- Submenu under PEOPLE (works with wrapper OR sibling structure) --- */

/* wrapper safety */
header nav .menu-item.has-submenu,
.m.intro .menu nav .menu-item.has-submenu {
  position: relative;
  display: block;
}

/* base submenu layout */
header nav .submenu-inline,
.m.intro .menu nav .submenu-inline {
  display: inline-flex;
  align-items: baseline;
  gap: 16px;

  /* placement under PEOPLE (lines up with arrow shift) */
  margin-top: 8px;
  padding-left: 30px;

  /* override BIG menu link styles */
  font-family: 'Plantin';
  font-weight: 300;
  font-size: 2.4rem;
  text-transform: none;
  margin-bottom: 0;

  opacity: 0;
  transform: translateY(-6px);
  pointer-events: none;

  transition: opacity .25s ease, transform .25s ease;
  position: relative;
  z-index: 5;
}

/* override menu <a> defaults so submenu doesn’t become huge/stacked */
header nav .submenu-inline a,
.m.intro .menu nav .submenu-inline a {
  display: inline;
  font-family: 'Plantin';
  font-weight: 300;
  font-size: 2.4rem;
  text-transform: none;

  padding: 0;
  margin: 0;
  color: var(--softwhite);
  line-height: 1.2;
}

/* divider */
header nav .submenu-inline .divider,
.m.intro .menu nav .submenu-inline .divider {
  opacity: .9;
}

/* SHOW rules (supports both markup options) */
/* Option A: wrapper hover */
header nav .menu-item.has-submenu:hover .submenu-inline,
.m.intro .menu nav .menu-item.has-submenu:hover .submenu-inline,

/* Option B: submenu is immediately after the People link */
header nav a.has-submenu-trigger:hover + .submenu-inline,
.m.intro .menu nav a.has-submenu-trigger:hover + .submenu-inline,

/* keep open when hovering submenu itself */
header nav .submenu-inline:hover,
.m.intro .menu nav .submenu-inline:hover,

/* also show when People is selected (your JS adds .selected) */
header nav a.selected + .submenu-inline,
.m.intro .menu nav a.selected + .submenu-inline {
  opacity: 1;
  transform: translateY(0);
  pointer-events: auto;
}

/* hover underline (like your video) */
header nav .submenu-inline a:hover,
.m.intro .menu nav .submenu-inline a:hover {
  text-decoration: underline;
  text-underline-offset: 6px;
}

.submenu-inline {
  position: absolute;
  left: 0;
  top: 100%;
  margin-top: 8px;
  padding-left: 30px;

  display: inline-flex;
  gap: 16px;
  align-items: baseline;

  opacity: 0;
  transform: translateY(-6px);
  pointer-events: none;
  transition: opacity .25s ease, transform .25s ease;
}


/* People link must be block so padding affects layout */
a.has-submenu-trigger {
  position: relative;
  display: block;
}


a.has-submenu-trigger {
  position: relative;
  display: inline-block;
}

a.has-submenu-trigger:hover + .submenu-inline,
a.has-submenu-trigger.selected + .submenu-inline,
.submenu-inline:hover {
  opacity: 1;
  transform: translateY(0);
  pointer-events: auto;
}



/* show submenu */
a.has-submenu-trigger:hover + .submenu-inline,
a.has-submenu-trigger.selected + .submenu-inline,
.submenu-inline:hover {
  opacity: 1;
  transform: translateY(0);
  pointer-events: auto;
}

/* ===== People submenu behavior (desktop + header) ===== */

/* ensure the submenu is out of flow (so no default gap) */
header nav .submenu-inline,
.m.intro .menu nav .submenu-inline {
  position: absolute;
  left: 0;
  top: 100%;
  margin-top: 8px;
  padding-left: 30px;
}

/* People link: keep it positioned so submenu can anchor to it */
header nav a.has-submenu-trigger,
.m.intro .menu nav a.has-submenu-trigger {
  position: relative;
}

/* show submenu */
header nav a.has-submenu-trigger:hover + .submenu-inline,
header nav a.has-submenu-trigger.selected + .submenu-inline,
header nav .submenu-inline:hover,
.m.intro .menu nav a.has-submenu-trigger:hover + .submenu-inline,
.m.intro .menu nav a.has-submenu-trigger.selected + .submenu-inline,
.m.intro .menu nav .submenu-inline:hover {
  opacity: 1;
  transform: translateY(0);
  pointer-events: auto;
}

/* reset when not active */
header nav a[href="/journal/"],
.m.intro .menu nav a[href="/journal/"] {
  transform: translateY(0);
  transition: transform .25s ease;
}

/* --- Fix hover gap so submenu stays visible --- */
header nav a.has-submenu-trigger + .submenu-inline,
.m.intro .menu nav a.has-submenu-trigger + .submenu-inline {
  margin-top: 0 !important;     /* remove dead hover gap */
  top: 100% !important;
}

/* keep your nice spacing using transform instead */
header nav a.has-submenu-trigger:hover + .submenu-inline,
header nav a.has-submenu-trigger.selected + .submenu-inline,
header nav .submenu-inline:hover,
.m.intro .menu nav a.has-submenu-trigger:hover + .submenu-inline,
.m.intro .menu nav a.has-submenu-trigger.selected + .submenu-inline,
.m.intro .menu nav .submenu-inline:hover {
  opacity: 1 !important;
  pointer-events: auto !important;
  transform: translateY(0px) !important;  /* visual spacing, no hover gap */
}

/* make sure it’s above slides */
header nav .submenu-inline,
.m.intro .menu nav .submenu-inline {
  z-index: 999 !important;
}

/* ===== FINAL People submenu (wrapper-based, stable) ===== */

header nav .menu-item.has-submenu,
.m.intro .menu nav .menu-item.has-submenu {
  position: relative;  /* anchor for absolute submenu */
  display: block;
}

/* submenu base */
header nav .menu-item.has-submenu .submenu-inline,
.m.intro .menu nav .menu-item.has-submenu .submenu-inline {
  position: absolute;
  left: 0;
  top: 100%;
  margin-top: 0;                 /* avoid hover gap */
  padding-left: 30px;

  display: inline-flex;
  align-items: baseline;
  gap: 16px;

  font-family: 'Plantin';
  font-weight: 300;
  font-size: 2.4rem;
  text-transform: none;

  opacity: 0;
  transform: translateY(2px);    /* visual spacing without dead zone */
  pointer-events: none;
  transition: opacity .25s ease, transform .25s ease;
  z-index: 999;
}

/* submenu links should NOT inherit the big menu link styles */
header nav .menu-item.has-submenu .submenu-inline a,
.m.intro .menu nav .menu-item.has-submenu .submenu-inline a {
  display: inline;
  padding: 0;
  margin: 0;
  font-family: 'Plantin';
  font-weight: 300;
  font-size: 2.4rem;
  text-transform: none;
  color: var(--softwhite);
  line-height: 1.2;
}

header nav .menu-item.has-submenu .submenu-inline a:hover,
.m.intro .menu nav .menu-item.has-submenu .submenu-inline a:hover {
  text-decoration: underline;
  text-underline-offset: 6px;
}

/* show on hover */
header nav .menu-item.has-submenu:hover .submenu-inline,
header nav .menu-item.has-submenu .submenu-inline:hover,
.m.intro .menu nav .menu-item.has-submenu:hover .submenu-inline,
.m.intro .menu nav .menu-item.has-submenu .submenu-inline:hover {
  opacity: 1;
  transform: translateY(8px);
  pointer-events: auto;
}

/* push Journal down visually (no layout shift = no “everything moves up”) */
header nav .menu-item.has-submenu:hover ~ a[href="/journal/"],
.m.intro .menu nav .menu-item.has-submenu:hover ~ a[href="/journal/"] {
  transform: translateY(48px);
  transition: transform .25s ease;
}

/* ===== FIX submenu People (sin JS, sin wrapper, sin absolute) ===== */

/* el trigger */
header nav a.has-submenu-trigger,
.m.intro .menu nav a.has-submenu-trigger{
  display: block;
  position: relative;
}

/* submenu: NO ocupa espacio por defecto */
header nav a.has-submenu-trigger + .submenu-inline,
.m.intro .menu nav a.has-submenu-trigger + .submenu-inline{
  position: relative;
  height: 0;                 /* clave: no empuja Journal por defecto */
  overflow: visible;         /* pero se puede ver cuando aparece */
  padding-left: 30px;

  display: inline-flex;
  gap: 16px;
  align-items: baseline;

  opacity: 0;
  pointer-events: none;
  transition: opacity .25s ease;
  z-index: 999;
}

/* puente anti-“gap” para que no se cierre cuando bajas el mouse */
header nav a.has-submenu-trigger + .submenu-inline::before,
.m.intro .menu nav a.has-submenu-trigger + .submenu-inline::before{
  content: "";
  position: absolute;
  left: 0;
  top: -14px;         /* zona invisible entre People y submenu */
  height: 14px;
  width: 100%;
}

/* mostrar submenu */
header nav a.has-submenu-trigger:hover + .submenu-inline,
header nav a.has-submenu-trigger.selected + .submenu-inline,
header nav .submenu-inline:hover,
.m.intro .menu nav a.has-submenu-trigger:hover + .submenu-inline,
.m.intro .menu nav a.has-submenu-trigger.selected + .submenu-inline,
.m.intro .menu nav .submenu-inline:hover{
  opacity: 1;
  pointer-events: auto;
}

/* estilo de links submenu (evita heredar estilos del menu principal) */
header nav .submenu-inline a,
.m.intro .menu nav .submenu-inline a{
  display: inline;
  padding: 0;
  margin: 0;
  font-family: 'Plantin';
  font-weight: 300;
  font-size: 2.4rem;
  text-transform: none;
  color: var(--softwhite);
  line-height: 1.2;
}


/* =========================
   FINAL: People submenu
   - no gap by default
   - visible on hover/selected
   - mobile open via .submenu-open (JS)
   ========================= */

header nav a.has-submenu-trigger,
.m.intro .menu nav a.has-submenu-trigger{
  display: block;
  position: relative;
  margin-bottom: 0 !important; /* <- quita el gap fijo entre People y Journal */
}

/* Submenu NO ocupa espacio por defecto */
header nav a.has-submenu-trigger + .submenu-inline,
.m.intro .menu nav a.has-submenu-trigger + .submenu-inline{
  height: 0 !important;        /* <- clave: no empuja Journal */
  overflow: visible !important;
  display: inline-flex;
  gap: 16px;
  align-items: baseline;

  padding-left: 30px;
  margin-top: 0 !important;

  opacity: 0;
  pointer-events: none;
  transform: translateY(8px);
  transition: opacity .25s ease;
  position: relative;
  z-index: 999;
}

/* Mostrar submenu (desktop hover + selected + mobile class) */
header nav a.has-submenu-trigger:hover + .submenu-inline,
header nav a.has-submenu-trigger.selected + .submenu-inline,
header nav a.has-submenu-trigger.submenu-open + .submenu-inline,
header nav .submenu-inline:hover,
.m.intro .menu nav a.has-submenu-trigger:hover + .submenu-inline,
.m.intro .menu nav a.has-submenu-trigger.selected + .submenu-inline,
.m.intro .menu nav a.has-submenu-trigger.submenu-open + .submenu-inline,
.m.intro .menu nav .submenu-inline:hover{
  opacity: 1;
  pointer-events: auto;
}

/* Estilo submenu (evita heredar el tamaño del menú principal) */
header nav .submenu-inline a,
.m.intro .menu nav .submenu-inline a{
  display: inline;
  padding: 0;
  margin: 0;
  font-weight: 300;
  font-size: 30px;
  text-transform: none;
  color: var(--softwhite);
  line-height: 1.2;
}

/* Empujar Journal SOLO visualmente cuando el submenu está abierto */
header nav a.has-submenu-trigger:hover ~ a[href="/journal/"],
header nav a.has-submenu-trigger.selected ~ a[href="/journal/"],
header nav a.has-submenu-trigger.submenu-open ~ a[href="/journal/"],
.m.intro .menu nav a.has-submenu-trigger:hover ~ a[href="/journal/"],
.m.intro .menu nav a.has-submenu-trigger.selected ~ a[href="/journal/"],
.m.intro .menu nav a.has-submenu-trigger.submenu-open ~ a[href="/journal/"]{
  transform: translateY(48px);
  transition: transform .25s ease;
}

header nav a[href="/journal/"],
.m.intro .menu nav a[href="/journal/"]{
  transform: translateY(0);
  transition: transform .25s ease;
  margin-top: -12px;
}

/* Keep Journal down while hovering the submenu itself */
header nav .submenu-inline:hover ~ a[href="/journal/"],
.m.intro .menu nav .submenu-inline:hover ~ a[href="/journal/"]{
  transform: translateY(48px);
}
/* --- Keep submenu open when moving between submenu items --- */
header nav a.has-submenu-trigger + .submenu-inline,
.m.intro .menu nav a.has-submenu-trigger + .submenu-inline{
  position: relative; /* needed for the hover pad */
}

/* Invisible hover pad behind submenu items */
header nav a.has-submenu-trigger + .submenu-inline::after,
.m.intro .menu nav a.has-submenu-trigger + .submenu-inline::after{
  content: "";
  position: absolute;
  left: -12px;
  right: -12px;
  top: -10px;
  height: 52px;     
  z-index: 0;
  pointer-events: auto;
}

/* Keep links above the hover pad so clicks still work */
header nav a.has-submenu-trigger + .submenu-inline a,
header nav a.has-submenu-trigger + .submenu-inline .divider,
.m.intro .menu nav a.has-submenu-trigger + .submenu-inline a,
.m.intro .menu nav a.has-submenu-trigger + .submenu-inline .divider{
  position: relative;
  z-index: 1;
  font-family: Platium;

}
/* Base position for main menu items */
header nav > a,
.m.intro .menu nav > a{
  display: block;
  transform: translate(0, 0);
  transition: transform .35s cubic-bezier(.22,1,.36,1);
}
/* Ensure submenu never shows arrow */
header nav .submenu-inline a::before,
.m.intro .menu nav .submenu-inline a::before {
  content: none !important;
}

a.has-submenu-trigger {
  cursor: default;
}

@media (max-width: 1000px) {
    header nav a[href="/journal/"], .m.intro .menu nav a[href="/journal/"] {
        margin-top: -16px;
    }
    header nav .submenu-inline a, .m.intro .menu nav .submenu-inline a {
        font-size: 25px;
    }
    header nav a.has-submenu-trigger:hover + .submenu-inline, header nav a.has-submenu-trigger.selected + .submenu-inline, header nav .submenu-inline:hover, .m.intro .menu nav a.has-submenu-trigger:hover + .submenu-inline, .m.intro .menu nav a.has-submenu-trigger.selected + .submenu-inline, .m.intro .menu nav .submenu-inline:hover {
        transform: translateY(0px) !important;
    }
}    

/* Mantener estado activo de People cuando el submenu está hover */
header nav a.has-submenu-trigger:hover::before,
header nav a.has-submenu-trigger.selected::before,
header nav a.has-submenu-trigger.submenu-open::before,
header nav a.has-submenu-trigger:has(+ .submenu-inline:hover)::before,
.m.intro .menu nav a.has-submenu-trigger:hover::before,
.m.intro .menu nav a.has-submenu-trigger.selected::before,
.m.intro .menu nav a.has-submenu-trigger.submenu-open::before,
.m.intro .menu nav a.has-submenu-trigger:has(+ .submenu-inline:hover)::before{
  opacity: 1;
  transform: translateX(0);
}

/* Mantener el transform del SPAN de People en 30px mientras submenu está hover */
header nav a.has-submenu-trigger:hover span,
header nav a.has-submenu-trigger.selected span,
header nav a.has-submenu-trigger.submenu-open span,
header nav a.has-submenu-trigger:has(+ .submenu-inline:hover) span,
.m.intro .menu nav a.has-submenu-trigger:hover span,
.m.intro .menu nav a.has-submenu-trigger.selected span,
.m.intro .menu nav a.has-submenu-trigger.submenu-open span,
.m.intro .menu nav a.has-submenu-trigger:has(+ .submenu-inline:hover) span{
  transform: translateX(30px);
  transition: transform .35s var(--quart);
}

header nav a.has-submenu-trigger.submenu-hover::before,
.m.intro .menu nav a.has-submenu-trigger.submenu-hover::before{
  opacity: 1;
  transform: translateX(0);
}

header nav a.has-submenu-trigger.submenu-hover span,
.m.intro .menu nav a.has-submenu-trigger.submenu-hover span{
  transform: translateX(30px);
}
/* ===== HEADER menu: force submenu to sit under People ===== */

/* Make People the positioning context */
header nav a.has-submenu-trigger{
  position: relative;
}

/* Place submenu directly under People */
header nav a.has-submenu-trigger + .submenu-inline{
  position: absolute;
  left: 0;
  top: 100%;
  margin-top: 8px;     /* your spacing */
  height: auto !important;
  overflow: visible !important;
  z-index: 999;
}

/* Keep it visible while hovering People OR submenu */
header nav a.has-submenu-trigger:hover + .submenu-inline,
header nav a.has-submenu-trigger.selected + .submenu-inline,
header nav .submenu-inline:hover{
  opacity: 1;
  pointer-events: auto;
}
/* SECONDARY pages ONLY */
header nav a.has-submenu-trigger:hover + .submenu-inline.secondary,
header nav a.has-submenu-trigger.selected + .submenu-inline.secondary,
header nav .submenu-inline.secondary:hover {
  position: unset;
  transform: unset !important;
}

/* Secondary pages only: adjust Journal position */
header nav a[href="/journal/"].secondary {
  margin-top: 12px; /* adjust value as needed */
}

header nav a.has-submenu-trigger:hover + .submenu-inline.secondary ~ a[href="/journal/"] {
  transform: translateY(12px); /* or -2px max */
}

header nav .submenu-inline:hover ~ a[href="/journal/"].secondary {
    margin-top: 12px; 
    transform: translateY(12px);
}

header nav a.has-submenu-trigger.selected ~ a[href="/journal/"].secondary, header nav a.has-submenu-trigger.submenu-open ~ a[href="/journal/"].secondary, .m.intro .menu nav a.has-submenu-trigger:hover ~ a[href="/journal/"].secondary, .m.intro .menu nav a.has-submenu-trigger.selected ~ a[href="/journal/"].secondary, .m.intro .menu nav a.has-submenu-trigger.submenu-open ~ a[href="/journal/"].secondary {
    transform: translateY(12px);
    transition: transform .25s ease;
}