.section-category-tiles{padding-block:var(--space-9)}.category-tiles__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-4)}.category-tile{display:flex;flex-direction:column;gap:var(--space-3);text-decoration:none;color:inherit;border-radius:var(--radius-m)}.category-tile:focus-visible{outline:2px solid var(--color-brand);outline-offset:2px}.category-tile__media{position:relative;aspect-ratio:1 / 1;border-radius:var(--radius-m);background-color:var(--color-line);overflow:hidden;isolation:isolate}.category-tile__image{width:100%;height:100%;object-fit:cover}.category-tile__placeholder{width:100%;height:100%}.category-tile__placeholder svg{width:100%;height:100%}.category-tile__overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;padding:var(--space-4);background:linear-gradient(to top,color-mix(in srgb,var(--color-ink) 72%,transparent),color-mix(in srgb,var(--color-ink) 28%,transparent) 32%,transparent 55%);pointer-events:none}.category-tile__overlay .category-tile__title{font-family:var(--font-heading);font-size:clamp(17px,1.1vw + 12px,22px);font-weight:700;line-height:1.1;letter-spacing:.02em;text-transform:uppercase;color:var(--color-bg);overflow-wrap:normal}.category-tile__count{margin-top:var(--space-1);font-size:12px;letter-spacing:.04em;color:color-mix(in srgb,var(--color-bg) 75%,transparent)}.category-tile__arrow{position:absolute;top:var(--space-3);right:var(--space-3);z-index:2;display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-pill);background-color:color-mix(in srgb,var(--color-ink) 45%,transparent);color:var(--color-bg)}.category-tile:hover .category-tile__arrow,.category-tile:focus-visible .category-tile__arrow{background-color:var(--color-bg);color:var(--color-ink)}.category-tile__overlay:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:linear-gradient(to top,color-mix(in srgb,var(--color-ink) 55%,transparent),color-mix(in srgb,var(--color-ink) 18%,transparent) 34%,transparent 62%);opacity:0}.category-tile:hover .category-tile__overlay:before,.category-tile:focus-visible .category-tile__overlay:before{opacity:1}@media(prefers-reduced-motion:no-preference){.category-tile__image{transition:transform .5s cubic-bezier(.16,1,.3,1)}.category-tile:hover .category-tile__image,.category-tile:focus-visible .category-tile__image{transform:scale(1.05)}.category-tile__overlay:before{transition:opacity .3s ease}.category-tile__arrow{transition:background-color .2s ease,color .2s ease,transform .2s ease}.category-tile:hover .category-tile__arrow,.category-tile:focus-visible .category-tile__arrow{transform:translate(2px)}}@media screen and (min-width:990px){.category-tiles__grid{grid-template-columns:repeat(var(--columns-desktop, 5),1fr)}.section-category-tiles{padding-block:var(--space-10)}}.category-tile__row{display:flex;align-items:center;justify-content:space-between;padding-bottom:var(--space-1);border-bottom:1px solid var(--color-line)}.category-tile:hover .category-tile__row{border-color:var(--color-ink)}.category-tile__row .category-tile__title{margin:0;text-transform:none}.category-tile__row svg{flex-shrink:0}@media(prefers-reduced-motion:no-preference){.category-tile__row{transition:border-color .15s ease}.category-tile__row svg{transition:transform .15s ease}.category-tile:hover .category-tile__row svg{transform:translate(3px)}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/section-category-tiles.css.map */