.catgrid{background:rgb(var(--color-background));color:rgb(var(--color-foreground))}.catgrid__inner{padding-top:clamp(3rem,5vw,5rem);padding-bottom:clamp(5rem,8vw,9rem)}.catgrid__eyebrow{width:fit-content;margin:0 auto clamp(3rem,5vw,5rem);padding-bottom:1.4rem;font-family:var(--font-body-family);font-size:1.2rem;letter-spacing:.24em;text-transform:uppercase;text-align:center;border-bottom:1px solid currentColor}.catgrid__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.cat-card{position:relative;display:block;overflow:hidden;color:#000;text-decoration:none;isolation:isolate}.cat-card__media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.cat-card__media img,.cat-card__media svg{width:100%;height:100%;object-fit:cover;display:block}.cat-card{aspect-ratio:3 / 4}.cat-card__title{position:absolute;top:2.2rem;left:2.2rem;z-index:3;font-family:var(--font-body-family);font-size:1.3rem;letter-spacing:.14em;text-transform:uppercase}.cat-card__desc{position:absolute;left:2.2rem;right:2.2rem;bottom:2.2rem;z-index:3;margin:0;font-family:var(--font-body-family);font-size:1.3rem;line-height:1.55;color:#000;opacity:0;transition:opacity .3s ease}.cat-card:hover .cat-card__desc{opacity:1}@media(hover:none){.cat-card__desc{opacity:1}}.cat-card .anim-text{display:inline-block;line-height:1}.cat-card .anim-char{position:relative;display:inline-block;overflow:hidden;vertical-align:top;line-height:1}.cat-card .anim-char__a,.cat-card .anim-char__b{display:block;transition:transform .45s cubic-bezier(.5,0,.2,1);transition-delay:calc(var(--i) * .03s)}.cat-card .anim-char__b{position:absolute;top:0;right:0;bottom:0;left:0;transform:translateY(-100%)}@media(hover:hover){.cat-card:hover .anim-char__a{transform:translateY(100%)}.cat-card:hover .anim-char__b{transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.cat-card .anim-char__a,.cat-card .anim-char__b{transition:none}}@media(hover:none){.cat-card .anim-char__a,.cat-card .anim-char__b{transition:none!important}}@media screen and (max-width:989px){.catgrid__grid{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width:619px){.catgrid__grid{grid-template-columns:1fr}.cat-card{aspect-ratio:16 / 10}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/section-category-grid.css.map */