.section-collection-mosaic .collection-mosaic-wrapper{display:flex;flex-direction:column}.collection-mosaic__title-wrapper{margin-bottom:2rem}.collection-mosaic__title{margin:0}.collection-mosaic{display:grid;grid-template-columns:1fr 1fr;gap:.6rem;margin:0;padding:0;list-style:none}@media screen and (min-width:750px){.collection-mosaic{gap:1rem}.collection-mosaic__title-wrapper{margin-bottom:3rem}}.collection-mosaic__item{position:relative;margin:0;padding:0;list-style:none;min-height:0;min-width:0}.collection-mosaic__card{position:relative;display:block;width:100%;height:100%;overflow:hidden;border-radius:4px;color:rgb(var(--color-background));text-decoration:none;isolation:isolate;background:rgba(var(--color-foreground),.04)}.collection-mosaic__media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden}.collection-mosaic__media img,.collection-mosaic__media svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.16,1,.3,1);will-change:transform}.collection-mosaic__card:hover .collection-mosaic__media img,.collection-mosaic__card:focus-visible .collection-mosaic__media img{transform:scale(1.05)}.collection-mosaic__overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,#0000 35%,#0000002e 60%,#0000008c);transition:opacity .35s ease}.collection-mosaic__content{position:absolute;left:1rem;right:1rem;bottom:.9rem;z-index:2;display:flex;flex-direction:column;gap:.35rem}@media screen and (min-width:750px){.collection-mosaic__content{left:1.5rem;right:1.5rem;bottom:1.25rem;gap:.5rem}}.collection-mosaic__label{margin:0;font-size:1.9rem;font-weight:700;line-height:1.1;letter-spacing:-.015em;color:#fff;text-shadow:0 2px 24px rgba(0,0,0,.4)}@media screen and (min-width:750px){.collection-mosaic__label{font-size:2.6rem}}@media screen and (min-width:990px){.collection-mosaic__label{font-size:3.4rem}}@media screen and (min-width:1400px){.collection-mosaic__label{font-size:4rem}}.collection-mosaic__cta{display:inline-flex;align-items:center;gap:.45rem;font-size:1.05rem;font-weight:500;letter-spacing:.01em;color:#fff;opacity:.94}.collection-mosaic__cta-arrow{display:inline-flex;align-items:center}.collection-mosaic__cta-arrow svg{width:1.4rem;height:1rem;color:#fff;transition:transform .4s cubic-bezier(.16,1,.3,1)}.collection-mosaic__card:hover .collection-mosaic__cta-arrow svg,.collection-mosaic__card:focus-visible .collection-mosaic__cta-arrow svg{transform:translate(5px)}.collection-mosaic__item{aspect-ratio:4 / 5}@media screen and (min-width:750px){.collection-mosaic__item{aspect-ratio:auto}.collection-mosaic--1-items{grid-template-columns:1fr}.collection-mosaic--1-items .collection-mosaic__item{aspect-ratio:16 / 7}.collection-mosaic--2-items{grid-template-columns:1fr 1fr;grid-auto-rows:minmax(0,1fr);aspect-ratio:2 / 1}.collection-mosaic--2-items .collection-mosaic__item{grid-row:span 1}.collection-mosaic--3-items{grid-template-columns:1fr 1fr;grid-template-rows:repeat(2,1fr);aspect-ratio:3 / 2}.collection-mosaic--3-items .collection-mosaic__item:nth-child(1){grid-column:1;grid-row:1 / -1}.collection-mosaic--3-items .collection-mosaic__item:nth-child(2){grid-column:2;grid-row:1}.collection-mosaic--3-items .collection-mosaic__item:nth-child(3){grid-column:2;grid-row:2}.collection-mosaic--4-items{grid-template-columns:1fr 1fr;grid-auto-rows:minmax(0,1fr);grid-auto-flow:dense;aspect-ratio:6 / 5}.collection-mosaic--4-items .collection-mosaic__item:nth-child(odd){grid-row:span 5}.collection-mosaic--4-items .collection-mosaic__item:nth-child(2n){grid-row:span 3}.collection-mosaic--5-items{grid-template-columns:1fr 1fr;grid-auto-rows:minmax(0,1fr);grid-auto-flow:dense;aspect-ratio:3 / 4}.collection-mosaic--5-items .collection-mosaic__item:nth-child(1){grid-column:1 / -1;grid-row:span 4}.collection-mosaic--5-items .collection-mosaic__item:nth-child(2),.collection-mosaic--5-items .collection-mosaic__item:nth-child(4){grid-row:span 5}.collection-mosaic--5-items .collection-mosaic__item:nth-child(3),.collection-mosaic--5-items .collection-mosaic__item:nth-child(5){grid-row:span 3}.collection-mosaic--6-items,.collection-mosaic--7-items,.collection-mosaic--8-items{grid-template-columns:1fr 1fr;grid-auto-rows:minmax(0,1fr);grid-auto-flow:dense;aspect-ratio:4 / 5}.collection-mosaic--6-items .collection-mosaic__item:nth-child(odd),.collection-mosaic--7-items .collection-mosaic__item:nth-child(odd),.collection-mosaic--8-items .collection-mosaic__item:nth-child(odd){grid-row:span 5}.collection-mosaic--6-items .collection-mosaic__item:nth-child(2n),.collection-mosaic--7-items .collection-mosaic__item:nth-child(2n),.collection-mosaic--8-items .collection-mosaic__item:nth-child(2n){grid-row:span 3}}@media screen and (min-width:990px){.collection-mosaic--4-items{aspect-ratio:5 / 4}.collection-mosaic--3-items{aspect-ratio:16 / 9}.collection-mosaic--6-items,.collection-mosaic--7-items,.collection-mosaic--8-items{aspect-ratio:3 / 4}}@media screen and (min-width:1200px){.collection-mosaic--4-items{grid-template-columns:1fr 1fr 1fr;grid-template-rows:1fr 1fr;grid-auto-rows:auto;grid-auto-flow:row;aspect-ratio:2 / 1}.collection-mosaic--4-items .collection-mosaic__item{grid-row:auto;grid-column:auto}.collection-mosaic--4-items .collection-mosaic__item:nth-child(1){grid-column:1;grid-row:1 / -1}.collection-mosaic--4-items .collection-mosaic__item:nth-child(2){grid-column:2;grid-row:1}.collection-mosaic--4-items .collection-mosaic__item:nth-child(3){grid-column:3;grid-row:1 / -1}.collection-mosaic--4-items .collection-mosaic__item:nth-child(4){grid-column:2;grid-row:2}.collection-mosaic--3-items{aspect-ratio:12 / 5}.collection-mosaic--5-items,.collection-mosaic--6-items,.collection-mosaic--7-items,.collection-mosaic--8-items{grid-template-columns:1fr 1fr 1fr;aspect-ratio:3 / 2}}@media screen and (min-width:1600px){.collection-mosaic--4-items{aspect-ratio:9 / 4}}.collection-mosaic__view-all-mobile{margin-top:2rem}@media(prefers-reduced-motion:reduce){.collection-mosaic__media img,.collection-mosaic__cta-arrow svg,.collection-mosaic__overlay{transition:none}.collection-mosaic__card:hover .collection-mosaic__media img{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-collection-mosaic.css.map */
