.rok-mosaic{width:100%;max-width:1200px;margin:0 auto;padding:48px 20px;box-sizing:border-box}.rok-mosaic__header{text-align:center;margin-bottom:36px}.rok-mosaic__title{font-family:var(--font-heading--family);font-size:clamp(24px,3vw,36px);font-weight:400;color:#171717;margin:0 0 14px;letter-spacing:-.01em}.rok-mosaic__sub{font-size:15px;color:#5c5c5c;margin:0;line-height:1.5}.rok-mosaic__grid{display:grid;grid-template-columns:repeat(3,1fr) 1.5fr;grid-template-rows:auto auto;gap:6px}.rok-mosaic__item{overflow:hidden;display:block;position:relative;cursor:pointer;background:#f2f2f0;opacity:0;transform:scale(.94) translateY(16px);transition:opacity .55s cubic-bezier(.25,.46,.45,.94),transform .55s cubic-bezier(.25,.46,.45,.94)}.rok-mosaic__item--main{grid-column:4;grid-row:1 / 3}.rok-mosaic__item--main .rok-mosaic__img{aspect-ratio:2/3}.rok-mosaic__item:not(.rok-mosaic__item--main) .rok-mosaic__img{aspect-ratio:3/4}.rok-mosaic__img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s cubic-bezier(.25,.46,.45,.94)}.rok-mosaic__item:hover .rok-mosaic__img{transform:scale(1.04)}.rok-mosaic__item.rok-visible{opacity:1;transform:scale(1) translateY(0)}.rok-mosaic__item:nth-child(1){transition-delay:.05s}.rok-mosaic__item:nth-child(2){transition-delay:.15s}.rok-mosaic__item:nth-child(3){transition-delay:.25s}.rok-mosaic__item:nth-child(4){transition-delay:.35s}.rok-mosaic__item:nth-child(5){transition-delay:.45s}.rok-mosaic__item:nth-child(6){transition-delay:.55s}.rok-mosaic__item--main{transition-delay:.08s}@media(max-width:749px){.rok-mosaic__grid{grid-template-columns:1fr 1fr;grid-template-rows:auto}.rok-mosaic__item--main{grid-column:1 / 3;grid-row:auto;order:-1}.rok-mosaic__item--main .rok-mosaic__img{aspect-ratio:4/3}.rok-mosaic__item:not(.rok-mosaic__item--main) .rok-mosaic__img{aspect-ratio:1/1}}
/*# sourceMappingURL=/cdn/shop/t/14/assets/rok-mosaic.css.map */