/* One compact sea-freight collage. Static layout remains useful without JS. */
.sx-page .container-mosaic-section{padding:30px 0 32px;background:#fff;scroll-margin-top:100px}
.sx-page .container-mosaic-section>.wrap{max-width:1180px}
.sx-page .container-mosaic-heading{display:flex;align-items:baseline;justify-content:space-between;gap:24px;margin-bottom:12px}
.sx-page .container-mosaic-heading h2{font-size:clamp(25px,2.5vw,34px);line-height:1.2;letter-spacing:-.035em;margin:0}
.sx-page .container-mosaic-heading p{font-size:14px;line-height:1.6;margin:0;max-width:460px}
.sx-page .container-mosaic{display:block;color:#0B2545;text-decoration:none;outline-offset:5px;cursor:pointer}
.sx-page .container-mosaic-window{height:clamp(250px,28vw,320px);max-width:1040px;margin-inline:auto;position:relative;overflow:hidden;background:#fff;isolation:isolate}
.sx-page .container-mosaic-grid{position:absolute;inset:0;pointer-events:none}
.sx-page .container-mosaic-tile{position:absolute;display:block;left:var(--photo-x);top:var(--photo-y);width:var(--photo-width);height:auto;aspect-ratio:3/2;z-index:var(--photo-layer);transform:translate(calc(-50% + var(--pointer-x,0px)),calc(-50% + var(--pointer-y,0px))) rotate(calc(var(--photo-angle) + var(--pointer-angle,0deg)));transform-origin:center;pointer-events:none}
.sx-page .container-mosaic-photo{display:block;width:100%;height:100%;padding:2px;background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.06);opacity:1;backface-visibility:hidden}
.sx-page .container-mosaic-tile img{display:block;width:100%;height:100%;min-width:0;min-height:0;max-width:none;object-fit:cover;object-position:50% 55%;filter:saturate(.9);user-select:none;pointer-events:none}
.sx-page .container-mosaic.mosaic-pending .container-mosaic-photo{opacity:0}
.sx-page .container-mosaic-footer{display:flex;justify-content:flex-end;align-items:center;padding-top:10px}
.sx-page .container-mosaic-cta{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:600;white-space:nowrap}
.sx-page .container-mosaic-cta span:last-child{transition:transform .2s ease}
.sx-page .container-mosaic:hover .container-mosaic-cta,.sx-page .container-mosaic:focus-visible .container-mosaic-cta{color:#E85D04}
.sx-page .container-mosaic:hover .container-mosaic-cta span:last-child{transform:translate(3px,-2px)}
.sx-page .container-mosaic:focus-visible{outline:3px solid #E85D04;outline-offset:5px}
@media(max-width:900px){.sx-page .container-mosaic-tile{left:var(--tablet-x);top:var(--tablet-y);width:var(--tablet-width)}.sx-page .container-mosaic-tile:nth-child(n+145){display:none}.sx-page .container-mosaic-heading{display:block}.sx-page .container-mosaic-heading p{margin-top:8px;max-width:560px}}
@media(max-width:600px){.sx-page .container-mosaic-section{padding:24px 0}.sx-page .container-mosaic-window{height:260px;max-width:540px}.sx-page .container-mosaic-tile{left:var(--mobile-x);top:var(--mobile-y);width:var(--mobile-width)}.sx-page .container-mosaic-tile:nth-child(n+97){display:none}.sx-page .container-mosaic-photo{padding:1px}.sx-page .container-mosaic-heading h2{font-size:25px}}
@media(prefers-reduced-motion:reduce){.sx-page .container-mosaic-photo{opacity:1!important;transform:none!important}.sx-page .container-mosaic-grid{transform:none!important}.sx-page .container-mosaic-tile{--pointer-x:0px!important;--pointer-y:0px!important;--pointer-angle:0deg!important}.sx-page .container-mosaic-cta span:last-child{transition:none!important}}