.scfp-mosaic { background: #082853; padding: clamp(.4rem,.6vw,.8rem); }
.scfp-mosaic-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: clamp(.4rem,.6vw,.8rem); }
.scfp-mosaic-tile { aspect-ratio: 4/3; min-width: 0; overflow: hidden; position: relative; background: #234268; }
.scfp-mosaic-tile img { display: block; width: 100%; height: 100%; object-fit: cover; opacity: 1; transition: opacity 600ms ease-in-out; }
.scfp-mosaic-tile img.scfp-mosaic-next { position: absolute; inset: 0; opacity: 0; transition: opacity 600ms ease-in-out; }
.scfp-mosaic-tile img.scfp-mosaic-next.is-visible { opacity: 1; }
@media(max-width:1035px) { .scfp-mosaic-grid { grid-template-columns: repeat(2,minmax(0,1fr)); } .scfp-mosaic-tile:nth-child(n+5) { display: none; } }
.scfp-mosaic-tile img.is-leaving { opacity: 0; }
@media(prefers-reduced-motion:reduce) { .scfp-mosaic-tile img { transition: none; } }