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

: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;

    --bright:#E6E2D4;
    --dark:#5D1010;
}

/* 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,h2,h3,h4,q{font-family:'nanum-myeongjo',times, serif;font-weight:400;}
h1,h2,q{font-size:2.0rem;line-height:1.3;}
h3{font-size:1.8rem;line-height:1.3;}
h4{font-size:1.6rem;line-height:1.3;}
p,ol,ul{font-size:1.4rem;font-weight:300;line-height:1.4;min-height:2.0rem;}
p a{font-weight:400;}
p a:not(.cta){transition:opacity .3s ease;}
.m.credits p a{font-weight:300;}
p b{font-weight:400;}
p a.cta, button.cta{font-size:1.2rem;text-transform:uppercase;letter-spacing:.1rem;padding:2px 0;}
button.cta{padding:4px 0;transition:opacity .3s ease;}
.cta::after, h3 a::after{content:"";position:absolute;left:0;bottom:0;width:100%;height:1px;background:var(--dark);transform-origin:0 0;transform:scaleX(0);transition:transform .6s var(--quart);}
button.cta.active{pointer-events:none;}
h3 a{font-weight:700;}
h1+p{padding-top:15px;}
h2+p,h3+p,h4+p{padding-top:10px;}
q{display:block;}
q::before{font-size:5.5rem;position:absolute;left:-30px;top:-35px;}
q::after{display:none;}
ul{box-sizing:border-box;margin:0;padding:0 0 0 20px;}
li{position:relative;box-sizing:border-box;}
input, textarea, select{font-family:'new-hero';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;}

@media all and (max-width:1000.5px){
    h1,h2,q{font-size:1.8rem;}
    h3{font-size:1.6rem;}
    p a.cta, button.cta{font-size:1.1rem;}
}

/*      Buttons     */
a{text-decoration:none;line-height:inherit;touch-action:manipulation;/*removes delay*/}
.hit, .person{user-select:none;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);touch-action:manipulation;}
a, button{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;touch-action:manipulation;}
a.primary{font-family:'nanum-myeongjo',times, serif;font-size:1.8rem;font-weight:700;padding:10px 0;}
a.primary::after{content:"";position:absolute;left:0;bottom:6px;width:100%;height:1px;background:var(--dark);transform-origin:0 0;transform:scaleX(0);transition:transform .6s var(--quart);}
a.primary:hover::after, a.primary.selected::after{transform:scaleX(1);}
button:focus{outline:none;}

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

