.collection-mosaic{--section-padding-inline: var(--padding-inline-section-mobile, var(--section-padding-inline-mobile))}@media screen and (min-width: 750px){.collection-mosaic{--section-padding-inline: var(--padding-inline-section-desktop, var(--section-padding-inline-desktop))}}.collection-mosaic{padding-top:var(--padding-top-section-mobile, 40px);padding-bottom:var(--padding-bottom-section-mobile, 40px)}@media screen and (min-width: 750px){.collection-mosaic{padding-top:var(--padding-top-section-desktop, 80px);padding-bottom:var(--padding-bottom-section-desktop, 80px)}}.collection-mosaic__header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}@media screen and (min-width: 750px){.collection-mosaic__header{margin-bottom:24px}}.collection-mosaic__title{font-size:var(--font-size-h2, 2.8rem);font-weight:700;line-height:1.2;letter-spacing:var(--letter-spacing-heading, 0.024rem)}@media screen and (min-width: 750px){.collection-mosaic__title{font-size:var(--font-size-h2, 3.2rem)}}.collection-mosaic__title{color:rgb(var(--color-primary))}.collection-mosaic__actions{display:flex;align-items:center;gap:8px;margin-left:auto}.collection-mosaic__grid{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:8px}@media screen and (min-width: 750px){.collection-mosaic__grid{grid-template-columns:repeat(4, minmax(0, 1fr));grid-template-rows:repeat(2, minmax(0, 1fr));gap:16px;aspect-ratio:894/584}}@media screen and (min-width: 990px){.collection-mosaic__grid{aspect-ratio:auto;height:584px}}.collection-mosaic__card{position:relative;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;overflow:hidden;padding:16px;border-radius:12px;background-color:rgb(var(--color-surface-secondary));text-decoration:none}@media screen and (max-width: 749.98px){.collection-mosaic__card{grid-column:1/3;aspect-ratio:358/280}}@media screen and (min-width: 750px){.collection-mosaic__card{padding:24px;border-radius:16px}}.collection-mosaic__card--gradient::after{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(to top, rgba(var(--color-text), 0.64) 0%, rgba(var(--color-text), 0) var(--collection-mosaic-gradient-spread, 100%))}.collection-mosaic__image{position:absolute;inset:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .3s ease}.collection-mosaic__card-label{position:relative;z-index:1;font-size:1.6rem;font-weight:600;line-height:1.4;letter-spacing:0;color:rgb(var(--color-white));overflow-wrap:anywhere}@media screen and (min-width: 750px){.collection-mosaic__card-label{font-size:2rem}}.collection-mosaic__grid--text-bottom-right .collection-mosaic__card{align-items:flex-end}.collection-mosaic__grid--text-top-left .collection-mosaic__card{justify-content:flex-start}.collection-mosaic__grid--text-top-right .collection-mosaic__card{justify-content:flex-start;align-items:flex-end}@media screen and (max-width: 749.98px){.collection-mosaic__grid--count-4 .collection-mosaic__card:nth-child(2),.collection-mosaic__grid--count-4 .collection-mosaic__card:nth-child(3){grid-column:auto;aspect-ratio:1/1}.collection-mosaic__grid--count-4 .collection-mosaic__card:nth-child(4){aspect-ratio:358/175}}@media screen and (min-width: 750px){.collection-mosaic__grid--count-4 .collection-mosaic__card:nth-child(1){grid-area:1/1/3/3}.collection-mosaic__grid--count-4 .collection-mosaic__card:nth-child(2){grid-area:1/3/2/5}.collection-mosaic__grid--count-4 .collection-mosaic__card:nth-child(3){grid-area:2/3/3/4}.collection-mosaic__grid--count-4 .collection-mosaic__card:nth-child(4){grid-area:2/4/3/5}}@media screen and (min-width: 750px){.collection-mosaic__grid--count-3 .collection-mosaic__card:nth-child(1){grid-area:1/1/3/3}.collection-mosaic__grid--count-3 .collection-mosaic__card:nth-child(2){grid-area:1/3/2/5}.collection-mosaic__grid--count-3 .collection-mosaic__card:nth-child(3){grid-area:2/3/3/5}}@media screen and (min-width: 750px){.collection-mosaic__grid--count-2 .collection-mosaic__card:nth-child(1){grid-area:1/1/3/3}.collection-mosaic__grid--count-2 .collection-mosaic__card:nth-child(2){grid-area:1/3/3/5}}@media screen and (min-width: 750px){.collection-mosaic__grid--count-1 .collection-mosaic__card:nth-child(1){grid-area:1/1/3/5}}@media(prefers-reduced-motion: no-preference)and (hover: hover){a.collection-mosaic__card:hover .collection-mosaic__image{transform:scale(1.1)}}