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

@font-face{font-family:'ABC Helveesti';src:url('../Fonts/ABCHelveesti-Regular.woff2') format('woff2'),url('../Fonts/ABCHelveesti-Regular.woff') format('woff');font-weight:normal;font-style:normal;font-stretch:normal;font-display:swap;}
@font-face{font-family:'Season Serif';src:url('../Fonts/SeasonSerif-Regular.woff2') format('woff2'),url('../Fonts/SeasonSerif-Regular.woff') format('woff');font-weight:500;font-style:normal;font-stretch:normal;font-display:swap;}

:root{
    /*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;

    --seasalt:#D6DAD5;
    --artichoke:#8F9B86;
    --seaweed:#B4A64D;
    --ocean:#1E3845;
    --charcoal:#1B1B1B;
}


/* 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:normal;font-style:normal;line-height:1;box-sizing:border-box;}
h1{font-family:'ABC Helveesti';font-size:4.8rem;line-height:1.1;}
h1.small{font-size:3.4rem;line-height:1.18;}
h1.verysmall{font-size:2.7rem;}/*projects*/
h2{font-family:'Season Serif';font-size:2.2rem;line-height:1.25;}
h3{font-family:'Season Serif';font-size:1.6rem;line-height:1.4;}
h4{font-family:'Season Serif';font-size:1.5rem;line-height:1.4;}/*project carousel*/
p,ol,ul{font-family:'tt-commons-pro', sans-serif;font-weight:300;font-size:1.5rem;line-height:1.4;min-height:1.5rem;}
q{display:block;font-size:1.6rem;line-height:1.5;min-height:2.4rem;}
ul{box-sizing:border-box;margin:0;padding:0 0 0 20px;}
li{position:relative;box-sizing:border-box;}
input, textarea, select{font-family:'Helvetica';font-size:inherit;line-height:normal;appearance:none;background:none;display:block;color:inherit;box-sizing:border-box;padding:0;margin:0;outline:0;border:0;}
h1+p{padding-top:18px;}
h2+p{padding-top:14px;}
h3+p{padding-top:5px;}
p a{font-weight:500;}
p b{font-weight:500;}

@media all and (max-width:1000.5px){
    h1{font-size:2.4rem;}
    h1.small{font-size:2.1rem;}
    h2{font-size:1.8rem;}
    h3{font-size:1.4rem;}
}


/*      Buttons     */
a{text-decoration:none;line-height:inherit;touch-action:manipulation;/*removes delay*/}
a, button, .m.team .grid .profile{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;}
button:focus{outline:none;}
.primary{font-size:1.5rem;line-height:1;font-weight:500;padding:8px 0;}
.primary::after{content:"";position:absolute;left:0;bottom:4px;width:100%;height:1px;background:#FFF;transform:scaleX(0);transform-origin:100% 0;transition:transform .3s ease;}
.primary.selected::after{transform:scaleX(1);transform-origin:0% 0;transition:transform .8s var(--expo);}
@media (hover:hover){
    h2 a, h3 a{transition:opacity .3s ease-out;}
    h2 a:hover, h3 a:hover{opacity:.6;}
    .primary:hover::after{transform:scaleX(1);transform-origin:0% 0;transition:transform .8s var(--expo);}
    p a::after{content:"";position:absolute;left:0;bottom:0px;width:100%;height:1px;background:var(--ocean);transform:scaleX(0);transform-origin:100% 0;transition:transform .3s ease;}
    p a:hover::after{transform:scaleX(1);transform-origin:0% 0;transition:transform .8s var(--expo);}
    footer p a::after{background:var(--seaweed);bottom:2px;}
    .m.floating-projects:not(.open) .toggle-btn:hover{transform:translateY(-4px);}
}

/*      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,.lazy svg,video:not(.native-controls){pointer-events:none;}/*with smooth scroll this helps Firefox and Safari with external mouse*/
body.scrolling .lazy .video iframe{pointer-events:none;}/*with smooth scrolling this helps scroll continuously*/
picture, video{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:calc(var(--aspect) * 1%);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 .lazy video, .lazy.video .load-ui .lazy img{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover;}
/*.lazy.video .load-ui .play-btn{margin:auto;padding:20px;font-size:2.4rem;background-color:#333;color:#FFF;}*/
.lazy.video .load-ui .play-btn{margin:auto;width:64px;height:74px;border-style:solid;border-width:37px 0px 37px 64px;border-color:transparent transparent transparent #FFF;}
.lazy.video.fade-ui .load-ui{opacity:0;transition:opacity .4s ease-in-out .1s;pointer-events:none;}
.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:1;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(99.5% 0% 0% 0%);-webkit-clip-path:inset(99.5% 0% 0% 0%);}/*not 100% because loading can get blocked*/
.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);;}

.ama-logo{position:fixed;left:36px;top:27px;height:31px;width:auto;display:block;z-index:15;transition:transform .4s ease-out, opacity .4s ease-out;}
.ama-logo svg{height:31px;width:auto;}
/*.ama-logo{transform-origin:0 0;transform:translate(100px,100px) scale(3,3);}*/
body:not(.animates) .ama-logo{display:none;}/*avoid quick flash before initial page load*/
.ama-logo svg{fill:var(--ocean);transition:fill .4s ease-in-out;}
body.scrolled .ama-logo{transform:translateY(-12px);}
body.bright:not(.scrolled) .ama-logo svg{fill:#FFF;}
body.at-intro .ama-logo{opacity:0;}
/* Switch to more detailed version */
.ama-logo svg .letter .ori-letter{transition:opacity 0s ease;}
.ama-logo svg .letter .logomark{transition:opacity .2s ease;}
.ama-logo.with-details svg .letter .ori-letter{opacity:0;transition:opacity .2s ease .2s;}
.ama-logo:not(.with-details) svg .letter .logomark{opacity:0;transition:none;}

header{position:fixed;left:0;top:0;width:100%;height:60px;z-index:11;overflow:hidden;}
header.open{height:100%;}
header::before{content:"";position:absolute;left:0;top:0;width:100%;height:60px;background:#F5F6F5;opacity:0;transition:opacity .6s ease-in-out;}
body.scrolled header:not(.open)::before{opacity:1;}
header .toggle{position:absolute;right:22px;top:10px;width:40px;height:40px;text-align:center;transition:opacity .4s ease-out;}
header .toggle span{display:block;margin:5px auto;height:1.5px;background-color:#FFF;transition:transform .4s var(--quart), background-color .4s ease-out;will-change:transform;}
body.scrolled header .toggle span{background-color:var(--ocean);}
body:not(.bright) header .toggle span{background-color:var(--ocean);}
header .toggle span:nth-of-type(1){width:14px;}
header .toggle span:nth-of-type(2){width:14px;transform:scaleX(.7);}
header .toggle span:nth-of-type(3){width:14px;}
body.at-intro .toggle{opacity:0;}

header .menu-overlay{position:absolute;left:0;top:0;width:100%;height:100%;}
header:not(.open) .menu-overlay{display:none;}
header .menu-overlay .bg, header .menu-overlay .bg .lazy{position:absolute;left:0;top:0;width:100%;height:100%;}
header .menu-overlay .bg{background:rgba(0,0,0,.3);opacity:1;transition:opacity .6s ease-in-out;}
header .menu-overlay .bg::after{content:"";position:absolute;left:0;top:0;width:100%;height:50%;background:linear-gradient(0deg, rgba(0,0,0,0) 0%, rgba(0,0,0,.2) 100%);}
header:not(.opening) .menu-overlay .bg{opacity:0;}
header .menu-overlay .menu{position:absolute;right:0;top:0;width:auto;height:100%;background:linear-gradient(0deg, #AB9934 0%, #C2B97C 100%);color:#FFF;font-size:0;z-index:2;transition:transform 1s var(--quart);}
header:not(.opening) .menu-overlay .menu{transform:translateX(100%);transition:transform .5s ease;}
header .menu-overlay .menu nav{position:relative;width:330px;display:inline-block;vertical-align:top;box-sizing:border-box;padding:30px 48px;}
header .menu-overlay .menu .featured{position:relative;/*width:52%;*/display:inline-block;vertical-align:text-bottom;box-sizing:border-box;padding:30px 30px 0 0;max-height:100%;overflow:auto;}
header .menu-overlay .menu nav .primary{display:table;}
header .menu-overlay .menu nav .primary.with-icon{padding:11px 0;}
header .menu-overlay .menu nav .primary .icon{display:inline-block;vertical-align:bottom;width:21px;height:20px;background:url("../Grx/temple.svg") no-repeat;margin-right:9px;}
header .menu-overlay .menu .featured .projects{box-sizing:border-box;padding-top:12px;}
header .menu-overlay .menu .featured .projects .el{/*width:100%;*/max-width:calc((100vh - 170px) * .45);display:block;box-sizing:border-box;padding:12px 0;}
header .menu-overlay .menu .featured .projects .el p{font-weight:500;margin-top:6px;}
header .menu-overlay .menu .close-btn{position:absolute;left:-60px;top:25px;width:40px;height:40px;display:block;z-index:2;opacity:0;transition:opacity .3s ease, transform 0s var(--quart) .3s;}
header .menu-overlay .close-btn::before, header .menu-overlay .close-btn::after{content:"";position:absolute;left:9px;top:19px;width:22px;height:1.5px;background:#FFF;transform:rotate(45deg);}
header .menu-overlay .close-btn::before{transform:rotate(-45deg);}
header.opening:not(.closing):not(.opened) .menu-overlay .close-btn{opacity:1;transform:rotate(-180deg);transition:opacity .5s ease-out .2s, transform .8s var(--quart) .2s;}

@media all and (min-width:1000.5px) and (max-height:800px){
    header .menu-overlay .menu .featured h2{font-size:2.0rem;}
    header .menu-overlay .menu .featured .projects .el{max-width:calc((100vh - 180px) * .45);}
}
@media all and (min-width:1000.5px) and (max-height:650px){
    header .menu-overlay .menu .featured h2{font-size:1.6rem;}
    header .menu-overlay .menu .featured .projects .el{padding:10px 0;}
    header .menu-overlay .menu .featured .projects .el p{font-size:1.4rem;}
}
@media (hover:hover){
    /*header .toggle:hover span:nth-of-type(2){transform:scaleX(1);}*/
    header .toggle:hover span{transform:scaleX(1.25);}
    header.opened .menu-overlay .close-btn{opacity:1;transform:rotate(-180deg);transition:all .3s ease-out;}
    header.opened .menu-overlay .close-btn:hover{transform:rotate(-90deg);}

    header .menu-overlay .menu .featured .projects .el .lazy, .m.projects .el .lazy, .m.carousel .el .lazy, .m.team .grid .profile .lazy{transition:filter .3s ease-out, opacity 1s ease-in-out var(--delay);}
    header .menu-overlay .menu .featured .projects .el:hover .lazy, .m.projects .el:hover .lazy, .m.carousel .el:hover .lazy, .m.team .grid .profile:hover .lazy{filter:brightness(1.1);}
}

main{position:relative;width:100%;}
.page{position:relative;width:100%;box-sizing:border-box;font-size:0;min-height:calc(100vh - 275px);/*match foooter*/}
.page.removing{position:fixed;left:0;top:0;z-index:5;}

/* Standard module */
.m{position:relative;width:100%;box-sizing:border-box;font-size:0;}
.m div{position:relative;box-sizing:border-box;}
.m .l, .m .r{position:relative;display:inline-block;vertical-align:top;width:50%;}
.page > .m:last-of-type:not(.projects){padding-bottom:0;margin-bottom:0;}
.canoverflow{overscroll-behavior:contain;}

/* Modules */
.m.intro{position:fixed;left:0;top:0;width:100%;height:100%;z-index:5;}
.m.intro::before{content:"";position:absolute;width:100%;height:100%;background:#FFF;opacity:.9;z-index:-2;}
.m.intro::after{content:"";position:absolute;width:100%;height:100%;background:linear-gradient(0deg, rgba(159, 138, 17, .1) 0%, rgba(211, 204, 154, 0.05) 100%);z-index:-1;}
.m.intro.in::before, .m.intro.in::after{opacity:0;transition:opacity 1s ease-in-out 1.3s;}
.m.intro.hidden{display:none;width:0;height:0;}
.m.intro .logo{position:absolute;left:74px;bottom:69px;width:704px;z-index:15;}
.m.intro.in .logo{opacity:0;transition:opacity .8s ease-in-out 1.1s;}

.m.floating-projects{position:fixed;left:0;bottom:0;width:0;height:100%;z-index:15;}
.m.floating-projects.open{width:100%;height:100%;}
.m.floating-projects .bg{position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.35);opacity:0;transition:opacity .6s ease-in-out;}
.m.floating-projects.open:not(.closing) .bg{opacity:1;}
.m.floating-projects .inner{position:absolute;left:0;bottom:0;width:100%;height:100%;}
.m.floating-projects .toggle-btn{position:absolute;left:0;top:-45px;width:130px;height:49px;background:var(--seasalt);color:var(--ocean);font-family:'tt-commons-pro', sans-serif;font-weight:300;font-size:1.8rem;z-index:2;transition:transform 1s var(--expo), opacity .3s ease-out;}
.m.floating-projects .carousel{position:absolute;left:0;bottom:0;width:100%;transform:translateY(100%);transition:transform .5s ease;}
.m.floating-projects.open:not(.closing) .carousel{transform:translateY(0%);transition:transform 1s var(--expo);}
body.footer-on .m.floating-projects .toggle-btn, body.menu-open .m.floating-projects .toggle-btn{transform:translateY(100%);}
body.footer-on .m.floating-projects, body.menu-open .m.floating-projects{pointer-events:none;}

.m.slideshow{margin:60px 0;}
.m.slideshow .l, .m.slideshow .c, .m.slideshow .r{width:33.333%;display:inline-block;vertical-align:middle;}
.m.slideshow .l h2{padding:0 0 50% 40%;}
.m.slideshow .c{z-index:1;}
.m.slideshow .c .el{position:absolute;left:0;top:0;width:100%;transition:opacity .5s ease-out;}
.m.slideshow .c .el:first-of-type{position:relative;}/*sets height*/
.m.slideshow .c .lazy{position:relative;}
.m.slideshow .r{padding:25% 8% 0 8%;}
.m.slideshow .r .el{display:block;}
.m.slideshow .r .el .lazy{display:none;}
.m.slideshow .r .el p{height:34px;/*avoid change in height when adjusting weight*/}
.m.slideshow .r .el.selected p{font-weight:500;}

.m.small-txt-large-img{padding:60px 0;}
.m.small-txt-large-img .l{width:33.333%;padding:85px 10% 60px 74px;}
.m.small-txt-large-img .l .txt{max-width:350px;}
.m.small-txt-large-img .r{width:66.666%;}
.m.small-txt-large-img.reverse .l{width:58%;padding:0;vertical-align:middle;}
.m.small-txt-large-img.reverse .r{width:42%;padding:115px 10% 30px 8%;vertical-align:middle;}
.m.media.fit-screen + .m.small-txt-large-img{padding-top:120px;}

.m.large-img{padding:60px 0;}
.m.large-img.ralign .inner{padding-left:33.333%;}
.m.large-img:not(.ralign) .inner{padding-right:33.333%;}

.m.large-img-text{padding:60px 0;}
.m.large-img-text .l{width:33.333%;padding:85px 110px 0 110px;vertical-align:bottom;}
.m.large-img-text .l .txt{width:auto;max-width:350px;float:right;}
.m.large-img-text .r{width:66.666%;vertical-align:bottom;}

.m.img-txt-txt{padding:60px 0;}
.m.img-txt-txt .img{width:33.333%;display:inline-block;vertical-align:top;}
.m.img-txt-txt.stagger .img{vertical-align:middle;}
.m.img-txt-txt .txts{width:66.666%;display:inline-block;vertical-align:bottom;font-size:0;padding:74px 11% 74px 9%;}
.m.img-txt-txt .txts.only-one{padding-left:5%;padding-bottom:130px;}
.m.img-txt-txt.stagger .txts{vertical-align:middle;padding:5% 11% 5% 10%;}
.m.img-txt-txt .txts .l, .m.img-txt-txt .txts .r{width:38%;}
.m.img-txt-txt .txts.only-one .l{width:45%;}
.m.img-txt-txt .txts .r{margin-left:24%;}
.m.img-txt-txt.stagger .txts .l{vertical-align:top;width:44%;}
.m.img-txt-txt.stagger .txts .r{vertical-align:bottom;width:43%;padding-top:135px;}
.m.img-txt-txt.stagger .txts .r{margin-left:13%;}
.m.img-txt-txt.stagger.reverse .txts{vertical-align:top;padding:7% 11% 5% 10%;}
/*.m.img-txt-txt.stagger.reverse .txts.only-one .l{width:75%;}*/

.m.img-img{padding:60px 0;}
.m.img-img.ralign .inner{padding-left:33.333%;}
.m.img-img .lazy{display:inline-block;vertical-align:top;}
.m.img-img:not(.ralign) .lazy{width:37.15%;}
.m.img-img:not(.ralign) .lazy + .lazy{margin-left:13%;}
.m.img-img.ralign .lazy{width:50%;}
.m.img-img.right .lazy:first-of-type{margin-left:12.7%;}
.m.img-img.hori .lazy:first-of-type{width:55.9035%;}
.m.img-img.hori .lazy + .lazy{width:31.0965%;}
.m.img-img.center .lazy{width:37.15%;margin-left:6.5%;}
.m.img-img.center .lazy + .lazy{margin-left:13%;}

.m.img-img-img{padding:60px 0;}
.m.img-img-img .lazy{width:30%;display:inline-block;vertical-align:top;}
.m.img-img-img .lazy + .lazy{margin-left:5%;}

.m.text{padding:60px 9%;}
.m:first-of-type.text{padding-top:210px;}
.m.text .inner{max-width:605px;}
.m.text.narrow .inner{max-width:380px;}
.m.text.indent{padding:60px 0;}
.m.text.indent .inner{margin-left:calc(37.15% + 13%);width:37.15%;}
.m.text.center{text-align:center;}
.m.text.center .inner{max-width:775px;margin:auto;text-align:left;}

.m.stagger-text{padding:60px 9%;}
.m:first-of-type.stagger-text{padding-top:210px;}
.m.stagger-text .l{vertical-align:top;padding-right:9%;}
.m.stagger-text .r{vertical-align:bottom;padding-top:170px;width:35%;margin-left:15%;}
.m.stagger-text .r p a{margin-top:5px;}/*contact links more spacing*/

.m.media{padding:60px 0;}
.m.media.fit-screen{height:100vh;padding:0;}
.m.media.fit-screen .lazy, .m.media.fit-screen .lazy img{height:100%;object-fit:cover;}
.m:first-of-type.media, .m.intro + .m.media{padding-top:0;}
.m:first-of-type.media .lazy::after, .m.intro + .m.media .lazy::after{content:"";position:absolute;left:0;top:0;width:100%;height:25%;min-height:150px;max-height:250px;background:linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .3) 100%);}
.m.media .caption{position:absolute;left:0;bottom:120px;color:#FFF;padding:0 50% 0 74px;}/*hero*/
.m.media.fit-screen .caption{bottom:60px;}
.m.media.fit-screen.animin .caption{opacity:0;/*transform:translateY(60px);*/}
.m.media.fit-screen.animin.in .caption{opacity:1;/*transform:translateY(0);*/transition:opacity .6s ease-out 3s;/*, transform 1.2s var(--quart) 3s;*/}

.m.about-img{padding:60px 0;}
.m.about-img .lazy{width:56.7%;margin-left:33.333%;}

.m.about-img-img{padding:60px 0;}
.m.about-img-img .inner{width:56.7%;margin-left:33.333%;font-size:0;}
.m.about-img-img .lazy{width:calc(50% - 12px);display:inline-block;vertical-align:top;}
.m.about-img-img .lazy:first-of-type{margin-right:24px;}

.m.team{padding:60px 0;}
.m.team .inner{padding:0 7% 0 21.8%;}
.m.team .grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:50px 50px;}
.m.team .grid .profile{cursor:pointer;}
.m.team .grid .profile .lazy{margin-bottom:18px;}
.m.team .grid .profile .details{padding-top:40px;max-height:0;overflow:hidden;opacity:0;transition:max-height .6s var(--cubic) .1s, opacity .5s var(--cubic) .1s;}
.m.team .grid .profile.open .details{opacity:1;transition-delay:0s;}

.m.press{margin:30px 0 60px 0;}
.m.press .inner{padding:0 9% 60px 33.333%;min-height:500px;}
.m.press .group + .group{margin-top:70px;}
.m.press .group h2{margin-bottom:20px;}
.m.press .el{font-size:1.6rem;width:100%;display:block;padding:14px 0;}
.m.press .el span{display:inline-block;vertical-align:top;font-weight:300;}
.m.press .el span:nth-of-type(1){width:42%;font-weight:500;}
.m.press .el span:nth-of-type(2){width:35%;}
.m.press .el span:nth-of-type(3){width:23%;text-align:right;}
.m.press .sticky-imgs{position:absolute;left:9%;top:0;width:18.75%;height:100%;}
.m.press .sticky-imgs .imgs{position:sticky;left:0;top:80px;width:100%;}
.m.press .floating-img{position:absolute;left:0;top:0;width:100%;opacity:0;transition:opacity .5s ease-out;}
.m.press .floating-img:first-of-type{position:relative;}/*sets height*/
.m.press .floating-img.in{opacity:1;}

.m.projects{padding:170px 0 60px 0;}
.m.projects .txt{width:25.7%;margin-left:5%;}
.m.projects .inner{width:100%;padding:60px 5% 0 25.7%;}
.m.projects .inner .grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:70px 70px;}
.m.projects .el .lazy{margin-bottom:16px;}
.m.projects .el h2 + p{padding-top:8px;}

.m.project-intro-bg{position:fixed;height:100vh;z-index:4;}
.m.project-intro{position:absolute;height:100vh;z-index:5;}
.m.project-intro-bg::before{content:"";position:absolute;width:100%;height:100%;background:#FFF;opacity:.95;z-index:-2;}
.m.project-intro-bg::after{content:"";position:absolute;width:100%;height:100%;background:linear-gradient(0deg, rgba(159, 138, 17, .1) 0%, rgba(211, 204, 154, 0.05) 100%);z-index:-1;}
.m.project-intro-bg.in::before, .m.project-intro-bg.in::after{opacity:0;transition:opacity 1s ease-in-out .5s;}
.m.project-intro-bg.hidden{display:none;width:0;height:0;}
.m.project-intro + .m{padding-top:375px;}
.m.project-intro .txt{width:50%;padding:175px 0 45px 0;margin-left:36px;transform:translateY(100vh) translateY(-100%);}
.m.project-intro.in .txt{transform:translateY(0);transition:transform 1.4s var(--cubic-in-out);}
.m.project-intro h1 + p{font-size:1.6rem;padding-top:5px;}

/* Carousel */
.m.carousel{cursor:grab;background:var(--seasalt);padding:60px 0;margin-top:30px;}
.m.carousel .inner{position:relative;width:100%;overflow:hidden;}
.m.carousel .inner .scroller{position:relative;white-space:nowrap;font-size:0;}
.m.carousel .el{display:inline-block;vertical-align:top;width:19vw;height:auto;padding-left:36px;white-space:normal;width:round(to-zero, 19vw, 1px);/*round helps infinite carousel*/}
.m.carousel .el .lazy, .m.carousel .el .lazy img{width:100%;height:auto;}
.m.carousel .el .lazy{margin-bottom:16px;}
.m.carousel .el h4 + p{padding-top:5px;}
/*.m.carousel[data-infinite="false"] .el:last-of-type{margin-right:15px;}*/
.carousel.dragging{cursor:grabbing;}
.carousel.dragging .el{pointer-events:none;}

@media all and (max-width:1280.5px){
    .m.carousel .el{padding-left:20px;}
}

footer{position:relative;width:100%;box-sizing:border-box;padding:120px 36px 15px 36px;color:var(--seaweed);}
footer::before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background:linear-gradient(0deg, rgba(159, 138, 17, .08) 0%, rgba(211, 204, 154, 0) 80%);}
body.at-project footer{background:var(--seasalt);color:var(--ocean);}
body.at-project footer::before{display:none;}
footer .logo{position:relative;width:645px;max-width:50%;margin-bottom:80px;}
footer .social{position:absolute;right:32px;bottom:110px;}
footer .social a{display:inline-block;vertical-align:middle;width:30px;height:30px;}
footer .social a.linkedin{background:url("../Grx/Social/linkedin.svg") no-repeat;background-size:20px auto;background-position:center;}
footer .social a.insta{background:url("../Grx/Social/insta.svg") no-repeat;background-size:22px auto;background-position:center;}
body.at-project footer .social a.linkedin{background-image:url("../Grx/Social/linkedin_dark.svg");}
body.at-project .social a.insta{background-image:url("../Grx/Social/insta_dark.svg");}
footer .social a + a{margin-left:15px;}
footer .links{position:relative;width:100%;font-size:0;}
footer .links .l{text-align:left;width:70%;display:inline-block;vertical-align:top;}
footer .links .r{text-align:right;width:30%;display:inline-block;vertical-align:top;}
footer .links p{font-size:1.1rem;line-height:2;font-weight:normal;cursor:default;}
footer .links .l p, footer .links .l p a{font-weight:300;}
body.at-project footer .links p a::after{bottom:2px;background:var(--ocean);}
footer .links .r p{font-family:'ABC Helveesti';}
footer .links p, footer .links a{display:inline-block;vertical-align:top;}
footer .links p + p{margin-left:30px;}
footer .links .iltp{width:0;height:0;overflow:hidden;visibility:hidden;margin:0;padding:0;}

@media (hover:hover){
    footer .social a{transition:opacity .3s ease-out;}
    footer .social a:hover{opacity:.6;}
}

.page-transition{position:fixed;left:0;top:0;width:100%;height:100%;background-color:#FFF;pointer-events:none;z-index:10;transition:opacity .8s ease-in-out;will-change:opacity;}
body:not(.menu-open) .page-transition{z-index:16;}
.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;/*height:100svh;*/}/*Used for mobile measurement of vh (svh for smallest viewport height, lvh for largest - similar to just vh) */

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

    .ama-logo{left:15px;top:12px;width:335px;max-width:110px;overflow:hidden;}
    .ama-logo svg{width:335px;}
    body.scrolled .ama-logo{transform:none;}
    body.menu-open .ama-logo{opacity:0;}

    header{height:45px;}
    header::before{height:45px;}
    header .toggle{right:2px;top:2px;}
    header .menu-overlay .bg::after{display:none;}
    header .menu-overlay .menu{width:100vw;overflow:auto;transition:transform .8s var(--quart);}
    header .menu-overlay .menu nav{width:100%;display:block;padding:120px 20px 80px 20px;}
    header .menu-overlay .menu .featured{display:block;padding:0 0 20px 0;max-height:unset;overflow:hidden;}
    header .menu-overlay .menu .featured h2{padding-left:20px;font-size:1.8rem;}
    header .menu-overlay .menu .featured .projects{box-sizing:border-box;padding:18px 20px;overflow-x:scroll;white-space:nowrap;}
    header .menu-overlay .menu .featured .projects .el{white-space:normal;width:270px;max-width:unset;display:inline-block;vertical-align:top;padding:0;}
    header .menu-overlay .menu .featured .projects .el + .el{margin-left:14px;}
    header .menu-overlay .menu .close-btn{left:auto;right:2px;top:2px;opacity:1;transition:none;}

    .page{min-height:calc(100svh - 425px);}
    .m .l, .m .r{display:block;width:100%;}

    .m.intro .logo{position:absolute;left:50%;bottom:auto;top:50%;transform:translate(-50%,-50%);width:calc(100% - 40px);max-width:645px;}

    .m.floating-projects .toggle-btn{width:100vw;}
    .m.floating-projects.open .toggle-btn{opacity:0;}

    .m.slideshow{margin:35px 0;}
    .m.slideshow .l, .m.slideshow .c{width:100%;display:block;}
    .m.slideshow .r{display:none;}
    .m.slideshow .l h2{padding:0 20px;}
    .m.slideshow .c{overflow-x:scroll;white-space:nowrap;padding:30px 20px 20px 20px;}
    .m.slideshow .c .el{position:relative;left:auto;top:auto;width:240px;white-space:normal;}
    .m.slideshow .c .el + .el{margin-left:25px;}
    .m.slideshow .c .el .lazy{margin-bottom:12px;}
    .m.slideshow .c .el p{font-weight:500;}

    .m.small-txt-large-img{padding:40px 0;display:flex;flex-direction:column;}
    .m.small-txt-large-img .l{width:100%;padding:0 25% 65px 20px;}
    .m.small-txt-large-img .r{width:100%;}
    .m.small-txt-large-img.reverse-mobile .l{order:2;padding:60px 20px 20px 20px;}
    .m.small-txt-large-img.reverse-mobile .r{order:1;}
    .m.small-txt-large-img.reverse .l{width:100%;padding-left:20px;}
    .m.small-txt-large-img.reverse .r{width:100%;padding:65px 20px 0 20px;}
    .m.media.fit-screen + .m.small-txt-large-img{padding-top:60px;}

    .m.large-img{padding:40px 0;}
    .m.large-img.ralign .inner{padding-left:0%;}
    .m.large-img:not(.ralign) .inner{padding-right:18%;}

    .m.large-img-text{padding:40px 0;display:flex;flex-direction:column;}
    .m.large-img-text .l{width:100%;order:2;padding:20px 25% 0 20px;}
    .m.large-img-text .l .txt{width:auto;max-width:unset;float:none;}
    .m.large-img-text .r{width:100%;order:1;}

    .m.img-txt-txt{padding:40px 0;}
    .m.img-txt-txt .img{width:62.2%;display:block;margin-left:37.8%;margin-bottom:60px;}
    .m.img-txt-txt.left-mobile .img{margin-left:0;}
    .m.img-txt-txt.stagger .img{width:73%;margin-left:27%;}
    .m.img-txt-txt .txts{width:100%;display:block;padding:0 25% 0 20px;}
    .m.img-txt-txt .txts.only-one{padding-left:20px;padding-bottom:0;}
    .m.img-txt-txt.stagger .txts{padding:0 25% 0 20px;}
    .m.img-txt-txt .txts .l, .m.img-txt-txt .txts .r{width:100%;}
    .m.img-txt-txt .txts.only-one .l{width:100%;}
    .m.img-txt-txt .txts .r{margin-left:0;padding-top:30px;}
    .m.img-txt-txt.stagger .txts .l{width:100%;}
    .m.img-txt-txt.stagger .txts .r{width:100%;padding-top:20px;}
    .m.img-txt-txt.stagger .txts .r{margin-left:0;}
    .m.img-txt-txt.stagger.reverse{display:flex;flex-direction:column;padding-top:30px;}
    .m.img-txt-txt.stagger.reverse .txts{vertical-align:top;padding:0 25% 0 20px;order:2;}
    .m.img-txt-txt.stagger.reverse .img{order:1;width:50%;margin-left:50%;}

    .m.img-img{padding:40px 0;}
    .m.img-img.ralign .inner{padding-left:0;}
    .m.img-img .lazy{display:block;}
    .m.img-img.ralign .lazy:first-of-type{margin-left:50%;}
    .m.img-img.left .lazy{margin-left:25%;}
    .m.img-img.left .lazy + .lazy, .m.img-img.right .lazy + .lazy{margin-top:60px;}
    .m.img-img:not(.ralign) .lazy{width:50%;}
    .m.img-img:not(.ralign) .lazy + .lazy{margin-left:25%;}
    .m.img-img.right .lazy:first-of-type{margin-left:25%;}
    .m.img-img.hori .lazy:first-of-type{width:75%;margin-left:12.5%;}
    .m.img-img.hori .lazy + .lazy{width:50%;margin-left:25%;margin-top:60px;}
    .m.img-img.center .lazy{width:50%;margin-left:25%;}
    .m.img-img.center .lazy + .lazy{margin-left:25%;margin-top:60px;}

    .m.img-img-img{padding:40px 0;}
    .m.img-img-img .lazy{width:50%;display:block;margin-left:25%;}
    .m.img-img-img .lazy + .lazy{margin-left:25%;margin-top:60px;}

    .m.text, .m.text.indent{padding:40px 20px;}
    .m:first-of-type.text{padding-top:175px;}
    .m.text h2 a{font-size:1.4rem;}
    .m.text.indent .inner{margin-left:0;width:100%;}

    .m.stagger-text{padding:40px 20px;}
    .m:first-of-type.stagger-text{padding-top:175px;}
    .m.stagger-text .l{padding-right:0;}
    .m.stagger-text .r{padding-top:60px;width:100%;margin-left:0;}

    .m.media{padding:40px 0;}
    .m.slideshow + .m.media{padding-top:20px;}
    .m.media.fit-screen{height:100svh;}

    .m.media .caption{bottom:75px;padding:0 25% 0 20px;}/*hero*/
    .m.media.fit-screen .caption{bottom:35px;}
    /*.m.media.fit-screen.animin .caption{transform:translateY(40px);}*/

    .m.about-img{padding:40px 20px 40px 0;}
    .m.about-img.reverse-mobile{padding:40px 0 40px 20px;}
    .m.about-img .lazy{width:100%;margin-left:0;}

    .m.about-img-img{padding:40px 0;}
    .m.about-img-img .inner{width:100%;margin-left:0;padding-left:20px;}
    .m.about-img-img .lazy{width:calc(50% - 6px);}
    .m.about-img-img .lazy:first-of-type{margin-right:12px;}
    
    .m.team{padding:40px 0;}
    .m.team .inner{padding:0 20px 0 20px;}
    .m.team .grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:34px 12px;}
    .m.team .grid .profile .lazy{margin-bottom:7px;}
    .m.team .grid .profile .details{display:none;}
    .m.team .grid .profile .lazy::after{content:"";position:absolute;right:5px;bottom:5px;width:21px;height:21px;background:url("../Grx/plus_btn.png") no-repeat;background-size:contain;}
    .m-overlay{position:fixed;left:0;top:0;width:100%;height:100%;z-index:100;}
    .m-overlay::before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.3);opacity:1;transition:opacity .6s ease-in-out;}
    .m-overlay:not(.in)::before{opacity:0;}
    .m-overlay .inner{position:absolute;left:0;top:0;width:100%;height:100%;box-sizing:border-box;padding:50px 20px 40px 20px;overflow:auto;background:#FFF;transition:transform .8s var(--quart);}
    .m-overlay .lazy{margin-bottom:40px;}
    .m-overlay .details{padding-top:20px;}
    .m-overlay:not(.in) .inner{transform:translateX(100%);transition:transform .5s ease;}
    .m-overlay .close-btn{position:absolute;right:2px;top:2px;width:40px;height:40px;text-align:center;}
    .m-overlay .close-btn::before, .m-overlay .close-btn::after{content:"";position:absolute;left:9px;top:19px;width:22px;height:1.5px;background:var(--ocean);transform:rotate(45deg);}
    .m-overlay .close-btn::before{transform:rotate(-45deg);}

    .m.press{margin:30px 0;}
    .m.press .inner{padding:0 20px;min-height:unset;}
    .m.press .group + .group{margin-top:60px;}
    .m.press .group h2{margin-bottom:4px;}
    .m.press .el{font-size:1.4rem;padding:8px 0;}
    .m.press .el span:nth-of-type(1){display:block;width:100%;margin-bottom:5px;}
    .m.press .el span:nth-of-type(2){width:60%;}
    .m.press .el span:nth-of-type(3){width:40%;}
    .m.press .sticky-imgs{display:none;}
    .m.press .sticky-imgs .imgs{display:none;}
    .m.press .floating-img{display:none;}

    .m.projects{padding:140px 20px 0 20px;}
    .m.projects .txt{width:100%;margin-left:0;padding-right:25%;}
    .m.projects .inner{padding:30px 0 0 0%;}
    .m.projects .inner .grid{display:block;}
    .m.projects .el{width:100%;}
    .m.projects .el + .el{margin-top:50px;}
    .m.projects .el h2 + p{padding-top:6px;}

    .m.project-intro + .m{padding-top:275px;}
    .m.project-intro .txt{width:100%;padding:105px 25% 0 20px;margin-left:0;transform:translateY(50vh) translateY(-50%);}
    .m.project-intro h1 + p{font-size:1.5rem;padding-top:4px;}

    .m.carousel{padding:40px 0;margin-top:15px;}
    .m.carousel .inner{padding-bottom:20px;}
    .carousel[data-mobilenative="true"] .inner{overflow:auto;}
    .m.carousel .el{width:218px;padding-left:20px;}
    .m.carousel .el:last-of-type{margin-right:20px;}
    .m.carousel .el h4 + p{padding-top:4px;}
    
    footer{padding:120px 20px 15px 20px;}
    footer .logo{width:100%;max-width:645px;margin-bottom:35px;}
    footer .social{position:relative;right:auto;bottom:auto;margin-bottom:30px;}
    footer .links .l{width:100%;display:block;margin-bottom:40px;}
    footer .links .r{text-align:left;width:100%;display:block;}
    footer .links p, footer .links a{display:block;}
    footer .links .l a{padding:3px 0;}
    footer .links p + p{margin-left:0;}
    footer .links .r p{display:inline-block;}
    footer .links .r p + p{margin-left:25px;}
}
@media all and (max-width:1000.5px) and (orientation:landscape){

}
/* Desktop only */
@media all and (min-width:1000.5px){
    .mobile{display:none;}

    .m.small-txt-large-img + .m.img-txt-txt, .m.large-img + .m.img-txt-txt, .m.img-txt-txt + .m.small-txt-large-img{padding-top:0;margin-top:-60px;}    
    .m.slideshow .c .el:not(.on){display:none;}
    .m.slideshow .c .el:not(.in){opacity:0;}
    .m.slideshow .c .el p{display:none;}
    .m.img-txt-txt + .m.small-txt-large-img .l{padding-top:150px;}
}