<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">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:'Halton', sans-serif;/*overflow-x:hidden;*/background-color:#F0EEE7;color:#635951;box-sizing:border-box;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;}
::selection{background-color:#635951;color:#F0EEE7;}
body:not(.animates) *{transition:none!important;}
/*::-webkit-scrollbar{width:0!important;}*/

@font-face{font-family:'Halton';src:url('../Fonts/Halton-Light.woff2') format('woff2'),url('../Fonts/Halton-Light.woff') format('woff');font-weight:300;font-style:normal;font-stretch:normal;font-display:swap;}
@font-face{font-family:'Halton';src:url('../Fonts/Halton-Light-Italic.woff2') format('woff2'),url('../Fonts/Halton-Light-Italic.woff') format('woff');font-weight:300;font-style:italic;font-stretch:normal;font-display:swap;}
@font-face{font-family:'Halton';src:url('../Fonts/Halton-Regular.woff2') format('woff2'),url('../Fonts/Halton-Regular.woff') format('woff');font-weight:normal;font-style:normal;font-stretch:normal;font-display:swap;}
@font-face{font-family:'Halton';src:url('../Fonts/Halton-Regular-Italic.woff2') format('woff2'),url('../Fonts/Halton-Regular-Italic.woff') format('woff');font-weight:normal;font-style:italic;font-stretch:normal;font-display:swap;}
@font-face{font-family:'Halton';src:url('../Fonts/Halton-Semi-Bold.woff2') format('woff2'),url('../Fonts/Halton-Semi-Bold.woff') format('woff');font-weight:bold;font-style:normal;font-stretch:normal;font-display:swap;}
@font-face{font-family:'Halton';src:url('../Fonts/Halton-Semi-Bold-Italic.woff2') format('woff2'),url('../Fonts/Halton-Semi-Bold-Italic.woff') format('woff');font-weight:bold;font-style:italic;font-stretch:normal;font-display:swap;}

h1,h2,h3,h4,h5,h6,p,q{position:relative;margin:0;padding:0;font-weight:normal;font-style:normal;line-height:1;box-sizing:border-box;}
h1,h2,h3{font-family:'orpheuspro', serif;font-weight:400;font-style:normal;color:#535353;}
.dark h1, .dark h2, .dark h3{color:inherit;}
h1{font-size:2.2rem;line-height:1.1;text-transform:uppercase;letter-spacing:.1rem;}
h2{font-size:2.0rem;line-height:1.1;text-transform:uppercase;letter-spacing:.1rem;}
h3{font-size:1.2rem;line-height:1.25;text-transform:uppercase;letter-spacing:.1rem;}
ul{margin:0;padding-left:15px;}
ul li{padding:4px 0;}
p, ul{font-size:1.4rem;line-height:1.4;min-height:1.9rem;font-weight:300;}
p.label{font-size:1.2rem;letter-spacing:.2rem;min-height:1.4rem;text-transform:uppercase;}
h1 + p, h2 + p{padding-top:20px;}
.m.careers p, .m.careers ul{font-size:1.2rem;min-height:1.4rem;}

/*      Buttons     */
a{position:relative;box-sizing:border-box;color:inherit;text-decoration:none;line-height:inherit;}
a{-moz-user-drag:none;-moz-user-select:none;-webkit-user-select:none;-webkit-user-drag:none;user-select:none;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);touch-action:manipulation;/*removes delay*/}
button{position:relative;box-sizing:border-box;margin:0;padding:0;border:none;background:none;color:inherit;font-family:inherit;cursor:pointer;letter-spacing:inherit;}
button:focus{outline:none;}
button{-moz-user-select:none;-webkit-user-select:none;-webkit-user-drag:none;user-select:none;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);}
.primary{font-size:1.2rem;margin:0;line-height:1;overflow:hidden;text-transform:uppercase;letter-spacing:.2rem;}
.primary &gt; span{display:block;box-sizing:border-box;padding:9px;transform:translateY(80%);will-change:transform;transition:transform 0s ease-in .3s;}
.primary.in &gt; span{transform:translateY(0%);transition:transform 1.5s cubic-bezier(0.16, 1, 0.3, 1);}
.primary.selected{opacity:.5;}
.follow{position:fixed;left:20px;top:4px;font-size:1.2rem;line-height:1;overflow:hidden;color:#FFF;letter-spacing:.1rem;text-transform:uppercase;z-index:7;pointer-events:none;opacity:0;transition:opacity .3s ease-out;}
.follow.in{opacity:1;}
.follow.hide, .follow.hide.in{opacity:0;}
.bright .follow, .follow.bright{color:#443B33;}

/*      Media       */
img,video,.lazy{border:0;-moz-user-select:none;-webkit-user-select:none;-webkit-user-drag:none;user-select:none;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);}
img,video{pointer-events:none;}/*with smooth scroll this helps Firefox and Safari with external mouse*/
.fade{opacity:0;transition:opacity .6s ease-in-out;}
.fade.in{opacity:1;}
.lazy{position:relative;width:100%;box-sizing:border-box;}
.lazy .rel{position:relative;width:100%;overflow:hidden;}
.lazy .rel .img{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover;transition:opacity .8s ease-in-out;}
.lazy .rel .img.instant.in{transition:none;opacity:1;}
.lazy.scale .rel .img{transition:opacity .8s ease-in-out, transform 2.5s ease-out;transform:scale(1.05,1.05);will-change:opacity, transform;}
.lazy.scale .rel .img.in{transform:scale(1,1);}
.txtfade{opacity:0;transition:opacity 0s ease-in-out;will-change:opacity;}
.txtfade.in{opacity:1;transition-duration:1s;}

/* Header */
header{position:fixed;left:0;top:0;width:100%;height:0;z-index:11;transition:opacity 1s ease-in-out;}
header .bg{position:absolute;left:0;top:0;width:100%;height:100vh;background-color:#3B3B3B;opacity:0;z-index:1;pointer-events:none;transition:opacity .8s ease-out;}
header.open:not(.closing) .bg{opacity:.3;pointer-events:all;}
header .logo{position:absolute;left:60px;top:50vh;width:49px;margin-top:-29px;z-index:10;}
header .logo .rel{position:relative;width:100%;padding-top:118.92%;}
header .logo .rel img, header .logo .rel svg{position:absolute;left:0;top:0;width:100%;height:100%;}
header .logo .rel svg g{transition:fill .4s ease-out;}
.invert header .logo .rel svg g, .dark header .logo .rel svg g{fill:#FFF;}
.bright header .logo .rel svg g{fill:#535453;}
/*.bright.invert header .logo .rel svg g{fill:#535453;}*/

header .toggle{position:absolute;right:45px;top:50vh;padding:10px;line-height:1;margin-top:-15px;text-transform:uppercase;font-size:1.3rem;letter-spacing:.2rem;color:#6D6D6D;z-index:9;transition:color .4s ease-out, opacity .4s ease-out, font-size .5s ease-out;}
/*header .toggle:before {content: '';display: block;position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: #000;filter: blur(15px);z-index: -1;border-radius: 100%;opacity: 0;transform: scale(2);transition:opacity 1s;}*/
.dark header .toggle{color:#FFF;}

@media all and (min-width:1000.5px) {
    header .toggle.home {font-size: 1.5rem;}
    /*header .toggle.home:before {opacity: .35}*/
    header .toggle:before{content:"";position:absolute;left:-35px;top:-30px;width:calc(100% + 70px);height:calc(100% + 60px);background:radial-gradient(rgba(0,0,0,1) 0, rgba(0,0,0,0) 75%);z-index:-1;opacity:0;transition:opacity .8s ease-in-out;}
    header .toggle.home:before{opacity:.15;transition:opacity 1s ease-in-out;}
    header.open .toggle:before{opacity:0;transition:opacity .3s ease;}
}

header nav{position:absolute;right:0;top:0;width:406px;height:100vh;text-align:center;display:flex;color:#FFF;z-index:10;}
header nav:before{content:"";position:absolute;right:0;bottom:0;width:100%;height:100vh;background-color:#443B33;z-index:-2;transform:translateX(100%);transition:transform 1s cubic-bezier(0.16, 1, 0.3, 1);}

header nav .c{margin:auto;box-sizing:border-box;opacity:0;transition:opacity .2s ease-out;}
header.open:not(.closing) nav .c{opacity:1;transition:none;}
header nav .primary{display:block;}

header:not(.open) nav, header.open.closing nav{pointer-events:none;}
header:not(.open) nav{height:0;overflow:hidden;}
header.open:not(.closing) nav:before{transform:translateX(0%);}

header nav .wordmark{position:absolute;left:118px;bottom:120px;width:170px;opacity:0;transition:opacity .2s ease-out;}
header nav .wordmark .rel{position:relative;width:100%;padding-top:6.5376%;transition:opacity .3s ease-out;}
header nav .wordmark .rel img{position:absolute;left:0;top:0;width:100%;height:100%;}
header.open:not(.closing) nav .wordmark{opacity:1;transition:opacity .8s ease-in-out .2s;}
header nav .wordmark:hover .rel{opacity:.6;}
header nav .site-by{position:absolute;left:50%;bottom:15px;margin-left:-17px;font-size:1.0rem;letter-spacing:.05rem;opacity:0;transition:opacity .2s ease-out;}
header.open:not(.closing) nav .site-by{opacity:1;transition:opacity .8s ease-in-out .2s;}
header nav .site-by a{opacity:.8;transition:opacity .3s ease-out;}
header nav .site-by a:hover{opacity:.6;}


main{position:relative;width:100%;}
.page{position:relative;width:100%;box-sizing:border-box;font-size:0;min-height:100dvh;transition:background-color .3s ease-out;}
.dark .page{background-color:#635951;color:#FFF;}

/* Project lock*/
.lock{overflow:hidden!important;width:100%;height:100%;}
.lockoverlay{position:fixed;left:0;top:0;width:100%;height:100%;z-index:5;background:#635951;color:#FFF;transition:opacity .6s ease-out;}
.lockoverlay.hide{pointer-events:none;opacity:0;}
.lockoverlay label{font-size:1.4rem;line-height:1.4;font-weight:300;}
.lockoverlay .login{position:absolute;left:50%;top:50%;width:320px;height:200px;margin:-100px 0 0 -160px;text-align:center;}
.lockoverlay .login input{font-family:'Halton';font-weight:300;font-size:16px;/*to avoid zoom iOS 1.4rem;*/background:none;outline:0;border:0;border-radius:0;appearance:none;margin:30px auto 10px auto;text-align:left;width:100%;border-bottom:1px solid #FFF;color:#FFF;padding:5px 0;}
.lockoverlay .login input::placeholder{color:#FFF;}
.lockoverlay .login .error{color:red;font-family:'Halton';font-size:1.4rem;font-weight:300;margin:10px 0 20px 0;opacity:0;transition:opacity .3s ease-out;pointer-events:none;}
.lockoverlay .login .error.on{opacity:1;}
.lockoverlay .enterBtn{font-size:1.3rem;letter-spacing:.2rem;line-height:1;padding:10px;transition:opacity .4s ease-out;}
.lockoverlay .enterBtn:hover{opacity:.5;}


.intro{position:fixed;left:0;top:0;width:100%;height:100%;overflow:hidden;background-color:#F0EEE7;z-index:15;transition:opacity 1s ease-in-out;}
.intro .bg{position:absolute;left:0;top:0;width:400%;height:100%;background:linear-gradient(85deg, rgba(179,172,159,1), rgba(99,89,81,1), rgba(99,89,81,1),rgba(179,172,159,1));transition:transform 6s ease-in-out, opacity 1s ease-in-out .5s;will-change:transform, opacity;}
.intro .logo{position:absolute;left:0;top:0;width:100%;height:100%;opacity:0;transition:opacity 1.4s ease-in-out;}
.intro .logo img{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:contain;}
.intro.one .bg{transform:translateX(-75%);}
.intro.two .bg{opacity:0;}
.intro.one .logo{opacity:.15;}
.intro.two .logo{opacity:0;}
.intro.three{opacity:0;}

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

.m.single-img{max-width:1266px;padding:95px 100px 70px 100px;margin:auto;}
.m.single-img .lazy{width:100%;max-width:760px;}
.m.single-img .text{width:100%;max-width:520px;box-sizing:border-box;padding:20px 20px 0 0;}

/* Contact shared for About and Careers */
.contact{text-align:left;box-sizing:border-box;}
.contact a{font-weight:bold;font-size:1.4rem;}
.contact a + span{margin:auto 15px;font-weight:bold;font-size:1.4rem;cursor:default;}

.m.img-text{max-width:1266px;padding:70px 100px;margin:auto;}
.m.img-text .lazy, .m.img-text .text{display:inline-block;vertical-align:top;width:50%;box-sizing:border-box;}
.m.img-text .lazy{padding-left:120px;}
.m.img-text .text{padding-left:120px;}
.m.img-text .text .contact{padding-top:70px;}

.m.logos{padding:100px 50px;}
.m.logos .lazy{display:inline-block;vertical-align:middle;width:20%;box-sizing:border-box;padding:0 6%;}

.m.careers{max-width:1266px;padding:95px 100px 120px 100px;margin:auto;text-align:center;}
.m.careers h1{text-align:left;padding-bottom:20px;}
.m.careers p.label{margin:auto;padding:8px 0 20px 0;}
.m.careers .role{width:100%;max-width:760px;text-align:left;box-sizing:border-box;padding:75px 120px 0 0;margin:auto;}
.m.careers .role .more-btn{font-size:1.2rem;margin-top:15px;text-transform:uppercase;letter-spacing:.2rem;}
.m.careers .role &gt; .more-btn{transition:color .6s ease-in-out .8s, opacity .4s ease;}
.m.careers .role.open &gt; .more-btn{pointer-events:none;color:transparent;transition:color 0s ease, opacity .4s ease;}
.m.careers .role .more{overflow:hidden;max-height:0;transition:max-height 1s cubic-bezier(0.25, 1, 0.5, 1);}
.m.careers .role .more .more-btn{padding-top:10px;}
.m.careers .role.open .more .more-btn{visibility:visible;}
.m.careers .role .more &gt; p.label{font-size:1.2rem;padding:20px 0 5px 0;}
.m.careers .role .more &gt; p.label:first-of-type{padding-top:0;}
.m.careers .contact{width:100%;max-width:760px;padding:130px 120px 0 0;margin:auto;}

/* Portfolio */
.dark-gradient{position:fixed;left:0;top:0;width:100%;height:100vh;pointer-events:none;background:linear-gradient(0deg, rgba(0,0,0,0), rgba(0,0,0,.5));transition:opacity .3s ease-out;}
.bright .dark-gradient{opacity:0;}

.themes{display:flex;align-items:center;position:fixed;left:50%;top:25px;z-index:8;transform:translateX(-50%);}
.themes .mood-btn, .themes .index-btn{font-size:1.2rem;color:inherit;padding:10px;font-weight:300;letter-spacing:.05rem;transition:color .4s ease-out, opacity .4s ease-out;}
/* .themes .mood-btn{display:inline-block;vertical-align:top;min-width:112px;font-size:1.2rem;color:inherit;padding:10px;font-weight:300;letter-spacing:.1rem;transition:color .4s ease-out, opacity .4s ease-out;text-transform:uppercase;} */
.themes .mood-btn.selected{font-weight:normal;}
/* .themes .index-btn{display:inline-block;vertical-align:top;width:34px;height:34px;box-sizing:border-box;padding:0 10px 0 10px;margin:0 20px;transition:opacity .4s ease-out;} */
 .themes .index-btn{display:inline-block;vertical-align:top;height:34px;box-sizing:border-box;padding:0 10px 0 10px;margin:0 20px;transition:opacity .4s ease-out;}
.themes .index-btn &gt; span{display:inline-block;vertical-align:top;}
.themes .index-btn &gt; span:nth-of-type(1){width:1px;}
.themes .index-btn &gt; span:nth-of-type(2){width:10px;margin-left:3px;}
.themes .index-btn &gt; span &gt; span{display:block;width:1px;height:1px;background-color:#FFF;margin:4px 0;transition:background-color .4s ease-out;}
.themes .index-btn &gt; span:nth-of-type(2) &gt; span{width:10px;}
.bright .themes .index-btn &gt; span &gt; span{background-color:#443B33;} 
.themes .divider {height:20px;margin-left: 0.75rem; margin-right: 0.6rem; width:1px; opacity:.6; background-color: currentColor;}

.m.space{height:25px;}

.group{opacity:0;transition:none;box-sizing:border-box;padding-bottom:70px;}
.projects-on .group{opacity:1;transition:opacity .6s ease-out;}

.project-index{position:fixed;left:0;top:0;width:100%;height:0;z-index:12;overflow:hidden;pointer-events:none;}
.project-index.open{height:100%;}
.project-index.open:not(.closing){pointer-events:all;}
.project-index .bg{position:absolute;left:0;top:0;width:100%;height:100vh;background-color:#3B3B3B;opacity:0;z-index:1;pointer-events:none;transition:opacity .8s ease-out;}
.project-index .list{position:absolute;right:0;top:0;width:406px;height:100vh;text-align:center;display:flex;color:#FFF;z-index:10;}
.project-index .list:before{content:"";position:absolute;right:0;bottom:0;width:100%;height:100vh;background-color:#443B33;z-index:-2;transform:translateX(100%);transition:transform 1s cubic-bezier(0.16, 1, 0.3, 1);}
.project-index .list .c{margin:auto;box-sizing:border-box;opacity:0;transition:opacity .2s ease-out;overflow:auto;width:100%;max-height:100%;padding:120px 0;}
.project-index.open:not(.closing) .list .c{opacity:1;transition:none;}
.project-index .list .primary{display:block;}
.project-index.open:not(.closing) .bg{opacity:.3;pointer-events:all;}
.project-index:not(.open) .list, .project-index.open.closing .list{pointer-events:none;}
.project-index:not(.open) .list{height:0;overflow:hidden;}
.project-index.open:not(.closing) .list:before{transform:translateX(0%);}

.m.small-img{max-width:940px;padding:70px 100px;margin:auto;}
.m.medium-img{max-width:1140px;padding:70px 100px;margin:auto;}
.m.large-img{max-width:1740px;padding:70px 150px;margin:auto;}
.m.small-img .text, .m.medium-img .text, .m.large-img .text{width:100%;max-width:280px;box-sizing:border-box;padding:15px 20px 0 0;}
.follow-mouse .text p.label{font-weight:bold;padding-bottom:5px;color:#535353;}/*mobile name*/
.dark .follow-mouse .text p.label{color:#FFF;}

/* Home */
/* .m.home{overflow:hidden;padding:20px 0 120px 0;} */
.m.home{overflow:hidden;padding:0;/*padding-top:10vw;*/}
.m.home *{box-sizing: border-box;}
.m.home .splide {height:100dvh;width:100vw;}
.m.home .splide li {padding:0}
.m.home .splide .m {height:100dvh;width:100vw;padding:0}
.m.home .splide .rel {height:100dvh;width:100vw;padding-top:0 !important}
.m.home .splide img {height:100dvh;width:100vw;object-fit:cover}
.m.home .splide .text {position:absolute;left:140px;bottom:60px;width:100%;max-width:460px;color:#fff}
.m.home .splide .label {color:inherit}
.m.home .splide h3 {color:inherit;font-size:2.2rem;line-height: 1.1;letter-spacing: .1rem;}

.m.two-imgs{max-width:1240px;padding:70px 100px;margin:auto;}
.m.two-imgs a{display:inline-block;vertical-align:top;width:50%;}
.m.two-imgs a:nth-of-type(1){padding-right:65px;}
.m.two-imgs a:nth-of-type(2){padding-left:65px;}
.m.two-imgs .text{width:100%;max-width:260px;box-sizing:border-box;padding:15px 20px 0 0;}
.m.small-img .lazy, .m.medium-img .lazy, .m.large-img .lazy, .m.two-imgs .lazy{overflow:hidden;}

/* Project */
.back-btn{position:fixed;left:50%;top:25px;padding:10px;margin-left:-55px;font-size:1.2rem;font-style:italic;z-index:2;color:#FFF;transition:all .4s ease-out;}
.invert:not(.dark) .back-btn{color:#443B33;}

.m.horigallery{height:100vh;/*overwritten in js*/}
.m.horigallery .scroller{position:sticky;top:0;white-space:nowrap;width:100%;height:100vh;box-sizing:border-box;overflow:hidden;}
.m.horigallery .scroller .inner{position:absolute;left:0;top:0;width:100%;height:100%;}
.m.horigallery .el{position:relative;display:inline-block;vertical-align:top;width:auto;height:calc(100vh - 75px);padding-top:75px;margin-right:35px;}
/*.m.horigallery .el:last-of-type{margin-right:0;}*/
.m.horigallery .lazy .rel{width:auto;height:100%;}
.m.horigallery .lazy .rel .img{position:relative;left:auto;top:auto;width:auto;}
.m.horigallery .lazy.fs{width:100%;height:100vh;padding-top:0;}
.m.horigallery .lazy.fs:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:160px;background:linear-gradient(0deg, rgba(0,0,0,.8), rgba(0,0,0,0));}
.m.horigallery .lazy.fs .text{position:absolute;left:140px;bottom:60px;z-index:2;color:#FFF;white-space:normal;width:100%;max-width:460px;box-sizing:border-box;}
.m.horigallery .lazy.fs .text p.label{padding-bottom:10px;}
.m.horigallery .lazy.fs .text h1, .m.horigallery .el .text h2{color:inherit;}
.m.horigallery .lazy.fs .rel{width:100%;}
.m.horigallery .lazy.fs .rel .img{width:100%;height:100%;object-fit:cover;}
.m.horigallery .el.desc{vertical-align:bottom;width:280px;height:auto;white-space:normal;margin-right:65px;padding-bottom:75px;}
.m.horigallery .el.desc h2{padding-bottom:10px;color:inherit;}
.m.horigallery .el.desc p.label{padding-top:0;padding-bottom:40px;}
/*.m.horigallery .el.youtube { box-sizing: border-box; }
.m.horigallery .el.youtube .rel { width: auto; height: 100%; } */
.m.horigallery .el.youtube .externalvideoplayer { width: auto; margin: 0; height: 100%; }
.m.horigallery .el.youtube iframe { width: auto; height: 100%; aspect-ratio: 16 / 9; }

/* Press */
.m.press{max-width:1250px;padding:95px 100px 70px 100px;margin:auto;text-align:center;}
.m.press .years{position:fixed;left:50%;top:25px;z-index:8;transform:translateX(-50%);}
.year-btn{display:inline-block;vertical-align:top;font-size:1.2rem;color:inherit;padding:10px 25px;font-weight:300;letter-spacing:.1rem;transition:color .4s ease-out, opacity .4s ease-out;}
.year-btn.selected{font-weight:normal;}
.m.press .grid .group{opacity:0;transition:none;}
.m.press.in .grid .group{opacity:1;transition:opacity .8s ease-in-out;}
.m.press .grid a{display:inline-block;vertical-align:top;width:18%;margin:30px 3.5%;}
.m.press .grid a .lazy{width:100%;}/*186:244*/
.m.press .grid a .lazy .rel{padding-top:131.18%;}
.m.press .grid a .lazy .rel img{object-fit:contain;}
.m.press .grid a h2{font-size:1.5rem;padding:15px 20px 0 0;text-align:left;}

.pageTransition{position:fixed;pointer-events:none;z-index:10;width:100vw;height:100vh;background-color:#F0EEE7;left:0;top:0;transition:opacity 1s ease-in-out;will-change:opacity;}
.pageTransition.loaded{opacity:0;}
.pageTransition.in{opacity:1;transition:opacity .3s ease;}
.pageTransition.fast{opacity:0;transition:none;}

@media (hover:hover){
    .primary, p a, .m.careers .role .more-btn, .m.press .grid a .lazy{transition:opacity .4s ease-out;}
    .primary:hover, p a:hover, .toggle:hover, .m.careers .role .more-btn:hover, .themes .mood-btn:hover, .themes .index-btn:hover, .back-btn:hover, .year-btn:hover, .m.press .grid a:hover .lazy{opacity:.5;}
    .m.small-img a .lazy .rel, .m.medium-img a .lazy .rel, .m.large-img a .lazy .rel, .m.two-imgs a .lazy .rel{transition:transform 1.5s ease-in-out;}
    .m.small-img a:hover .lazy .rel, .m.medium-img a:hover .lazy .rel, .m.large-img a:hover .lazy .rel, .m.two-imgs a:hover .lazy .rel{transform:scale(1.025,1.025);transition:transform .6s ease-out;}
}
@media all and (max-width:1350.5px) and (min-width:1000.5px){
    header .logo{left:30px;}
    header .toggle{right:20px;}
    .m.img-text .text{padding-left:10%;}
    .m.large-img{padding:70px 100px;}
}

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

    h1{font-size:1.8rem;}
    h2{font-size:1.6rem;}

    header .logo{left:50%;top:12px;margin-top:0;margin-left:-25px;transition:opacity .4s ease-out;}
    .fadelogo header .logo{opacity:0;}
    header .toggle{right:6px;top:12px;margin-top:0;font-size:1.2rem;}
    header.open{height:100%;}
    header nav{width:100%;height:100%;min-height:90vh;}
    header nav .wordmark{left:50%;margin-left:-85px;}
    header nav .close-btn, .project-index .close-btn{position:absolute;left:50%;width:30px;height:30px;top:20px;margin-left:-15px;transform:rotate(45deg);opacity:0;transition:opacity .1s ease-out;pointer-events:none;}
    header.open:not(.closing) nav .close-btn, .project-index.open:not(.closing) .close-btn{opacity:1;pointer-events:all;transition:opacity .8s ease-in-out;}
    header nav .close-btn:before, .project-index .close-btn:before{content:"";position:absolute;left:14px;top:5px;width:1px;height:19px;background-color:#FFF;}
    header nav .close-btn:after, .project-index .close-btn:after{content:"";position:absolute;left:5px;top:14px;width:19px;height:1px;background-color:#FFF;}
    
    .project-index .list{width:100%;}

    .intro .logo img{object-position:center bottom;}
    .m .l, .m .r{display:block;width:100%;}

    /* .m.home{padding:120px 0;} */
    .m.home .splide .text {left: 0;bottom: 20px;padding: 0 15px;width:100%;max-width:460px;}
    .m.home .splide h3 {font-size:1.8rem}

    .m.single-img{padding:140px 15px 20px 15px;}
    .m.single-img .text{padding:20px 40px 0 0;}

    .contact h2{font-size:1.8rem;}

    .m.img-text{padding:40px 15px;}
    .m.img-text .lazy, .m.img-text .text{width:100%;display:block;}
    .m.img-text .lazy{padding-left:0;padding-right:40%;}
    .m.img-text .text{padding-left:0;padding-top:25px;}
    .m.img-text .text .contact{padding-top:70px;}

    .m.logos{padding:40px 15px 80px 15px;}
    .m.logos .lazy{display:block;width:25%;padding:0;margin:35px auto;}

    .m.careers{padding:120px 15px 120px 15px;}
    .m.careers h1{padding-bottom:0;}
    .m.careers .role{padding:75px 0 0 0;}

    .themes{left:50%;top:auto;bottom:25px;height:48px;background-color:#FFF;border-radius:48px;box-sizing:border-box;padding:0 12px 0 12px;transition:background-color .4s ease-out;}
    /* .themes{left:50%;top:auto;bottom:25px;width:325px;height:48px;background-color:#FFF;border-radius:48px;box-sizing:border-box;padding:5px 12px 0 12px;transition:background-color .4s ease-out;} */
    .dark .themes{background-color:#312A25;}
    /* .themes .mood-btn{padding:10px 9px;min-width:125px;font-size:1.2rem;} */
    .themes .mood-btn, .themes .index-btn{padding:10px 9px;font-size:1.2rem;white-space:nowrap;}
    .themes .index-btn{padding:8px 5px;}
    .m.space{height:120px;}

    .m.small-img{padding:20px 15px;}
    .m.medium-img{padding:20px 15px;}
    .m.large-img{padding:20px 15px;}

    .m.two-imgs{padding:20px 15px;}
    .m.two-imgs a{display:block;width:100%;}
    .m.two-imgs a:nth-of-type(1){padding-right:0;padding-bottom:40px;}
    .m.two-imgs a:nth-of-type(2){padding-left:0;}
   
    .group{padding-bottom:120px;}
    .m.press .grid .group{padding-bottom:0;}

    /* Project */
    .back-btn{left:10px;top:10px;margin-left:0;font-style:normal;letter-spacing:.2rem;}
    .bright .back-btn{color:#443B33;}

    .m.horigallery{height:auto;padding-bottom:100px;}
    .m.horigallery .scroller{position:relative;top:auto;white-space:normal;width:100%;height:auto;padding:0;}
    .m.horigallery .scroller .inner{position:relative;left:auto;top:auto;width:100%;height:auto;}
    .m.horigallery .el{display:block;width:100%;height:auto;margin-left:0;margin-bottom:15px;padding:0 15px;}
    .m.horigallery .el:last-of-type{margin-right:0;}
    .m.horigallery .el .lazy{width:100%;height:auto;}/*when inside link (for location pages)*/
    .m.horigallery .lazy .rel{width:100%;height:auto;}
    .m.horigallery .lazy .rel .img{position:absolute;left:0;top:0;width:100%;}
    .m.horigallery .lazy.fs{padding:0;}
    .m.horigallery .lazy.fs .rel{height:100%;}
    .m.horigallery .lazy.fs .text{left:0;bottom:20px;padding:0 15px;}
    .m.horigallery .el.desc{padding:75px 15px 60px 15px;width:100%;max-width:280px;}
    .m.horigallery .el.youtube iframe { width: 100%; height: auto; }

    /* Press */
    .m.press{padding:120px 15px 120px 15px;}
    .m.press .years{top:auto;bottom:25px;width:325px;height:48px;white-space:nowrap;overflow:hidden;background-color:#FFF;border-radius:48px;box-sizing:border-box;padding:5px 12px 0 12px;transition:background-color .4s ease-out;}
    .year-btn{font-size:1.4rem;padding:10px 15px;}
    .m.press .grid a{width:calc((100% - 14px) / 2);margin:0 0 30px 0;}
    .m.press .grid a:nth-of-type(2n){margin-left:7px;}
    .m.press .grid a:nth-of-type(2n+1){margin-right:7px;}
    .m.press .grid a h2{font-size:1.2rem;padding:10px 10px 0 0;}
}
@media all and (max-width:1000.5px) and (max-height:600.5px) and (orientation:landscape){
    header nav .wordmark{bottom:15px;}
    header nav .site-by{display:none;}
}
/* Desktop only */
@media all and (min-width:1000.5px){
    .mobile{display:none;}
    .m.home .m.small-img, .m.home .m.medium-img{padding-top:140px;}
    .m.home .splide img{pointer-events:all;}
    .m.home &gt; .m:first-of-type{padding-top:5%;}/*first image better centered*/
    .follow-mouse .text p.label{display:none;}
    header nav .close-btn{display:none;}
}


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

.oldIe .lazy .rel .img{
	object-fit:cover;
	font-family:'object-fit: cover;';
}
</pre></body></html>