.category-showcase{--cat-text: #111111;--cat-text-light: #ffffff;--cat-text-muted: #767676;--cat-bg: #f4eee6;--cat-card-placeholder: #d6cdc1;--cat-radius: 24px;--cat-content-max: 1320px;--cat-margin-m: 16px;--cat-margin-d: 60px;--cat-card-w: 80vw;--cat-card-gap: 16px;--cat-pad-top-d: 64px;--cat-pad-bot-d: 64px;--cat-pad-top-m: 40px;--cat-pad-bot-m: 40px;--cat-edge: var(--cat-margin-m);display:block;background-color:var(--cat-bg);color:var(--cat-text);padding:var(--cat-pad-top-m) 0 var(--cat-pad-bot-m)}@media screen and (min-width:750px){.category-showcase{--cat-card-gap: 24px;--cat-edge: 32px;padding:var(--cat-pad-top-d) 0 var(--cat-pad-bot-d)}}@media screen and (min-width:990px){.category-showcase{--cat-edge: 40px}}@media screen and (min-width:1280px){.category-showcase{--cat-edge: var(--cat-margin-d)}}.category-showcase__inner{max-width:calc(var(--cat-content-max) + var(--cat-margin-d) * 2);margin:0 auto;padding-inline:var(--cat-edge)}.category-showcase__header{margin-bottom:24px}@media screen and (min-width:750px){.category-showcase__header{margin-bottom:32px}}.category-showcase__heading{font-family:var(--font-heading-family, "Playfair Display", Georgia, serif);font-style:var(--font-heading-style, normal);font-weight:var(--font-heading-weight, 400);letter-spacing:0;margin:0;font-size:32px;line-height:1.1}@media screen and (min-width:750px){.category-showcase__heading{font-size:48px}}.category-showcase__subheading{font-family:var(--font-body-family, "Work Sans", sans-serif);font-weight:400;font-size:14px;line-height:1.5;letter-spacing:0;margin:12px 0 0;color:var(--cat-text-muted);max-width:60ch;text-wrap:balance}@media screen and (min-width:750px){.category-showcase__subheading{font-size:16px;margin-top:16px}}.category-showcase__grid{list-style:none;margin:0;display:flex;gap:var(--cat-card-gap);padding-inline-start:var(--cat-edge);padding-inline-end:var(--cat-edge);padding-block:0 4px;scroll-padding-inline-start:var(--cat-edge);overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none}.category-showcase__grid::-webkit-scrollbar{display:none}.category-showcase__item{flex:0 0 var(--cat-card-w);scroll-snap-align:start}@media screen and (min-width:750px){.category-showcase__grid{display:grid;grid-template-columns:repeat(var(--cat-cols, 3),1fr);overflow:visible;scroll-snap-type:none;max-width:calc(var(--cat-content-max) + var(--cat-margin-d) * 2);margin:0 auto;padding-inline:var(--cat-edge)}.category-showcase__item{flex:initial;scroll-snap-align:none}}.category-showcase__item--empty{flex:1 1 auto;text-align:center;font-family:var(--font-body-family, "Work Sans", sans-serif);color:var(--cat-text-muted);padding:48px 16px}.category-card{display:block;text-decoration:none;color:inherit}.category-card__media{position:relative;width:100%;aspect-ratio:4 / 3;border-radius:var(--cat-radius);overflow:hidden;background-color:var(--cat-card-placeholder)}.category-card__image{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s ease}.category-card:hover .category-card__image{transform:scale(1.03)}.category-card__placeholder{display:flex;align-items:center;justify-content:center}.category-card__placeholder .placeholder-svg{width:60%;height:60%;fill:#1111112e}.category-card__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#1110 40%,#11111159);pointer-events:none}.category-card__label{position:absolute;left:50%;top:75%;transform:translate(-50%,-50%);width:max-content;max-width:calc(100% - 32px);text-align:center;font-family:var(--font-heading-family, "Playfair Display", Georgia, serif);font-style:var(--font-heading-style, normal);font-weight:var(--font-heading-weight, 400);font-size:20px;line-height:1.3;letter-spacing:0;color:var(--cat-text-light)}@media screen and (min-width:990px){.category-card__label{font-size:24px}}.category-card:focus-visible{outline:2px solid var(--cat-text);outline-offset:4px;border-radius:var(--cat-radius)}.category-showcase__cta{display:flex;justify-content:center;margin-top:24px;padding-inline:var(--cat-edge)}@media screen and (min-width:750px){.category-showcase__cta{margin-top:40px}}@media(prefers-reduced-motion:reduce){.category-showcase__grid{scroll-behavior:auto}.category-card__image{transition-duration:0ms}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-category-showcase.css.map */