.materials-gallery{--cmp-side-padding: 16px}@media (min-width: 1024px){.materials-gallery{--cmp-side-padding: 24px}}.materials-gallery__content-wrapper{transition:opacity .8s ease-in-out,height .8s ease-in-out;padding-top:20px}.materials-gallery__content-wrapper.is-updating{opacity:0}.materials-gallery__grid{position:relative;padding:0;margin:0;display:flex;flex-wrap:wrap;list-style-type:none}.materials-gallery__item{padding:0;margin:0;width:50%;position:relative;list-style-type:none;z-index:0}.materials-gallery__item:hover{z-index:1}.materials-gallery__item.hidden{visibility:hidden}.materials-gallery__item-content.style--dark .materials-gallery__item-label{color:var(--cd__high-contrast)}.materials-gallery__item-image{clip-path:content-box}.materials-gallery__item-image img,.materials-gallery__item-image picture{aspect-ratio:188/235;width:100%;height:auto;object-fit:cover;display:block;transition:transform 1s ease-in-out}.materials-gallery__item-label{font-family:var(--font-body-family);font-weight:300;font-size:18px;line-height:150%;position:absolute;opacity:0;transition:opacity .3s ease-in-out;color:var(--cl__high-contrast);max-width:240px;height:54px;display:flex;align-items:center}@media (max-width: 767px){.materials-gallery__item:nth-child(n+3){margin-top:-1px}.materials-gallery__item:nth-child(2n){margin-top:calc(-22.6% - 1px);margin-bottom:calc(22.6% + 1px)}.materials-gallery__item:nth-child(2){margin-top:0}.materials-gallery__item:nth-child(2) img,.materials-gallery__item:nth-child(2) picture{aspect-ratio:188/150}.materials-gallery__item:nth-last-child(2):not(:nth-child(2n)) img,.materials-gallery__item:nth-last-child(2):not(:nth-child(2n)) picture{aspect-ratio:188/150}.materials-gallery__item:last-child:nth-child(2n-1){position:absolute;bottom:0;right:0;margin-top:0}.materials-gallery__item:last-child:nth-child(2n-1) img,.materials-gallery__item:last-child:nth-child(2n-1) picture{aspect-ratio:188/150}.materials-gallery__item:nth-last-child(3):nth-child(2n-1) img,.materials-gallery__item:nth-last-child(3):nth-child(2n-1) picture{aspect-ratio:188/300}}@media (min-width: 768px){.materials-gallery__item{width:33.333%}.materials-gallery__item-content{position:relative}.materials-gallery__item-content:hover .materials-gallery__item-image img,.materials-gallery__item-content:hover .materials-gallery__item-image picture{transform:scale(1.02)}.materials-gallery__item-content:hover .materials-gallery__item-label{opacity:1}.materials-gallery__item-image img,.materials-gallery__item-image picture{aspect-ratio:480/600}.materials-gallery__item:nth-child(n+4){margin-top:-1px}.materials-gallery__item:nth-child(3n-1){margin-top:calc(-10.3% - 1px);margin-bottom:calc(10.3% + 1px)}.materials-gallery__item:nth-child(2){margin-top:0}.materials-gallery__item:nth-child(2) img,.materials-gallery__item:nth-child(2) picture{aspect-ratio:480/452}.materials-gallery__item:nth-last-child(1):not(:nth-child(3n-1)):not(:nth-child(3n-2)) img,.materials-gallery__item:nth-last-child(1):not(:nth-child(3n-1)):not(:nth-child(3n-2)) picture,.materials-gallery__item:nth-last-child(3):not(:nth-child(3n)):not(:nth-child(3n-1)) img,.materials-gallery__item:nth-last-child(3):not(:nth-child(3n)):not(:nth-child(3n-1)) picture{aspect-ratio:480/452}.materials-gallery__item:nth-last-child(2):nth-child(3n-2) img,.materials-gallery__item:nth-last-child(2):nth-child(3n-2) picture{aspect-ratio:480/452}.materials-gallery__item:nth-last-child(2):nth-child(3n) img,.materials-gallery__item:nth-last-child(2):nth-child(3n) picture,.materials-gallery__item:nth-last-child(4):nth-child(3n-2) img,.materials-gallery__item:nth-last-child(4):nth-child(3n-2) picture{aspect-ratio:480/452}}.materials-gallery__filters{list-style:none;margin:0;display:flex;justify-content:flex-start;column-gap:40px;overflow-x:auto;padding:16px var(--cmp-side-padding);position:sticky;top:var(--header-height);z-index:2;background-color:var(--cl__fill-1)}.materials-gallery__filters li{display:inline-block;list-style:none;margin:0;padding:0;width:auto;white-space:nowrap}.materials-gallery__filters li materials-gallery-filter{position:relative;cursor:pointer;color:var(--cl__high-contrast);font-size:.875rem;font-family:var(--font-body-family);-webkit-font-smoothing:antialiased;font-weight:400;letter-spacing:.0175rem;line-height:130%;opacity:.6;transition:opacity .8s ease-in-out}@media (min-width: 768px){.materials-gallery__filters li materials-gallery-filter{position:relative;text-decoration:none}.materials-gallery__filters li materials-gallery-filter:before{content:"";position:absolute;width:100%;height:1px;bottom:0;left:0;background-color:currentColor;visibility:hidden;transform:scaleX(0);transform-origin:0;transition:all .8s ease-in-out}.materials-gallery__filters li materials-gallery-filter[data-active=true]:before,.materials-gallery__filters li materials-gallery-filter:hover:before{visibility:visible;transform:scaleX(1)}}.materials-gallery__filters li materials-gallery-filter[data-active=true],.materials-gallery__filters li materials-gallery-filter:hover{opacity:1}@media (max-width: 767px){.materials-gallery__filters li materials-gallery-filter[data-active=true]:before{content:"";position:absolute;width:100%;height:1px;bottom:0;left:0;background-color:var(--cl__high-contrast);visibility:visible;transform:scaleX(1);transform-origin:0;transition:all .8s ease-in-out}}@media (min-width: 478px){.materials-gallery__filters{justify-content:center}}@media (min-width: 768px){.materials-gallery__filters{padding:24px var(--cmp-side-padding)}}.materials-gallery__modal-trigger{position:absolute;top:0;left:0;right:0;bottom:0;cursor:pointer;z-index:1}.materials-gallery__modal-trigger:focus:not(:active){outline:4px solid black;outline-offset:-4px}.materials-gallery__modal-body{padding:1rem 0;display:flex;flex-direction:column;gap:1rem}.materials-gallery__modal-heading{font-size:var(--font-size-h1);font-family:var(--font-body-family);font-weight:400;line-height:150%;letter-spacing:.06rem;text-transform:none}.materials-gallery__modal-description{color:var(--cl__high-contrast);font-size:.875rem;font-family:var(--font-body-family);-webkit-font-smoothing:antialiased;font-weight:400;letter-spacing:.0175rem;line-height:130%}.materials-gallery__modal-title-wrap.no-title{display:none}.materials-gallery__modal-options{padding:0;margin:0;list-style:none;display:flex;flex-wrap:wrap;gap:.5rem;width:100%;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch}.materials-gallery__modal-options__showmore{cursor:pointer;color:var(--cl__high-contrast)}@media (min-width: 768px){.materials-gallery__modal-options__showmore-more-text{position:relative;text-decoration:none}.materials-gallery__modal-options__showmore-more-text:before{content:"";position:absolute;width:100%;height:1px;bottom:0;left:0;background-color:currentColor;visibility:hidden;transform:scaleX(0);transform-origin:0;transition:all .8s ease-in-out}.materials-gallery__modal-options__showmore-more-text[data-active=true]:before,.materials-gallery__modal-options__showmore-more-text:hover:before{visibility:visible;transform:scaleX(1)}}.materials-gallery__modal-options__showmore-less-text{display:none}@media (min-width: 768px){.materials-gallery__modal-options__showmore-less-text{position:relative;text-decoration:none}.materials-gallery__modal-options__showmore-less-text:before{content:"";position:absolute;width:100%;height:1px;bottom:0;left:0;background-color:currentColor;visibility:hidden;transform:scaleX(0);transform-origin:0;transition:all .8s ease-in-out}.materials-gallery__modal-options__showmore-less-text[data-active=true]:before,.materials-gallery__modal-options__showmore-less-text:hover:before{visibility:visible;transform:scaleX(1)}}.materials-gallery__modal-options__showmore[aria-expanded=true] .materials-gallery__modal-options__showmore-more-text{display:none}.materials-gallery__modal-options__showmore[aria-expanded=true] .materials-gallery__modal-options__showmore-less-text{display:block}@media (min-width: 375px){.materials-gallery__modal-options{gap:1rem}}@media (min-width: 768px){.materials-gallery__modal-options{margin:0 0 0 calc(-1 * var(--cmp-side-padding));padding:0 var(--cmp-side-padding)}}.materials-gallery__modal-option{margin:0;list-style:none;padding:4px;border:1px solid transparent}.materials-gallery__modal-option-button{display:block;cursor:pointer}.materials-gallery__modal-option-button img,.materials-gallery__modal-option-button picture{width:24px;height:24px;object-fit:cover;display:block;aspect-ratio:1/1}.materials-gallery__modal-option:hover{border:1px solid var(--c__grey-60)}.materials-gallery__modal-option.selected{border:1px solid var(--cl__high-contrast)}.materials-gallery__modal-details{list-style:none;margin:0;padding:0 0 24px;display:grid;column-gap:1rem;grid-template-columns:auto auto;align-items:flex-start}@media (min-width: 768px){.materials-gallery__modal-details{grid-template-columns:1fr 1fr}}@media (min-width: 1024px){.materials-gallery__modal-details{margin-bottom:80px;padding:0 0 24px}}.materials-gallery__modal-detail-divider{border-bottom:1px solid var(--c__primary-ivory);grid-column:1/3;margin:0;height:0;background-color:transparent}.materials-gallery__modal-detail-divider:first-of-type{border-bottom:1px solid var(--cl__high-contrast)}@media (max-width: 1023px){.materials-gallery__modal-detail-divider:last-of-type{border-bottom:none}}.materials-gallery__modal-detail-title{font-size:var(--font-size-h3);font-family:var(--font-body-family);font-weight:600;line-height:150%;letter-spacing:.07rem;text-transform:uppercase;padding:18px 0 1rem;margin:0}.materials-gallery__modal-detail-text{padding:1rem 0;margin:0;color:var(--cl__high-contrast);font-size:.875rem;font-family:var(--font-body-family);-webkit-font-smoothing:antialiased;font-weight:400;letter-spacing:.0175rem;line-height:130%}.materials-gallery__modal-swatch-link{position:sticky;bottom:0;width:100%;padding:1rem 0 24px;background-color:var(--cl__fill-1);border-top:1px solid var(--c__primary-ivory)}.materials-gallery__modal-swatch-link:not(.materials-gallery__modal-swatch-link--disclude) a{display:inline-flex;justify-content:center;align-items:center;text-decoration:none;text-align:center;transition:all .15s;border:none;border-radius:0;cursor:pointer;padding:12px 24px;box-sizing:border-box;min-width:min(150px,100%);font-size:.875rem;font-family:var(--font-body-family);-webkit-font-smoothing:antialiased;font-weight:600;line-height:150%;letter-spacing:.035rem;color:var(--cd__high-contrast);background:var(--cd__fill-1);width:100%}.materials-gallery__modal-swatch-link:not(.materials-gallery__modal-swatch-link--disclude) a:hover{background:var(--c__grey-90)}.materials-gallery__modal-swatch-link:not(.materials-gallery__modal-swatch-link--disclude) a:active{background:var(--c__primary-taupe)}.materials-gallery__modal-swatch-link:not(.materials-gallery__modal-swatch-link--disclude) a:disabled,.materials-gallery__modal-swatch-link:not(.materials-gallery__modal-swatch-link--disclude) a[aria-disabled=true],.materials-gallery__modal-swatch-link:not(.materials-gallery__modal-swatch-link--disclude) a.disabled{background:var(--c__grey-40);pointer-events:none}.materials-gallery__modal-swatch-link:not(.materials-gallery__modal-swatch-link--disclude) a:after{display:none}.materials-gallery__modal-swatch-link-message{display:none}.materials-gallery__modal-swatch-link--disclude{opacity:0;background-color:var(--cl__fill-1);color:var(--cl__high-contrast);font-size:.75rem;font-family:var(--font-body-family);-webkit-font-smoothing:antialiased;font-weight:400;letter-spacing:.015rem;line-height:150%}.materials-gallery__modal-swatch-link--disclude a{text-decoration:underline}.materials-gallery__modal-swatch-link--disclude .materials-gallery__modal-swatch-link-button{display:none}.materials-gallery__modal-swatch-link--disclude .materials-gallery__modal-swatch-link-message{display:inline-block}.materials-gallery__modal-swatch-link--hide{display:none}@media (min-width: 768px){.materials-gallery__modal-body{padding-top:8px}.materials-gallery__modal-swatch-link{width:100%}}@media (min-width: 1024px){.materials-gallery__modal-body{padding:12px 0 40px;display:grid;grid-template-columns:1fr 1fr;row-gap:0}.materials-gallery__modal-heading{grid-column:1/2;grid-row:1/2;margin-bottom:44px}.materials-gallery__modal materials-option-select-list{grid-column:1/2;grid-row:2/3}.materials-gallery__modal-description{grid-column:2/3;grid-row:1/3}.materials-gallery__modal-swatch-link{padding:1rem 0 24px;position:relative;bottom:auto;width:auto;text-align:right}.materials-gallery__modal-swatch-link:not(.materials-gallery__modal-swatch-link--disclude){justify-self:flex-end;width:100%}.materials-gallery__modal-swatch-link:not(.materials-gallery__modal-swatch-link--disclude) a{width:calc(50% - .5rem)}.materials-gallery__modal-swatch-link--disclude{text-align:left}}@media (min-width: 1280px){.materials-gallery__modal-swatch-link{padding:1rem 0 40px}}.materials-gallery__modal .modal__image .modal__image-loader{opacity:0;transition:opacity .25s ease-in-out 0s}.materials-gallery__modal .modal__image img{opacity:1;transition:opacity .5s ease-in-out .5s}.materials-gallery__modal .materials-gallery__modal-variant-title,.materials-gallery__modal .materials-gallery__modal-description,.materials-gallery__modal .materials-gallery__modal-details,.materials-gallery__modal .materials-gallery__modal-swatch-link{opacity:1;transition:opacity .5s ease-in-out}.materials-gallery__modal.loading .materials-gallery__modal-variant-title,.materials-gallery__modal.loading .materials-gallery__modal-description,.materials-gallery__modal.loading .materials-gallery__modal-details,.materials-gallery__modal.loading .materials-gallery__modal-swatch-link{opacity:0}.materials-gallery__modal.loading-image .modal__image img{opacity:0;transition:opacity .5s ease-in-out 0s}.materials-gallery__modal.loading-image .modal__image .modal__image-loader{opacity:1;transition:opacity .25s ease-in-out 1s}.materials-gallery .modal{position:fixed;top:0;left:0;right:0;bottom:0;background-color:var(--cl__fill-1);z-index:10;overflow:hidden}.materials-gallery .modal__toggle{top:24px;right:16px;position:absolute;z-index:5}.materials-gallery .modal__toggle svg path{fill:var(--cl__high-contrast)}.materials-gallery .modal__content{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;overflow-y:auto}.materials-gallery .modal__image{width:100%;background-color:var(--c__primary-ivory-light);position:relative}.materials-gallery .modal__image img,.materials-gallery .modal__image picture{width:100%;height:auto;object-fit:cover;object-position:center;display:block;aspect-ratio:375/281;position:relative;z-index:1}@keyframes dot-one{0%{opacity:0}25%{opacity:0}26%{opacity:1}to{opacity:1}}@keyframes dot-two{0%{opacity:0}50%{opacity:0}51%{opacity:1}to{opacity:1}}@keyframes dot-three{0%{opacity:0}75%{opacity:0}76%{opacity:1}to{opacity:1}}.materials-gallery .modal__image-loader{color:var(--cl__high-contrast);font-size:.875rem;font-family:var(--font-body-family);-webkit-font-smoothing:antialiased;font-weight:400;letter-spacing:.0175rem;line-height:130%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:0}.materials-gallery .modal__image-loader span[class^=dot-]{opacity:0}.materials-gallery .modal__image-loader .dot-one{animation:dot-one 3s infinite linear}.materials-gallery .modal__image-loader .dot-two{animation:dot-two 3s infinite linear}.materials-gallery .modal__image-loader .dot-three{animation:dot-three 3s infinite linear}.materials-gallery .modal__body{width:100%;position:relative;padding:0 var(--cmp-side-padding)}@media (min-width: 768px){.materials-gallery .modal__toggle{right:24px;top:-44px}.materials-gallery .modal__content{flex-direction:row}.materials-gallery .modal__image{width:50vw}.materials-gallery .modal__image img,.materials-gallery .modal__image picture{width:100%;height:100vh}.materials-gallery .modal__body{width:50vw;height:calc(100vh - 52px);display:grid;grid-template-rows:1fr auto;margin-top:52px}.materials-gallery .modal__body .materials-gallery__modal-scroll{overflow-y:auto}}@media (min-width: 1024px){.materials-gallery .modal__body{margin-top:68px;height:calc(100vh - 68px)}}#materials-archive-intro{opacity:0}#materials-archive-intro .mh-section-content{margin-top:-10vh;transition:margin-top 2s ease-in-out var(--materials-gallery-intro-delay)}@media (min-width: 768px){#materials-archive-intro .mh-section-content{margin-top:-15vh}}.materials-archive-animation-played #materials-archive-intro{opacity:1}.materials-archive-animation-played #materials-archive-intro .mh-section-content{margin-top:0}:root{--materials-gallery-message-fade-in-duration: .8s;--materials-gallery-message-fade-in-delay: .5s;--materials-gallery-message-move-duration: 2s;--materials-gallery-message-move-delay: 1s;--materials-gallery-fade-in-duration: .8s;--materials-gallery-fade-in-delay: 1.8s}#materials-archive-intro{opacity:0;margin-top:calc((100vh - var(--header-height) - 300px) / 2);display:flex;flex-direction:column;justify-content:center;align-items:center}#materials-archive-intro .mh-section-content{margin-top:0}#materials-archive{opacity:0}.load-materials-archive-animation.load-materials-archive #materials-archive-intro{opacity:1;margin-top:0;transition:opacity var(--materials-gallery-message-fade-in-duration) ease-in-out var(--materials-gallery-message-fade-in-delay),margin-top var(--materials-gallery-message-move-duration) ease-in-out var(--materials-gallery-message-move-delay)}.load-materials-archive-animation.load-materials-archive #materials-archive{opacity:1;transition:opacity var(--materials-gallery-fade-in-duration) ease-in-out var(--materials-gallery-fade-in-delay)}
/*# sourceMappingURL=/cdn/shop/t/1178/assets/materials-gallery.css.map */