.aylora-category-mosaic{--category-mosaic-columns: 2;--category-mosaic-gap: 0px;container-type:inline-size}.aylora-category-mosaic__grid{display:grid;grid-template-columns:repeat(var(--category-mosaic-columns),minmax(0,1fr));grid-auto-rows:calc((100cqw - (var(--category-mosaic-columns) - 1) * var(--category-mosaic-gap)) / var(--category-mosaic-columns) * 1.25);gap:var(--category-mosaic-gap)}.aylora-category-mosaic__tile{position:relative;min-width:0;min-height:0;overflow:hidden;background:#63574f}.aylora-category-mosaic__tile--featured{grid-column:span 2;grid-row:span 2}.aylora-category-mosaic__link{position:absolute;top:0;right:0;bottom:0;left:0;display:block;color:#fff;text-decoration:none}.aylora-category-mosaic__image{display:block;width:100%;height:100%;object-fit:cover;object-position:center top}.aylora-category-mosaic__caption{position:absolute;inset:auto 0 0;display:flex;align-items:end;justify-content:space-between;gap:10px;padding:42px 14px 15px;background:linear-gradient(to top,rgb(0 0 0 / .7),rgb(0 0 0 / .35) 58%,transparent);pointer-events:none}.aylora-category-mosaic__title{margin:0;color:#fff;font-family:var(--font-heading--family);font-size:clamp(1.25rem,2.5cqw,2rem);font-style:var(--font-heading--style);font-weight:var(--font-heading--weight);line-height:1.1;letter-spacing:-.015em;text-shadow:0 1px 4px rgb(0 0 0 / .3)}.aylora-category-mosaic__tile--featured .aylora-category-mosaic__caption{padding:70px 20px 22px}.aylora-category-mosaic__tile--featured .aylora-category-mosaic__title{font-size:clamp(2rem,5cqw,3.75rem)}.aylora-category-mosaic__arrow{flex:none;font-family:var(--font-body--family);font-size:1.5rem;line-height:1}.aylora-category-mosaic__link:focus-visible{outline:3px solid #fff;outline-offset:-8px}@media screen and (min-width:750px){.aylora-category-mosaic{--category-mosaic-columns: 3}.aylora-category-mosaic__caption{padding:52px 20px 20px}.aylora-category-mosaic__tile--featured .aylora-category-mosaic__caption{padding:90px 30px 28px}}@media screen and (min-width:1100px){.aylora-category-mosaic{--category-mosaic-columns: 4}}@media(hover:hover)and (prefers-reduced-motion:no-preference){.aylora-category-mosaic__image{transition:transform .24s ease}.aylora-category-mosaic__link:hover .aylora-category-mosaic__image{transform:scale(1.015)}}
/*# sourceMappingURL=/cdn/shop/t/40/assets/category-mosaic.css.map */