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:'Graphik', sans-serif;background:var(--olive);color:#FFF;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;}*/

@font-face{font-family:'Engravers';src:url('../Fonts/engravers.woff2') format('woff2'),url('../Fonts/engravers.woff') format('woff');font-weight:normal;font-style:normal;font-stretch:normal;font-display:swap;}
@font-face{font-family:'Graphik';src:url('../Fonts/Graphik-Light-Web.woff2') format('woff2'),url('../Fonts/Graphik-Light-Web.woff') format('woff');font-weight:300;font-style:normal;font-stretch:normal;font-display:swap;}

:root{
    /*Easing*/
    --cubic:cubic-bezier(0.215, 0.61, 0.355, 1);/*cubic-bezier(0.33, 1, 0.68, 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);
    --delay:0s;

    --charcoal:#1B1B1B;
    --espresso:#261F14;
    --darkolive:#6C5D47;
    --olive:#83735C;
    --cream:#F4F0EC;
    --overlaybg:#E7E0DA;
}


/* 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,h5,q,.price,.m.countdown-banner .time span{font-family:'freight-display-pro', serif;font-weight:300;}
h1,h2.large{font-size:5.0rem;line-height:1.18;letter-spacing:0.1rem;}
h1.small,h2{font-size:4.0rem;line-height:1.18;letter-spacing:0.1rem;}
h3,q{font-size:2.8rem;line-height:1.18;letter-spacing:0.01rem;}
h4,.price{font-size:2.4rem;line-height:1.1;}
h5{font-size:2.0rem;line-height:1.1;}
.price{font-size:2.6rem;}
p,ol,ul{font-family:'Graphik';font-size:1.4rem;line-height:1.5;min-height:1.4rem;}
q{display:block;}
q::before,q::after{display:none;}
ul{box-sizing:border-box;margin:0;padding:0 0 0 12px;}
li{position:relative;box-sizing:border-box;padding-left:12px;}
li+li{margin-top:12px;}
li::marker{font-size:1rem;}
input, textarea, select{font-family:'Graphik';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;}
.label,.round-btn,.primary,.search-btn,.inquiry-btn, form.engravers input, form.engravers textarea, .custom-form input[type="submit"],header .search-overlay .input input{font-family:'Engravers';font-size:1.3rem;line-height:1.4;letter-spacing:0.169rem;text-transform:uppercase;}
.label.large,.round-btn{font-size:1.5rem;/*letter-spacing:0.225rem;*/}
p.label + h1,p.label + h2,p.label + h3,p.label + h4{padding-top:5px;}
h1+p,h2+p,h3+p,h3+ul{padding-top:14px;}
h4+p{padding-top:8px;}
h1+h2,h1+h3{padding-top:35px;}
h1+.label{margin-top:20px;}
p a{transition:opacity .3s ease-out;}
.m p a:not(.underline):not(.label){text-decoration:underline;}
p a:not(.underline):not(.label):hover{opacity:.7;}

@media all and (max-width:1000.5px){
    h1,h2.large{font-size:3.4rem;}
    h1.small,h2,q{font-size:2.4rem;}
    .label.large{font-size:1.3rem;}
    h3,h4,.price,h5{font-size:1.8rem;line-height:1.18;letter-spacing:0.01rem;}
}

