.mi-mosaic__head{text-align:center;margin-bottom:2.4rem}.mi-mosaic__heading{margin:0}.mi-mosaic__subheading{margin:.6rem 0 0;color:rgba(var(--color-foreground),.72);font-size:1.4rem}.mi-mosaic__grid{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:var(--mi-mosaic-row, 220px);grid-auto-flow:dense;gap:var(--mi-mosaic-gap, 16px)}.mi-mosaic__tile{position:relative;display:block;overflow:hidden;border-radius:var(--mi-mosaic-radius, 8px);background:rgba(var(--color-foreground),.04);text-decoration:none;color:#fff}.mi-mosaic__tile--large{grid-column:span 2;grid-row:span 2}.mi-mosaic__tile--wide{grid-column:span 2;grid-row:span 1}.mi-mosaic__tile--small{grid-column:span 1;grid-row:span 1}.mi-mosaic__img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.22,.61,.36,1)}.mi-mosaic__tile:hover .mi-mosaic__img{transform:scale(1.04)}.mi-mosaic__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0000 45%,#00000061);pointer-events:none}.mi-mosaic__label{position:absolute;left:1.6rem;right:1.6rem;bottom:1.4rem;display:flex;align-items:flex-end;justify-content:space-between;gap:1rem}.mi-mosaic__label-text{display:flex;flex-direction:column;gap:.2rem;min-width:0}.mi-mosaic__title{font-size:1.9rem;font-weight:500;letter-spacing:.14em;text-transform:uppercase;line-height:1.2;text-shadow:0 1px 10px rgba(0,0,0,.35);background-image:linear-gradient(currentColor,currentColor);background-repeat:no-repeat;background-position:0 100%;background-size:0% 1.5px;transition:background-size .35s ease;padding-bottom:.3rem;width:fit-content}.mi-mosaic__tile:hover .mi-mosaic__title,.mi-mosaic__tile:focus-visible .mi-mosaic__title{background-size:100% 1.5px}.mi-mosaic__subtext{font-size:1.25rem;font-weight:300;opacity:.92;text-shadow:0 1px 8px rgba(0,0,0,.35)}.mi-mosaic__arrow{flex:0 0 auto;width:2rem;height:2rem;display:grid;place-items:center;opacity:0;transform:translateY(-4px);transition:opacity .3s ease,transform .3s ease}.mi-mosaic__arrow svg{width:1.4rem;height:1.4rem}.mi-mosaic__tile:hover .mi-mosaic__arrow,.mi-mosaic__tile:focus-visible .mi-mosaic__arrow{opacity:1;transform:translateY(0)}.mi-mosaic__img--placeholder{background:rgba(var(--color-foreground),.06)}@media(prefers-reduced-motion:reduce){.mi-mosaic__img,.mi-mosaic__title,.mi-mosaic__arrow{transition:none}}@media screen and (max-width:749px){.mi-mosaic__grid{grid-template-columns:1fr;grid-auto-rows:minmax(180px,46vw)}.mi-mosaic__tile--large,.mi-mosaic__tile--wide,.mi-mosaic__tile--small{grid-column:span 1;grid-row:span 1}.mi-mosaic__title{font-size:1.6rem}.mi-mosaic__arrow{opacity:1;transform:none}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/mi-collection-mosaic.css.map */
