/* Eight compact cargo cards travel left and pause for hover or keyboard focus. */
.cargo-showcase{--cargo-gutter:max(56px,calc((100vw - 1328px)/2));padding:64px 0 56px;overflow:hidden;background:#fff}
.cargo-showcase-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-bottom:32px}
.cargo-showcase-heading h2{font-size:clamp(34px,3.4vw,48px);line-height:1.28;letter-spacing:-1.5px}
.cargo-showcase-heading h2 span{display:block}
.cargo-showcase-intro{padding-bottom:5px;min-width:240px}
.cargo-showcase-intro>span{display:flex;align-items:center;gap:10px;font-size:13px;color:#173958;margin-bottom:14px}
.cargo-showcase-intro>span::before{content:"";width:5px;height:13px;background:var(--orange);transform:skew(-12deg)}
.cargo-showcase-intro p{color:#738095;font-size:14px;line-height:1.8}
.cargo-viewport{width:calc(100% - 112px);max-width:1328px;margin:0 auto;padding:6px 0 8px;overflow:hidden;overflow:clip}
.cargo-rail{display:flex;gap:16px;width:100%;margin:0;padding:0;will-change:transform}
.cargo-viewport.is-static{overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;scroll-padding-inline:4px}
.cargo-viewport.is-static .cargo-rail{will-change:auto}
.cargo-tile{position:relative;isolation:isolate;display:flex;flex:0 0 calc((100% - 80px)/6);min-width:0;height:clamp(300px,24vw,350px);overflow:hidden;border-radius:12px;background:#f1f0ed;color:#173653;padding:0;text-align:left;scroll-snap-align:start;contain:paint;outline-offset:3px}
.cargo-tile::after{content:"";position:absolute;inset:0;z-index:5;border:1px solid transparent;border-radius:inherit;pointer-events:none;transition:border-color .3s}
.cargo-tile:focus-visible{outline:2px solid var(--orange);outline-offset:-3px}
.cargo-tile-photo{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;object-position:50% 48%;opacity:0;transform:scale(1.06);clip-path:inset(12% 15% 23% 15% round 48%);transition:opacity .32s ease,clip-path .6s cubic-bezier(.2,.7,.2,1),transform .7s cubic-bezier(.2,.7,.2,1);pointer-events:none}
.cargo-tile-mark{position:absolute;left:50%;top:44%;display:block;width:72px;height:72px;transform:translate(-50%,-50%);opacity:1;transition:opacity .2s,transform .45s cubic-bezier(.2,.7,.2,1);pointer-events:none}
.cargo-tile-mark svg{display:block;width:100%;height:100%;fill:currentColor;stroke:none}
.cargo-tile-mark .cargo-accent{fill:var(--orange)}
.cargo-tile-tick{position:absolute;top:20px;left:18px;width:18px;height:2px;background:#173653;transition:width .4s,background .3s;z-index:2}
.cargo-tile-cta{position:absolute;right:12px;top:12px;display:flex;align-items:center;gap:6px;background:#ffffffde;padding:7px 9px 7px 11px;border-radius:24px;color:#173653;font-size:10px;opacity:0;transform:translateY(-6px);transition:opacity .25s,transform .35s;z-index:3}
.cargo-tile-cta svg{width:14px;height:14px;stroke:var(--orange);fill:none}
.cargo-tile-caption{position:absolute;inset:auto 0 0;display:flex;flex-direction:column;gap:7px;min-height:94px;padding:20px 18px 22px;z-index:2;transition:background .3s}
.cargo-tile-caption::before{content:"";position:absolute;z-index:-1;inset:-45px 0 0;background:linear-gradient(0deg,rgba(246,244,240,.97),rgba(246,244,240,.82) 65%,rgba(246,244,240,0));opacity:0;transition:opacity .35s}
.cargo-tile-title{font-size:18px;line-height:1.3;font-weight:600;letter-spacing:.2px}
.cargo-tile-description{font-size:12px;line-height:1.8;color:#6c7481;max-width:290px}
.cargo-tile:is(:hover,:focus-visible) .cargo-tile-photo{opacity:1;clip-path:inset(0 round 12px);transform:scale(1)}
.cargo-tile:is(:hover,:focus-visible) .cargo-tile-mark{opacity:0;transform:translate(-50%,-50%) scale(.86)}
.cargo-tile:is(:hover,:focus-visible) .cargo-tile-caption::before{opacity:1}
.cargo-tile:is(:hover,:focus-visible) .cargo-tile-tick{width:26px;background:var(--orange)}
.cargo-tile:is(:hover,:focus-visible) .cargo-tile-cta{opacity:1;transform:translateY(0)}
.cargo-tile:is(:hover,:focus-visible)::after{border-color:#ff7a0044}
@media(max-width:850px){.cargo-showcase{--cargo-gutter:24px}.cargo-showcase-heading{gap:24px}.cargo-showcase-heading h2{font-size:34px}.cargo-showcase-intro{min-width:0}.cargo-viewport{width:calc(100% - 48px);overflow-x:auto;overflow-y:hidden;scroll-snap-type:x proximity;scrollbar-width:none;overscroll-behavior-x:contain}.cargo-viewport::-webkit-scrollbar{display:none}.cargo-tile{flex:0 0 250px;height:350px}}
@media(max-width:640px){.cargo-showcase{padding:55px 0}.cargo-showcase-heading{align-items:flex-start;flex-direction:column;gap:22px;margin-bottom:28px}.cargo-showcase-intro>span{margin-bottom:7px}.cargo-tile{flex-basis:75vw;height:350px}.cargo-tile-caption{padding:22px}.cargo-tile-title{font-size:19px}}
@media(prefers-reduced-motion:reduce){.cargo-tile *,.cargo-tile::after{transition:none!important}}