.av-mosaic{padding:clamp(56px,7vw,120px) clamp(16px,3vw,40px);transition:background .9s ease,color .9s ease}.av-mosaic__heading{font-size:clamp(26px,3.6vw,56px)}.av-mosaic__grid{display:grid;grid-template-columns:repeat(2,1fr);grid-auto-rows:32vw;gap:2px;margin-top:24px}.av-mosaic__item{margin:0;position:relative;overflow:hidden;background:var(--av-color-surface-dark)}.av-mosaic__item--wide-mobile{grid-column:span 1}.av-mosaic__img{width:100%;height:100%;object-fit:cover}.av-mosaic__label{position:absolute;top:12px;left:14px;font-family:var(--av-font-sans)!important;font-size:9.5px;font-weight:600;letter-spacing:.18em;color:#f2ece2d9}@media(min-width:900px){.av-mosaic__grid{grid-template-columns:repeat(6,1fr);grid-auto-rows:clamp(120px,11vw,180px);gap:2px;margin-top:clamp(26px,3.2vw,48px)}.av-mosaic__item:nth-of-type(1){grid-column:1 / span 2;grid-row:1 / span 3}.av-mosaic__item:nth-of-type(2){grid-column:3 / span 4;grid-row:1 / span 2}.av-mosaic__item:nth-of-type(3){grid-column:3 / span 2;grid-row:3 / span 2}.av-mosaic__item:nth-of-type(4){grid-column:5 / span 2;grid-row:3 / span 2;margin-top:clamp(12px,1.6vw,30px)}.av-mosaic__item:nth-of-type(5){grid-column:1 / span 2;grid-row:4 / span 2}.av-mosaic__item:nth-of-type(6){grid-column:3 / span 2;grid-row:5 / span 3}.av-mosaic__item:nth-of-type(7){grid-column:5 / span 2;grid-row:5 / span 2}.av-mosaic__item:nth-of-type(8){grid-column:5 / span 2;grid-row:7 / span 1;margin-top:clamp(8px,1.2vw,22px)}}.av-mosaic.is-dark{--av-color-bg: var(--av-mosaic-dark-bg);--av-color-ink: var(--av-mosaic-dark-ink);--av-color-ink-muted: var(--av-mosaic-dark-ink-muted);background:var(--av-color-bg);color:var(--av-color-ink)}@supports (animation-timeline: view()) and (animation-range: entry 0% entry 35%) and (animation-range: exit 92% exit 100%){.av-mosaic[data-av-dark-native]:not([data-av-dark-js]){--av-scroll-dark-bg: var(--av-mosaic-dark-bg);--av-scroll-dark-ink: var(--av-mosaic-dark-ink);--av-scroll-dark-ink-muted: var(--av-mosaic-dark-ink-muted);animation-name:av-scroll-dark-enter,av-scroll-dark-exit;animation-timeline:view(),view();animation-range:entry 0% entry var(--av-mosaic-dark-threshold, 35%),exit 92% exit 100%;animation-fill-mode:both,forwards;animation-timing-function:linear,linear}@media(prefers-reduced-motion:reduce){.av-mosaic[data-av-dark-native]:not([data-av-dark-js]){animation-name:none,none}}}@media(prefers-reduced-motion:reduce){.av-mosaic{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/16/assets/av-mosaic.css.map */