.collection-mosaic{position:relative}.collection-mosaic__grid{display:grid;grid-template-columns:1fr;gap:15px}.collection-mosaic__item{position:relative;display:block;width:100%;overflow:hidden;text-decoration:none;border-radius:0;background-color:#f6f5f3}.collection-mosaic__image-wrapper{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.collection-mosaic__image{width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.25,.46,.45,.94)}.collection-mosaic__item:hover .collection-mosaic__image{transform:scale(1.04)}.collection-mosaic__overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(180deg,#0000 50%,#00000073);z-index:2;transition:background .4s ease}.collection-mosaic__item:hover .collection-mosaic__overlay{background:linear-gradient(180deg,#0000 40%,#0000008c)}.collection-mosaic__content{position:absolute;bottom:0;left:0;width:100%;padding:20px;z-index:3;display:flex;justify-content:space-between;align-items:flex-end;box-sizing:border-box}.collection-mosaic__title{font-family:var(--font-heading-family);color:#fff;margin:0;font-size:2.2rem;font-weight:400;line-height:1.2;letter-spacing:.03em}.collection-mosaic__arrow{display:flex;align-items:center;color:#fff;transition:transform .3s ease}.collection-mosaic__arrow svg{width:24px;height:24px;fill:currentColor}.collection-mosaic__item:hover .collection-mosaic__arrow{transform:translate(8px)}.collection-mosaic__play-button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;width:50px;height:50px;border-radius:50%;background:#00000059;border:1.5px solid #ffffff;color:#fff;z-index:3;transition:transform .3s ease,background-color .3s ease;pointer-events:none}.collection-mosaic__item:hover .collection-mosaic__play-button{transform:translate(-50%,-50%) scale(1.08);background:#0000008c}.collection-mosaic__play-button svg{width:12px;height:14px;margin-left:2px;fill:currentColor}@media screen and (max-width:749px){.collection-mosaic__item--large{aspect-ratio:4 / 3}.collection-mosaic__item--small{aspect-ratio:16 / 9}}@media screen and (min-width:750px){.collection-mosaic__grid--2-items{display:grid;grid-template-columns:1fr 1fr;gap:var(--grid-gap, 20px)}.collection-mosaic__grid--2-items .collection-mosaic__item{aspect-ratio:1.2 / 1}.collection-mosaic__grid--3-items{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:var(--grid-gap, 20px)}.collection-mosaic__grid--3-items .collection-mosaic__item--large{grid-column:1;grid-row:span 2;aspect-ratio:1 / 1;height:100%}.collection-mosaic__grid--3-items .collection-mosaic__item--small{height:100%}.collection-mosaic__grid--3-items .collection-mosaic__item--small:nth-child(2){grid-column:2;grid-row:1}.collection-mosaic__grid--3-items .collection-mosaic__item--small:nth-child(3){grid-column:2;grid-row:2}.collection-mosaic__content{padding:32px}.collection-mosaic__title{font-size:2.8rem}.collection-mosaic__item--large .collection-mosaic__title{font-size:3.2rem}.collection-mosaic__play-button{width:60px;height:60px}.collection-mosaic__play-button svg{width:14px;height:16px}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/section-collection-mosaic.css.map */