.category-illustrations{position:relative;width:100%;margin:0;padding-top:5rem!important;padding-bottom:3rem!important}.category-illustrations__track{display:flex;gap:var(--panel-gap, 24px);align-items:flex-end}.category-illustrations__item{flex:1 1 0;display:flex;flex-direction:column;align-items:center;text-decoration:none;cursor:pointer}.category-illustrations__image-wrap{width:100%;height:var(--illustration-height, 280px);display:flex;align-items:center;justify-content:center;transition:transform .45s cubic-bezier(.22,1,.36,1)}.category-illustrations__img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;display:block}.category-illustrations__img--placeholder{background:#f0ece6;width:100%;height:100%}.category-illustrations__item:hover .category-illustrations__image-wrap{transform:translateY(-10px)}.category-illustrations__img:first-of-type{max-width:80%;max-height:100%;width:auto;height:auto;object-fit:contain;display:block}.category-illustrations__label-wrap{height:2.2rem;display:flex;align-items:center;justify-content:center;margin-top:.8rem;overflow:hidden}.category-illustrations__label{display:inline-flex;align-items:center;gap:.6rem;font-size:1.3rem;text-transform:uppercase;color:#000;white-space:nowrap;font-family:Arial,Helvetica,sans-serif;opacity:0;transform:translateY(8px);transition:opacity .35s ease,transform .45s cubic-bezier(.22,1,.36,1)}.category-illustrations__item:hover .category-illustrations__label{opacity:1;transform:translateY(0)}.category-illustrations__arrow-icon{display:inline-flex;align-items:center;opacity:0;transform:translate(-6px);transition:opacity .3s ease .08s,transform .4s cubic-bezier(.22,1,.36,1) .08s}.category-illustrations__item:hover .category-illustrations__arrow-icon{opacity:1;transform:translate(0)}@media screen and (max-width:749px){.category-illustrations__track{overflow-x:scroll;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;touch-action:pan-x;padding-left:16px;padding-right:16px}.category-illustrations__track::-webkit-scrollbar{display:none}.category-illustrations__item{flex:0 0 40vw;scroll-snap-align:start}.category-illustrations__image-wrap{height:var(--mobile-illustration-height, 180px)}.category-illustrations__label,.category-illustrations__arrow-icon{opacity:1;transform:none}.category-illustrations.page-width{padding-left:0!important;padding-right:0!important}}.color-swatch-banner{position:relative;width:100%;margin:0}.color-swatch-banner__heading{font-size:1.4rem;font-weight:500;margin:0 0 1.2rem;color:#111}.color-swatch-banner__wrapper{position:relative;overflow:hidden}.color-swatch-banner__track{display:flex;gap:var(--panel-gap, 8px);align-items:flex-start;transition:transform .5s cubic-bezier(.25,.46,.45,.94);will-change:transform}.color-swatch-banner__panel{flex:0 0 calc((100% - (var(--panels-per-row, 5) - 1) * var(--panel-gap, 8px)) / var(--panels-per-row, 5));display:flex;flex-direction:column;text-decoration:none;cursor:pointer}.color-swatch-banner__image-wrap{width:100%;height:var(--section-height, 380px);overflow:hidden}.color-swatch-banner__img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .7s cubic-bezier(.25,.46,.45,.94)}.color-swatch-banner__img--placeholder{background:#e8e8e8;width:100%;height:100%}.color-swatch-banner__panel:hover .color-swatch-banner__img{transform:scale(1.04)}.color-swatch-banner__swatch{width:100%;height:var(--swatch-height, 60px)}.color-swatch-banner__label{margin:.6rem 0 0;font-size:.85rem;font-weight:400;color:#111}.color-swatch-banner__panel:hover .color-swatch-banner__label{text-decoration:underline}.color-swatch-banner__arrow{position:absolute;top:calc(var(--section-height, 380px) / 2);transform:translateY(-50%);z-index:10;background:#ffffffe6;border:1px solid rgba(0,0,0,.15);color:#111;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .25s ease}.color-swatch-banner__arrow:hover{background:#fff}.color-swatch-banner__arrow--prev{left:8px}.color-swatch-banner__arrow--next{right:8px}.color-swatch-banner__arrow:disabled{opacity:.25;cursor:default}@media screen and (max-width:749px){.color-swatch-banner__wrapper{overflow:visible}.color-swatch-banner__track{overflow-x:scroll;overflow-y:visible;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;touch-action:pan-x;transform:none!important;transition:none!important;padding-left:16px;padding-right:16px}.color-swatch-banner__track::-webkit-scrollbar{display:none}.color-swatch-banner__panel{flex:0 0 45vw;scroll-snap-align:start}.color-swatch-banner__image-wrap{height:var(--mobile-height, 260px)}.color-swatch-banner__arrow{display:none}.color-swatch-banner.page-width{padding:0!important}}.dual-image-banner{position:relative;width:100%;overflow:hidden;margin:0}.dual-image-banner .link,.dual-image-banner .animate-arrow{text-decoration:none;margin-top:0!important;color:#fff!important}.dual-image-banner .icon-wrap{margin-left:.8rem;white-space:nowrap}.dual-image-banner__track{display:flex;gap:var(--panel-gap, 12px);transition:transform .5s cubic-bezier(.25,.46,.45,.94);will-change:transform;padding-top:2rem;padding-bottom:2rem}@media screen and (max-width:749px){.dual-image-banner__track{display:flex;gap:0px!important;transition:transform .5s cubic-bezier(.25,.46,.45,.94);will-change:transform;padding-top:0rem;padding-bottom:0rem}}.dual-image-banner__panel{position:relative;flex:0 0 calc((100% - (var(--panels-per-row, 2) - 1) * var(--panel-gap, 12px)) / var(--panels-per-row, 2));height:var(--section-height, 600px);overflow:hidden;display:flex;text-decoration:none;cursor:pointer}.dual-image-banner__image-wrap{position:absolute;top:0;right:0;bottom:0;left:0}.dual-image-banner__img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .7s cubic-bezier(.25,.46,.45,.94)}.dual-image-banner__img--placeholder{background:#e8e8e8}.dual-image-banner__panel:hover .dual-image-banner__img{transform:scale(1.04)}.dual-image-banner__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#000;opacity:var(--overlay-opacity, .3);pointer-events:none;transition:opacity .4s ease}.dual-image-banner__panel:hover .dual-image-banner__overlay{opacity:calc(var(--overlay-opacity, .3) + .08)}.dual-image-banner__content{position:relative;z-index:2;display:flex;flex-direction:column;gap:14px;padding:20px;width:100%;align-self:flex-start}.dual-image-banner__content--left{align-items:flex-start;text-align:left}.dual-image-banner__content--center{align-items:center;text-align:center}.dual-image-banner__content--right{align-items:flex-end;text-align:right}.dual-image-banner__content--top{align-self:flex-start}.dual-image-banner__content--middle{align-self:center}.dual-image-banner__content--bottom{align-self:flex-end}.dual-image-banner__label{margin:0;font-size:10px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:#fff}.dual-image-banner__title{margin:0;font-size:1.3rem;font-weight:700;line-height:1.1;color:#fff}.dual-image-banner__btn:hover{transform:translateY(-1px)}.dual-image-banner__btn--solid{background:#fff;color:#111;border:2px solid #fff}.dual-image-banner__btn--solid:hover{background:transparent;color:#fff}.dual-image-banner__btn--outline{background:transparent;color:#fff;border:2px solid #fff}.dual-image-banner__btn--outline:hover{background:#fff;color:#111}.dual-image-banner__btn--dark{background:#111;color:#fff;border:2px solid #111}.dual-image-banner__btn--dark:hover{background:transparent;color:#fff;border-color:#fff}.dual-image-banner__arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:10;background:#ffffff26;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.3);color:#fff;width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .25s ease}.dual-image-banner__arrow:hover{background:#ffffff4d}.dual-image-banner__arrow--prev{left:16px}.dual-image-banner__arrow--next{right:16px}.dual-image-banner__arrow:disabled{opacity:.3;cursor:default}.dual-image-banner__dots{position:absolute;bottom:16px;left:50%;transform:translate(-50%);display:flex;gap:6px;z-index:10}.dual-image-banner__dot{width:6px;height:6px;border-radius:50%;background:#fff6;border:none;cursor:pointer;padding:0;transition:background .25s ease,transform .25s ease}.dual-image-banner__dot.is-active{background:#fff;transform:scale(1.3)}@media screen and (max-width:749px){.dual-image-banner{overflow:visible}.dual-image-banner__track{overflow-x:scroll;overflow-y:visible;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;touch-action:pan-x;transform:none!important;transition:none!important;padding-left:16px;padding-right:16px}.dual-image-banner__track::-webkit-scrollbar{display:none}.dual-image-banner__panel{flex:0 0 50vw;height:var(--mobile-height, 400px);scroll-snap-align:start}.dual-image-banner__content{padding:15px}.dual-image-banner__arrow{display:none}.dual-image-banner.page-width{padding:0!important}}
/*# sourceMappingURL=/cdn/shop/t/20/compiled_assets/styles.css.map */