.mosaic-slider-section{padding:var(--section-py) 0;background-color:var(--color-bg)}.mosaic-grid{gap:var(--gap-grid);grid-template-columns:repeat(3,1fr);grid-auto-rows:190px;display:grid}.mosaic-item{border-radius:var(--radius-card);grid-area:span 1/span 1;display:block;position:relative;overflow:hidden}.count-1 .item-pos-0{grid-area:span 2/1/auto/-1}.count-2 .item-pos-0{grid-area:span 2/span 2}.count-2 .item-pos-1{grid-area:span 2/span 1}.count-3 .item-pos-0{grid-area:span 2/span 2}.count-3 .item-pos-1,.count-3 .item-pos-2{grid-area:span 1/span 1}.count-4 .item-pos-0{grid-area:span 2/span 2}.count-4 .item-pos-1{grid-area:span 2/span 1}.count-4 .item-pos-2{grid-area:span 1/span 1}.count-4 .item-pos-3{grid-area:span 1/span 2}.mosaic-image-wrapper{width:100%;height:100%;position:absolute;top:0;left:0}.mosaic-image{object-fit:cover;width:100%;height:100%;transition:transform .6s}.mosaic-item:hover .mosaic-image{transform:scale(1.06)}.mosaic-overlay{background:linear-gradient(#0000 0%,#0000008c 45%,#000000e0 100%);width:100%;height:100%;transition:background .3s;position:absolute;top:0;left:0}.mosaic-item:hover .mosaic-overlay{background:linear-gradient(#0000 0%,#0009 45%,#000000eb 100%)}.mosaic-content{width:100%;padding:var(--card-pad);z-index:2;flex-direction:column;gap:4px;display:flex;position:absolute;bottom:0;left:0}.mosaic-category{font-family:var(--font-kicker);letter-spacing:.4px;text-transform:uppercase;color:#fffc;font-size:11px;font-weight:700}.mosaic-title{font-family:var(--font-headline);color:#fff;line-height:var(--lh-tight);text-shadow:none}.mosaic-size-large .mosaic-title{font-size:clamp(24px,2.4vw,36px);font-weight:800}.mosaic-size-tall .mosaic-title{font-size:22px;font-weight:800}.mosaic-size-small .mosaic-title{font-size:var(--fs-card);-webkit-line-clamp:3;-webkit-box-orient:vertical;font-weight:700;display:-webkit-box;overflow:hidden}@media (max-width:768px){.mosaic-grid{grid-template-columns:1fr;grid-auto-rows:auto}.mosaic-item,.count-1 .item-pos-0,.count-2 .item-pos-0,.count-2 .item-pos-1,.count-3 .item-pos-0,.count-3 .item-pos-1,.count-3 .item-pos-2,.count-4 .item-pos-0,.count-4 .item-pos-1,.count-4 .item-pos-2,.count-4 .item-pos-3{grid-area:auto/1}.mosaic-item{aspect-ratio:4/3}}
