/* Approved sea/cloud composition. Localized text stays independent of the art. */
html body.home-cockpit #shipment-transparency{--ship-bg:#07090b;--ship-panel:#101316;--ship-ink:#f5f5f1;--ship-sub:#afb7bc;--ship-line:#30363b;--ship-red:#ff394e;position:relative;isolation:isolate;width:100%;max-width:none;margin:0;padding:0;box-sizing:border-box;background:var(--ship-bg);color:var(--ship-ink);overflow:hidden;scroll-margin-top:85px;border:0}
html.light body.home-cockpit #shipment-transparency{--ship-bg:#f4f6f8;--ship-panel:#fff;--ship-ink:#18222d;--ship-sub:#56636d;--ship-line:#d8dfe5;--ship-red:#b82335}
.shipment-showcase *{box-sizing:border-box}
.shipment-stage{position:relative;width:100%;margin:0;container-type:inline-size;direction:ltr}
.shipment-map{position:relative;width:100%;margin:0;direction:ltr;background:var(--ship-bg)}
.shipment-art{display:block;width:100%;height:auto;aspect-ratio:1642/958;object-fit:contain;margin:0;border:0}
.shipment-art--day,html.light .shipment-art--night{display:none}
html.light .shipment-art--day{display:block}
.shipment-map::after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,var(--ship-bg),transparent 10%),linear-gradient(180deg,var(--ship-bg),transparent 9%)}
.shipment-copy{position:absolute;z-index:2;isolation:isolate;top:6%;left:4%;width:32%;margin:0;text-align:start;direction:ltr;color:var(--ship-ink)}
.shipment-copy::before{content:'';position:absolute;z-index:-1;inset:-30px -25px -30px -30px;background:radial-gradient(ellipse at 30% 38%,color-mix(in srgb,var(--ship-bg) 93%,transparent),color-mix(in srgb,var(--ship-bg) 55%,transparent) 48%,transparent 75%);pointer-events:none}
.shipment-copy .shipment-eyebrow{font-size:clamp(11px,1.08cqw,16px);line-height:1.4;font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:var(--ship-red);margin:0 0 clamp(12px,1.35cqw,24px)!important}
.shipment-copy h2{font-family:Manrope,'Noto Sans','Noto Sans Arabic','Noto Sans Devanagari','Noto Sans Georgian',sans-serif;font-size:clamp(28px,3.3cqw,56px);font-weight:700;line-height:1.12;letter-spacing:-.045em;text-wrap:balance;overflow-wrap:normal;margin:0;color:var(--ship-ink)}
html.light .shipment-showcase .shipment-copy h2{color:var(--ship-ink)!important;-webkit-text-fill-color:var(--ship-ink)!important;text-shadow:none!important}
html:lang(ru) .shipment-copy h2{font-size:clamp(27px,3cqw,51px)}
html:lang(ka) .shipment-copy h2{font-size:clamp(26px,2.8cqw,47px)}
.shipment-features{display:flex;flex-direction:column;gap:10px;margin:clamp(18px,2cqw,32px) 0 0;padding:0;list-style:none}
.shipment-features li{display:flex;align-items:center;gap:9px;font-size:clamp(12px,1.14cqw,17px);line-height:1.45;color:var(--ship-sub);min-width:0}
.shipment-features li span{min-width:0;overflow-wrap:anywhere}
.shipment-features svg{width:clamp(18px,1.8cqw,27px);height:clamp(18px,1.8cqw,27px);flex:none;color:var(--ship-red);stroke-width:1.5}
.shipment-legend{position:absolute;z-index:2;right:3%;bottom:4%;width:52%;border:1px solid var(--ship-line);border-radius:12px;background:var(--ship-panel);color:var(--ship-ink);direction:ltr}
.shipment-routes{display:grid;grid-template-columns:1fr 1fr;gap:0;min-width:0}
.shipment-route{display:flex;align-items:center;gap:clamp(10px,1.2cqw,18px);padding:clamp(14px,1.55cqw,24px);min-width:0;direction:ltr}
.shipment-route+.shipment-route{border-inline-start:1px solid var(--ship-line)}
.shipment-route>svg{display:block;flex:none;width:clamp(24px,2.7cqw,40px);height:clamp(24px,2.7cqw,40px);color:var(--ship-ink);stroke-width:1.3}
.shipment-route-copy{min-width:0}
.shipment-route-copy strong{display:block;font-size:clamp(11px,.9cqw,14px);line-height:1.5;font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:var(--ship-sub);margin-bottom:6px;overflow-wrap:anywhere;text-align:start}
.shipment-route-flow{display:flex;flex-wrap:wrap;align-items:center;gap:7px;font-size:clamp(13px,1.25cqw,20px);font-weight:600;line-height:1.5;direction:ltr}
.shipment-route-flow svg{color:var(--ship-red);flex:none;width:clamp(13px,1.3cqw,18px);height:clamp(13px,1.3cqw,18px)}
.shipment-route-flow bdi{white-space:normal;overflow-wrap:anywhere}
.shipment-countries{display:flex;flex-wrap:wrap;gap:5px;align-items:center;font-size:clamp(11px,.9cqw,14px);line-height:1.5;color:var(--ship-sub);margin-top:5px;direction:ltr}
html[dir='rtl'] .shipment-copy{direction:rtl;text-align:right}
html[dir='rtl'] .shipment-copy h2{letter-spacing:0;line-height:1.22;font-size:clamp(28px,3.2cqw,54px)}
html[dir='rtl'] .shipment-copy .shipment-eyebrow{letter-spacing:0}
html[dir='rtl'] .shipment-route-copy strong{direction:rtl}
@media(max-width:979px){
 .shipment-stage{display:flex;flex-direction:column}
 .shipment-copy{position:relative;top:auto;left:auto;order:0;width:auto;max-width:700px;margin:0;padding:28px 28px 12px;background:var(--ship-bg)}
 .shipment-copy::before{display:none}
 .shipment-copy h2,html:lang(ru) .shipment-copy h2,html:lang(ka) .shipment-copy h2,html[dir='rtl'] .shipment-copy h2{font-size:clamp(30px,4.8vw,40px);line-height:1.18}
 .shipment-copy .shipment-eyebrow{font-size:12px;margin-bottom:14px!important}
 .shipment-features{flex-direction:row;flex-wrap:wrap;gap:12px 20px;margin-top:20px}
 .shipment-features li{font-size:13px;gap:7px}
 .shipment-features svg{width:19px;height:19px}
 .shipment-map{order:1}
 .shipment-map::after{background:linear-gradient(180deg,var(--ship-bg),transparent 19%)}
 .shipment-legend{position:relative;order:2;width:100%;right:auto;bottom:auto;border-inline:0;border-bottom:0;border-radius:0}
 .shipment-route{padding:18px 22px;gap:14px}
 .shipment-route>svg{width:28px;height:28px}
 .shipment-route-copy strong{font-size:11px}
 .shipment-route-flow{font-size:15px;gap:6px}
 .shipment-countries{font-size:12px}
}
@media(max-width:720px){html body.home-cockpit #shipment-transparency{width:calc(100% + 28px);margin-inline:-14px}}
@media(max-width:540px){
 .shipment-copy{padding:26px 22px 12px}
 .shipment-copy h2,html:lang(ru) .shipment-copy h2,html:lang(ka) .shipment-copy h2,html[dir='rtl'] .shipment-copy h2{font-size:30px}
 .shipment-copy .shipment-eyebrow{font-size:11px}
 .shipment-features{gap:12px 16px;margin-top:18px}
 .shipment-features li{font-size:11px;gap:6px}
 .shipment-features svg{width:17px;height:17px}
 .shipment-route{display:block;padding:16px 12px}
 .shipment-route>svg{display:none}
 .shipment-route-flow{font-size:13px;gap:5px}
 .shipment-countries{font-size:11px}
}
@media(prefers-reduced-motion:reduce){.shipment-showcase *{animation:none!important;transition:none!important}}

/* Email-only explanatory copy and matched camera/location line icons. */
.shipment-copy .shipment-intro{margin:18px 0 0;color:var(--ship-sub);font-size:clamp(14px,1.05cqw,19px);line-height:1.6;font-weight:400;max-width:100%;text-wrap:pretty;overflow-wrap:normal}
.shipment-features{margin-top:20px;gap:13px}
.shipment-features li{gap:11px}
.shipment-features .shipment-feature-icon{display:block;width:28px;height:28px;flex:none;stroke-width:1.65;overflow:visible}
@media(min-width:1280px){
 .shipment-copy{top:5%;width:33%}
 .shipment-copy h2{font-size:clamp(34px,3cqw,52px)}
 html:lang(ka) .shipment-copy h2{font-size:clamp(30px,2.6cqw,45px)}
 .shipment-features{flex-direction:row;flex-wrap:wrap;gap:12px 22px}
 .shipment-features li{font-size:clamp(12px,1cqw,16px)}
}
@media(min-width:980px) and (max-width:1279px){
 .shipment-stage{display:flex;flex-direction:column}
 .shipment-copy{position:relative;top:auto;left:auto;order:0;width:auto;max-width:860px;margin:0;padding:28px 32px 12px;background:var(--ship-bg)}
 .shipment-copy::before{display:none}
 .shipment-copy h2,html:lang(ru) .shipment-copy h2,html:lang(ka) .shipment-copy h2,html[dir='rtl'] .shipment-copy h2{font-size:38px;line-height:1.18}
 .shipment-copy .shipment-intro{font-size:16px}
 .shipment-features{flex-direction:row;flex-wrap:wrap}
 .shipment-map{order:1}
 .shipment-map::after{background:linear-gradient(180deg,var(--ship-bg),transparent 19%)}
 .shipment-legend{position:relative;order:2;width:100%;right:auto;bottom:auto;border-inline:0;border-bottom:0;border-radius:0}
}
@media(max-width:979px){.shipment-copy .shipment-intro{font-size:16px;margin-top:16px}.shipment-features .shipment-feature-icon{width:24px;height:24px}}
@media(max-width:540px){.shipment-copy .shipment-intro{font-size:14px;line-height:1.6;margin-top:14px}.shipment-features{gap:14px 18px}.shipment-features li{gap:8px}.shipment-features .shipment-feature-icon{width:22px;height:22px}}