/*      Buttons     */
a{text-decoration:none;line-height:inherit;touch-action:manipulation;/*removes delay*/}
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;}
.m.category-footer{user-select:none;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);}
button:focus{outline:none;}
button:focus-visible{outline:1px solid #FFF;}
.round-btn{padding:4px 15px;}
.round-btn.outline{border:1px solid #FFF;border-radius:20px;}
body.cream .page .round-btn.outline.selected{border-color:var(--darkolive);}
.round-btn.outline:not(.selected){border-color:transparent;}
/* For all line animations */
/*.lineParent,.line-by-line{overflow:hidden;}*/
.line-by-line > div{will-change:transform;}

.close-btn, .label.underline{padding:12px 10px;}
header .primary::before, header .search-btn::before, header .inquiry-btn::before, .label.underline::before{content:"";position:absolute;left:10px;top:auto;bottom:11px;width:calc(100% - 20px);height:1px;background:#FFF;transform-origin:100% 0;transform:scaleX(0);transition:transform .3s var(--quart);}
header .primary.selected::before, header.search-open .search-btn::before, .label.underline.selected::before{transform-origin:0 0;transform:scaleX(1);transition:transform .8s var(--expo);}
body.cream .page .label.underline::before{background:var(--darkolive);}
.label.hover{transition:padding .3s var(--quart);}    
.label.hover::before{content:"";position:absolute;left:0;top:50%;width:8px;height:1px;background:#FFF;transform-origin:0 0;transform:scaleX(0);transition:transform .3s var(--quart);}
footer .block > .label.primary.selected{padding-left:12px;transition:padding .6s var(--expo);}
footer .block > .label.primary.selected::before{transform:scaleX(1);transition:transform .8s var(--expo);}

@media (hover:hover){    
    .label.hover:hover, .category:hover .label.hover, .project:hover .label.hover, .product:hover p.label.hover, header .search-overlay .results .product:hover p.label.hover{padding-left:12px;transition:padding .6s var(--expo);}
    .label.hover:hover::before, .category:hover .label.hover::before, .project:hover .label.hover::before, .product:hover p.label.hover::before, header .search-overlay .results .product:hover p.label.hover::before{transform:scaleX(1);transition:transform .8s var(--expo);}
    header .primary:hover::before, header .primary.selected::before, header .search-btn:hover::before, header .inquiry-btn:hover::before, header.search-open .search-btn::before, .label.underline:hover::before, .label.underline.selected::before{transform-origin:0 0;transform:scaleX(1);transition:transform .8s var(--expo);}
    body.cream:not(.ignore-cream) header:not(.scrolled):not(.search-open) .primary::before, body.cream:not(.ignore-cream) header:not(.scrolled):not(.search-open) .search-btn::before, body.cream:not(.ignore-cream) header:not(.scrolled):not(.search-open) .inquiry-btn::before, body.cream .page .label.hover::before, body.invert-menu header:not(.scrolled):not(.search-open) .primary::before, body.invert-menu header:not(.scrolled):not(.search-open) .search-btn::before, body.invert-menu header:not(.scrolled):not(.search-open) .inquiry-btn::before{background:var(--darkolive);}
    .m.img-txt-banner .label.hover::before, .m.category-footer .category .label.hover::before, body.cream .m.product-grid .editorial a.label::before{background:#FFF;}
    .close-btn::before{content:"";position:absolute;left:10px;bottom:11px;width:calc(100% - 20px);height:1px;background:var(--olive);transform-origin:100% 0;transform:scaleX(0);transition:transform .3s var(--quart);}
    .close-btn:hover::before{transform-origin:0 0;transform:scaleX(1);transition:transform .8s var(--expo);}
    .m.category-footer .close-btn::before, .project-overlay .close-btn::before{background:#FFF;}
    .round-btn{transition:border .3s ease-out, opacity .3s ease-out;}
    .round-btn:not(.selected):hover{opacity:.7;}
}

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

.has-video .media{position:relative;width:100%;overflow:hidden;}
.has-video .media .hover-video{position:absolute;left:0;top:0;width:100%;height:100%;opacity:0;transition:opacity .4s ease-out;}
.has-video .media .hover-video .lazy{position:absolute;left:0;top:0;width:100%;height:100%;}
.has-video:not(.interacted) .media .hover-video{display:none;}
.has-video.over .media .hover-video{opacity:1;}
.has-video .media .hover-video video{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover;}

/* Animations */
.fade{opacity:0;}
.fade.in{opacity:1;transition:opacity 1s ease-in-out var(--delay);}
.fade.fast.in{transition:opacity .4s ease-out var(--delay);}
.zoom img{opacity:0;transform:scale(1.05,1.05);}
.zoom.in img{opacity:1;transform:scale(1,1);transition:transform 2.5s var(--cubic) var(--delay), opacity .6s ease-out var(--delay);}
.txtzoom{opacity:0;transform:scale(.95,.95);}
.txtzoom.in{transform:scale(1,1);opacity:1;transition:opacity 1s ease-in-out var(--delay), transform 4s 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);;}

header{position:fixed;left:0;top:0;width:100%;z-index:10;}
body.has-promobar header{top:30px;}
header > .bg{position:absolute;left:0;top:0;width:100%;height:60px;/*70px*/background:var(--olive);opacity:0;transition:opacity .4s ease-out;z-index:0;}
header .shade{position:absolute;left:0;top:60px;width:100%;height:40px;background:linear-gradient(0deg, rgba(0,0,0,0) 0%, rgba(0,0,0,.075) 60%, rgba(0,0,0,.15) 100%);opacity:0;transition:opacity .4s ease-out;pointer-events:none;z-index:-1;}
header.scrolled > .bg, header.search-open > .bg, header.scrolled .shade{opacity:1;}
header .logo{position:absolute;left:35px;top:22px;width:150px;transform-origin:0 0;transition:transform .4s ease-out;}
header .logo img{width:100%;height:auto;}
header .logo img + img{position:absolute;left:0;top:0;opacity:0;}
header .menu{position:absolute;right:0;top:14px;box-sizing:border-box;padding-right:22px;transition:transform .4s ease-out;}
header .menu nav{position:relative;font-size:0;display:inline-block;vertical-align:top;box-sizing:border-box;padding-right:10px;margin-right:10px;}
header .menu nav::after{content:"";position:absolute;right:-1px;top:15px;width:1px;height:14px;background:#FFF;}
header .primary{display:inline-block;vertical-align:top;padding:12px 11px;}
header .search-btn{display:inline-block;vertical-align:top;padding:12px 11px;}
body.result-page header .search-btn{pointer-events:none;}/*to prevent closing search input*/
header .search-btn .icon{display:inline-block;vertical-align:middle;width:10px;height:8px;background:url("../Grx/search.svg") no-repeat;margin-right:8px;}
header .inquiry-btn{display:inline-block;vertical-align:top;padding:12px 11px;}
header .inquiry-btn .count{letter-spacing:-.05rem;}
/* Search */
header .search-overlay{position:absolute;left:0;top:70px;width:100%;height:calc(100vh - 70px);overflow:auto;}
body.result-page header .search-overlay{height:auto;}
header:not(.search-open) .search-overlay{display:none;height:0;overflow:hidden;}
header .search-overlay .bg{position:absolute;left:0;top:0;width:100%;height:100%;background:var(--charcoal);opacity:0;transition:opacity .5s ease-out;}
body:not(.result-page) header.search-open .search-overlay.in .bg{opacity:.5;}
body.result-page header .search-overlay .bg{pointer-events:none;}
header .search-overlay .content{position:relative;width:100%;background:#94836B;color:#FFF;clip-path:inset(0% 0% 100% 0%);transition:clip-path .5s var(--quart);}
header .search-overlay.in .content{clip-path:inset(0% 0% 0% 0%);transition:clip-path 1s var(--expo);}
header .search-overlay .input{position:relative;width:100%;height:64px;border-top:1px solid #AEA495;border-bottom:1px solid #AEA495;box-sizing:border-box;padding:20px 35px;}
header .search-overlay .input .icon{display:inline-block;vertical-align:middle;width:10px;height:8px;background:url("../Grx/search.svg") no-repeat;margin-right:8px;}
header .search-overlay .input input{display:inline-block;vertical-align:middle;font-size:1.3rem;color:#FFF;text-transform:uppercase;width:75%;}
header .search-overlay .input input::placeholder{color:#FFF;transition:opacity .3s ease-out;}
header .search-overlay .input input:hover::placeholder, header .search-overlay .input input:focus::placeholder{opacity:.7;}
header .search-overlay .suggestions{position:relative;width:100%;min-height:145px;box-sizing:border-box;padding:20px 35px;}
body.result-page header .search-overlay .suggestions{display:none;}
header .search-overlay .suggestions .label{display:table;padding:5px 20px 0 0;}
header .search-overlay .results{position:relative;width:100%;border-top:1px solid #AEA495;box-sizing:border-box;overflow:hidden;}
body.result-page .search-overlay .results{display:none;}
header .search-overlay .results:not(.on){height:0;opacity:0;}
header .search-overlay .results .title{margin-bottom:14px;}
header .search-overlay .results .products{position:relative;width:100%;display:grid;grid-template-columns:repeat(3, 1fr);grid-gap:30px 30px;}
header .search-overlay .results.on{padding:20px 35px;opacity:1;transition:opacity .5s ease-out;}
header .search-overlay .results .product .media{margin-bottom:12px;}
header .search-overlay .results .product .lazy img{transition:transform 1.5s var(--quart);}
header .search-overlay .results .product:hover .lazy img{transform:scale(1.025,1.025);}
/* Inquiry overlay */
.product-inquiry{position:fixed;left:0;top:0;width:100%;height:100%;z-index:15;overflow:hidden;color:var(--darkolive);}
.product-inquiry:not(.on){width:0;height:0;display:none;}
.product-inquiry .bg{position:absolute;left:0;top:0;width:100%;height:100%;z-index:-1;background:var(--charcoal);opacity:0;transition:opacity .3s ease-out;}
.product-inquiry.in .bg{opacity:.5;transition:opacity .5s ease-out;}
.product-inquiry .close-btn{position:absolute;left:0;top:50%;transform:translate(-5px, -50%) rotate(-90deg);}
.product-inquiry .close-btn::before{background:var(--darkolive);}
.product-inquiry .list{position:absolute;right:0;top:0;width:100%;max-width:950px;height:100%;background:var(--overlaybg);color:var(--olive);overflow:auto;box-sizing:border-box;padding:0 30px 0 60px;transform:translateX(100%);transition:transform .3s ease-out;}
.product-inquiry.in .list{transform:translateX(0%);transition:transform 1.0s var(--quart);}
.product-inquiry .list .inner{position:relative;width:100%;height:100%;font-size:0;display:flex;}
.product-inquiry .list .l, .product-inquiry .list .r{display:inline-block;}
.product-inquiry .list .l{width:468px;box-sizing:border-box;padding:40px 0;}
.product-inquiry .list .r{width:calc(100% - 468px);box-sizing:border-box;padding-left:55px;align-self:center;}
.product-inquiry .list form{font-size:1.4rem;width:100%;}
.product-inquiry .list form input, .product-inquiry .list form textarea{width:100%;}
.product-inquiry .list .product{position:relative;width:100%;height:177px;box-sizing:border-box;border:1px solid #D4CBC2;}
.product-inquiry .list .product .lazy, .product-inquiry .list .product .title{display:inline-block;vertical-align:middle;width:50%;}
.product-inquiry .list .product .lazy{width:233px;height:177px;}
.product-inquiry .list .product .title{box-sizing:border-box;padding:10px 10px 10px 25px;}
.product-inquiry .list .product .title a{transition:opacity .3s ease-out;}
.product-inquiry .list .product .title a:hover{opacity:.5;}
.product-inquiry .list .product .delete{position:absolute;right:5px;top:5px;width:30px;height:30px;transition:opacity .3s ease-out;}
.product-inquiry .list .product .delete::before, .product-inquiry .list .product .delete::after{content:"";position:absolute;left:5px;top:14px;width:20px;height:1px;background:var(--darkolive);transform:rotate(45deg);}
.product-inquiry .list .product .delete::after{transform:rotate(-45deg);}
.product-inquiry .list .product .delete:hover{opacity:.5;}
.product-inquiry .list .product .close-overlay{position:absolute;left:0;top:0;width:100%;height:100%;color:#FFF;display:flex;align-items:center;justify-content:center;}
.product-inquiry .list .product .close-overlay::before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background:var(--darkolive);opacity:.85;}
.product-inquiry .list .product .close-overlay .label + .label{margin-left:30px;}
.product-inquiry .list .product + .product{margin-top:25px;}
.product-inquiry .custom-form{color:var(--darkolive);}
.product-inquiry .custom-form form h4{margin-bottom:40px;}
.product-inquiry .custom-form input, .product-inquiry .custom-form textarea{color:var(--darkolive);border-color:var(--darkolive);}
.product-inquiry .custom-form input::placeholder, .product-inquiry .custom-form textarea::placeholder{color:var(--darkolive);}
/* Project inquiry */
.project-inquiry{position:fixed;left:0;top:0;width:100%;height:100%;z-index:15;overflow:hidden;color:var(--darkolive);}
.project-inquiry:not(.on){width:0;height:0;display:none;}
.project-inquiry .bg{position:absolute;left:0;top:0;width:100%;height:100%;z-index:-1;background:var(--charcoal);opacity:0;transition:opacity .3s ease-out;}
.project-inquiry.in .bg{opacity:.5;transition:opacity .5s ease-out;}
.project-inquiry .close-btn{position:absolute;left:0;top:50%;/*width:0;*/transform:translate(-5px, -50%) rotate(-90deg);}
.project-inquiry .close-btn::before{background:var(--darkolive);}
.project-inquiry .list{position:absolute;right:0;top:0;width:100%;max-width:460px;height:100%;background:var(--overlaybg);color:var(--olive);overflow:auto;box-sizing:border-box;padding:40px 80px 40px 85px;transform:translateX(100%);transition:transform .3s ease-out;display:flex;/*align-items:center;*/}
.project-inquiry.in .list{transform:translateX(0%);transition:transform 1.0s var(--quart);}
.project-inquiry .list .inner{position:relative;width:100%;/*height:100%;*/font-size:0;margin:auto;}
.project-inquiry .list form{font-size:1.4rem;width:100%;}
.project-inquiry .list form input, .project-inquiry .list form textarea{width:100%;}
.project-inquiry .custom-form{color:var(--olive);}
.project-inquiry .custom-form form p{margin-bottom:40px;}
.project-inquiry .custom-form input, .project-inquiry .custom-form textarea{color:var(--olive);border-color:var(--olive);}
.project-inquiry .custom-form input::placeholder, .project-inquiry .custom-form textarea::placeholder{color:var(--olive);}

/* Themes */
@media all and (min-width:1000.5px){
    body.cream:not(.ignore-cream) header:not(.scrolled):not(.search-open), body.invert-menu header:not(.scrolled):not(.search-open){color:var(--darkolive);}
    body.cream:not(.ignore-cream) header:not(.scrolled):not(.search-open) .menu nav::after, body.invert-menu header:not(.scrolled):not(.search-open) .menu nav::after{background:var(--olive);}
    body.cream:not(.ignore-cream) header:not(.scrolled):not(.search-open) .search-btn .icon, body.invert-menu header:not(.scrolled):not(.search-open) .search-btn .icon{background-image:url("../Grx/search_dark.svg");}
}
body.cream:not(.ignore-cream) header:not(.scrolled):not(.search-open):not(.open) .logo img:first-of-type{opacity:0;}
body.cream:not(.ignore-cream) header:not(.scrolled):not(.search-open):not(.open) .logo img + img{opacity:1;}

main{position:relative;width:100%;}
.page{position:relative;width:100%;box-sizing:border-box;font-size:0;padding-top:70px;}
body.has-promobar .page{padding-top:100px;}
.page.removing{position:fixed;left:0;top:0;z-index:5;}
body.cream .page, .page[data-color="cream"]{background:var(--cream);color:var(--olive);}
body.cream .page .label{color:var(--darkolive);}
body.espresso .page, .page[data-color="espresso"]{background:var(--espresso);}

.promobar{position:fixed;left:0;top:0;width:100%;height:30px;background:var(--espresso);color:#FFF;z-index:10;box-sizing:border-box;padding:1px 35px 0 35px;text-align:center;white-space:nowrap;display:flex;align-items:center;}
.promobar .inner{position:relative;width:100%;max-width:600px;margin:auto;font-size:0;display:flex;justify-content:space-between;}
.promobar .l, .promobar .c, .promobar .r{display:inline-block;vertical-align:top;/*width:33.33%;*/}
.promobar .l{text-align:left;justify-self:start;}
.promobar .r{text-align:right;justify-self:end;}
.promobar .r a span{display:inline-block;vertical-align:middle;margin:-1px 0 0 3px;width:4px;height:4px;border-top:1px solid #FFF;border-right:1px solid #FFF;transform:rotate(45deg);transition:transform .2s ease-out;}
.promobar .r a:hover span{transform:translateX(2px) rotate(45deg);}
.promobar .time{font-size:0;text-align:center;}
.promobar .time .el, .promobar .time .el p{display:inline-block;vertical-align:top;}
.promobar .time .el p.a{letter-spacing:-.05rem;margin-right:4px;}
.promobar .time .el p.b{margin-right:5px;}

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

/* Modules */
.m.center{text-align:center;}

.m.intro{position:fixed;left:0;top:0;width:100%;height:100%;z-index:1001;background:var(--charcoal);}
.m.intro .logo{position:absolute;left:50%;top:50%;width:248px;margin:-23px 0 0 -124px;}
.m.intro .logo img{width:100%;height:auto;min-height:46px;}
.m.intro.hide-logo .logo{opacity:0;transition:opacity .5s ease-out .3s;}
.m.intro.hide{display:none;width:0;height:0;}
.m.intro .flashes{position:absolute;left:50%;top:50%;opacity:0;will-change:transform, opacity;}
.m.intro .flashes.in{opacity:1;transition:opacity .5s ease-out .5s;}
.m.intro .flashes .lazy{position:absolute;left:0;top:0;width:auto;height:57vh;transform:translate(-50%,-50%);}
.m.intro .flashes .lazy:not(.on){visibility:hidden;}
.m.intro .flashes .lazy img{width:auto;height:100%;}
.m.intro .flashes .lazy:first-of-type{position:relative;}

.m.home-slideshow{height:100vh;margin-top:-70px;overflow:hidden;}
body.has-promobar .m.home-slideshow{height:calc(100vh - 30px);}
.m.home-slideshow.dark{background-color:var(--charcoal);}
/*.m.home-slideshow.in{background-color:var(--olive);transition:background-color 1.2s ease-in-out .1s;}*/
.m.home-slideshow::after{content:"";position:absolute;right:0;top:0;width:1080px;max-width:100%;height:50%;background:linear-gradient(210deg, rgba(0,0,0,.4) 0%, rgba(0,0,0,0) 50%);z-index:1;opacity:0;}
.m.home-slideshow.in::after{opacity:1;transition:opacity 1.2s ease-in-out .1s;}
.m.home-slideshow .masked, .m.home-slideshow .step{position:absolute;left:0;top:0;width:100%;height:100%;z-index:1;}
.m.home-slideshow .step:not(.loaded){display:none;}
.m.home-slideshow .step{opacity:0;transition:opacity 1.5s ease-in-out;}
.m.home-slideshow .step.on{/*z-index:2;*/opacity:1;}
.m.home-slideshow .step:not(.on){pointer-events:none;}/* better than moving z-index, for smooth fade when changing quickly */
.m.home-slideshow .step.instant{transition:none;opacity:1;}
.m.home-slideshow .step .bg, .m.home-slideshow .step .bg .lazy{position:absolute;left:0;top:0;width:100%;height:100%;}
.m.home-slideshow .step .bg{will-change:transform;}
.m.home-slideshow .step .bg .lazy img, .m.home-slideshow .step .bg .lazy video{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover;}
.m.home-slideshow .step .bg::after{content:"";position:absolute;left:0;top:0;width:915px;max-width:100%;height:100%;background:linear-gradient(90deg, rgba(0,0,0,.4) 0%, rgba(0,0,0,0) 100%);z-index:1;}
.m.home-slideshow .step .title{position:absolute;left:100px;bottom:125px;z-index:2;}
.m.home-slideshow .step .title h2{padding-bottom:5px;}
.m.home-slideshow .progress{position:absolute;left:100px;bottom:80px;z-index:5;}
.m.home-slideshow .progress .step-btn{display:inline-block;vertical-align:top;width:60px;height:2px;margin-right:7px;background:#FFF;opacity:.5;transition:opacity .3s ease-out;}
.m.home-slideshow .progress .step-btn::before{content:"";position:absolute;left:-7px;top:-7px;width:calc(100% + 14px);height:calc(100% + 14px);}/*hit*/
.m.home-slideshow .progress .step-btn:hover, .m.home-slideshow .progress .step-btn.selected{opacity:1;}

@media all and (max-width:1250.5px){
    .m.home-slideshow .step .title{left:40px;}
    .m.home-slideshow .progress{left:40px;}
}

.m.media.medium{padding:40px 8%;}
.m.media.large{padding:0 35px;}
.m.media .inner{width:100%;margin:auto;}
.m.txt + .m.media.large{margin-top:20px;}

.m.quote{padding:100px 22% 80px 22%;}
.m.quote .inner{width:100%;max-width:800px;margin:auto;}

.m.img-txt{padding:65px 11%;}
body.espresso .page .m.img-txt{background:#3B3122;padding:0 11%;}
/*.m.img-txt.larger{padding:65px 6%;}*/
.m.img-txt.larger.reverse{padding:65px 6%;}
.m.img-txt .inner{width:100%;/*max-width:800px;*/margin:auto;}
.m.img-txt .lazy{width:100%;}
.m.img-txt .l{padding-right:75px;vertical-align:middle;}
.m.img-txt .r{padding-left:75px;vertical-align:middle;}
.m.img-txt.larger.reverse .r{padding-left:65px;}
.m.img-txt button.label{margin-top:60px;}
.m.img-txt.small-img .l{padding:4% 10%;}

.m.img-txt-banner{background:var(--darkolive);color:#FFF;margin-top:40px;}
.m.img-txt-banner .inner{width:100%;font-size:0;}
.m.img-txt-banner .l, .m.img-txt-banner .r{vertical-align:middle;}
.m.img-txt-banner .r{padding:20px 14%;}
.m.img-txt-banner .label, body.cream .page .m.img-txt-banner .label{color:#FFF;}
body.cream .page .m.img-txt-banner .label.hover::before{background:#FFF;}
.m.img-txt-banner h4 + .label{margin-top:20px;}
@media all and (min-width:1250.5px) and (max-width:1400.5px){
    .m.img-txt-banner .r{padding:20px 7%;}
}
@media all and (min-width:1000.5px) and (max-width:1250.5px){
    .m.img-txt .l{padding-right:40px;}
    .m.img-txt .r{padding-left:40px;}
    .m.img-txt.reverse .l{padding:0 0 0 40px;}
    .m.img-txt.reverse .r{padding:0 40px 0 0;}
    .m.img-txt-banner .r{padding:20px;}
    .m.img-txt button.label{margin-top:40px;}
    
}

.m.countdown-banner{background:var(--darkolive);color:#FFF;margin-top:-70px;height:365px;overflow:hidden;text-align:center;padding:125px 14% 0 14%;}
.m.countdown-banner .bg{position:absolute;left:0;top:0;width:100%;height:100%;}
.m.countdown-banner .bg .lazy{position:absolute;left:0;top:0;width:100%;height:100%;}
.m.countdown-banner .bg .lazy img{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover;}
.m.countdown-banner .inner{margin:auto;width:100%;max-width:400px;}
.m.countdown-banner .label, body.cream .m.countdown-banner .label{color:#FFF;}
.m.countdown-banner .time{position:relative;width:100%;font-size:0;margin-top:20px;}
.m.countdown-banner .time .el{position:relative;display:inline-block;vertical-align:top;width:33.33%;}
.m.countdown-banner .time .el span{display:block;font-size:7rem;margin-bottom:8px;}
.m.countdown-banner .time .el:not(:last-of-type)::after{content:"";position:absolute;right:0;top:25px;width:1px;height:70px;background:#FFF;}

.m.txt{padding:65px 14% 40px 14%;}
.m.txt:not(.center){padding:65px 24% 40px 14%;}
.m.txt.center-align{padding-top:80px;}
.m.txt .inner{width:100%;max-width:650px;text-align:left;}
.m.txt.center .inner{margin:auto;}
.m.txt.center-align .inner{text-align:center;}
.m.txt.center-align h2{max-width:520px;margin:auto;}
.m.txt p a + a{margin-left:15px;}
.m.txt p + .label{margin-top:20px;}
.m.txt.columns{display:grid;grid-gap:90px 90px;padding:65px 7% 65px 7%;}
.m.txt.columns.three{grid-template-columns:repeat(3, 1fr);}

.m.offices{padding:65px 3.33%;}
.m.offices .inner{width:100%;display:grid;grid-template-columns:repeat(2, 1fr);grid-gap:42px 42px;}
.m.offices .office .lazy{margin-bottom:35px;}
.m.offices .office p a.label{display:block;margin-top:5px;}
.m.offices .office p a + a{margin-top:0;}

.m.highlight{background:var(--darkolive);color:#FFF;margin-top:35px;}
.m.highlight + .m.highlight{margin-top:0;}
.m.highlight .inner{width:100%;font-size:0;}
.m.highlight .l, .m.highlight .r{vertical-align:middle;}
.m.highlight .r{padding:20px 5%;text-align:center;}
.m.highlight .r .logo{width:50%;max-width:115px;margin:0 auto 40px auto;}
.m.highlight .r .img{width:50%;max-width:240px;margin:0 auto 50px auto;}
.m.highlight .r h3{max-width:465px;margin:auto;}
.m.highlight .r .label{display:table;margin:10px auto 0 auto;}

@media all and (max-width:1250.5px){
    .m.highlight .r .logo{max-width:100px;margin:0 auto 20px auto;}
}

.m.colored-sections .section:nth-of-type(2n+1){background:#3B3122;}
.m.colored-sections .l, .m.colored-sections .r{vertical-align:middle;}
.m.colored-sections .r{padding:20px 7%;}
.m.colored-sections .r h2{padding-right:20%;}
.m.txt + .m.colored-sections{margin-top:55px;}

.m.img-img{padding:65px 3.33% 35px 3.33%;}
.m.img-img .inner{width:100%;display:grid;grid-template-columns:repeat(2, 1fr);grid-gap:14px 14px;}

.m.faq{padding:65px 24% 65px 14%;}
.m.faq .inner{width:100%;max-width:880px;margin:auto;font-size:0;}
.m.faq .l{position:sticky;top:135px;width:22%;}
.m.faq .r{width:78%;}
.m.faq .r .round-btn{margin-bottom:32px;}
.m.faq .r .round-btn + .round-btn{margin-left:30px;}
.m.faq .r .section .label{margin:10px 0 0 0;}
.m.faq .r .section + .section{margin-top:30px;}
.m.faq .r .section .more{max-height:0;opacity:0;overflow:hidden;transition:max-height .8s var(--quart), opacity .8s ease-in-out;}
.m.faq .r .section .more p:first-child{padding-top:1.4rem;}
.m.faq .r .section.open .more{opacity:1;}
.m.faq .r .section.open .label{opacity:0;pointer-events:none;transition:opacity .3s ease-out;}
.m.faq .r .group:not(.selected){display:none;}

.m.roles{padding:65px 14% 100px 14%;}
.m.roles .inner{width:100%;max-width:650px;margin:auto;}
.m.roles .role{margin-top:50px;}
.m.roles .role h3 + .label{padding-top:4px;margin-bottom:12px;}
.m.roles .role .label.large{margin-top:10px;}

.m.in-the-feed{background:#9E907D;color:#FFF;margin-top:40px;}
.m.media + .m.in-the-feed, .m.contact-form + .m.in-the-feed{margin-top:0;}
.m.in-the-feed .inner{position:relative;width:100%;box-sizing:border-box;padding:35px;white-space:nowrap;font-size:0;}
.m.in-the-feed .title{display:inline-block;vertical-align:middle;white-space:normal;width:250px;}
.m.in-the-feed .scroller{vertical-align:middle;width:calc(100% - 250px);display:inline-grid;grid-template-columns:repeat(5, 1fr);grid-gap:25px 25px;}
.m.in-the-feed .link .lazy img{transition:transform 1.5s var(--quart);}
.m.in-the-feed .link:hover .lazy img{transform:scale(1.025,1.025);}

@media all and (max-width:1250.5px){
    .m.in-the-feed .scroller{grid-gap:15px 15px;}
    .m.in-the-feed a.label.large{font-size:1.3rem;}
}

/* Product grid */
.m.product-grid{padding:40px 35px 65px 35px;}
.m.product-grid .title{width:100%;margin-bottom:45px;}
.m.product-grid.results .title{margin-bottom:12px;}
.m.product-grid .inner{width:100%;display:grid;grid-template-columns:repeat(3, 1fr);grid-gap:58px 25px;}
.m.product-grid .product .media{margin-bottom:12px;}
.m.product-grid .product .price{width:100%;}
.m.product-grid .product .price .before{position:relative;margin-right:20px;}
.m.product-grid .product .price .before::after{content:"";position:absolute;left:0;top:52%;width:calc(100% + 5px);height:1px;background:var(--olive);}
.m.product-grid .product .price .after{color:#B72B28;}
.m.product-grid .editorial{position:relative;grid-row:auto / span 2;grid-column:auto / span 2;align-content:end;box-sizing:border-box;padding:42px;color:#FFF;}
.m.product-grid .editorial .bg, .m.product-grid .editorial .bg .lazy{position:absolute;left:0;top:0;width:100%;height:100%;}
.m.product-grid .editorial .bg .lazy img{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover;}
.m.product-grid .editorial .bg::after{content:"";position:absolute;left:0;bottom:0;width:100%;height:50%;background:linear-gradient(0deg, rgba(0,0,0,.4) 0%, rgba(0,0,0,0) 100%);}
.m.product-grid .editorial a.label{margin-top:25px;color:#FFF;}
.m .product:not(.has-video) .lazy img{transition:transform 1.5s var(--quart);}
.m .product:not(.has-video):hover .lazy img{transform:scale(1.025,1.025);}
body:not(.cream) .page .m:last-of-type.product-grid{padding-bottom:95px;border-bottom:1px solid #AEA495;}

.m.collection-grid{padding:110px 35px 35px 35px;}
.m.collection-grid .title{width:100%;margin-bottom:12px;}
.m.collection-grid .inner{width:100%;display:grid;grid-template-columns:repeat(2, 1fr);grid-gap:50px 50px;}
.m.collection-grid .product .media{margin-bottom:12px;}

.m.product-details{padding:10px 35px 90px 35px;font-size:0;}
.m.product-details .l{width:60%;}
.m.product-details .l .lazy + .lazy{margin-top:30px;}
.m.product-details .lazy.video video{object-fit:cover;}
.m.product-details .r{width:40%;padding:35px 60px 0 60px;position:sticky;top:15vh;}
.m.product-details .r .add-to-inquire{display:block;width:100%;height:45px;background:var(--darkolive);color:#FFF;margin-top:55px;transition:background-color .3s ease-out;}
.m.product-details .r .add-to-inquire:hover{background:var(--espresso);}

.m.selected-projects{background:var(--darkolive);color:#FFF;padding:90px 35px;}
.m.selected-projects .inner{width:100%;}
.m.selected-projects .title{margin-bottom:35px;}
.m.selected-projects .projects{width:100%;display:grid;grid-template-columns:repeat(3, 1fr);grid-gap:30px 30px;}
.m.selected-projects .project .media{margin-bottom:12px;}
.m.selected-projects .project h3 + p{padding-top:8px;}
.m.selected-projects .project .label{color:#FFF;margin-top:10px;}
.m .project:not(.has-video) .lazy img{transition:transform 1.5s var(--quart);}
.m .project:not(.has-video):hover .lazy img{transform:scale(1.025,1.025);}

/* Project overlay gallery */
.project-overlay{position:fixed;left:0;top:0;width:100%;height:100%;background:var(--espresso);z-index:15;opacity:0;transition:opacity .3s ease-out;}
.project-overlay:not(.on){display:none;width:0;height:0;z-index:-1;}
.project-overlay.in{opacity:1;}
.project-overlay .close-btn{position:absolute;left:50%;top:16px;z-index:2;transform:translateX(-50%);}
.project-overlay .carousel{position:absolute;width:100%;height:100%;box-sizing:border-box;padding:80px 0 90px 0;}
.project-overlay .carousel .inner{position:relative;width:100%;overflow:hidden;cursor:grab;}
.project-overlay .carousel .inner .scroller{position:relative;white-space:nowrap;font-size:0;}
.project-overlay .carousel .el{display:inline-block;vertical-align:top;width:auto;height:calc(100vh - 170px);box-sizing:border-box;margin-right:25px;}
.project-overlay .carousel .el:first-of-type{margin-left:35px;}
.project-overlay .carousel .el:last-of-type{margin-right:35px;}
.project-overlay .carousel .lazy, .project-overlay .carousel .lazy img{width:auto;height:100%;}
.project-overlay .carousel.dragging{cursor:grabbing;}
.project-overlay .nav{position:absolute;left:0;bottom:0;width:100%;height:90px;z-index:2;text-align:center;display:flex;align-items:center;}
.project-overlay .nav h5{margin:auto;padding-top:4px;}
.project-overlay .nav .arrow{position:absolute;bottom:20px;width:50px;height:50px;}
.project-overlay .nav .arrow::before{content:"";position:absolute;left:15px;top:15px;width:20px;height:20px;border-top:1px solid #FFF;border-left:1px solid #FFF;z-index:2;transition:transform .4s var(--quart);}
.project-overlay .nav .arrow.left{left:25px;transform:rotate(-45deg);}
.project-overlay .nav .arrow.right{right:25px;transform:rotate(135deg);}
.project-overlay .nav .arrow:hover::before{transform:translate(-2px,-2px);}

.m.carousel{padding:65px 0 40px 0;}
.m.carousel .inner{position:relative;width:100%;overflow:hidden;cursor:grab;}
.m.carousel .inner .scroller{position:relative;white-space:nowrap;font-size:0;}
.m.carousel .el{position:relative;display:inline-block;vertical-align:top;width:auto;height:auto;box-sizing:border-box;padding-bottom:150px;margin-right:20px;white-space:normal;}
.m.carousel .el:first-of-type{margin-left:35px;}
.m.carousel .el:last-of-type{margin-right:35px;}
.m.carousel .el .lazy{margin-bottom:14px;}
.m.carousel .el .txt{position:absolute;max-width:100%;user-select:none;}
.m.carousel .el h3 + p{padding-top:8px;}
.m.carousel .lazy, .m.carousel .lazy img{width:auto;height:405px;}
.m.carousel.dragging{cursor:grabbing;}

.m.picks{padding:135px 35px;}
body.espresso .page .m.picks{background:#3B3122;color:#FFF;}
.m.picks .inner{width:100%;}
.m.picks .title{margin-bottom:35px;}
.m.picks .products{width:100%;display:grid;grid-template-columns:repeat(3, 1fr);grid-gap:30px 30px;}
.m.picks .product .media{margin-bottom:12px;}
.m.picks .product h3 + p{padding-top:8px;}
.m.picks .product .label{color:#FFF;margin-top:10px;}

.m.shop-by-category{padding:105px 35px;}
body:not(.espresso) .page .m:last-of-type.shop-by-category{border-bottom:1px solid #AEA495;}
 .m.shop-by-category .inner{width:100%;}
.m.shop-by-category .title{margin-bottom:35px;}
.m.shop-by-category .categories{width:100%;display:grid;grid-template-columns:repeat(5, 1fr);grid-gap:30px 25px;}
.m.shop-by-category .category .media{margin-bottom:12px;}
.m.shop-by-category .category .label{color:#FFF;}
.m.shop-by-category .category:not(.has-video) .lazy img{transition:transform 1.5s var(--quart);}
.m.shop-by-category .category:not(.has-video):hover .lazy img{transform:scale(1.025,1.025);}

@media all and (max-width:1250.5px){
    .m.shop-by-category .categories{grid-gap:20px 15px;}
}

.m.category-footer{position:fixed;left:0;bottom:0;width:100%;height:auto;display:flex;align-items:end;z-index:15;overflow:hidden;}
body.footer-visible .m.category-footer, .m.category-footer:not(.on){pointer-events:none;}
.m.category-footer.on{height:100%;overflow:visible;}
.m.category-footer:not(.on){cursor:pointer;}
.m.category-footer .bg{position:absolute;left:0;bottom:0;width:100%;height:100vh;background:var(--charcoal);opacity:0;transition:opacity .5s ease-out;}
body:not(.footer-visible) .m.category-footer.in .bg{opacity:.5;}
body.footer-visible .m.category-footer .bg{pointer-events:none;}
.m.category-footer .content{position:relative;margin-top:auto;box-sizing:border-box;background:var(--espresso);color:#FFF;padding:50px 35px 16px 35px;transition:transform 1s var(--expo);overflow:hidden;pointer-events:all;}
.m.category-footer:not(.in) .content{transform:translateY(100%) translateY(-50px);transition:transform .5s var(--quart);/*pointer-events:none;*/}
body.footer-visible .m.category-footer .content{transform:translateY(100%);}
.m.category-footer .content > p.label{color:#FFF;position:absolute;left:50%;top:14px;transform:translateX(-50%);transition:opacity .5s ease-out .3s;}
.m.category-footer.in .content > p.label{opacity:0;transition:opacity .3s ease-out;}
.m.category-footer .content > p.label span{display:inline-block;vertical-align:middle;margin:4px 0 0 12px;width:8px;height:8px;border-top:1px solid #FFF;border-right:1px solid #FFF;transform:rotate(-45deg);transition:transform .4s var(--quart);}
.m.category-footer .close-btn{position:absolute;left:50%;top:2px;color:#FFF;transform:translateX(-50%);opacity:0;transition:opacity .3s ease-out;}
.m.category-footer.in .close-btn{opacity:1;transition:opacity .5s ease-out .3s;}
.m.category-footer .categories{width:100%;display:grid;grid-template-columns:repeat(5, 1fr);grid-gap:30px 25px;}
.m.category-footer .category .media{margin-bottom:12px;}
.m.category-footer .category .label, body.cream .page .m.category-footer .label{color:#FFF;}
.m.category-footer .category .close-btn::before{background:#FFF;}
.m.category-footer:not(.on) .content:hover > p.label span{transform:translateY(-3px) rotate(-45deg);}
.m.category-footer .category .lazy img{transition:transform 1.5s var(--quart);}
.m.category-footer .category:hover .lazy img{transform:scale(1.025,1.025);}

.m.large-category-links{padding:70px 35px}
.m.large-category-links .inner{width:100%;display:grid;grid-template-columns:repeat(2, 1fr);grid-gap:30px 25px;}
.m.large-category-links .lazy{margin-bottom:14px;overflow:hidden;}
.m.large-category-links .category .lazy img{transition:transform 1.5s var(--quart);}
.m.large-category-links .category:hover .lazy img{transform:scale(1.025,1.025);}

/* Hotspots module */
.m.hotspots:not(.fullscreen){padding:0 0 0 35px;}
.m + .m.hotspots:not(.fullscreen){margin-top:35px;}
.m.hotspots.fullscreen{margin-top:-70px;height:100vh;}
.m.hotspots > .inner{position:relative;width:100%;height:100%;overflow:hidden;box-sizing:border-box;}
.m.hotspots:not(.fullscreen) > .inner{padding-right:35px;}
.m.hotspots .scroller{position:relative;width:100%;height:100%;}
body.has-promobar .m.hotspots.fullscreen, body.has-promobar .m.hotspots.fullscreen .scroller{height:calc(100vh - 30px);}
.m.hotspots.fullscreen .scroller .bg, .m.hotspots.fullscreen .scroller .lazy, .m.hotspots.fullscreen .scroller .lazy img{height:100%;object-fit:cover;}
.m.hotspots .title{position:absolute;left:0;bottom:0;width:350px;z-index:6;box-sizing:border-box;padding:0 0 35px 35px;}
.m.hotspots .hs{position:absolute;left:0;top:0;margin:-20px 0 0 -20px;transition:opacity 1s ease-in-out 1s;}
.m.hotspots:not(.in) .hs{opacity:0;pointer-events:none;}
.m.hotspots .hs .ring{position:absolute;left:0;top:0;width:40px;height:40px;border-radius:20px;box-sizing:border-box;border:2px solid #FFF;transform:scale(.5,.5);z-index:1;transition:transform .6s var(--quart);cursor:default;}
.m.hotspots .hs.pulsate .ring{transform:scale(1,1);transition:transform 1.5s ease-in-out;}
.m.hotspots .hs.pulsate.small .ring, .m.hotspots .hs .ring:hover{transform:scale(.5,.5);}
.m.hotspots .hs .content{position:absolute;left:20px;top:20px;background:#FFF;color:var(--olive);box-sizing:border-box;padding:12px 12px 8px 12px;width:250px;transition:opacity .3s ease-out, transform .8s var(--expo);z-index:2;transform:translate(-25%,-50%);cursor:default;}
.m.hotspots .hs .content p{font-size:1.2rem;}
.m.hotspots .hs .content .label{margin-top:10px;}
.m.hotspots .hs .content .label::before{background:var(--olive);}
.m.hotspots .hs .content::before{content:"";position:absolute;left:-10px;top:-10px;width:calc(100% + 20px);height:calc(100% + 20px);}/*hit*/
.m.hotspots .hs.near-right .content{left:-100px;}
.m.hotspots .hs:not(.active){width:40px;height:40px;}
.m.hotspots .hs:not(.active) .content{opacity:0;pointer-events:none;transition:opacity .2s ease-out, transform 0s var(--expo) .2s;transform:translate(-25%,-50%) translate(16px,0);}

.m.hotspots:not(.overlay-on) .quick-view{visibility:hidden;}
.m.hotspots .quick-view{position:absolute;right:0;top:0;width:calc(100% - 35px);height:100%;z-index:5;overflow:hidden;}
.m.hotspots.fullscreen .quick-view{left:0;top:0;width:100%;}
.m.hotspots .quick-view .bg{position:absolute;left:0;bottom:0;width:100%;height:100%;z-index:-1;background:var(--charcoal);opacity:0;transition:opacity .3s ease-out;}
.m.hotspots.fullscreen .quick-view .bg{height:50%;background:linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);}
.m.hotspots.overlay-in .quick-view .bg{opacity:.5;transition:opacity .5s ease-out;}
.m.hotspots .quick-view .close-btn{position:absolute;left:0;top:50%;transform:translate(-5px, -50%) rotate(-90deg);}
.m.hotspots .quick-view .list{width:54%;min-width:650px;max-width:750px;height:100%;margin-left:auto;background:var(--overlaybg);color:var(--olive);/*overflow:auto;*/box-sizing:border-box;padding:0 0 0 60px;transform:translateX(100%);transition:transform .3s ease-out;}
.m.hotspots.fullscreen .quick-view .list{width:calc(100% - 350px);padding:0 0 0 30px;}
.m.hotspots.overlay-in .list{transform:translateX(0%);transition:transform 1.0s var(--quart);}
.m.hotspots .quick-view .list .inner{position:relative;height:100%;overflow:auto;box-sizing:border-box;padding:40px 30px 40px 0px;}
.m.hotspots.fullscreen .quick-view .list .inner{padding:75px 30px 40px 0px;}
.m.hotspots .quick-view .list .product{position:relative;}
.m.hotspots .quick-view .list .product .l, .m.hotspots .quick-view .list .product .r{vertical-align:middle;}
.m.hotspots .quick-view .list .product .l{padding-right:10px;}
.m.hotspots .quick-view .list .product .r{padding-top:20px;padding-left:20px;}
.m.hotspots .quick-view .list .product + .product{margin-top:30px;}
.m.hotspots .quick-view .list .product .add-to-inquire{display:block;width:100%;height:45px;background:var(--darkolive);color:#FFF;margin-top:20px;transition:background-color .3s ease-out;}
.m.hotspots .quick-view .list .product .add-to-inquire + .label{display:table;text-align:center;margin:0 auto;font-size:1.4rem;/*special for this*/}
.m.hotspots .quick-view .list .product .add-to-inquire:hover{background:var(--espresso);}
.m.hotspots .quick-view .list .product a.label::before{background:var(--darkolive);}

@media all and (max-width:1250.5px){
    .m.hotspots .quick-view .list .inner{padding:20px 20px 20px 0;}
}

.m.contact-form{padding:100px 14%;background:var(--darkolive);color:#FFF;}
.m.txt + .m.contact-form{margin-top:40px;}
.m.contact-form .inner{width:100%;max-width:650px;text-align:left;margin:auto;}
.m.contact-form h2{margin-bottom:35px;}

/* Form */
.custom-form{position:relative;width:100%;font-size:1.6rem;box-sizing:border-box;padding-right:20px;color:#FFF;}
.custom-form form{position:relative;width:100%;font-size:0;}
.custom-form input{font-size:1.4rem;display:block;/*width:fit-content;*/width:100%;border-bottom:.5px solid #FFF;padding:5px 0;margin-bottom:20px;}
.contact-form input, .custom-form .half{display:inline-block;vertical-align:top;width:calc(50% - 15px);}
.custom-form textarea{font-size:1.4rem;width:100%;border-bottom:.5px solid #FFF;padding:5px 0;margin-top:20px;}
.contact-form input:nth-of-type(2n), .custom-form .half:nth-of-type(2n){margin-left:30px;}
.custom-form input::placeholder, .custom-form textarea::placeholder{color:#FFF;transition:opacity .3s ease-out;}
.custom-form input:hover::placeholder, .custom-form input:focus::placeholder, .custom-form textarea:hover::placeholder, .custom-form textarea:focus::placeholder{opacity:.7;}
.custom-form input[type="submit"]{background-color:var(--darkolive);color:#FFF;border:0;cursor:pointer;margin-top:50px;margin-bottom:0;padding:10px;cursor:pointer;transition:background-color .3s ease-out;}
.contact-form input[type="submit"]{background-color:var(--espresso);}
.custom-form input[type="submit"]:hover{background-color:var(--charcoal);}
.custom-form input[name="message"], .custom-form input[name="c"]{opacity:0;position:absolute;left:0;top:0;width:0;height:0;z-index:-1;}
.custom-form form.submitted{visibility:hidden;pointer-events:none;}
.custom-form form + .thankyou{position:absolute;left:0;top:50%;transform:translate(0,-50%);opacity:0;transition:opacity 1s ease-in-out;}
.contact-form form + .thankyou{left:50%;transform:translate(-50%,-50%);}
.custom-form form:not(.submitted) + .thankyou{visibility:hidden;}
.custom-form form + .thankyou.in{opacity:1;}

/* Custom select (dropdown) */
.custom-select{position:relative;font-size:1.4rem;width:100%;height:45px;color:var(--olive);margin-top:40px;margin-bottom:30px;box-sizing:border-box;user-select:none;cursor:pointer;z-index:1;}
.custom-select + .custom-select{margin-top:-20px;}
.custom-select.open{z-index:3;}
.custom-select select, .custom-select:not(.open) .options{visibility:hidden;height:0;overflow:hidden;margin:0;padding:0;}
.custom-select .select-selected{position:absolute;left:0;top:0;width:100%;line-height:normal;box-sizing:border-box;padding:6px 0;border-bottom:.5px solid var(--olive);color:var(--olive);}
.custom-select .select-selected:after{content:"";position:absolute;top:8px;right:4px;width:8px;height:8px;border-left:1px solid var(--olive);border-top:1px solid var(--olive);transition:transform .2s ease-out;transform:rotate(-135deg);transform-origin:4px 0px;}
.custom-select.open .select-selected:after{transform:rotate(45deg);}
.custom-select .options{position:relative;width:100%;line-height:normal;box-sizing:border-box;/*border:1px solid var(--olive);*/background:#DBD1C6;box-shadow:2px 4px 16px rgba(0,0,0,.1);max-height:300px;overflow:auto;}
.custom-select .options .option{position:relative;width:100%;box-sizing:border-box;padding:12px 17px;font-size:1.4rem;}
.custom-select .options .option:hover, .custom-select .options .option:focus, .custom-select .selected{background-color:var(--overlaybg);}

.sale-form{position:fixed;left:0;top:0;width:100%;height:100%;background:var(--charcoal);color:#FFF;z-index:5;}
.sale-form.hidden{display:none;width:0;height:0;}
.sale-form .bg, .sale-form .bg .lazy{position:absolute;left:0;top:0;width:100%;height:100%;}
.sale-form .bg .lazy img{height:100%;object-fit:cover;}
.sale-form .bg .lazy::after{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background:var(--charcoal);opacity:.5;}
.sale-form .popup{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:100%;max-width:720px;background:var(--espresso);box-sizing:border-box;padding:55px;}
body.cream .sale-form .popup .label{color:#FFF;}
.sale-form .popup .custom-form{margin-top:40px;}
.sale-form .custom-form input[type="submit"]{margin-left:0;}
.sale-form .custom-form .second-step:not(.reveal){/*visibility:hidden;*/opacity:0;pointer-events:none;}

/* Popup on homepage */
.sale-popup{position:fixed;left:0;top:0;width:100%;height:100%;color:#FFF;z-index:5;}
.sale-popup.hidden{display:none;width:0;height:0;}
.sale-popup .bg{position:absolute;left:0;top:0;width:100%;height:100%;background:var(--charcoal);opacity:.5;}
.sale-popup .popup{position:absolute;right:22px;bottom:30px;background:#FFF;color:var(--darkolive);width:calc(100% - 44px);max-width:375px;}
.sale-popup .popup .delete{position:absolute;right:0;top:0;width:40px;height:40px;transition:opacity .3s ease-out;z-index:2;}
.sale-popup .popup .delete::before, .sale-popup .popup .delete::after{content:"";position:absolute;left:7px;top:18px;width:25px;height:2px;background:#FFF;transform:rotate(45deg);}
.sale-popup .popup .delete::after{transform:rotate(-45deg);}
.sale-popup .popup .delete:hover{opacity:.5;}
.sale-popup .popup .txt{box-sizing:border-box;padding:25px;}
.sale-popup .popup a.label{margin-top:15px;}
.sale-popup .popup a.label::before{background:var(--darkolive);}

footer{position:relative;width:100%;}
footer .blocks{position:relative;width:100%;box-sizing:border-box;padding:50px 90px;font-size:0;}
footer .block{display:inline-block;vertical-align:top;width:20%;}
footer .block .primary{display:table;padding:4px 0;}
footer .block > .label{padding-top:4px;}
footer .block p:not(.label){font-size:1.2rem;line-height:1.6;min-height:.5rem;}
footer .logo-tagline{position:relative;width:100%;font-size:0;margin-top:8px;}
footer .logo-tagline .logo, footer .logo-tagline p{display:inline-block;vertical-align:top;width:50%;}
footer .logo-tagline .logo{max-width:161px;}
footer .logo-tagline .logo img{width:100%;}
footer .logo-tagline p{padding-left:34px;margin-top:-2px;}
footer .newsletter{position:relative;width:100%;margin-top:55px;}
footer .newsletter input{font-size:1.3rem;width:100%;border-bottom:1px solid #AEA495;margin-top:11px;padding:5px 0;}
footer .newsletter input::placeholder{color:#FFF;transition:opacity .3s ease-out;}
footer .newsletter input:hover::placeholder, footer .newsletter input:focus::placeholder{opacity:.7;}
footer .social{width:100%;margin-top:40px;}
footer .social a{display:inline-block;vertical-align:middle;width:22px;height:19px;background-repeat:no-repeat;background-size:contain;margin-right:12px;transition:opacity .3s ease-out;}
footer .social a:hover{opacity:.7;}
footer .social a.insta{background:url("../Grx/Social/insta.svg") no-repeat;}
footer .social a.houzz{background:url("../Grx/Social/houzz.svg") no-repeat;height:21px;}
footer .social a.fb{background:url("../Grx/Social/fb.svg") no-repeat;}
footer .social a.pin{background:url("../Grx/Social/pinterest.svg") no-repeat;}
footer .b{position:relative;width:100%;border-top:1px solid #AEA495;box-sizing:border-box;padding:11px 74px 14px 74px;font-size:0;}
footer .b a{font-size:1.2rem;display:inline-block;vertical-align:top;padding:5px 16px;transition:color .3s ease-out;}
footer .b p{font-size:1.2rem;display:inline-block;vertical-align:top;padding:5px 12px;color:#E1DED8;}
footer .b p + p{padding:5px 0;}
footer .b .r{position:absolute;right:74px;top:10px;}
footer .b .r p, footer .b .r p a{font-size:1.0rem;}
footer .b .r p a{padding:0px 12px;}
footer .b .r p a::before{content:"";position:absolute;left:0;top:3px;width:1px;height:8px;background:#AEA495;}
footer .b a:hover{color:#E1DED8;opacity:1;}
footer .b .r p a:hover{color:#FFF;opacity:1;}

@media all and (max-width:1250.5px){
    footer .blocks{padding:50px 35px;}
    footer .b{padding:11px 19px 14px 19px;}
    footer .b .r{right:19px;}
}

.page-transition{position:fixed;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:20;transition:opacity .8s ease-in-out;will-change:opacity;}
.page-transition::before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background-color:var(--olive);transition:background-color .8s ease-in-out;}
body.cream .page-transition::before{background-color:var(--cream);}
body.espresso .page-transition::before{background-color:var(--espresso);}
.page-transition.loaded{opacity:0;}
.page-transition.in{opacity:1;transition:opacity .2s ease;}
.page-transition.fast{opacity:0;transition:none;}
.vh{position:absolute;z-index:-1;top:0;left:-1px;width:1px;height:100vh;}/*Used for mobile measurement of vh unit */
/* Block interactivity while scrolling */
/*.wheel-active a{pointer-events:none;}*/

/* Mobile only */
@media all and (max-width:1000.5px){
    .desktop{display:none;}
    .lazy.video:before{padding-top:calc(var(--aspectm, var(--aspect)) * 1%);}
    .page{padding-top:58px;}
    body.has-promobar .page{padding-top:88px;}
    
    header{height:58px;transition:height .5s var(--quart);overflow:visible;}
    header.open:not(.closing){height:100%;transition:height 1s var(--expo);}
    header > .bg{height:100%;}
    header.open > .bg{opacity:1;transition:none;}
    header .shade{top:58px;}
    header + main::after{content:"";position:fixed;left:0;top:0;width:100%;height:0%;background:var(--charcoal);opacity:0;transition:opacity .5s ease-out;}
    header.open + main::after{height:100%;}
    header.open:not(.closing) + main::after{height:100%;opacity:.5;}
    header .logo{left:20px;top:20px;width:104px;}
    body.cream header.open .logo img:first-of-type{opacity:1;}
    header.open .logo img + img{opacity:0;}
    header .toggle{position:absolute;right:0;top:0;width:58px;height:58px;}
    header .toggle span{display:block;width:20px;height:1px;background:#FFF;margin-top:1px;margin-left:18px;transition:transform .6s var(--expo);}
    header .toggle span + span{margin-top:6px;}
    body.cream:not(.ignore-cream) header:not(.scrolled):not(.open) .toggle span{background:var(--olive);}
    header.open:not(.closing) .toggle span{transform:translateY(3px) rotate(45deg);}
    header.open:not(.closing) .toggle span + span{transform:translateY(-4px) rotate(-45deg);}
    header .menu{top:58px;width:100%;height:calc(100% - 58px);padding:0;overflow:hidden;}
    header.opened .menu{overflow:auto;}
    header:not(.open) .menu{display:none;}
    header .menu nav{display:block;padding:60px 20px;margin:50px 0 0 0;}
    header .menu nav::after{display:none;}
    header .primary{display:block;padding:0;}
    header .primary .lazy{margin-bottom:8px;}
    header .primary + .primary{margin-top:35px;}
    header .primary::before{display:none;}
    header .primary .label{display:inline-block;}
    header .primary .label::before{content:"";position:absolute;left:0;top:50%;width:8px;height:1px;background:#FFF;transform-origin:0 0;transform:scaleX(0);transition:transform .3s var(--quart);}
    header .primary .label, footer .block > .label.primary{transition:padding .3s var(--quart);}
    header .primary.selected .label, footer .block > .label.primary.selected{padding-left:12px;transition:padding .6s var(--expo);}    
    header .primary.selected .label::before, footer .block > .label.primary.selected::before{transform:scaleX(1);transition:transform .8s var(--expo);}

    header .search-btn{position:absolute;left:0;top:0;width:50%;height:50px;border-top:1px solid #AEA495;border-bottom:1px solid #AEA495;}
    header .inquiry-btn{position:absolute;left:50%;top:0;width:50%;height:50px;border-top:1px solid #AEA495;border-bottom:1px solid #AEA495;border-left:1px solid #AEA495;}
    header .search-btn::before, header .inquiry-btn::before{display:none;}
    
    header .search-overlay{top:58px;height:calc(100vh - 58px);}
    header .search-overlay .input, header .search-overlay .suggestions, header .search-overlay .results.on{padding:20px;}
    header .search-overlay .results .products{grid-gap:15px 15px;}
    /* Inquiry overlay */
    /*.product-inquiry{z-index:5;}*/
    .product-inquiry .list{padding:40px 20px 40px 60px;width:calc(100vw - 20px);}
    .product-inquiry .list .inner{height:auto;min-height:100%;display:block;}
    .product-inquiry .list .l{width:100%;overflow:auto;white-space:nowrap;padding:0;}
    .product-inquiry .list .r{width:100%;padding-left:0;margin-top:25px;}
    .product-inquiry .list .product{width:196px;height:216px;display:inline-block;vertical-align:top;}
    .product-inquiry .list .product .lazy, .product-inquiry .list .product .title{display:block;width:100%;}
    .product-inquiry .list .product .lazy{height:146px;}
    .product-inquiry .list .product .title{padding:12px 14px;min-height:68px;white-space:normal;}
    .product-inquiry .list .product .close-overlay .label + .label{margin-left:15px;}
    .product-inquiry .list .product + .product{margin-top:0;margin-left:20px;}
    /* Project inquiry */
    .project-inquiry .list{max-width:calc(100vw - 20px);padding:40px 20px 40px 60px;}
    .project-inquiry .list h4{font-size:2.4rem;}
    
    .promobar{padding:1px 20px 0 20px;}
    .promobar .l p{overflow:hidden;text-overflow:ellipsis;width:50vw;}
    .promobar .l + .c{display:none;}

    .m .l, .m .r{display:block;width:100%;}

    .m.intro .logo{width:180px;margin:-30px 0 0 -90px;}
    .m.intro .logo img{min-height:30px;}
    .m.intro .flashes .lazy{height:40vh;}

    .m.home-slideshow{margin-top:-58px;}
    
    .m.home-slideshow .step .bg::after{width:100%;background:linear-gradient(45deg, rgba(0,0,0,.4) 0%, rgba(0,0,0,0) 100%);}
    .m.home-slideshow .step .title{left:20px;bottom:90px;}
    .m.home-slideshow .progress{left:20px;bottom:50px;}

    .m.media.medium{padding:20px;}
    .m.media.large{padding:0 20px;}    

    .m.quote{padding:40px 20px;}

    .m.img-txt{padding:20px 20px 40px 20px;}
    .m.img-txt + .m.img-txt{margin-top:40px;}
    body.espresso .page .m.img-txt, .m.img-txt.larger{padding:40px 20px 60px 20px;}
    .m.img-txt.larger.reverse{padding:35px 20px;}
    .m.img-txt .l{padding-right:0;}
    .m.img-txt .r{padding-left:0;padding-top:35px;}
    
    .m.img-txt.larger.reverse .r{padding-left:0;}
    .m.img-txt button.label{margin-top:25px;}
    .m.img-txt.small-img .l{padding:0;}

    .m.img-txt-banner{margin-top:0;}
    .m.img-txt-banner .l{display:none;}
    .m.img-txt-banner .r{padding:40px 20px;text-align:center;}

    .m.countdown-banner{margin-top:-58px;padding:100px 20px 0 20px;}
    
    .m.txt, .m.txt:not(.center){padding:35px 20px 20px 20px;}
    .m.txt.center.center-align{padding:35px 40px 20px 40px;}
    .m.txt.center.center-align{padding-top:50px;}
    /*.m.txt p a + a{display:table;margin:-10px auto 0 auto;} this is used in floor samples etc. too! */
    .m.txt.columns{display:block;padding:20px;}
    .m.txt.columns .column + .column{margin-top:35px;}

    .m.offices{padding:35px 20px 20px 20px;}
    .m.offices .inner{display:block;}
    .m.offices .office{box-sizing:border-box;padding-bottom:60px;}
    .m.offices .office + .office{margin-top:15px;}
    .m.offices .office .lazy{margin-bottom:35px;}
    .m.offices .office h3{font-size:2.4rem;}

    .m.highlight .l, .m.highlight .r{display:block;width:100%;}
    .m.highlight .r{padding:50px 40px;}
    .m.highlight .r .logo{max-width:90px;margin:0 auto 25px auto;}
    .m.highlight .r .img{margin:0 auto 25px auto;}
    .m.highlight h2{font-size:3.0rem;}

    .m.colored-sections .r{padding:35px 20px 60px 20px;}
    .m.colored-sections .r h2{padding-right:0;}

    .m.img-img{padding:20px;}
    .m.img-img .inner{display:block;}
    .m.img-img .lazy + .lazy{margin-top:20px;}

    .m.faq{padding:35px 20px;}
    .m.faq .l{position:relative;top:auto;width:100%;}
    .m.faq .r{width:100%;padding-top:25px;}
    .m.faq .r .round-btn{margin-bottom:25px;margin-right:15px;}
    .m.faq .r .round-btn + .round-btn{margin-left:0;}

    .m.roles{padding:35px 20px;}
    .m.roles .role{margin-top:35px;}

    .m.in-the-feed{margin-top:35px;}
    .m.media + .m.in-the-feed, .m.contact-form + .m.in-the-feed{margin-top:0;}
    .m.in-the-feed .inner{padding:65px 20px 20px 20px;white-space:normal;}
    .m.in-the-feed .title{width:100%;}
    .m.in-the-feed .title h2{padding-bottom:4px;}
    .m.in-the-feed .scroller{width:100%;display:grid;grid-template-columns:repeat(2, 1fr);grid-gap:15px 15px;margin-top:25px;}

    /* Product grid */
    .m.product-grid{padding:35px 20px 60px 20px;}
    .m.product-grid .title{margin-bottom:25px;}
    .m.product-grid .inner{display:block;}
    .m.product-grid .product{margin-bottom:30px;}
    .m.product-grid .editorial{position:relative;width:100vw;min-height:100vw;margin-left:-20px;padding:20px;margin-bottom:30px;}
    .m.product-grid .editorial a.label{margin-top:15px;}
    body:not(.cream) .page .m:last-of-type.product-grid{padding-bottom:60px;}

    .m.collection-grid{padding:110px 20px 35px 20px;}
    .m.collection-grid .inner{grid-gap:20px 20px;}

    .m.product-details{display:flex;flex-direction:column;padding:10px 20px 90px 20px;}
    .m.product-details .l{width:100%;order:2;}
    .m.product-details .l .lazy + .lazy{margin-top:20px;}
    .m.product-details .r{width:100%;order:1;padding:0 0 40px 0;position:relative;top:auto;}
    .m.product-details .r .lazy{margin-bottom:40px;}
    .m.product-details .r .add-to-inquire{display:none;}

    .m.fixed-inquire{position:sticky;bottom:0;width:100%;background:#FFF;padding:15px 20px;}
    .m.fixed-inquire .add-to-inquire{display:block;width:100%;height:45px;background:var(--darkolive);color:#FFF;}
    body.cream .page .m.fixed-inquire .add-to-inquire{color:#FFF;}

    .m.selected-projects{padding:65px 20px 40px 20px;}
    .m.selected-projects .title{margin-bottom:60px;}
    .m.selected-projects .projects{display:block;}
    .m.selected-projects .projects .project{width:100%;}
    .m.selected-projects .projects .project + .project{margin-top:60px;}
    .m.selected-projects .projects .project h3{font-size:2.4rem;}

    .project-overlay .carousel{padding:140px 0 140px 0}
    .project-overlay .carousel[data-mobilenative="true"] .inner{overflow:auto;}
    .project-overlay .carousel .el{height:calc(100vh - 280px);margin-right:20px;}

    .m.carousel{padding:35px 0 20px 0;}
    .m.carousel[data-mobilenative="true"] .inner{overflow:auto;}
    .m.carousel .el{max-width:75vw;padding-bottom:125px;}
    .m.carousel .lazy, .m.carousel .lazy img{width:100%;height:auto;}
    .m.carousel .el:first-of-type{margin-left:20px;}
    .m.carousel .el:last-of-type{margin-right:20px;}

    .m.picks{padding:35px 20px;}
    .m.picks .title{margin-bottom:25px;}
    .m.picks .products{grid-gap:15px 15px;}

    .m.shop-by-category{padding:60px 20px 35px 20px;}
    .m.shop-by-category .title{margin-bottom:20px;}
    .m.shop-by-category .categories{grid-template-columns:repeat(2, 1fr);grid-gap:25px 10px;}

    header.open + main .page .m.category-footer{z-index:5;}
    .m.category-footer .content{padding:50px 0 12px 0;}
    .m.category-footer .categories{grid-gap:20px 20px;overflow:auto;box-sizing:border-box;padding:0 20px 10px 20px;}
    .m.category-footer .categories .category{width:200px;}

    .m.large-category-links{padding:35px 20px}
    .m.large-category-links .inner{grid-gap:15px 15px;}

    .m.hotspots:not(.fullscreen){padding:0 0 0 20px;}
    .m.hotspots.fullscreen{margin-top:-58px;height:auto;}
    
    .m.hotspots:not(.fullscreen) > .inner{width:calc(100% - 20px);height:calc(100vh - 80px);overflow:auto;padding-right:0;}
    .m.m.hotspots.fullscreen > .inner{height:auto;}
    .m.hotspots .scroller{width:auto;height:100%;display:inline-block;}
    .m.hotspots.fullscreen .scroller{width:100%;height:auto;}
    .m.hotspots:not(.fullscreen) > .inner .bg, .m.hotspots:not(.fullscreen) > .inner .bg .lazy{width:auto;height:100%;overflow:visible;display:inline-block;}
    .m.hotspots:not(.fullscreen) > .inner .bg .lazy img{width:auto;height:100%;object-fit:cover;}
    .m.hotspots.fullscreen > .inner .bg{position:relative;width:100%;height:auto;}
    .m.hotspots.fullscreen > .inner .bg::after{content:"";position:absolute;left:0;bottom:0;width:100%;height:50%;background:linear-gradient(0deg, rgba(0,0,0,.4) 0%, rgba(0,0,0,0) 100%);}
    .m.hotspots .title{bottom:auto;transform:translateY(-100%);width:75%;padding:0 0 20px 20px;}
    .m.hotspots .quick-view{right:0;width:calc(100% - 40px);}
    .m.hotspots .quick-view .bg{display:none;}
    .m.hotspots .quick-view .list{min-width:unset;max-width:unset;width:calc(100vw - 40px);}
    .m.hotspots.fullscreen .quick-view{position:relative;height:auto;}
    .m.hotspots.fullscreen .quick-view .list{width:100%;height:auto;transition:none;padding:0;}
    .m.hotspots .quick-view .list .product p{font-size:1.2rem;}
    .m.hotspots .quick-view .list .product .r{padding:20px 0 0 0;}
    .m.hotspots .quick-view .list .product + .product{margin-top:20px;}
    .m.hotspots .quick-view .list .product .add-to-inquire + .label{font-size:1.3rem;}
    .m.hotspots .quick-view .list .inner{padding:20px 20px 20px 0px;}
    .m.hotspots.fullscreen .quick-view .list .inner{height:auto;padding:20px 20px 40px 20px;overflow:hidden;}
    .m.hotspots .quick-view .list .product .l{padding:0;}

    .m.contact-form{padding:65px 20px;}
    .m.contact-form input[type="submit"]{width:100%;}

    .sale-form .popup{width:calc(100vw - 40px);padding:40px 20px;}

    .sale-popup .popup{right:0;bottom:0;width:100%;max-width:unset;}
    .sale-popup .popup .lazy{display:none;}
    .sale-popup .popup .delete{right:10px;top:10px;}
    .sale-popup .popup .delete::before, .sale-popup .popup .delete::after{background:var(--darkolive);}
    .sale-popup .popup .txt{box-sizing:border-box;padding:80px 25px;}
    .sale-popup .popup .txt h2{font-size:3.4rem;}

    footer .blocks{padding:50px 20px 70px 20px;}
    footer .block{display:block;width:100%;}
    footer .block .primary{padding:10px 0;}
    footer .block:nth-of-type(3){padding-top:40px;}
    footer .block:nth-of-type(4){padding-top:70px;display:flex;flex-direction:column;}
    footer .block > .label{padding-top:7px;padding-bottom:7px;}

    footer .logo-tagline{margin-top:70px;text-align:center;order:3;}
    footer .logo-tagline .logo, footer .logo-tagline p{display:block;width:100%;margin:auto;}
    footer .logo-tagline .logo{max-width:178px;}
    footer .logo-tagline p{padding-left:0;margin-top:12px;max-width:210px;}
    footer .newsletter{margin-top:70px;text-align:center;order:2;}
    footer .newsletter input{text-align:center;}

    footer .social{margin-top:0;order:1;text-align:center;}
    footer .social a{margin:0 25px;}
    footer .b{padding:16px 20px;text-align:center;}
    footer .b a{display:block;padding:10px 0;}
    footer .b p{display:block;}
    footer .b .r{position:relative;right:auto;top:auto;margin-top:12px;width:100%;}
    footer .b .r p, footer .b .r p a{display:inline-block;}
}
@media all and (max-width:1000.5px) and (orientation:landscape){
    .project-overlay .carousel{padding:80px 0 90px 0}
    .project-overlay .carousel .el{height:calc(100vh - 170px);}
}
/* Desktop only */
@media all and (min-width:1000.5px){
    .mobile{display:none;}

    header.scrolled .logo{transform:translateY(-3px) scale(.9,.9);}
    header.scrolled .menu{transform:translateY(-4px);}
    header.scrolled .search-overlay{top:60px;height:calc(100vh - 60px);}

    /* Handle horizontal scrolling (desktop only) */
    body.hori{overflow-y:hidden;overflow-x:auto;}
    /*body.hori::-webkit-scrollbar{height:0!important;}*/
    .page[data-scroll="x"]{height:100vh;min-height:unset;width:auto;padding-top:0;white-space:nowrap;}
    .page[data-scroll="x"] .m:not(.mobile){width:auto;display:inline-block;vertical-align:top;white-space:normal;height:100%;}
    .page[data-scroll="x"] .m .lazy, .page[data-scroll="x"] .m .lazy img{width:auto;height:100%;}
    
    /* 100vh in padding-left refers to height of parent module (so should be adjusted if not full height) */
    .page[data-scroll="x"] .m .lazy.video:before{width:auto;height:100%;padding-top:0;/*padding-left:calc((100 / var(--aspect)) * 100vh);*/aspect-ratio:calc(100 / var(--aspect));}

    .m.video-only{padding:15% 0;background:#333;}
    .page[data-scroll="x"] .m .lazy.video{background:#666;}

    /* touch/ios version (100vh ios "bug") */
    html.ios{position:fixed;height:100%;overflow-y:hidden;}
    .ios body, .ios .page[data-scroll="x"], .ios main{height:100%;}

    .m.img-txt.reverse .inner{display:flex;align-items:center;}
    .m.img-txt.reverse .l{order:2;}
    .m.img-txt.reverse:not(.larger) .l{padding:0 0 0 75px;}
    .m.img-txt.reverse .r{order:1;padding:0 75px 0 0;}

    .m.highlight.reverse .inner{display:flex;align-items:center;}
    .m.highlight.reverse .l{order:2;}
    .m.highlight.reverse .r{order:1;}

    .m.colored-sections .section:nth-of-type(2n+1){display:flex;align-items:center;}
    .m.colored-sections .section:nth-of-type(2n+1) .l{order:2;}
    .m.colored-sections .section:nth-of-type(2n+1) .r{order:1;}

    footer .block:nth-of-type(1){width:16%;}
    footer .block:nth-of-type(2){width:18%;}
    footer .block:nth-of-type(3){width:32%;}
    footer .block:nth-of-type(4){width:34%;}
}
@media all and (min-width:1200.5px){
    footer .block:nth-of-type(1){width:16%;}
    footer .block:nth-of-type(2){width:22%;}
    footer .block:nth-of-type(3){width:32%;}
    footer .block:nth-of-type(4){width:30%;}
}