/* A practical shipment brief replaces the cargo gallery. */
[data-page="services"] #cargo.shipment-prep { padding:78px 0 84px;background:#fff;scroll-margin-top:90px;color:#14394d; }
#cargo.shipment-prep .shipment-prep-heading { display:block;text-align:center;margin-bottom:52px; }
[data-page="services"] #cargo.shipment-prep h2 { margin:0;font-size:clamp(32px,3.4vw,47px);line-height:1.35;font-weight:600;letter-spacing:-.04em; }
#cargo.shipment-prep h2>span { display:inline; }
#cargo.shipment-prep h2>span+span { color:#0756ac; }
#cargo.shipment-prep .shipment-prep-items { display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid #d9e4eb;border-bottom:1px solid #d9e4eb;padding:20px 0; }
#cargo.shipment-prep .shipment-prep-item { --prep-reveal:0;--prep-title:#14394d;--prep-copy:#496878;--prep-muted:#8196a3;--prep-icon:#0756ac;--prep-rule:#e5edf2;position:relative;isolation:isolate;display:grid;grid-row:span 5;grid-template-rows:subgrid;min-width:0;padding:20px 24px;border-right:1px solid #d9e4eb; }
#cargo.shipment-prep .shipment-prep-item:last-child { border-right:0; }
#cargo.shipment-prep .shipment-prep-item>p,#cargo.shipment-prep .shipment-prep-item>h3,#cargo.shipment-prep .shipment-prep-icon,#cargo.shipment-prep .shipment-prep-detail { position:relative;z-index:1;transition:color .3s,border-color .3s; }
#cargo.shipment-prep .shipment-prep-media { position:absolute;inset:0 7px;z-index:0;overflow:hidden;border-radius:16px;background:#0b3046;opacity:var(--prep-reveal);transform:translateY(calc((1 - var(--prep-reveal))*8px));transition:opacity .4s ease,transform .5s cubic-bezier(.22,1,.36,1);pointer-events:none; }
#cargo.shipment-prep .shipment-prep-media img { width:100%;height:100%;display:block;object-fit:cover;transform:scale(calc(1.04 - var(--prep-reveal)*.04));transition:transform .7s cubic-bezier(.22,1,.36,1); }
#cargo.shipment-prep .shipment-prep-media::after { content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(5,30,46,.42),rgba(5,30,46,.78) 48%,rgba(5,30,46,.94)); }
#cargo.shipment-prep .shipment-prep-trigger { position:absolute;inset:0 7px;z-index:3;width:calc(100% - 14px);height:100%;border:0;border-radius:16px;background:transparent;cursor:pointer;appearance:none; }
#cargo.shipment-prep .shipment-prep-trigger>svg { position:absolute;top:27px;right:16px;width:18px;height:18px;stroke:var(--prep-icon);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;opacity:.55;transition:stroke .3s,opacity .3s; }
#cargo.shipment-prep .shipment-prep-trigger:focus-visible { outline:2px solid #73baff;outline-offset:3px; }
#cargo.shipment-prep .shipment-prep-sr { position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap; }
#cargo.shipment-prep .shipment-prep-icon { width:45px;height:45px;margin-bottom:27px;color:var(--prep-icon); }
#cargo.shipment-prep .shipment-prep-icon svg { width:100%;height:100%;stroke:currentColor;stroke-width:1.45;stroke-linecap:round;stroke-linejoin:round; }
#cargo.shipment-prep .shipment-prep-overline { margin:0 0 6px;color:var(--prep-muted);font-size:11px;line-height:1.7; }
[data-page="services"] #cargo.shipment-prep .shipment-prep-item h3 { margin:0 0 17px;color:var(--prep-title);font-size:23px;font-weight:550;line-height:1.4;letter-spacing:-.02em; }
#cargo.shipment-prep .shipment-prep-item>p:not(.shipment-prep-overline) { margin:0;color:var(--prep-copy);font-size:13px;line-height:1.95;text-wrap:pretty; }
#cargo.shipment-prep .shipment-prep-detail { margin-top:25px;padding-top:13px;border-top:1px solid var(--prep-rule);color:var(--prep-muted);font-size:11px;line-height:1.8; }
#cargo.shipment-prep .shipment-prep-item[data-preview="open"],#cargo.shipment-prep .shipment-prep-item:has(.shipment-prep-trigger:focus-visible) { --prep-reveal:1;--prep-title:#fff;--prep-copy:#f1f7fa;--prep-muted:#c7dce8;--prep-icon:#fff;--prep-rule:rgba(255,255,255,.28); }
@media(hover:hover) and (pointer:fine) {
 #cargo.shipment-prep .shipment-prep-item:hover { --prep-reveal:1;--prep-title:#fff;--prep-copy:#f1f7fa;--prep-muted:#c7dce8;--prep-icon:#fff;--prep-rule:rgba(255,255,255,.28); }
}
@media(max-width:1000px) {
 #cargo.shipment-prep .shipment-prep-heading { gap:30px; }
 #cargo.shipment-prep .shipment-prep-items { grid-template-columns:1fr 1fr;padding:0; }
 #cargo.shipment-prep .shipment-prep-item { padding:25px!important; }
 #cargo.shipment-prep .shipment-prep-item:nth-child(2n) { border-right:0; }
 #cargo.shipment-prep .shipment-prep-item:nth-child(-n+2) { border-bottom:1px solid #d9e4eb; }
}
@media(max-width:600px) {
 [data-page="services"] #cargo.shipment-prep { padding:45px 0 50px; }
 #cargo.shipment-prep .shipment-prep-heading { display:block;margin-bottom:30px; }
 #cargo.shipment-prep .shipment-prep-items { display:block; }
 #cargo.shipment-prep .shipment-prep-item { display:block;position:relative;padding:24px 20px 23px 70px!important;border-right:0;border-bottom:1px solid #d9e4eb; }
 #cargo.shipment-prep .shipment-prep-item:last-child { border-bottom:0; }
 #cargo.shipment-prep .shipment-prep-icon { position:absolute;left:17px;top:28px;width:35px;height:35px;margin:0; }
 #cargo.shipment-prep .shipment-prep-media,#cargo.shipment-prep .shipment-prep-trigger { inset:7px 0;width:100%;height:calc(100% - 14px);border-radius:12px; }
 #cargo.shipment-prep .shipment-prep-trigger>svg { top:16px;right:10px;width:15px;height:15px; }
 [data-page="services"] #cargo.shipment-prep .shipment-prep-item h3 { font-size:22px;margin-bottom:10px; }
 #cargo.shipment-prep .shipment-prep-detail { margin-top:15px;padding-top:10px; }
}
@media(prefers-reduced-motion:reduce) { #cargo.shipment-prep *,#cargo.shipment-prep *::before { transition:none!important; } }