.category-grid{width:100%;max-width:100%;margin:0;box-sizing:border-box}.category-grid__header{text-align:center;padding:0 16px 24px}.category-grid__heading{margin:0 0 8px;letter-spacing:.02em}.category-grid__subheading{margin:0;opacity:.7;font-size:1rem}.category-grid__items{display:grid;grid-template-columns:repeat(var(--cg-columns-mobile, 2),1fr);gap:var(--cg-gap-mobile, 4px);width:100%}@media screen and (min-width:750px){.category-grid__items{grid-template-columns:repeat(var(--cg-columns-desktop, 2),1fr);gap:var(--cg-gap-desktop, 8px)}}.category-grid__item{position:relative;display:block;overflow:hidden;text-decoration:none;color:rgb(var(--cg-text-color, 255, 255, 255));background:#1a1a1a;isolation:isolate}.category-grid__media{position:relative;width:100%;aspect-ratio:var(--cg-aspect-ratio, 1 / 1);overflow:hidden}.category-grid__image{width:100%;height:100%;object-fit:cover;display:block;transition:transform .7s cubic-bezier(.22,1,.36,1);will-change:transform}.category-grid__placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#0000000d}.category-grid__placeholder .placeholder-svg{width:100%;height:100%;object-fit:cover;opacity:.4}.category-grid__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(0,0,0,calc(var(--cg-overlay-opacity, .25) * 1.6)),rgba(0,0,0,calc(var(--cg-overlay-opacity, .25) * .6)),#0000 80%);pointer-events:none;transition:opacity .4s ease;z-index:1}.category-grid__scrim{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:1}.category-grid__scrim--bottom{background:linear-gradient(to top,rgba(0,0,0,var(--cg-scrim-opacity, .45)),rgba(0,0,0,calc(var(--cg-scrim-opacity, .45) * .55)) 18%,rgba(0,0,0,calc(var(--cg-scrim-opacity, .45) * .15)) 34%,#0000 48%)}.category-grid__scrim--top{background:linear-gradient(to bottom,rgba(0,0,0,var(--cg-scrim-opacity, .45)),rgba(0,0,0,calc(var(--cg-scrim-opacity, .45) * .55)) 18%,rgba(0,0,0,calc(var(--cg-scrim-opacity, .45) * .15)) 34%,#0000 48%)}.category-grid__scrim--center{background:rgba(0,0,0,calc(var(--cg-scrim-opacity, .45) * .75))}.category-grid__item:hover .category-grid__image{transform:scale(1.04)}.category-grid__content{position:absolute;z-index:2;display:flex;flex-direction:column;gap:4px;padding:18px 22px;color:#fff;pointer-events:none;max-width:80%}.category-grid__content--bottom-left{bottom:0;left:0;align-items:flex-start;text-align:left}.category-grid__content--bottom-center{bottom:0;left:50%;transform:translate(-50%);align-items:center;text-align:center}.category-grid__content--bottom-right{bottom:0;right:0;align-items:flex-end;text-align:right}.category-grid__content--top-left{top:0;left:0;align-items:flex-start;text-align:left}.category-grid__content--top-center{top:0;left:50%;transform:translate(-50%);align-items:center;text-align:center}.category-grid__content--top-right{top:0;right:0;align-items:flex-end;text-align:right}.category-grid__content--center{top:50%;left:50%;transform:translate(-50%,-50%);align-items:center;text-align:center}.category-grid__title{margin:0;font-size:clamp(1.6rem,2vw + .8rem,2.4rem);font-weight:500;letter-spacing:.02em;line-height:1.2;color:#fff;text-shadow:0 1px 4px rgba(0,0,0,.45)}.category-grid__cta{display:inline-block;font-size:clamp(.9rem,.5vw + .7rem,1.1rem);letter-spacing:.05em;text-transform:uppercase;position:relative;padding-bottom:2px;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.5)}.category-grid__cta:after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:currentColor;transform-origin:left center;transition:transform .4s cubic-bezier(.22,1,.36,1)}.category-grid__content--bottom-center .category-grid__cta:after,.category-grid__content--top-center .category-grid__cta:after,.category-grid__content--center .category-grid__cta:after{transform-origin:center center}.category-grid__content--bottom-right .category-grid__cta:after,.category-grid__content--top-right .category-grid__cta:after{transform-origin:right center}.category-grid__item:hover .category-grid__cta:after{transform:scaleX(.4)}.category-grid__item:focus-visible{outline:2px solid currentColor;outline-offset:-4px}@media screen and (max-width:749px){.category-grid__content{padding:14px 16px}.category-grid__title{font-size:clamp(1.3rem,3.5vw + .5rem,1.8rem)}.category-grid__cta{font-size:.85rem}}@media(prefers-reduced-motion:reduce){.category-grid__image,.category-grid__cta:after{transition:none}.category-grid__item:hover .category-grid__image{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/category-grid.css.map */