.spinder-mosaic__grid{list-style:none;margin:0;padding:0;display:grid;gap:var(--mosaic-gap, 12px);grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-flow:dense}@media screen and (min-width:750px){.spinder-mosaic__grid{grid-template-columns:repeat(var(--mosaic-cols, 4),minmax(0,1fr))}}.spinder-mosaic__item{margin:0}.spinder-mosaic__item--large{grid-column:span 2;grid-row:span 2}.spinder-mosaic--ratio-square .spinder-mosaic__item{aspect-ratio:1 / 1}.spinder-mosaic--ratio-portrait .spinder-mosaic__item{aspect-ratio:3 / 4}.spinder-mosaic--ratio-landscape .spinder-mosaic__item{aspect-ratio:4 / 3}.spinder-mosaic--ratio-auto{grid-auto-rows:clamp(150px,42vw,220px)}@media screen and (min-width:750px){.spinder-mosaic--ratio-auto{grid-auto-rows:clamp(180px,16vw,260px)}}.spinder-mosaic__tile{position:relative;display:block;width:100%;height:100%;overflow:hidden;border-radius:var(--card-radius, 0px);background:var(--spinder-subtle);text-decoration:none}.spinder-mosaic__img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.2,.7,.2,1)}.spinder-mosaic__placeholder svg{width:100%;height:100%;object-fit:cover}.spinder-mosaic__tile:hover .spinder-mosaic__img,.spinder-mosaic__tile:focus-visible .spinder-mosaic__img{transform:scale(1.05)}.spinder-mosaic__scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,var(--spinder-scrim, #1a1a18) 0%,transparent 60%);opacity:var(--spinder-scrim-opacity, .3)}.spinder-mosaic__label{position:absolute;left:0;right:0;bottom:0;display:flex;flex-direction:column;gap:.15rem;padding:clamp(.8rem,2vw,1.4rem);color:var(--spinder-overlay-text, #f9f8f4)}.spinder-mosaic__title{font-family:var(--spinder-font-heading);font-weight:700;text-transform:uppercase;letter-spacing:.07em;font-size:clamp(1.377rem,1.16rem + .6vw,1.885rem);line-height:1.15}.spinder-mosaic__subtitle{font-size:1.232rem;opacity:.9}.spinder-mosaic__tile:focus-visible{outline:3px solid var(--spinder-accent, #860d0d);outline-offset:3px}@media(prefers-reduced-motion:reduce){.spinder-mosaic__tile:hover .spinder-mosaic__img,.spinder-mosaic__tile:focus-visible .spinder-mosaic__img{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/1/assets/section-spinder-mosaic.css.map */