.category-showcase{padding:64px 0;background:transparent}.category-showcase__wrap{max-width:1570px;margin:0 auto;padding:0 24px}.category-showcase__head{margin-bottom:36px;text-align:left}.category-showcase__heading{font-size:clamp(28px,3.2vw,40px);line-height:1.15;margin:0 0 8px;letter-spacing:-.01em}.category-showcase__subheading{font-size:16px;opacity:.65;margin:0;max-width:480px}.category-showcase__grid{display:grid;grid-template-columns:1.3fr 1fr;grid-auto-rows:1fr;gap:20px}.category-tile{position:relative;display:block;overflow:hidden;border-radius:18px;text-decoration:none;color:inherit;min-height:260px;isolation:isolate}.category-tile--large{grid-row:span 2;min-height:552px}.category-tile__image-wrap{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;border-radius:inherit}.category-tile__image{width:100%;height:100%;object-fit:cover;display:block;transform:scale(1);transition:transform .6s cubic-bezier(.22,1,.36,1);will-change:transform}.category-tile__placeholder{width:100%;height:100%;background:var(--cs-overlay, #0b0e1a);display:flex;align-items:center;justify-content:center}.category-tile__placeholder-svg{width:40%;height:40%;opacity:.3}.category-tile__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,color-mix(in srgb,var(--cs-overlay, #0b0e1a) 88%,transparent) 0%,color-mix(in srgb,var(--cs-overlay, #0b0e1a) 25%,transparent) 45%,transparent 75%);transition:opacity .5s ease;opacity:.75}.category-tile:hover .category-tile__image{transform:scale(1.08)}.category-tile:hover .category-tile__overlay{opacity:.92}.category-tile__content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:flex-start;gap:14px;height:100%;padding:28px;justify-content:flex-end}.category-tile__name{font-size:clamp(20px,2vw,26px);font-weight:600;color:#fff;letter-spacing:-.01em;line-height:1.2}.category-tile__button{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border-radius:999px;background:color-mix(in srgb,#ffffff 12%,transparent);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid color-mix(in srgb,#ffffff 20%,transparent);color:#fff;font-size:14px;font-weight:500;opacity:0;transform:translateY(8px);transition:opacity .4s ease,transform .4s ease,background .3s ease,border-color .3s ease}.category-tile:hover .category-tile__button{opacity:1;transform:translateY(0);background:var(--cs-accent, #7c6cff);border-color:var(--cs-accent, #7c6cff)}.category-tile__button-icon{transition:transform .3s ease}.category-tile:hover .category-tile__button-icon{transform:translate(2px)}.category-tile:focus-visible{outline:2px solid var(--cs-accent, #7c6cff);outline-offset:3px}.category-tile:focus-visible .category-tile__image{transform:scale(1.08)}.category-tile:focus-visible .category-tile__button{opacity:1;transform:translateY(0);background:var(--cs-accent, #7c6cff);border-color:var(--cs-accent, #7c6cff)}@media(prefers-reduced-motion:reduce){.category-tile__image,.category-tile__overlay,.category-tile__button,.category-tile__button-icon{transition:none}}@media(max-width:989px){.category-showcase__grid{grid-template-columns:1fr 1fr}.category-tile--large{min-height:480px}.category-tile{min-height:220px}}@media(max-width:749px){.category-showcase{padding:44px 0}.category-showcase__grid{grid-template-columns:1fr;grid-auto-rows:auto}.category-tile--large{grid-row:auto;min-height:320px}.category-tile{min-height:220px}.category-tile__content{padding:20px}.category-tile__overlay{opacity:.85}.category-tile__button{opacity:1;transform:translateY(0)}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/section-category-showcase.css.map */