.ifb-mosaic__heading{margin:0 0 32px;text-align:center}.ifb-mosaic__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--mosaic-gap)}.ifb-mosaic__tile{position:relative;display:block;overflow:hidden;grid-column:span 1;aspect-ratio:var(--mosaic-ratio-small);color:#fff;text-decoration:none;background:rgba(var(--color-foreground),.06)}.ifb-mosaic__tile--large{grid-column:span 2;aspect-ratio:var(--mosaic-ratio-large)}.ifb-mosaic__media,.ifb-mosaic__media img,.ifb-mosaic__media svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.ifb-mosaic__media img{object-fit:cover;transition:transform .8s cubic-bezier(.2,.6,.2,1)}.ifb-mosaic__tile:hover .ifb-mosaic__media img{transform:scale(1.04)}.ifb-mosaic__content{position:absolute;z-index:1;display:flex;flex-direction:column;gap:6px}.ifb-mosaic__eyebrow{font-size:13px;font-weight:500;letter-spacing:.2em;text-transform:uppercase}.ifb-mosaic__title{font-size:28px;font-weight:400;line-height:1.15}.ifb-mosaic__grid--overlay .ifb-mosaic__tile:after{content:"";position:absolute;inset:auto 0 0 0;height:55%;background:linear-gradient(to top,#00000073,#0000);pointer-events:none}.ifb-mosaic__grid--overlay .ifb-mosaic__content{left:32px;right:32px;bottom:32px;text-shadow:0 1px 8px rgba(0,0,0,.25)}.ifb-mosaic__grid--overlay .ifb-mosaic__tile--large .ifb-mosaic__title{font-size:36px}.ifb-mosaic__grid--label .ifb-mosaic__content{left:50%;bottom:24px;transform:translate(-50%);max-width:calc(100% - 32px);padding:12px 28px;border-radius:4px;background:#fff;color:#000;text-align:center;white-space:nowrap;transition:background .3s,color .3s}.ifb-mosaic__grid--label .ifb-mosaic__eyebrow{display:none}.ifb-mosaic__grid--label .ifb-mosaic__title{font-size:14px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;overflow:hidden;text-overflow:ellipsis}.ifb-mosaic__grid--label .ifb-mosaic__tile:hover .ifb-mosaic__content{background:#000;color:#fff}@media screen and (max-width:989px){.ifb-mosaic__title{font-size:22px}.ifb-mosaic__grid--overlay .ifb-mosaic__tile--large .ifb-mosaic__title{font-size:28px}.ifb-mosaic__grid--overlay .ifb-mosaic__content{left:20px;right:20px;bottom:20px}}@media screen and (max-width:749px){.ifb-mosaic__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ifb-mosaic__heading{margin-bottom:20px}.ifb-mosaic__eyebrow{font-size:11px}.ifb-mosaic__title{font-size:18px}.ifb-mosaic__grid--overlay .ifb-mosaic__tile--large .ifb-mosaic__title{font-size:24px}.ifb-mosaic__grid--overlay .ifb-mosaic__content{left:14px;right:14px;bottom:14px}.ifb-mosaic__grid--label .ifb-mosaic__content{bottom:12px;padding:8px 14px}.ifb-mosaic__grid--label .ifb-mosaic__content{white-space:normal;width:max-content}.ifb-mosaic__grid--label .ifb-mosaic__title{font-size:11px;line-height:1.3}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/section-ifb-collection-mosaic.css.map */