.charmant-categories{padding:7rem 4rem 5rem;max-width:1280px;margin:0 auto}.charmant-categories .section-heading{text-align:center;margin-bottom:4rem}.charmant-categories .section-heading h2{font-family:var(--font-heading-family),serif;font-size:clamp(2.6rem,4vw,4rem);letter-spacing:.14em;text-transform:uppercase;font-weight:400;margin:0;color:var(--charmant-ink, #2b2520)}.categories-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.6rem}.category-card{position:relative;display:block;overflow:hidden;aspect-ratio:3 / 4;background:var(--charmant-paper, #f4eee3);text-decoration:none}.category-card--featured{grid-column:span 2;grid-row:span 2;aspect-ratio:auto}.category-card img,.category-card__placeholder{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .7s var(--charmant-ease-out, cubic-bezier(.22, 1, .36, 1))}.category-card__placeholder{display:block;background:var(--charmant-paper, #f4eee3)}.category-card:hover img,.category-card:focus-visible img{transform:scale(1.06)}.category-card__overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;padding:1.8rem;background:linear-gradient(to top,#2b25209e,#2b25202e 34%,#2b252000 55%)}.category-card__name{font-family:var(--font-heading-family),serif;font-size:clamp(1.5rem,1.8vw,2rem);letter-spacing:.18em;text-transform:uppercase;color:#fffdf7;line-height:1.3}.category-card--featured .category-card__name{font-size:clamp(2rem,2.6vw,2.9rem)}.category-card__arrow{color:var(--charmant-gold-soft, #d9b45b);font-size:1.8rem;line-height:1.3;transform:translate(-6px);opacity:0;transition:transform .35s var(--charmant-ease-out, ease-out),opacity .3s ease}.category-card:hover .category-card__arrow,.category-card:focus-visible .category-card__arrow{transform:translate(0);opacity:1}@media(max-width:989px){.charmant-categories{padding:5rem 2.4rem 3.5rem}.categories-grid{grid-template-columns:repeat(2,1fr);gap:1.2rem}.category-card--featured{grid-column:span 2;grid-row:auto;aspect-ratio:16 / 10}}@media(max-width:749px){.charmant-categories{padding:4rem 1.5rem 2.5rem}.categories-grid{gap:1rem}.charmant-categories .section-heading{margin-bottom:2.6rem}.category-card__overlay{padding:1.2rem}.category-card__name{letter-spacing:.12em}.category-card__arrow{display:none}}@media(prefers-reduced-motion:reduce){.category-card img{transition:none!important}.category-card:hover img{transform:none!important}.category-card__arrow{transition:none!important}}
/*# sourceMappingURL=/cdn/shop/t/31/assets/section-charmant-categories.css.map */