.category-mosaic{background-color:var(--cm-bg, #FDFAF5)}.category-mosaic__header{text-align:center;max-width:640px;margin:0 auto;padding:0 20px;margin-bottom:var(--cm-header-gap, 40px)}.category-mosaic__eyebrow{font-family:DM Sans,sans-serif;text-transform:uppercase;letter-spacing:.22em;font-size:.72rem;color:var(--cm-accent, #8A6D3B);margin:0 0 12px}.category-mosaic__title{font-family:Cormorant Garamond,serif;font-weight:500;font-size:clamp(1.9rem,3.4vw,2.9rem);line-height:1.1;color:var(--cm-title, #1C1410);margin:0 0 14px}.category-mosaic__subtitle{font-family:DM Sans,sans-serif;font-size:.98rem;line-height:1.6;color:var(--cm-subtitle, #5A4F45);margin:0}.category-mosaic__grid{display:flex;flex-wrap:wrap;gap:var(--cm-gap, 12px)}.category-mosaic__tile{position:relative;display:block;flex:1 1 100%;height:var(--cm-tile-height, 320px);overflow:hidden;text-decoration:none;background-color:#2a221b;border-radius:var(--cm-radius, 0px)}@media(min-width:750px){.category-mosaic__tile[data-width=third]{flex-basis:calc(33.333% - (var(--cm-gap, 12px) * 2 / 3))}.category-mosaic__tile[data-width=half]{flex-basis:calc(50% - (var(--cm-gap, 12px) / 2))}.category-mosaic__tile[data-width=two-thirds]{flex-basis:calc(66.666% - (var(--cm-gap, 12px) / 3))}.category-mosaic__tile[data-width=full]{flex-basis:100%}}.category-mosaic__img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .7s cubic-bezier(.16,1,.3,1)}.category-mosaic__placeholder{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#3a2f26,#241c15)}.category-mosaic__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,rgba(0,0,0,calc(var(--cm-overlay, 22) / 100 * .6)),rgba(0,0,0,calc(var(--cm-overlay, 22) / 100)));transition:background .5s ease}.category-mosaic__label{position:absolute;left:var(--cm-label-x, 28px);top:var(--cm-label-y, 24px);z-index:2;font-family:DM Sans,sans-serif;text-transform:uppercase;letter-spacing:.14em;font-size:var(--cm-label-size, .98rem);font-weight:500;color:var(--cm-label-color, #FFFFFF);margin:0;text-shadow:0 1px 8px rgba(0,0,0,.35)}.category-mosaic__cta{position:absolute;left:var(--cm-label-x, 28px);bottom:24px;z-index:2;display:inline-flex;align-items:center;gap:8px;font-family:DM Sans,sans-serif;text-transform:uppercase;letter-spacing:.14em;font-size:.72rem;color:#fff;opacity:0;transform:translateY(8px);transition:opacity .45s ease,transform .45s ease}.category-mosaic__cta svg{width:18px;height:8px}@media(hover:hover){.category-mosaic__tile:hover .category-mosaic__img{transform:scale(1.06)}.category-mosaic__tile:hover .category-mosaic__overlay{background:linear-gradient(to bottom,rgba(0,0,0,calc(var(--cm-overlay, 22) / 100 * .7)),rgba(0,0,0,calc(var(--cm-overlay, 22) / 100 + .12)))}.category-mosaic__tile:hover .category-mosaic__cta{opacity:1;transform:translateY(0)}}@media(max-width:749px){.category-mosaic__tile{height:var(--cm-tile-height-mobile, 220px)}}
/*# sourceMappingURL=/cdn/shop/t/19/assets/component-category-mosaic.css.map */