header{position:fixed;left:0;top:0;width:100%;height:85px;z-index:10;overflow:hidden;}
header::before{content:"";position:absolute;left:0;top:0;width:100%;height:85px;background-color:rgba(230,226,212,0);transition:opacity .3s ease, background-color .6s ease-in-out, backdrop-filter .6s ease-in-out;z-index:-1;}
header .illu-btn{position:absolute;left:35px;top:22px;padding:10px 0;font-family:'nanum-myeongjo',times, serif;font-size:2.0rem;font-weight:700;transition:opacity .3s ease;}
header .explore-btn{position:absolute;right:35px;top:22px;padding:10px 0;font-family:'nanum-myeongjo',times, serif;font-size:2.0rem;font-weight:700;transition:opacity .3s ease;}
header .illu-btn span:nth-of-type(2){padding-left:8px;}
header .explore-btn span:nth-of-type(2){padding-left:5px;}
header .logo{position:absolute;left:50%;margin-left:-30px;top:15px;width:60px;transition:opacity .3s ease;}
header .logo img{width:100%;height:auto;}
/* Handle colors for bright and when scrolling */
svg .stroke{transition:stroke .6s ease-in-out;}
svg .fill{transition:fill .6s ease-in-out;}
body.bright header:not(.scrolled) svg .stroke{stroke:#EEECE4;}
body.bright header:not(.scrolled) svg .fill{fill:#EEECE4;}
body.bright header:not(.scrolled) .illu-btn, body.bright header:not(.scrolled) .explore-btn{color:#EEECE4;}
body.bright header:not(.scrolled) .logo svg .fill{fill:#EEECE4;}
header.scrolled::before{background-color:rgba(230,226,212,.9);backdrop-filter:blur(4px);}

header.open{height:100%;}
/*header.open::before, header.open .logo, header.open .illu-btn, header.open .explore-btn{opacity:0;}*/

header .menu{position:absolute;left:0;top:0;width:100%;height:100%;overflow:hidden;z-index:2;}
header .menu:not(.open){visibility:hidden;height:0;}
header .menu .hit{position:absolute;right:0;top:0;width:100%;height:100%;z-index:-1;background-color:rgba(138,138,138,0);transition:background-color .6s var(--cubic);cursor:pointer;}
header .menu .hit::before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;backdrop-filter:blur(0px);transition:backdrop-filter .6s var(--cubic);}
header .menu .content{position:absolute;right:0;top:0;width:65%;height:100%;min-height:100vh;background:var(--bright);color:var(--dark);display:flex;transform:translateX(100%);transition:transform .6s var(--cubic);will-change:transform;z-index:1;}
header.open:not(.closing) .menu.open .content{transform:translateX(0%);transition:transform 1.2s var(--quart);}
header .menu .content nav{margin:auto 0;box-sizing:border-box;padding:55px;flex:1;}
header .menu .content nav .primary{display:table;}
header .menu .content .txt{position:absolute;left:55px;bottom:55px;width:300px;}
header .menu .content .projects{/*width:35%;*/height:100%;box-sizing:border-box;padding:0 13px;}
header .menu .content .title{height:55px;overflow:hidden;box-sizing:border-box;padding-top:15px;}
header .menu .content .projects .el{width:auto;height:calc((100vh - 55px) / 4);display:block;}
header .menu .content .projects .el .lazy{width:auto;height:calc(100% - 40px);}
header .menu .content .projects .el .lazy img{width:auto;height:100%;}
header .menu .content .projects .el p{padding-top:5px;text-transform:uppercase;font-size:1.2rem;font-weight:400;letter-spacing:.1rem;}

header .illustrations{position:absolute;left:0;top:0;width:100%;height:100%;overflow:hidden;z-index:2;}
header  .illustrations:not(.open){visibility:hidden;height:0;}
header .illustrations .hit{position:absolute;right:0;top:0;width:100%;height:100%;z-index:-1;background-color:rgba(138,138,138,0);transition:background-color .6s var(--cubic);cursor:pointer;}
header .illustrations .hit::before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;backdrop-filter:blur(0px);transition:backdrop-filter .6s var(--cubic);}
header .illustrations .content{position:absolute;left:0;top:0;width:65%;height:100%;min-height:100vh;background:var(--bright);color:var(--dark);display:flex;transform:translateX(-100%);transition:transform .6s var(--cubic);will-change:transform;z-index:1;}
header.open:not(.closing) .illustrations.open .content{transform:translateX(0%);transition:transform 1.2s var(--quart);}
header .illustrations .content .r{height:100%;box-sizing:border-box;padding:20px;flex:1;display:flex;flex-direction:column;justify-content:end;}
header .illustrations .content .r .txt{padding:80px 0;max-width:325px;}
header .illustrations .content .projects{/*width:35%;*/height:100%;box-sizing:border-box;padding:0 13px;}
header .illustrations .content .projects .el{width:auto;height:calc((100vh - 13px) / 4);display:block;}
header .illustrations .content .projects .el:first-of-type{margin-top:13px;}
header .illustrations .content .projects .el .lazy{width:auto;height:calc(100% - 13px);}
header .illustrations .content .projects .el .lazy img{width:auto;height:100%;}


@media all and (min-width:1000.5px) and (max-height:750px){
    header .menu .content, header .illustrations .content{width:60%;}
}
@media all and (min-width:1000.5px) and (max-height:650px){
    header .menu .content, header .illustrations .content{width:50%;}
    header .menu .content nav{padding-bottom:110px;}
    header .menu .content .title{height:45px;padding-top:10px;}
    header .menu .content .projects .el{height:calc((100vh - 45px) / 4);}
    header .menu .content .projects .el .lazy{height:calc(100% - 30px);}
    header .menu .content .projects .el p{padding-top:4px;font-size:1.1rem;}

    header .illustrations .content .r .txt{padding:55px 0;}
}
@media all and (min-width:1000.5px) and (max-height:500px){
    header .menu .content, header .illustrations .content{width:40%;}
    header .menu .content .title{display:none;}
    header .menu .content .projects{padding:0 10px;}
    header .menu .content .projects .el{height:calc((100vh - 10px) / 4);}
    header .menu .content .projects .el:first-of-type{margin-top:10px;}
    header .menu .content .projects .el .lazy{height:calc(100% - 23px);}
    header .menu .content .projects .el p{padding-top:3px;font-size:1.0rem;}
    
    header .illustrations .content .r .txt{padding:30px 0;}
    header .illustrations .content .projects{padding:0 10px;}
    header .illustrations .content .projects .el{height:calc((100vh - 10px) / 4);}
    header .illustrations .content .projects .el:first-of-type{margin-top:10px;}
    header .illustrations .content .projects .el .lazy{width:auto;height:calc(100% - 10px);}
}



main{position:relative;width:100%;}
.page{position:relative;width:100%;box-sizing:border-box;font-size:0;min-height:calc(100vh - 42px);}
.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%;}
.canoverflow{overscroll-behavior:contain;}
.multiply{mix-blend-mode:multiply;}

/* Modules */
.m.intro{position:fixed;left:0;top:0;width:100%;height:100%;background:var(--bright);z-index:15;overflow:hidden;}
.m.intro .logo{position:absolute;left:50%;top:50%;width:106px;height:99px;margin:-50px 0 0 -53px;}
.m.intro .illu{position:absolute;left:0;top:0;width:100%;height:100%;padding:85px 160px 80px 160px;opacity:0;}
.m.intro .illu .lazy, .m.intro .illu .lazy img{height:100%;object-fit:contain;}
.m.intro .illu.in{opacity:1;transition:opacity 1.5s ease-in-out;}
.m.intro .logo.in{opacity:0;transition:opacity 1s ease-in-out .2s;}
.m.intro.fade-out{opacity:0;transition:opacity 1.5s ease-in-out;pointer-events:none;}

.m.media{padding:60px 0;}
.m:first-of-type.media, .m.intro + .m.media{padding:0;}
.m:first-of-type.media + .m.img-txt, .m:first-of-type.media + .m.txt-img, .m.intro + .m.media + .m.img-txt, .m.intro + .m.media + .m.txt-img{padding-top:0;}
.m:first-of-type.media::after, .m.intro + .m.media::after{content:"";position:absolute;left:0;top:0;width:100%;height:260px;background:linear-gradient(0deg, rgba(0,0,0,0), rgba(0,0,0,.5));z-index:2;}
.m.media.fit-h{height:100vh;overflow:hidden;}
.m.media.fit-h .lazy{height:100%;}
.m.media.fit-h .lazy img{height:100%;object-fit:cover;object-position:50% 50%;}
.m.media.gap-left{padding-left:150px;}
.m.media.gap-right{padding-right:150px;}
.m.media.largegap-left{padding-left:35%;}
.m.media.largegap-right{padding-right:35%;}

.m.credits{padding:60px 0;}
.m.credits .l{width:60%;vertical-align:bottom;}
.m.credits .r{width:40%;vertical-align:bottom;padding:60px 30px 60px 60px;}
/*.m.credits .r .txt{max-width:300px;}*/
.m.credits .r .txt p{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.m.credits .r .txt span{display:inline-block;vertical-align:top;}
.m.credits .r .txt span:nth-of-type(1){min-width:150px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

.m.img-txt{padding:60px 0;}
.m.img-txt .l, .m.img-txt .r{vertical-align:middle;}
.m.img-txt .r{padding:120px;}
.m.img-txt .r.with-illu{padding:15% 55px 0 110px;}
.m.img-txt .r .txt{max-width:350px;}
.m.img-txt .illu{margin-top:40%;width:35%;float:right;}
.m.img-txt.bottom-align .r{padding:160px 120px 40px 120px;}
.m.img-txt.padded .l{padding-left:34px;width:calc(50% + 34px);}
.m.img-txt.padded .r{padding-left:85px;width:calc(50% - 34px);}
.m.img-txt.padded .txt{padding-top:60px;}
.m.img-txt.padded p + p{margin-top:2px;}
.m.img-txt.padded h2 + p{font-size:1.2rem;text-transform:uppercase;letter-spacing:.1rem;font-weight:400;}
.m.img-txt.padded + .m.img-txt.padded{padding-top:12px;margin-top:-60px;}
.m.img-txt.padded .r .txt{max-width:475px;}
.m:first-of-type.img-txt.padded{padding:30px 0;}

.m.txt-img{padding:60px 0;}
.m.txt-img .l, .m.txt-img .r{vertical-align:middle;}
.m.txt-img.with-illu .l{width:45%;}
.m.txt-img.with-illu .r{width:55%;padding:30px 0;}
.m.txt-img .l{padding:120px;}
.m.txt-img .l .txt{max-width:350px;}
.m.img-txt + .m.txt-img, .m.txt-img + .m.img-txt{padding:0;margin-top:-60px;}

.m.txt-txt{padding:60px 0;}
.m.txt-txt .l, .m.txt-txt .r{vertical-align:middle;}
.m.txt-txt .l{padding:60px 60px 60px 12%;}
.m.txt-txt .r{padding:150px 8% 60px 12%;}
.m.txt-txt.quote .r{padding-top:60px;}
.m.txt-txt .r q{max-width:400px;padding-bottom:30px;}
.m.txt-txt .r h3 + p{padding-top:2px;}

.m.img-img{padding:60px 0;}
.m.img-img .l{padding:0 44px 0 12%;}
.m.img-img .r{padding:0 12% 0 44px;}

.m.team{padding:60px 0;}
.m.team .txt{width:50%;padding:0 60px 0 12%;}
.m.team .grid{display:grid;grid-template-columns:repeat(4, 1fr);grid-gap:50px 22px;padding:75px 8%;}
.m.team .person{cursor:pointer;}
.m.team .person .name-title{padding-top:16px;}
.m.team .person .name-title h3 + p{padding-top:3px;}
.m.team .person .quote, .m.team .person .bio{display:none;}

.profile{position:fixed;left:0;top:0;width:100%;height:100%;overflow:hidden;z-index:15;}
.profile:not(.open){visibility:hidden;height:0;}
.profile .hit{position:absolute;right:0;top:0;width:100%;height:100%;z-index:-1;background-color:rgba(138,138,138,0);transition:background-color .6s var(--cubic);cursor:pointer;}
.profile .hit::before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;backdrop-filter:blur(0px);transition:backdrop-filter .6s var(--cubic);}
.profile .content{position:absolute;right:0;top:0;width:65%;height:100%;min-height:100vh;background:var(--bright);color:var(--dark);display:flex;transform:translateX(100%);transition:transform .6s var(--cubic);will-change:transform;z-index:1;}
.profile.open:not(.closing) .content{transform:translateX(0%);transition:transform 1.2s var(--quart);overflow:auto;}

.profile .content .l{width:60%;box-sizing:border-box;padding:100px 45px 0 45px;}
.profile .content .l .bio{padding-bottom:100px;}
.profile .content .l h3 + p{padding:3px 0 25px 0;}
.profile .content .r{width:40%;box-sizing:border-box;padding:95px 0 95px 55px;}
.profile .content .r .lazy{margin-bottom:100px;}
.profile .content .r q{font-size:1.6rem;padding-right:75px;padding-bottom:55px;}

.m.extra-menu .l, .m.extra-menu .r{vertical-align:middle;}
.m.extra-menu .r{padding:110px;}
.m.extra-menu .primary{display:table;}
.m:last-of-type.extra-menu{padding-bottom:0;margin-top:-60px;}

.m.horigallery{height:100vh;/*overwritten in js*/}
.m.horigallery .inner{position:sticky;position:-webkit-sticky;top:0;width:100%;height:100vh;overflow:hidden;}
.m.horigallery .inner .scroller{position:absolute;left:0;top:0;width:auto;height:100%;white-space:nowrap;}
.m.horigallery .inner h3{position:absolute;left:150px;bottom:25px;}
.m.horigallery .el{position:relative;display:inline-block;vertical-align:top;width:auto;height:100vh;margin-left:17px;padding-top:85px;}
.m.horigallery .el .lazy{position:relative;width:auto;height:calc(100vh - 190px);}
.m.horigallery .el p{text-transform:uppercase;padding-top:10px;font-size:1.2rem;font-weight:400;}
.m.horigallery .lazy img{width:auto;height:100%;}
.m.horigallery .el:last-of-type{margin-right:17px;}

.view-toggle{position:absolute;left:34px;top:120px;z-index:2;}
.view-toggle .cta{display:inline-block;vertical-align:top;margin-right:24px;}
.view-toggle .cta:not(.active){opacity:.5;}
.view-toggle .cta:hover{opacity:1;}

.m.carousel{padding:60px 0;cursor:grab;}
.m.carousel.slideshow{padding:155px 0 45px 0;}
.m.carousel .inner{position:relative;width:100%;overflow:hidden;}
.m.carousel .inner .scroller{position:relative;white-space:nowrap;font-size:0;padding-left:90px;}
.m.carousel.projects .inner .scroller{padding-left:5px;}
.m.carousel.slideshow .inner .scroller{padding-left:17px;}
.m.carousel p{user-select:none;}
.m.carousel .el{display:inline-block;vertical-align:middle;width:auto;height:calc(100vh - 120px);max-height:554px;padding-left:19px;white-space:normal;}
.m.carousel.projects .el{max-height:393px;}
.m.carousel.slideshow .el{padding-left:17px;height:calc(100vh - 242px);/*foooter is 42px*/max-height:unset;}
.m.carousel:not(.slideshow) .el.desktop{width:260px;height:auto;margin-right:110px;padding-top:110px;padding-left:20px;}
.m.carousel.projects .el.desktop{margin-right:140px;padding-top:0;}
.m.carousel .el:last-of-type{margin-right:8vw;}
.m.carousel.slideshow .el:last-of-type{margin-right:34px;}
.m.carousel .lazy{width:auto;height:calc(100% - 30px);}
.m.carousel .lazy img{width:auto;height:100%;}
.m.carousel .lazy + p{padding-top:8px;height:30px;text-align:center;}
.m.carousel.slideshow .lazy + p, .m.carousel.projects .lazy + p{padding-top:10px;text-transform:uppercase;font-size:1.2rem;letter-spacing:.1rem;font-weight:400;}/*.slideshow*/
.carousel.dragging{cursor:grabbing;}
.carousel.dragging a{pointer-events:none;}

.m.project-grid{padding:155px 34px 105px 34px;display:grid;grid-template-columns:repeat(4, 1fr);grid-gap:75px 32px;}
.m.project-grid .el .lazy + p{padding-top:10px;text-transform:uppercase;font-size:1.2rem;letter-spacing:.1rem;font-weight:400;text-align:center;}
.m.project-grid .el.txt{padding:75% 20px 20px 60px;}
.m.project-grid .el.illu{pointer-events:none;}
.m.project-grid .el.illu .lazy{position:absolute;right:-34px;bottom:0;width:calc(100% + 68px);}

.m.illu-grid{padding:90px 34px 200px 34px;display:grid;grid-template-columns:repeat(2, 1fr);grid-gap:34px 34px;}
.m.illu-grid .el.full{grid-column:1/span 2;}
.m.illu-grid .el .lazy + p{padding-top:8px;}

.m.simple-txt{padding:60px 15%;}
.m.simple-txt .inner{width:100%;max-width:475px;}
.m:first-of-type.simple-txt{padding-top:200px;}

.m.press-list{padding:20px 15%;}
.m.press-list .inner{width:100%;border-top:1px solid #D0C2B6;padding-bottom:30px;}
.m.press-list .el{width:100%;font-size:0;padding:20px;border-bottom:1px solid #D0C2B6;}
.m.press-list .el h3, .m.press-list .el p{display:inline-block;vertical-align:middle;}
.m.press-list .el h3{width:40%;}
.m.press-list .el p{width:45%;padding-bottom:8px;}
.m.press-list .el p:last-of-type{width:15%;text-align:right;}

.overlay-gallery{position:fixed;left:0;top:0;width:100%;height:100%;z-index:15;background:var(--bright);transition:opacity .5s ease;}
.overlay-gallery:not(.on){display:none;}
.overlay-gallery:not(.in){opacity:0;}
.overlay-gallery .m.carousel.slideshow{padding:60px 0 30px 0;}
.overlay-gallery .m.carousel.slideshow .el{height:calc(100vh - 90px);}
.overlay-gallery .close-btn{position:absolute;right:0;top:0;width:60px;height:60px;z-index:10;border-radius:30px;transform:rotate(45deg);opacity:0;transition:opacity .3s ease;}
.overlay-gallery.on .close-btn{opacity:1;}
.overlay-gallery.on .close-btn:hover{opacity:.5;}
.overlay-gallery .close-btn::before{content:"";position:absolute;left:18px;top:29px;width:24px;height:1px;backdrop-filter:unset;background:var(--dark);}
.overlay-gallery .close-btn::after{content:"";position:absolute;left:18px;top:29px;width:24px;height:1px;backdrop-filter:unset;background:var(--dark);transform:rotate(90deg);}


/* Adjust first and last */
.m:first-of-type{padding-top:90px;}
.m:last-of-type{padding-bottom:200px;}

footer{position:relative;width:100%;height:42px;}
footer::before{content:"";position:absolute;left:0;top:0;width:100%;height:1px;background:var(--dark);opacity:.3;}
footer .logo{position:absolute;right:35px;bottom:80px;width:144px;}
body.hide-footerlogo footer .logo{display:none;}
footer .logo img{width:100%;height:auto;}
footer .menu{position:absolute;left:30px;bottom:8px;width:33.33%;}
footer .siteby{position:absolute;right:30px;bottom:8px;width:33.33%;text-align:right;}
footer .siteby .iltp{width:0;height:0;overflow:hidden;visibility:hidden;padding:0;}
footer .c{position:absolute;left:50%;bottom:8px;width:33.33%;transform:translateX(-50%);}
footer p{font-size:1.1rem;font-weight:300;display:inline-block;vertical-align:top;}
footer p a{font-weight:300;padding:5px;}

.page-transition{position:fixed;left:0;top:0;width:100%;height:100%;background:var(--bright);pointer-events:none;z-index:9;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{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) */
/* Block interactivity while scrolling */
/*.wheel-active a{pointer-events:none;}*/

@media (hover:hover){
    p a:not(.cta):hover{opacity:.5;}
    .cta:hover::after, h3 a:hover::after{transform:scaleX(1);}
    header .illu-btn:hover, header .explore-btn:hover{opacity:.5;}
    .m.team .person .lazy, header a.el .lazy, .m.project-grid a.el .lazy, .m.carousel a.el .lazy, .lazy.lightbox{overflow:hidden;}
    .m.team .person .lazy img, header a.el .lazy img, .m.project-grid a.el .lazy img, .m.carousel a.el .lazy img, .lazy.lightbox img{transition:transform 1.2s var(--quart);will-change:transform;}
    .m.team .person:hover .lazy img, header a.el:hover .lazy img, .m.project-grid a.el:hover .lazy img, .m.carousel a.el:hover .lazy img{transform:scale(1.025,1.025);}
    .lazy.lightbox{cursor:pointer;}
    .lazy.lightbox:hover img{transform:scale(1.01,1.01);}/*a little less*/
    .m.press-list a.el{transition:opacity .3s ease;}
    .m.press-list a.el:hover{opacity:.5;}
}

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

    header{height:50px;}
    header::before{height:50px;}
    header .illu-btn span:nth-of-type(2), header .explore-btn span:nth-of-type(2){display:none;}
    header .illu-btn span:nth-of-type(1), header .explore-btn span:nth-of-type(1){display:block;transform:scale(1.1,1.1);}
    header .illu-btn{left:15px;top:15px;padding:0;}
    header .explore-btn{right:15px;top:15px;padding:0;}
    header .illu-btn::before, header .explore-btn::before{content:"";position:absolute;left:-15px;top:-15px;width:50px;height:50px;}
    header .logo{margin-left:-20px;top:5px;width:39px;}

    header .menu{background-color:rgba(138,138,138,0);transition:background-color .6s ease-in-out;}
    header.open:not(.closing) .menu.open{background-color:rgba(138,138,138,.3);}
    header .menu .hit{width:50px;height:50px;z-index:2;border-radius:25px;transform:rotate(45deg);background:transparent;opacity:0;transition:opacity .3s ease;}/*use as close button instead*/
    header .menu .hit::before{content:"";position:absolute;left:16px;top:24px;width:18px;height:1px;backdrop-filter:unset;background:var(--dark);}
    header .menu .hit::after{content:"";position:absolute;left:16px;top:24px;width:18px;height:1px;backdrop-filter:unset;background:var(--dark);transform:rotate(90deg);}
    header.open:not(.closing) .menu.open .hit{opacity:1;transition:opacity .6s ease-in-out .6s;}

    header .menu .content{width:100%;min-height:100svh;display:block;}
    header .menu .content nav{margin:0;padding:110px 20px 60px 20px;}

    header .menu .content .txt{position:absolute;left:0;bottom:40px;width:100%;max-width:400px;box-sizing:border-box;padding:0 20px;}
    header .menu .content .txt h4{font-size:1.4rem;}
    header .menu .content .projects{position:relative;width:100%;height:auto;padding:0;white-space:nowrap;overflow-x:scroll;font-size:0;}
    header .menu .content .title{position:absolute;left:20px;top:0;padding-top:0;}
    header .menu .content .projects .el{width:70vw;max-width:375px;height:auto;display:inline-block;vertical-align:top;margin-left:10px;margin-top:35px;}
    header .menu .content .projects .el:first-of-type{margin-left:20px;}
    header .menu .content .projects .el:last-of-type{margin-right:20px;}
    header .menu .content .projects .el .lazy{width:100%;height:auto;}
    header .menu .content .projects .el .lazy img{width:100%;height:auto;}
    header .menu .content .projects .el p{padding-top:8px;padding-bottom:15px;}

    header .illustrations{background-color:rgba(138,138,138,0);transition:background-color .6s ease-in-out;}
    header.open:not(.closing) .illustrations.open{background-color:rgba(138,138,138,.3);}
    header .illustrations .hit{width:50px;height:50px;z-index:2;border-radius:25px;transform:rotate(45deg);background:transparent;opacity:0;transition:opacity .3s ease;}/*use as close button instead*/
    header .illustrations .hit::before{content:"";position:absolute;left:16px;top:24px;width:18px;height:1px;backdrop-filter:unset;background:var(--dark);}
    header .illustrations .hit::after{content:"";position:absolute;left:16px;top:24px;width:18px;height:1px;backdrop-filter:unset;background:var(--dark);transform:rotate(90deg);}
    header.open:not(.closing) .illustrations.open .hit{opacity:1;transition:opacity .6s ease-in-out .6s;}

    header .illustrations .content{width:100%;min-height:100svh;display:block;}
    header .illustrations .content .r{width:100%;height:auto;padding:110px 20px 40px 20px;flex-direction:column-reverse;}
    header .illustrations .content .r .txt{padding:45px 0;}
    header .illustrations .content .projects{display:none;}
    header .illustrations .content .illu{position:absolute;right:0;bottom:20px;width:65%;mix-blend-mode:multiply;}


    .m .l, .m .r{display:block;width:100%;}
    
    .m.intro .logo{top:50svh;}
    .m.intro .illu{left:50%;top:50%;width:100vh;height:100vh;padding:133px 0 100px 0;transform:translate(-50%,-50%);}

    .m.media{padding:45px 0;}
    .m:first-of-type.media{padding:0;}
    .m:first-of-type.media + .m.img-txt, .m:first-of-type.media + .m.txt-img, .m.intro + .m.media + .m.img-txt, .m.intro + .m.media + .m.txt-img{padding-top:0;}
    .m.media.gap-left{padding:45px 20px;}
    .m.media.gap-right{padding:45px 20px;}
    .m.media.largegap-left{padding-left:40px;}
    .m.media.largegap-right{padding-right:40px;}

    .m.credits{padding:45px 0;}
    .m.credits .l{width:100%;padding:0 20px;}
    .m.credits .r{width:100%;padding:90px 20px 0 20px;}
    .m.credits .r p{font-size:1.2rem;}
    .m.credits .r .txt span:nth-of-type(1){min-width:125px;}

    .m.img-txt{padding:45px 0;}
    .m:first-of-type.img-txt{padding-top:50px;}
    .m.img-txt .r{padding:20px;}
    .m.img-txt .r.with-illu{padding:35px 20px;}
    .m.img-txt .illu{margin:0 0 60px 60%;width:calc(40% - 20px);float:none;}
    .m.img-txt.bottom-align .r{padding:90px 20px 0 20px;}
    .m.img-txt.padded .l, .m.img-txt.padded .r{padding:0 20px;width:100%;}
    .m.img-txt.padded .txt{padding-top:25px;}
    .m.img-txt.padded + .m.img-txt.padded{padding-top:35px;margin-top:0}
    .m.img-txt.reverse-mobile{display:flex;flex-direction:column-reverse;}

    .m:first-of-type.img-txt.padded{padding:140px 0 45px 0;}

    .m.txt-img{padding:45px 0;}
    .m.txt-img.with-illu .l{width:100%;}
    .m.txt-img.with-illu .r{width:100%;padding:0 0 20px 0;}
    .m.txt-img .l{padding:0 20px 90px 20px;}
    .m.img-txt + .m.txt-img, .m.txt-img + .m.img-txt{padding-top:45px;margin-top:0;}

    .m.txt-txt{padding:45px 20px;}
    .m.txt-txt .l, .m.txt-txt .r{padding:0;}
    .m.txt-txt .r{padding-top:105px;}
    .m.txt-txt.quote .r{padding-top:90px;padding-left:20px;}

    .m.img-img{padding:45px 20px;}
    .m.img-img .l{padding:0 24% 0 0;}
    .m.img-img .r{padding:22px 0 0 24%;}

    .m.team{padding:45px 20px;}
    .m.team .txt{width:100%;padding:0;}
    .m.team .grid{grid-template-columns:repeat(2, 1fr);grid-gap:34px 15px;padding:55px 0;}
    .m.team .person .name-title{padding-top:7px;}
    .m.team .person .name-title h3{font-size:1.5rem;}
    .m.team .person .name-title h3 + p{font-size:1.2rem;}

    .profile .hit{width:50px;height:50px;z-index:2;border-radius:25px;transform:rotate(45deg);background:transparent;opacity:0;transition:opacity .3s ease;}/*use as close button instead*/
    .profile .hit::before{content:"";position:absolute;left:16px;top:24px;width:18px;height:1px;backdrop-filter:unset;background:var(--dark);}
    .profile .hit::after{content:"";position:absolute;left:16px;top:24px;width:18px;height:1px;backdrop-filter:unset;background:var(--dark);transform:rotate(90deg);}
    .profile.open:not(.closing) .hit{opacity:1;transition:opacity .6s ease-in-out .6s;}

    .profile .content{width:100%;min-height:100svh;display:flex;flex-direction:column;/*-reverse;*/}
    .profile .content .l{width:100%;padding:35px 20px;order:2;}
    .profile .content .l .bio{padding-bottom:45px;}
    .profile .content .l h3{font-size:1.8rem;}
    .profile .content .r{width:100%;padding:40px 0 35px 0;order:1;}
    .profile .content .r .lazy{margin-bottom:60px;width:65%;}
    
    .profile .content .r q{padding-right:20px;padding-bottom:0;margin-left:25%;width:75%;}
    .profile .content .r q::before{top:-25px;}

    .m.extra-menu .r{padding:45px 20px 0 20px;}
    .m:last-of-type.extra-menu{padding-bottom:45px;margin-top:0;}

    .m.horigallery .inner h3{left:20px;}
    .m.horigallery .el{margin-left:15px;}
    .m.horigallery .el p{padding-top:8px;font-size:1.1rem;}
    .m.horigallery .el:last-of-type{margin-right:15px;}

    .view-toggle{display:none;}

    .m.carousel{padding:45px 0;}
    .m.carousel.slideshow{padding:0;}
    .m.carousel .title{width:80vw;max-width:450px;padding:0 20px;}
    .m.carousel .inner .scroller, .m.carousel.projects .inner .scroller{padding-left:5px;margin-top:45px;padding-bottom:15px;}
    .m.carousel.slideshow{display:none!important;}/*project grid only used*/

    .m.carousel .el, .m.carousel.projects .el{width:80vw;max-width:450px;height:auto;max-height:unset;padding-left:15px;vertical-align:top;}
    .m.carousel .el.desktop{display:none;}

    .m.carousel .el:last-of-type{margin-right:20px;}
    .m.carousel .lazy, .m.carousel .lazy img{width:100%;height:auto;}
    .m.carousel .lazy + p{white-space:nowrap;overflow:hidden;width:100%;text-overflow:ellipsis;}
    .m.carousel > h3{padding:20px;}
    .m.carousel.mobile .lazy + p{text-align:left;}
    .carousel[data-mobilenative="true"] .inner{overflow:auto;}

    .m.project-grid{padding:80px 20px 105px 20px;display:block!important;}
    .m.project-grid .el{width:100%;}
    .m.project-grid .el + .el{margin-top:45px;}
    .m.project-grid .el .lazy + p{padding-top:8px;font-size:1.1rem;}
    .m.project-grid .el.txt{padding:20px 24% 0 0;}
    .m.project-grid .el.illu .lazy{position:relative;right:-20px;bottom:auto;width:100%;margin-top:-60px;}
    .m.project-grid .el.illu .lazy img{width:80%;margin-left:20%;}

    .m.illu-grid{padding:105px 20px;display:block;}
    .m:first-of-type.illu-grid{padding-top:80px;}
    .m.illu-grid .el{width:100%;}
    .m.illu-grid .el + .el{margin-top:25px;}

    .m.simple-txt{padding:60px 20px;}
    .m:first-of-type.simple-txt{padding-top:140px;}

    .m.press-list{padding:20px;}
    .m.press-list .inner{padding-bottom:0;}
    .m.press-list .el{padding:12px 0;}
    .m.press-list .el h3{display:block;width:100%;}
    .m.press-list .el p{width:auto;display:inline;padding-bottom:0;font-size:1.3rem;}
    .m.press-list .el p:last-of-type{width:auto;text-align:left;padding-left:10px;}
    .m.press-list .el p:last-of-type::before{content:",";position:absolute;left:1px;bottom:0;}
    
    /* Adjust first and last */
    .m:first-of-type{padding-top:140px;}
    .m:last-of-type{padding-bottom:100px;}

    footer{height:160px;}
    footer .logo{position:absolute;right:20px;bottom:auto;top:30px;width:92px;}
    footer .menu{position:relative;left:auto;bottom:auto;width:50%;padding-top:30px;}
    footer .siteby{position:relative;right:auto;bottom:auto;width:50%;text-align:left;}
    footer p a{padding:5px 5px 5px 20px;}
    footer .c{position:relative;left:auto;bottom:auto;transform:none;width:100%;margin-top:20px;}
    footer .c::before{content:"";position:absolute;left:0;top:0;width:100%;height:1px;background:var(--dark);opacity:.3;}
    footer .c p{font-size:0.9rem;padding:10px 5px 0 20px;}
}
@media all and (max-width:1000.5px) and (max-height:800px){
    header .menu .content nav{padding:80px 20px 40px 20px;}
    header .illustrations .content .r{padding:80px 20px 30px 20px;}
}
@media all and (max-width:1000.5px) and (max-height:720px){
    header .menu .content nav{padding:55px 20px 35px 20px;}
    header .menu .content .txt{bottom:20px;}
    header .illustrations .content .r{padding:55px 20px 25px 20px;}
}
@media all and (max-width:1000.5px) and (max-height:650px){
    header .menu .content nav{padding:40px 20px 20px 20px;}
    header .illustrations .content .r{padding:40px 20px 20px 20px;}
}
@media all and (max-width:1000.5px) and (max-height:600px) and (orientation:portrait){
    header .menu .content .txt{display:none;}
    header .illustrations .content .illu{display:none;}
}
@media all and (max-width:1000.5px) and (orientation:landscape){
    header .menu .content nav{width:50%;margin:0;padding:40px 20px;columns:2;}
    header .menu .content .projects{position:absolute;left:0;bottom:0;}
    header .menu .content .projects .el{width:calc((100vw - 70px) / 4);max-width:unset;}
    header .menu .content .txt{left:auto;right:0;bottom:auto;top:40px;width:50%;max-width:300px;padding:40px;}

    header .illustrations .content .r{width:50%;}
    header .illustrations .content .r .img{display:none;}
    header .illustrations .content .illu{width:40%;}
}
/* Desktop only */
@media all and (min-width:1000.5px){
    .mobile{display:none;}

    header.open:not(.closing) .menu.open .hit::before, header.open:not(.closing) .illustrations.open .hit::before{backdrop-filter:blur(4px);transition:backdrop-filter .6s ease-in-out;}
    header.open:not(.closing) .menu.open .hit, header.open:not(.closing) .illustrations.open .hit{background-color:rgba(138,138,138,.3);transition:background-color .6s ease-in-out;}

    .profile.open:not(.closing) .hit::before{backdrop-filter:blur(4px);transition:backdrop-filter .6s ease-in-out;}
    .profile.open:not(.closing) .hit{background-color:rgba(138,138,138,.3);transition:background-color .6s ease-in-out;}
}