.category-grid__inner{padding-top:clamp(5rem,8vw,9rem);padding-bottom:clamp(4rem,6vw,7rem)}.category-grid__grid{display:grid;grid-template-columns:repeat(var(--cg-cols, 3),1fr);gap:clamp(1rem,1.6vw,2rem)}.category-tile{position:relative;display:block;overflow:hidden;text-decoration:none;color:#fff;background-color:rgba(var(--color-foreground),.08);isolation:isolate}.category-tile--short{aspect-ratio:4 / 3}.category-tile--tall{aspect-ratio:3 / 4}.category-tile__media,.category-tile__media img,.category-tile__scrim{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}.category-tile__media img{object-fit:cover;transform:scale(1.01);transition:transform 1.1s var(--ql-ease)}.category-tile__scrim{background:linear-gradient(to top,#000000b8,#00000061 45%,#0000001f)}@media(hover:hover){.category-tile:hover .category-tile__media img{transform:scale(1.06)}}.category-tile__body{position:absolute;inset:auto 0 0 0;z-index:1;padding:clamp(1.8rem,2.4vw,3rem);display:block}.category-tile__index{display:block;font-size:1.1rem;letter-spacing:var(--ql-eyebrow-tracking);opacity:.7;margin-bottom:.8rem}.category-tile__label{display:block;font-family:var(--font-heading-family);font-size:clamp(1.9rem,2.2vw,2.6rem);line-height:1.15;letter-spacing:.01em}.category-tile__caption{display:block;margin-top:.6rem;font-size:1.2rem;letter-spacing:.1em;text-transform:uppercase;opacity:.78}.category-tile__label:after{content:"";display:block;width:2.8rem;height:.1rem;margin-top:1.2rem;background-color:currentColor;transform-origin:left;transition:transform .45s var(--ql-ease)}@media(hover:hover){.category-tile:hover .category-tile__label:after{transform:scaleX(2.4)}}.category-tile:focus-visible{outline:.2rem solid rgb(var(--color-foreground));outline-offset:.3rem}@media screen and (max-width:989px){.category-grid__grid{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width:599px){.category-grid__grid{grid-template-columns:1fr}.category-tile--tall{aspect-ratio:4 / 3}}@media(prefers-reduced-motion:reduce){.category-tile__media img,.category-tile__label:after{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/section-category-grid.css.map */