/* Rotating service photography in the public black-and-white landing hero. */
.mosaic-grid .mosaic{position:relative;display:block;isolation:isolate;cursor:pointer}
.mosaic-grid .mosaic:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.4),transparent 44%,rgba(0,0,0,.38));pointer-events:none}
.mosaic-grid .mosaic:focus-visible{outline:3px solid #fff;outline-offset:3px}
.mosaic-grid .mosaic img{filter:saturate(.85);transition:transform .55s ease,opacity .2s ease}
.mosaic-grid .mosaic img.sl-photo-changing{opacity:.4}
.mosaic-caption{z-index:1;position:absolute;top:14px;left:12px;max-width:calc(100% - 24px);font:800 11px/1.3 'Plus Jakarta Sans',Arial,sans-serif;color:white;background:#101010aa;border:1px solid #ffffff3a;backdrop-filter:blur(8px);border-radius:20px;padding:7px 10px;text-shadow:0 1px 4px #0005}
.mosaic-controls{position:absolute;top:7px;right:3%;z-index:4;display:flex;align-items:center;gap:10px;background:#151515e8;border:1px solid #ffffff47;border-radius:24px;padding:5px 7px 5px 13px;box-shadow:0 8px 24px #0007}
.mosaic-controls>span{color:#eaeaea;letter-spacing:1px;font:800 8px 'Plus Jakarta Sans',Arial,sans-serif;white-space:nowrap}
.mosaic-controls b{color:#aaa;margin-left:8px;font-size:9px}
.mosaic-controls>div{display:flex;gap:4px}
.mosaic-controls button{border:0;border-radius:50%;background:#393939;color:#fff;width:30px;height:30px;display:grid;place-items:center;font-size:14px;cursor:pointer}
.mosaic-controls button:hover{background:#fff;color:#111}
@media(max-width:1020px){.mosaic-caption{font-size:9px;top:11px;left:9px;padding:6px 8px}.mosaic-controls{top:-6px}}
@media(max-width:530px){.mosaic-controls{top:0;right:1%}.mosaic-controls>span{font-size:7px}.mosaic-caption{font-size:8px;padding:5px 7px;top:8px;left:7px}.mosaic-controls button{width:27px;height:27px}}