.category-grid-wrapper{margin:0 auto}.category-grid{display:grid;gap:1rem;grid-template-columns:1fr}@media screen and (min-width: 750px){.category-grid{gap:1.5rem}}@media screen and (min-width: 990px){.category-grid.grid--2x4-desktop{grid-template-columns:repeat(4,1fr);grid-auto-rows:auto}}.category-grid__item{position:relative;overflow:hidden;border-radius:0}.category-grid__item--1x1,.category-grid__item--1x2{grid-column:span 1;grid-row:span 1}@media screen and (min-width: 990px){.category-grid__item--1x2{grid-column:span 1;grid-row:span 2}}.category-grid__item--2x2{grid-column:span 1;grid-row:span 1}@media screen and (min-width: 990px){.category-grid__item--2x2{grid-column:span 2;grid-row:span 2}}.category-grid__link{display:block;position:relative;width:100%;text-decoration:none;color:inherit;aspect-ratio:670 / 492}.category-grid__item--1x1 .category-grid__link{aspect-ratio:670 / 492}.category-grid__item--1x2 .category-grid__link{aspect-ratio:670 / 1018}.category-grid__item--2x2 .category-grid__link{aspect-ratio:1340 / 996}.category-grid__link[aria-disabled=true]{cursor:default}.category-grid__image-wrapper{position:relative;width:100%;height:100%;overflow:hidden}.category-grid__image-wrapper--placeholder{background-color:rgba(var(--color-foreground),.04)}.category-grid__image{width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .5s ease;display:block}.category-grid__link:hover .category-grid__image{opacity:.75}.category-grid__content{position:absolute;bottom:0;left:0;width:100%;padding:2rem;background:linear-gradient(to top,#000000b3,#0000);z-index:1}.category-grid__heading{color:#fff;margin:0;font-weight:700;text-transform:uppercase;letter-spacing:.05em;text-shadow:0 2px 4px rgba(0,0,0,.3)}.category-grid__image-wrapper--placeholder svg{width:100%;height:100%;object-fit:cover;opacity:.3}@media (prefers-reduced-motion: no-preference){.category-grid__item{opacity:0;animation:fadeInUp .6s ease forwards}.category-grid__item:nth-child(1){animation-delay:.1s}.category-grid__item:nth-child(2){animation-delay:.2s}.category-grid__item:nth-child(3){animation-delay:.3s}.category-grid__item:nth-child(4){animation-delay:.4s}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/section-category-grid.css.map */