:root{--navy:#102a3b;--deep:#0b2130;--orange:#0bcfb7;--orange-hover:#0bcfb7;--white:#fff;--ice:#f3f5f6;--ink:#142b3b;--muted:#5e6c75;--border:#d8dfe3;--error:#b42c24;--font-body:'DM Sans',Arial,sans-serif;--font-display:'Barlow Condensed','Arial Narrow',Impact,sans-serif;--gutter:clamp(24px,5vw,88px);--section:clamp(64px,7.5vw,116px);--radius:0px;--scroll-thumb:#81929d;--scroll-track:#e7ecef}*{box-sizing:border-box;scrollbar-width:thin;scrollbar-color:var(--scroll-thumb) var(--scroll-track)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--scroll-thumb)}::-webkit-scrollbar-thumb:hover{background:var(--muted)}::-webkit-scrollbar-thumb:active{background:var(--navy)}::-webkit-scrollbar-track{background:var(--scroll-track)}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--white);color:var(--ink);font-family:var(--font-body);font-size:15px;line-height:1.65}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}button{border:0}button:disabled{cursor:default;opacity:.5}button:active,.button:active{transform:translateY(1px)}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid var(--orange);outline-offset:5px}.skip{position:absolute;left:20px;top:-100px;z-index:20;padding:12px;background:white}.skip:focus{top:12px}.topline{height:37px;background:var(--navy);color:#dce5ea;display:flex;justify-content:space-between;align-items:center;padding:0 var(--gutter);font-size:10px;letter-spacing:1.1px}.topcontact{display:flex;gap:18px;font-size:11px;letter-spacing:.2px}.line{border-left:1px solid #526574}.operation{display:flex;align-items:center;gap:8px}.operation i,.mapbottom i{width:6px;height:6px;display:inline-block;background:var(--orange);border-radius:50%}header{height:96px;display:flex;align-items:center;gap:35px;padding:0 var(--gutter);background:white}.brand{display:flex;align-items:center;gap:10px;font-weight:700;line-height:1;font-size:24px;letter-spacing:-1px}.brand svg{width:49px;height:42px}.brand small{font-weight:500;display:block;font-size:8px;letter-spacing:2px;margin-top:8px}nav{display:flex;gap:29px;margin-left:auto;font-size:12px;font-weight:600}nav a{padding:12px 0;position:relative}nav a:after{content:'';position:absolute;bottom:4px;left:0;width:0;height:2px;background:var(--orange);transition:width .2s}nav a:hover:after{width:100%}.button{min-height:49px;padding:15px 22px;display:inline-flex;justify-content:space-between;align-items:center;gap:30px;font-size:12px;font-weight:700;line-height:1.4;border-radius:var(--radius);transition:background .2s}.button span{font-size:21px;line-height:1}.orange{background:var(--orange);color:var(--deep)}.orange:hover{background:var(--orange-hover)}.menubutton{display:none}.hero{min-height:680px;height:calc(100svh - 133px);max-height:860px;position:relative;color:white;overflow:hidden;background:var(--navy)}.heroimage{position:absolute;width:100%;height:100%;object-fit:cover;object-position:center 53%}.heroshade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,29,44,.92),rgba(8,29,44,.68) 48%,rgba(8,29,44,.16)),linear-gradient(0deg,rgba(8,29,44,.7),transparent 40%)}.herocontent{position:relative;padding:55px var(--gutter) 90px;max-width:1500px;margin:auto}.eyebrow{font-size:10px;font-weight:600;letter-spacing:1.8px;display:flex;align-items:center;gap:11px;margin:0 0 22px;color:#e2e9ed}.eyebrow>span{width:6px;height:6px;background:var(--orange);display:inline-block}.eyebrow.dark{color:var(--muted)}h1,h2,h3,p{margin-top:0}h1,h2{font-family:var(--font-display);font-weight:600;letter-spacing:-.6px;line-height:.96}h1{font-size:clamp(74px,8.3vw,128px);margin:0;letter-spacing:-1px}h1 em{font-style:normal;color:var(--orange)}.herobottom{display:flex;gap:90px;align-items:flex-end;margin-top:30px}.herobottom p{font-size:13px;line-height:1.8;color:#dce4e9;margin:0}.heroactions{display:flex;flex-direction:column;align-items:flex-start;gap:14px}.textlink{display:inline-flex;justify-content:space-between;align-items:center;gap:28px;font-weight:600;font-size:12px;background:none;padding:7px 0;border-bottom:1px solid var(--border)}.textlink span{font-size:21px;font-weight:400}.textlink:hover{color:var(--orange)}.textlink.light{color:white;border-bottom-color:#5c6b76}.textlink.light:hover{color:var(--orange)}.herorail{position:absolute;bottom:0;left:var(--gutter);right:var(--gutter);height:55px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid #6a7c855c;font-size:9px;letter-spacing:1.5px}.herorail a span{padding-left:23px;font-size:18px}.herostamp{position:absolute;right:var(--gutter);bottom:107px;display:flex;align-items:center;gap:16px;font-size:9px;letter-spacing:1.4px}.herostamp svg{width:64px;fill:none;stroke:#d3dde5;stroke-width:.7}.servicebelt{background:var(--navy);color:white;display:flex;align-items:center;justify-content:space-between;gap:25px;padding:21px var(--gutter);font-size:11px;font-weight:500;letter-spacing:1px;overflow:hidden;white-space:nowrap}.servicebelt b{color:var(--orange);font-size:25px;font-weight:400}.section{padding:var(--section) var(--gutter)}.intro{display:grid;grid-template-columns:1.2fr 1fr;gap:10%;align-items:start}h2{font-size:clamp(44px,4.4vw,68px);margin:0}h2>span{color:#82909a}.introcopy{max-width:460px}.lead{font-size:23px;font-weight:500;line-height:1.4;margin-bottom:23px}.introcopy>p:not(.lead){color:var(--muted);font-size:13px;margin-bottom:25px}.stats{margin:0 var(--gutter);border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:31px 0;display:grid;grid-template-columns:1fr 1fr 1.4fr 1fr}.stats>div{display:flex;flex-direction:column;border-right:1px solid var(--border);padding-left:35px;gap:12px}.stats>div:first-child{padding-left:0}.stats>div:last-child{border:0}.stats strong{font-family:var(--font-display);font-size:47px;font-weight:600;line-height:1.1}.stats strong>span{font-size:33px;color:var(--orange);padding-left:20px}.stats>div:nth-child(3) strong{font-size:35px;padding-top:9px}.stats>div>span{font-size:9px;letter-spacing:1.1px;color:var(--muted)}.sectionhead{display:flex;justify-content:space-between;gap:40px;align-items:flex-end;margin-bottom:40px}.sectionhead>p{font-size:13px;line-height:1.8;color:var(--muted);margin:0}.tabs{display:flex;gap:34px;border-bottom:1px solid var(--border);margin-bottom:28px}.tabs button{background:none;font-size:12px;font-weight:600;color:var(--muted);padding:17px 0;display:flex;gap:35px;border-bottom:2px solid transparent}.tabs button[aria-selected=true]{color:var(--ink);border-color:var(--orange)}.tabs button:hover{color:var(--orange)}.servicegrid{display:grid;grid-template-columns:repeat(3,1fr);gap:19px;min-height:390px}.servicecard{position:relative;background:var(--ice);padding:30px 25px 24px;display:flex;flex-direction:column;min-height:390px;overflow:hidden;isolation:isolate}.servicecard:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(8,29,44,.92),rgba(8,29,44,.2));z-index:-1}.servicecard img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform .4s}.servicecard:hover img{transform:scale(1.045)}.servicecard{color:white}.servicecard .servicetag{font-size:10px;letter-spacing:1.5px;border:1px solid #ffffff60;padding:4px 9px;align-self:flex-start}.servicecard h3{font-family:var(--font-display);font-size:36px;line-height:1;letter-spacing:.3px;margin-top:auto;margin-bottom:14px;font-weight:600}.servicecard p{font-size:12px;line-height:1.7;color:#e0e6ea;max-width:290px;margin-bottom:20px}.servicecard button{background:none;border-top:1px solid #ffffff50;padding:13px 0 0;color:white;display:flex;justify-content:space-between;font-size:11px;text-align:left}.servicecard button:hover{color:var(--orange)}.servicefoot{display:flex;justify-content:space-between;align-items:center;padding-top:20px;font-size:12px;color:var(--muted)}.network{background:var(--navy);color:white;display:grid;grid-template-columns:.9fr 1.2fr;gap:7%;align-items:center}.network h2{font-size:clamp(48px,5.1vw,78px)}.network h2>span{color:#8ea2af}.networkcopy>p:not(.eyebrow){max-width:380px;font-size:13px;color:#b8c6cf;margin:25px 0}.portbuttons{display:flex;flex-wrap:wrap;gap:8px;margin:25px 0}.portbuttons button{padding:9px 12px;color:#d6e1e8;background:transparent;border:1px solid #627786;font-size:10px}.portbuttons button.active,.portbuttons button:hover{background:var(--orange);border-color:var(--orange);color:var(--deep)}.portinfo{min-height:154px;border-left:2px solid var(--orange);padding-left:17px;max-width:365px}.portinfo strong{font-size:15px}.portinfo p{font-size:12px;margin:7px 0;color:#b8c6cf}.portinfo a{font-size:12px}.portinfo a:hover{color:var(--orange)}.maparea{border:1px solid #476171;padding:23px;align-self:stretch;display:flex;flex-direction:column;justify-content:space-between}.maplabel,.mapbottom{display:flex;justify-content:space-between;font-size:8px;letter-spacing:1px;color:#d2dce3}.maplabel span{color:#94a8b6}.map{width:100%;height:auto}.country{fill:#244254;stroke:#7490a2;stroke-width:1.2}.routes{fill:none;stroke:var(--orange);stroke-width:1;stroke-dasharray:4 6}.mapport circle{fill:var(--orange)}.mapport .halo{fill:#0bcfb720;stroke:var(--orange);stroke-width:.7}.mapport text{font:10px var(--font-body);fill:white;letter-spacing:1px}.seaname{font:8px var(--font-body);fill:#8da5b5;letter-spacing:1px}.uae{font:25px var(--font-display);fill:#8ba1b0}.north{font:10px var(--font-body);fill:white}.mapbottom{font-size:7px;gap:12px}.mapbottom i{width:5px;height:5px;margin-right:5px}.approachgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:60px;margin-top:55px}.featureicon{font-size:35px;display:block;color:var(--orange);margin-bottom:17px;line-height:1}.approachgrid h3{font-size:17px;font-weight:600;margin-bottom:12px}.approachgrid p{font-size:13px;color:var(--muted);max-width:310px;margin:0}.insights{background:var(--ice)}.insightgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.articleimage{height:230px;position:relative;overflow:hidden}.articleimage img{width:100%;height:100%;object-fit:cover;transition:transform .4s}.articlecard:hover img{transform:scale(1.04)}.articleimage>span{position:absolute;bottom:12px;left:12px;padding:4px 9px;background:white;color:var(--ink);font-size:8px;letter-spacing:1px}.articlecard>p{font-size:9px;letter-spacing:1.1px;color:var(--muted);margin:18px 0 10px}.articlecard h3{font-size:18px;line-height:1.45;font-weight:500;position:relative;padding-right:25px;margin:0}.articlecard h3>span{position:absolute;right:0;top:0}.articlecard:hover h3{color:#0a6b5d}.contact{background:#e9eef1}.contact>div:not(.contactbottom){display:flex;justify-content:space-between;align-items:center}.contact h2{font-size:clamp(64px,7.2vw,110px)}.contact h2>span{color:var(--navy)}.roundcta{width:105px;height:105px;border-radius:50%;background:var(--orange);color:var(--deep);font-size:60px;font-weight:400;transition:transform .2s,background .2s}.roundcta:hover{background:var(--orange-hover);transform:rotate(10deg)}.contactbottom{margin-top:42px;padding-top:25px;border-top:1px solid #c2ced6;display:flex;justify-content:space-between;align-items:center;gap:25px}.contactbottom p{font-size:12px;color:var(--muted);margin:0}.contactbottom a{font-size:20px}.contactbottom a:hover{color:#0a6b5d}footer{background:var(--deep);color:white;padding:64px var(--gutter) 0}.footergrid{display:grid;grid-template-columns:1.4fr .8fr 1fr 1.3fr;gap:40px}.footergrid h3{font-size:11px;letter-spacing:.3px;margin-bottom:20px;font-weight:500;color:#91a5b3}.footergrid p,.footergrid>div>a:not(.brand){font-size:11px;line-height:1.9;color:#c0ced7}.footergrid>div>a:not(.brand){display:block;margin-bottom:8px}.footergrid a:hover{color:var(--orange)}.footergrid .brand{font-size:30px;margin-bottom:20px}.group{font-size:8px;letter-spacing:1.5px;color:#91a5b3}.footerbottom{border-top:1px solid #304652;margin-top:50px;display:flex;justify-content:space-between;gap:25px;padding:22px 0;font-size:9px;color:#99acb8}.footerbottom b{color:white;font-weight:500}dialog{border:0;padding:40px;width:min(640px,calc(100% - 32px));max-height:90svh;overflow:auto;color:var(--ink)}dialog::backdrop{background:#051c2bba;backdrop-filter:blur(4px)}dialog h2{font-size:43px;margin-bottom:16px}dialog>p:not(.eyebrow){font-size:12px;color:var(--muted);max-width:475px}dialog .eyebrow{margin-top:5px;font-size:8px}.closedialog{position:absolute;right:16px;top:10px;background:none;font-size:30px;width:40px;height:40px;color:var(--navy)}.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:7px 20px}label{font-size:11px;font-weight:600;display:block}input,select,textarea{display:block;width:100%;border:1px solid var(--border);background:var(--ice);border-radius:0;padding:11px;font-size:13px;color:var(--ink);margin-top:5px;min-height:44px}textarea{resize:none;min-height:90px;max-height:200px;overflow:auto;margin-bottom:18px}input[aria-invalid=true]{border-color:var(--error)}.error{display:block;min-height:20px;font-size:10px;color:var(--error);font-weight:400}.formstatus{font-size:11px;color:var(--muted);min-height:20px;margin:12px 0 0}@media(min-width:1600px){.herocontent{max-width:none}}@media(max-width:1100px){header{gap:20px}nav{gap:17px}.brand{font-size:21px}.headerquote{padding:12px;gap:18px}.herostamp{display:none}.hero{min-height:650px}.servicebelt{justify-content:flex-start}.stats>div{padding-left:22px}.stats strong{font-size:40px}.stats>div:nth-child(3) strong{font-size:27px}.network{gap:4%}.maparea{padding:15px}.articleimage{height:190px}.contactbottom a{font-size:16px}.footergrid{gap:25px}.approachgrid{gap:30px}}@media(max-width:780px){.topline{font-size:8px;height:30px}.topcontact{display:none}.operation{font-size:7px}header{height:79px;position:relative;z-index:5;gap:14px}.brand{font-size:22px}.brand svg{width:39px}.brand small{font-size:6px}.headerquote{margin-left:auto;min-height:42px;font-size:10px;padding:10px 12px;gap:15px}.headerquote span{font-size:16px}.menubutton{display:block;background:none;font-size:25px;min-width:35px;min-height:44px;padding:0;color:var(--navy)}nav{display:none;position:absolute;left:0;right:0;top:79px;background:white;padding:20px var(--gutter) 28px;box-shadow:0 8px 10px #102a3b18;flex-direction:column;gap:5px}nav.open{display:flex}nav a{font-size:16px}.hero{height:auto;min-height:670px;max-height:none}.heroimage{object-position:65% center}.heroshade{background:linear-gradient(90deg,#081d2ce8,#081d2c65),linear-gradient(0deg,#081d2cbb,transparent)}.herocontent{padding-top:44px;padding-bottom:100px}.hero .eyebrow{font-size:8px;letter-spacing:1.3px}h1{font-size:clamp(67px,12.8vw,98px);letter-spacing:-.7px}.herobottom{display:block;margin-top:27px}.herobottom p{font-size:12px}.heroactions{margin-top:24px;flex-direction:row;align-items:center;gap:22px}.heroactions .button{font-size:10px;padding:13px 15px;gap:15px}.heroactions .textlink{font-size:10px;gap:14px}.herorail{font-size:7px}.herorail a{font-size:7px}.servicebelt{padding-block:16px;font-size:9px;gap:20px}.servicebelt b{font-size:19px}.intro{grid-template-columns:1fr;gap:30px}.introcopy{max-width:100%}.lead{font-size:21px}h2{font-size:48px}.stats{grid-template-columns:1fr 1fr;gap:25px 0}.stats>div{padding-left:24px}.stats>div:nth-child(3){padding-left:0;border:0}.stats>div:nth-child(2){border:0}.stats strong{font-size:40px}.stats>div>span{font-size:8px}.stats>div:nth-child(3) strong{font-size:27px}.sectionhead{display:block}.sectionhead>p{margin-top:24px}.sectionhead>.textlink{margin-top:25px}.servicegrid{grid-template-columns:1fr;min-height:0}.servicecard{min-height:350px}.servicecard h3{font-size:40px}.servicecard p{max-width:340px}.tabs{gap:24px}.tabs button{gap:15px;font-size:11px}.servicefoot{display:block}.servicefoot .textlink{margin-top:9px}.network{grid-template-columns:1fr;gap:40px}.network h2 br:nth-of-type(3){display:none}.network h2{font-size:58px}.networkcopy>p:not(.eyebrow){max-width:100%}.portinfo{min-height:130px}.maparea{min-height:370px}.map{max-height:450px}.approachgrid{grid-template-columns:1fr;gap:30px;margin-top:35px}.approachgrid article{display:grid;grid-template-columns:40px 1fr;gap:0 15px}.approachgrid p{grid-column:2;max-width:100%}.featureicon{grid-row:span 2;margin-top:0}.approachgrid h3{margin-bottom:7px}.insightgrid{grid-template-columns:1fr;gap:35px}.articleimage{height:250px}.articlecard h3{font-size:20px}.contact h2{font-size:clamp(53px,9.4vw,76px)}.roundcta{width:65px;height:65px;font-size:40px;flex-shrink:0}.contactbottom{flex-direction:column;align-items:flex-start;gap:18px}.contactbottom a{font-size:20px}.footergrid{grid-template-columns:1fr 1fr;gap:35px 22px}.footergrid>div:first-child{grid-column:1/-1}.footergrid>div:last-child{grid-column:1/-1}.footerbottom{flex-wrap:wrap;font-size:8px}.footerbottom>span:nth-child(2){display:none}dialog{padding:30px 22px}.formgrid{gap:6px 12px}dialog h2{font-size:38px}}@media(max-width:380px){.heroactions{gap:12px}.heroactions .textlink{gap:8px}.headerquote{gap:8px}.brand{font-size:18px}.brand svg{width:32px}.formgrid{grid-template-columns:1fr}.contact h2{font-size:47px}.roundcta{width:52px;height:52px;font-size:30px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}@media(forced-colors:active){*{scrollbar-color:auto}.button,.portbuttons button{border:1px solid ButtonText}.heroimage,.heroshade{display:none}.hero{background:Canvas;color:CanvasText}}

.freight-story{--story-sky:#e4edf4;position:relative;isolation:isolate;background:#edf1f3;overflow:clip;margin-top:var(--section)}.freight-chapter{min-height:125svh;padding:14svh var(--gutter);position:relative;display:flex;align-items:flex-start;border:0}.freight-copy{width:44%;max-width:620px;position:relative;z-index:4}.freight-copy h2{font-size:clamp(60px,7vw,110px);line-height:.93;letter-spacing:-1px}.freight-copy .eyebrow{font-size:9px;letter-spacing:1.6px}.freight-description{max-width:330px;margin:25px 0;font-size:14px;line-height:1.8;color:#506574}.freight-services{display:flex;flex-wrap:wrap;gap:10px}.freight-services :is(a,button){display:inline-flex;justify-content:space-between;align-items:center;gap:35px;min-width:138px;min-height:46px;padding:12px 16px;border:1px solid #9caeb8;background:#f9fbfc;color:var(--navy);font-size:11px;font-weight:600}.freight-services :is(a,button) span{font-size:19px;color:#0a6b5d}.freight-services :is(a,button):hover{background:var(--navy);color:white}.freight-services :is(a,button):hover span{color:var(--orange)}.freight-step{font-size:9px;letter-spacing:1px;color:#697e8a;margin-top:30px;display:flex;gap:28px;align-items:center}.freight-step>span{font-size:8px;letter-spacing:.5px}.freight-art{position:absolute;inset:0;z-index:1;pointer-events:none;overflow:clip}.atlas{position:absolute;background-image:url('/wp-content/plugins/jw-marine-assets-609d8ec1f0/public/assets/logistics-atlas.png');background-repeat:no-repeat;background-size:200% 200%;will-change:transform,opacity;transform-origin:50% 50%;opacity:0}.journey-truck-photo{width:54vw;height:36vw;max-width:950px;max-height:633px;background-position:0 0;left:44%;top:0;filter:drop-shadow(0 10px 6px #102a3b25)}.journey-crane-photo{width:52vw;height:35vw;background-position:100% 0;left:48%;top:0;filter:drop-shadow(0 10px 5px #102a3b25)}.journey-vessel-photo{width:46vw;height:55vw;background-position:0 100%;left:50%;top:0;filter:drop-shadow(17px 22px 13px #0b334d35)}.journey-aircraft-photo{width:75vw;height:66vw;background-position:100% 100%;left:35%;top:0;filter:drop-shadow(18px 30px 22px #102a3b18)}.journey-box{position:absolute;left:54%;top:0;width:27vw;height:10.5vw;background:repeating-linear-gradient(90deg,#dbe1e4 0,#dbe1e4 5px,#a0adb5 6px,#eef1f2 9px,#b9c6cd 10px,#d5dce0 13px);border:5px solid #a5b3bb;box-shadow:inset 0 5px 0 #ffffff8f,inset 0 -5px 0 #758a9870,0 6px 8px #233e4e22;will-change:transform,opacity;opacity:0}.box-wordmark{position:absolute;left:18%;top:33%;font-weight:700;font-size:clamp(12px,1.9vw,32px);letter-spacing:-.7px;background:#e4e9eb;padding:3px 11px;line-height:1.15;border-bottom:3px solid var(--orange);color:var(--navy)}.box-wordmark small{display:block;font-size:clamp(3px,.4vw,7px);letter-spacing:1px;padding-top:4px}.box-code{position:absolute;right:6px;top:8px;font:7px monospace;color:#486272}.factory-setting{position:absolute;right:-5%;width:50%;height:49vw;top:0;opacity:0;will-change:transform,opacity}.factory-wall{position:absolute;inset:0 0 20%;background:repeating-linear-gradient(90deg,#b9c3ca 0,#b9c3ca 8px,#aab8c1 9px,#d7dfe4 11px);border-top:10px solid #5d7483;box-shadow:inset 0 -100px 100px #405e7845;clip-path:polygon(0 14%,35% 0,100% 12%,100% 100%,0 100%)}.factory-sign{position:absolute;top:27%;left:8%;font-size:16px;letter-spacing:2px;color:#486272}.factory-window{position:absolute;top:40%;left:7%;width:30%;height:12%;background:repeating-linear-gradient(90deg,#587486 0,#587486 30px,#c1d1db 31px,#c1d1db 34px);border:6px solid #d9e1e6}.factory-door{position:absolute;bottom:0;right:16%;width:37%;height:50%;background:linear-gradient(#0c2539,#29485e);border:10px solid #8399a7;border-bottom:0;box-shadow:inset 0 50px 40px #0009}.factory-road{position:absolute;bottom:0;left:0;right:0;height:20%;background:#d6dfe5;border-top:2px solid #a4b4bf}.journey-hook{position:absolute;left:55%;top:0;width:27vw;height:15vw;opacity:0}.journey-hook i{position:absolute;left:8%;height:100%;border-left:2px solid #496878;top:0}.journey-hook i:nth-child(2){left:92%}.journey-hook>span{position:absolute;bottom:0;left:0;right:0;height:12px;background:repeating-linear-gradient(135deg,#0bcfb7 0,#0bcfb7 10px,#233b4c 11px,#233b4c 20px)}.ocean-surface{position:absolute;inset:0;background:radial-gradient(ellipse at 70% 55%,#7faabf,#b5d0dc 60%,#dce8ed);opacity:0;will-change:opacity}.ocean-surface:after{content:'';position:absolute;inset:0;opacity:.25;background:repeating-radial-gradient(ellipse at 40% 45%,transparent 0,transparent 37px,#ffffff70 38px,transparent 40px,transparent 60px)}.chapter-ocean,.chapter-air,.chapter-arrival{background:transparent}.cloud-layer{position:absolute;top:0;width:130%;left:-15%;height:90svh;opacity:0;will-change:transform,opacity;background:radial-gradient(ellipse at 20% 40%,white 0,white 13%,#ffffff00 39%),radial-gradient(ellipse at 65% 60%,#ffffffef 0,white 15%,#ffffff00 47%),radial-gradient(ellipse at 95% 35%,white 0,white 14%,#ffffff00 40%);filter:blur(9px)}.cloud-front{z-index:3}.airport-ground{position:absolute;top:0;left:38%;height:95svh;width:70%;background:repeating-linear-gradient(110deg,#a6b29b 0,#a6b29b 2px,#a1ad96 3px,#a6b29b 5px);transform-origin:65% 50%;opacity:0}.airport-runway{position:absolute;left:24%;width:28%;height:120%;top:-10%;background:linear-gradient(90deg,#5a666c,#39474e 15%,#46535a 65%,#5a666c);border-inline:3px solid white;box-shadow:0 0 0 20px #b8c2a7,0 0 0 22px #8b9e8f}.airport-runway:before{content:'';position:absolute;left:50%;top:0;bottom:0;width:4px;background:repeating-linear-gradient(0deg,white 0,white 40px,transparent 41px,transparent 75px)}.airport-runway:after{content:'';position:absolute;top:17%;left:7%;right:7%;height:80px;background:repeating-linear-gradient(90deg,#f1f2ec 0,#f1f2ec 8px,transparent 9px,transparent 17px)}.airport-runway>span{position:absolute;top:32%;left:15%;font-size:55px;color:#f1f2ec;font-family:var(--font-display)}.taxiway{position:absolute;left:55%;width:6%;height:100%;background:#889397;border-left:1px solid #cbd2bf}.airport-terminal{position:absolute;right:3%;top:24%;height:26%;width:30%;background:repeating-linear-gradient(0deg,#758f9e 0,#758f9e 20px,#c8d3d9 21px,#c8d3d9 25px);box-shadow:10px 14px 0 #61776f55;padding:15px;font-size:8px;color:white;letter-spacing:1px}.freight-chapter-nav{position:absolute;top:35px;left:var(--gutter);right:var(--gutter);display:flex;gap:20px;z-index:6;margin:0}.freight-chapter-nav>a{font-size:8px;letter-spacing:1px;padding:12px 0;color:#587181;min-height:40px;position:relative}.freight-chapter-nav>a:hover{color:#0a6b5d}.freight-chapter-nav>a[aria-current=step]{color:var(--navy);border-bottom:2px solid var(--orange)}.freight-illustration-note{position:relative;margin:0;padding:0 var(--gutter) 20px;color:#647c8a;font-size:8px;z-index:4}.freight-engine-status{position:relative;z-index:4;font-size:11px;padding:15px var(--gutter);margin:0;color:#506574}.freight-engine-status[hidden]{display:none}.freight-story.no-gsap .freight-art{display:none}.freight-story.no-gsap .freight-chapter{min-height:65svh}.freight-story.no-gsap .freight-copy{width:70%}.freight-story.no-gsap .freight-chapter:nth-of-type(even){background:#e2eaf0}@media(max-width:780px){.freight-chapter{min-height:120svh;padding-top:13svh}.freight-copy{width:85%;max-width:450px}.freight-copy h2{font-size:clamp(49px,10vw,72px)}.freight-description{font-size:12px;max-width:250px;margin:20px 0}.freight-services :is(a,button){min-width:110px;font-size:10px;padding:10px 12px;gap:20px}.freight-chapter-nav{gap:15px;top:15px;left:24px;right:24px}.freight-chapter-nav>a{font-size:6px;letter-spacing:.5px}.journey-truck-photo{width:110vw;height:73vw;left:4%}.journey-box{width:52vw;height:21vw;left:20%;border-width:3px}.box-wordmark{font-size:19px;left:12%;top:28%;padding:3px 8px}.box-wordmark small{font-size:4px}.box-code{font-size:5px;top:4px}.journey-crane-photo{width:105vw;height:70vw;left:14%}.journey-vessel-photo{width:92vw;height:110vw;left:24%}.journey-aircraft-photo{width:125vw;height:110vw;left:-2%}.factory-setting{width:70%;height:70vw;right:-17%}.factory-sign{font-size:9px}.factory-window{border-width:3px}.factory-door{border-width:4px}.journey-hook{left:20%;width:52vw;height:26vw}.airport-ground{left:15%;width:110%}.freight-step{margin-top:22px;font-size:8px}.freight-illustration-note{font-size:7px}.freight-story.no-gsap .freight-copy{width:100%}}@media(prefers-reduced-motion:reduce){.freight-chapter{min-height:85svh}.freight-step>span{display:none}}

/* The original photographic atlas uses an asymmetric split: top row 420px, bottom row 739px. */
.journey-truck-photo{background-size:186.03% 275.95%;height:31vw;max-height:546px}
.journey-crane-photo{background-size:219.74% 275.95%}
.journey-vessel-photo{background-size:219.03% 156.83%}
.journey-aircraft-photo{background-size:184.01% 156.83%;height:75vw}
@media(max-width:780px){.journey-truck-photo{height:63.3vw;max-height:none}.journey-aircraft-photo{height:125vw}}
/* Rework: one unframed photographic layer, shared coordinates and foreground copy. */
.freight-story{background:var(--deep);color:white;overflow:clip}
.freight-art{position:absolute;inset:0;overflow:visible;z-index:1}
.freight-viewport{position:sticky;top:0;height:100svh;overflow:hidden;isolation:isolate}
.freight-copy{max-width:510px;width:43%;color:white}
.freight-copy h2{font-size:clamp(60px,6.6vw,100px);font-weight:600;text-wrap:balance}
.freight-description{color:#b5c6d0;max-width:310px}
.freight-category{color:#a2b6c4;font-size:12px;margin-bottom:20px}
.freight-services :is(a,button){background:transparent;color:white;border:1px solid #8ca3b3;min-height:46px}
.freight-services :is(a,button):hover{background:var(--orange);border-color:var(--orange);color:var(--deep)}
.freight-services :is(a,button)>span{color:var(--orange)}
.freight-services :is(a,button):hover>span{color:var(--deep)}
.freight-chapter{min-height:125svh;padding-top:18svh}
.freight-chapter-nav>a{color:#bdcdd7}.freight-chapter-nav>a[aria-current=step]{color:white}
.freight-step{color:#8fa8b9}.freight-illustration-note{color:#768f9f}
.atlas{max-width:none;max-height:none;filter:drop-shadow(0 16px 9px #0003)}
.journey-vessel-photo{z-index:2}.journey-truck-photo{z-index:2}.journey-crane-photo{z-index:3}.journey-box{z-index:4}.journey-hook{z-index:5}.journey-aircraft-photo{z-index:4}.airport-ground{z-index:1}.cloud-front{z-index:6}
.ocean-surface{z-index:0;background:radial-gradient(ellipse at 65% 45%,#2b647b,#12394d 65%,#0c2a3b)}
.ocean-surface:after{opacity:.09}
.factory-setting{filter:brightness(.68);z-index:0}.factory-wall{clip-path:none;background:linear-gradient(110deg,#526a79,#8d9da5);border-top:5px solid #bec9cd}.factory-window{background:#7b98a8;border:3px solid #b0bfc8}.factory-door{border:6px solid #7c929f;background:linear-gradient(#0b2130,#2b485b)}
.factory-sign{color:#d4dee4;font-size:13px}.factory-road{background:#29414f;border-color:#587181}
.journey-box{border-width:3px;border-color:#a4afb5;box-shadow:inset 0 4px 0 #ffffff8f,inset 0 -4px 0 #758a9870,0 6px 8px #0003}
.in-sky .freight-copy{color:var(--ink)}.in-sky .freight-description{color:#506574}.in-sky .freight-category{color:#5c7687}.in-sky .freight-services :is(a,button){color:var(--navy);border-color:#7e99a9;background:#f5f8fa}.in-sky .freight-services :is(a,button):hover{background:var(--navy);color:white}.in-sky .freight-step{color:#597688}
.freight-story.no-gsap{background:var(--deep)}.freight-story.no-gsap .freight-art{display:none}.freight-story.no-gsap .freight-chapter:nth-of-type(even){background:#173347}
.freight-story.reduced-story .freight-art{display:none}.freight-story.reduced-story .freight-chapter{min-height:70svh}
.airport-ground{box-shadow:none}.airport-terminal{box-shadow:12px 15px 18px #102a3b22}
@media(max-width:780px){.freight-copy{width:94%;max-width:450px}.freight-copy h2{font-size:clamp(48px,11.5vw,66px)}.freight-chapter{padding-top:10svh;min-height:125svh}.freight-description{font-size:12px;max-width:255px;margin:16px 0}.freight-category{font-size:10px;margin-bottom:13px}.freight-services :is(a,button){min-height:44px;background:#102a3b55;font-size:10px;padding:9px 12px}.freight-step{margin-top:18px}.factory-sign{font-size:9px}.freight-chapter-nav{top:12px}.freight-chapter-nav>a{font-size:6px}.box-wordmark{font-size:clamp(14px,4.3vw,22px)}.box-wordmark small{font-size:4px}.freight-illustration-note{font-size:7px}}

/* Physical handover: fixed crane, travelling trolley and a spreader locked to the box. */
.journey-crane-photo{background:none!important;filter:drop-shadow(6px 12px 8px #0004);z-index:3}
.gantry-tower{position:absolute;left:0;top:0;width:6%;height:100%;background:linear-gradient(90deg,#526875,#bdc9ce 28%,#687c86 48%,#394f5d);border:1px solid #a8bac4;clip-path:polygon(0 0,100% 0,100% 92%,150% 100%,-40% 100%,0 92%)}
.gantry-boom{position:absolute;top:0;left:-5%;width:105%;height:24px;border:2px solid #8d9fa9;background:repeating-linear-gradient(135deg,transparent 0 23px,#778d99 24px 28px,transparent 29px 47px),linear-gradient(#ccd4d8 0 4px,#294250 5px 18px,#b4c2ca 19px);box-shadow:0 6px 8px #0003}
.gantry-cabin{position:absolute;left:-2%;top:25px;width:50px;height:35px;border:5px solid #9baeb8;background:linear-gradient(120deg,#a3bfc9,#1a374a);box-shadow:4px 6px 8px #0004}
.journey-hook{z-index:5}.journey-hook i{left:3%;border-color:#abbac2}.journey-hook i:nth-child(2){left:97%}.journey-hook>span{height:9px;border:1px solid #d4c8a5;box-shadow:0 3px 0 #293f4d}
.ship-wake{position:absolute;z-index:1;opacity:0;transform-origin:50% 0;background:radial-gradient(ellipse at 50% 0,#e5f4f9a6,transparent 64%);clip-path:polygon(43% 0,57% 0,100% 100%,0 100%);filter:blur(2px)}
.ship-wake:after{content:'';position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0 15px,#e4f3f652 16px 18px,transparent 19px 27px);mask-image:linear-gradient(white,transparent)}
.ocean-surface:after{inset:-100%;background:repeating-radial-gradient(ellipse at 50% 50%,transparent 0 25px,#a5d2df66 27px,transparent 29px 57px);transform:translateY(var(--water-travel,0px));opacity:.16}
.journey-aircraft-photo{filter:none;z-index:4}.aircraft-shadow{background-position:100% 100%;background-size:184.01% 156.83%;z-index:2;opacity:0}
.touchdown-smoke{position:absolute;z-index:5;border-radius:50%;background:radial-gradient(ellipse,#f5f6f5c4,transparent 72%);filter:blur(3px);opacity:0}
@media(max-width:780px){.gantry-boom{height:16px}.gantry-cabin{width:28px;height:24px;top:17px;border-width:3px}}

.ocean-surface:after{background:repeating-linear-gradient(173deg,transparent 0 19px,#a4ceda18 20px,transparent 22px 47px),repeating-linear-gradient(6deg,transparent 0 37px,#8ec3d212 38px,transparent 40px 73px);opacity:.38}.ship-wake{filter:blur(5px);background:radial-gradient(ellipse at 50% 0,#e5f4f97a,transparent 67%);clip-path:polygon(44% 0,56% 0,100% 100%,0 100%)}

@media(max-width:780px){.freight-chapter:before{content:"";position:absolute;inset:0 0 auto;height:60svh;z-index:2;pointer-events:none;background:linear-gradient(#0b2130 0%,#0b2130f5 65%,#0b213000 100%)}.in-sky .freight-chapter:before{background:linear-gradient(#eef3f6 0%,#eef3f6f5 65%,#eef3f600 100%)}}

/* Photographic environment plates and a measured container bay. */
.ocean-surface{background:#0c3548}.ocean-surface:before{content:'';position:absolute;inset:-14% 0;background-image:linear-gradient(90deg,#061e32b3,#061e3222 65%),url('/wp-content/plugins/jw-marine-assets-feb9154a76/public/assets/scenery-atlas.png');background-size:100% 100%,200% 100%;background-position:0 0,0 0;transform:translateY(calc(var(--water-travel,0px)*.19));will-change:transform}.ocean-surface:after{display:none}
.airport-ground{background-image:url('/wp-content/plugins/jw-marine-assets-feb9154a76/public/assets/scenery-atlas.png');background-size:200% 100%;background-position:100% 0;background-repeat:no-repeat}.airport-terminal,.taxiway{display:none}.airport-runway{box-shadow:0 0 0 12px #8c8974,0 0 0 14px #c6c3ad;border-inline-width:2px;background:linear-gradient(90deg,#62676a,#424c51 16%,#4a5356 65%,#606668)}
.vessel-slot{position:absolute;left:59.15%;top:45.1%;width:2.4%;height:9.8%;background:#142b33;box-shadow:inset 0 0 2px #000;border:1px solid #777c6a}
.container-on-deck .journey-box{border-width:1px;box-shadow:inset 0 1px 0 #f8fbfc88,1px 1px 2px #0006;background:repeating-linear-gradient(90deg,#d7dede 0 2px,#b1bdc1 3px,#e7ebea 4px 6px)}.container-on-deck .box-wordmark,.container-on-deck .box-code{opacity:0}

/* Official JW identity belongs to the tractor and origin facility; the carrier owns the box. */
.truck-brand{position:absolute;left:87%;top:74%;width:6.5%;height:auto;transform:skewY(4deg);opacity:.95;filter:drop-shadow(0 1px 1px #0006)}
.factory-sign{display:flex;flex-direction:column;align-items:flex-start;gap:10px;top:6%;left:10%;width:28%}.factory-sign img{width:60%;height:auto;display:block}.factory-sign span{font-size:clamp(6px,.65vw,11px);letter-spacing:1px;color:#e4edf1;line-height:1.4}.factory-setting{filter:brightness(.86)}
.journey-box{border-color:#9a894a;background:repeating-linear-gradient(90deg,#c9b766 0,#c9b766 5px,#b5a04c 6px,#ded18b 9px,#bda958 10px,#d1c279 13px)}.box-wordmark{color:#202b2d;background:none;border:0;top:20%;left:15%;padding:0;font-family:Arial,sans-serif;font-size:clamp(28px,4vw,64px);font-weight:900;letter-spacing:-3px;line-height:1}.box-wordmark small{font-weight:600;letter-spacing:.5px;font-size:clamp(4px,.45vw,8px)}.box-code{color:#383a28}.container-on-deck .journey-box{background:repeating-linear-gradient(90deg,#d1c279 0 2px,#ae9d53 3px,#ded18b 4px 6px)}
.ship-wake{background:url('/wp-content/plugins/jw-marine-assets-cb705ad0a2/public/assets/ship-wake.png') center top/100% 100% no-repeat;clip-path:none;filter:none;mix-blend-mode:screen;mask-image:linear-gradient(#000 0 54%,transparent 100%);transform-origin:50% 0}.ship-wake:after{display:none}
@media(max-width:780px){.factory-sign{gap:8px}.factory-sign span{font-size:5px;letter-spacing:.6px}.box-wordmark{font-size:clamp(28px,8vw,44px)}}

/* More scroll distance for physical handovers and aircraft landing. */
.chapter-factory{min-height:150svh}.chapter-road{min-height:170svh}.chapter-port{min-height:340svh}.chapter-ocean{min-height:240svh}.chapter-air{min-height:200svh}.chapter-arrival{min-height:240svh}
.freight-copy{position:sticky;top:14svh;align-self:flex-start}.freight-story{overflow:clip}
.truck-brand{left:85%;top:70.8%;width:4.5%;transform:skewY(2deg)}.truck-wheel{position:absolute;display:block;border-radius:50%;background-image:url('/wp-content/plugins/jw-marine-assets-609d8ec1f0/public/assets/logistics-atlas.png');background-repeat:no-repeat;will-change:transform;z-index:1}.truck-brand{z-index:2}
.factory-setting{filter:brightness(.85);mask-image:linear-gradient(90deg,transparent,#000 5% 100%)}.factory-wall{inset:0;border:0;box-shadow:none;background:url('/wp-content/plugins/jw-marine-assets-cb705ad0a2/public/assets/warehouse-photo.png') center/100% 100% no-repeat}.factory-window,.factory-door,.factory-road{display:none}.factory-sign{left:6%;top:10.5%;width:27%;height:12%;display:flex;align-items:center;justify-content:center;gap:0}.factory-sign img{width:auto;height:90%;max-width:90%;object-fit:contain}.factory-sign span{display:none}
.ocean-surface:before{animation:jw-water-swell 12s ease-in-out infinite alternate;animation-play-state:paused;transform-origin:center}.in-ocean .ocean-surface:before{animation-play-state:running}
@keyframes jw-water-swell{from{transform:translate3d(-1.2%,-2%,0) translateY(calc(var(--water-travel,0px)*.19)) scale(1.06)}to{transform:translate3d(1.2%,2%,0) translateY(calc(var(--water-travel,0px)*.19)) scale(1.08)}}
.ship-wake{background:none}.ship-wake:before{content:'';position:absolute;inset:-10% -5%;background:url('/wp-content/plugins/jw-marine-assets-cb705ad0a2/public/assets/ship-wake.png') center/100% 100% no-repeat;animation:jw-wake-flow 3.6s ease-in-out infinite alternate;animation-play-state:paused}.in-ocean .ship-wake:before{animation-play-state:running}
@keyframes jw-wake-flow{from{transform:translateY(-4%) scaleX(.97);opacity:.82}to{transform:translateY(4%) scaleX(1.03);opacity:1}}
@media(max-width:780px){.freight-copy{top:8svh}.chapter-factory{min-height:150svh}.chapter-road{min-height:170svh}.chapter-port{min-height:340svh}.chapter-ocean{min-height:240svh}.chapter-air{min-height:200svh}.chapter-arrival{min-height:240svh}.factory-setting{mask-image:linear-gradient(90deg,transparent,#000 8% 92%,transparent)}}
@media(prefers-reduced-motion:reduce){.ocean-surface:before,.ship-wake:before{animation:none!important}.freight-story.reduced-story .freight-chapter{min-height:70svh}.freight-story.reduced-story .freight-copy{position:relative;top:auto}}
.freight-story.no-gsap .freight-chapter{min-height:70svh}.freight-story.no-gsap .freight-copy{position:relative;top:auto}



/* Old road anchors now lead to the collection stage; no standalone road scene. */
.freight-road-alias{position:absolute;top:0;left:0;width:0;height:0;pointer-events:none}

/* Loading-dock photograph: preserve its perspective and fill the camera naturally. */
.factory-setting{right:auto;filter:none;mask-image:none;overflow:hidden}
.factory-wall{inset:0;clip-path:none;border:0;box-shadow:none;background-size:100% 100%;background-position:center}
.factory-shade{position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#0b2130f5 0%,#0b2130ed 30%,#0b213095 48%,#0b213020 77%,#0b213010)}
.factory-sign{left:74.45%;top:36.05%;width:11.9%;height:5.75%;display:flex;flex-direction:row;align-items:center;justify-content:center;transform:none;gap:0;padding:0;background:none;border:0}
.factory-sign img{width:auto;height:76%;max-width:76%;object-fit:contain;opacity:.93}
@media(max-width:780px){.factory-setting{mask-image:none}.factory-shade{background:linear-gradient(#0b2130f5 0%,#0b2130e8 35%,#0b213080 53%,#0b213010 76%)}.factory-sign{gap:0}.factory-sign img{width:auto;height:76%;max-width:76%}}

/* Story navigation is independent of the header mobile-menu panel. */
.freight-chapter-nav{flex-direction:row;background:transparent;padding:0;box-shadow:none;margin:0}

/* Photographic cloud wisps pass above and below the aircraft during descent. */
.cloud-layer{background-image:url('/wp-content/plugins/jw-marine-assets-b4833c70e3/public/assets/cloud-bank.png');background-size:cover;background-position:center;background-repeat:no-repeat;filter:none;mask-image:linear-gradient(90deg,transparent 0%,#000 38% 100%);transform-origin:center}

.cloud-front{z-index:6;background-position:60% 65%;filter:brightness(1.04)}
.touchdown-smoke{background:none;border-radius:0;filter:none;overflow:visible;pointer-events:none}
.tyre-smoke{position:absolute;display:block;background:url('/wp-content/plugins/jw-marine-assets-cb705ad0a2/public/assets/tyre-smoke.png') center/100% 100% no-repeat;transform-origin:50% 8%;will-change:transform,opacity;filter:blur(.35px)}
@media(max-width:780px){.cloud-layer{mask-image:linear-gradient(#0000 0%,#000 42% 100%);background-position:60% center}}

/* Keep mobile service copy legible while the runway passes underneath it. */
@media(max-width:780px){.in-sky .freight-viewport:after{content:"";position:absolute;inset:0;z-index:7;pointer-events:none;background:linear-gradient(#eef3f6 0%,#eef3f6 41%,#eef3f6e0 49%,#eef3f600 66%)}}

/* White-cab photographic replacement, registered to the original trailer-bed plane. */
.journey-truck-photo{background-image:url('/wp-content/plugins/jw-marine-assets-cb705ad0a2/public/assets/truck-photo.png');background-size:100% 100%;background-position:0 var(--truck-padding,0px);max-width:none;max-height:none}.truck-wheel{background-image:url('/wp-content/plugins/jw-marine-assets-cb705ad0a2/public/assets/truck-photo.png')}.truck-brand{left:89.7%;top:73.8%;width:4.4%;transform:none;filter:none}
/* Keep collection enquiries clear of the enlarged trailer. */
.chapter-factory .freight-services{max-width:300px}.chapter-factory .freight-description{max-width:280px}


.jwn {
  --navy-900: #001835; --navy-800: #0b2044; --navy-700: #122440;
  --teal-500: #0bcfb7; --teal-800: #0a6b5d; --yellow-500: #fecb02;
  --tint-blue: #f5fafe; --tint-sky: #e9f4fc; --tint-teal: #e4faf7;
  --ink: #001835; --ink-muted: #4a5b78; --line: #d3e0ea; --border-control: #66789a;
  --shadow-card: 0px 0px 48px 1px rgba(0, 0, 0, 0.04);
  --gutter: clamp(16px, 4vw, 48px); --chip: 14px; --dur: 400ms;
  font-family: "Montserrat", "Gotham", "Helvetica Neue", Arial, sans-serif;
  color: var(--ink); background: var(--tint-blue); line-height: 1.5;
  padding: clamp(72px, 10vw, 140px) 0;
}
.jwn *, .jwn *::before, .jwn *::after { box-sizing: border-box; }
.jwn h2, .jwn p, .jwn ul, .jwn address { margin: 0; padding: 0; }
.jwn ul { list-style: none; }
.jwn address { font-style: normal; }
.jwn button { font: inherit; color: inherit; background: none; border: 0; padding: 0; cursor: pointer; }
.jwn [hidden] { display: none !important; }
.jwn :focus-visible { outline: 2px solid var(--navy-800); outline-offset: 2px; }
.jwn .sr-only { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; margin: -1px; }
.jwn__container { width: 100%; max-width: 1320px; margin: 0 auto; padding: 0 var(--gutter); }

/* Heading */
.jwn__head { display: grid; gap: 18px; margin-bottom: clamp(36px, 5vw, 64px); }
@media (min-width: 900px) { .jwn__head { grid-template-columns: 1.4fr 1fr; gap: 48px; align-items: end; } .jwn__head > :last-child { justify-self: end; } }
.jwn__eyebrow { display: inline-flex; align-items: center; gap: 10px; font-size: 0.875rem; font-weight: 500; letter-spacing: 0.04em; text-transform: uppercase; color: var(--teal-800); }
.jwn__eyebrow::before { content: ""; width: 24px; height: 3px; background: var(--teal-500); }
.jwn__title { margin-top: 18px; font-size: clamp(2.125rem, 4.2vw, 3.375rem); font-weight: 500; line-height: 1.1; letter-spacing: -0.01em; }
.jwn__aside { max-width: 44ch; color: var(--ink-muted); font-size: 1.0625rem; }

/* Shell */
.jwn .network__shell { display: grid; gap: 16px; background: #fff; padding: 12px; box-shadow: var(--shadow-card), inset 0 3px 0 var(--teal-500); }
@media (min-width: 1000px) { .jwn .network__shell { grid-template-columns: 380px 1fr; height: 680px; } }
.jwn .network__panel { display: flex; flex-direction: column; min-height: 0; padding: 16px 12px 4px; order: 2; }
@media (min-width: 1000px) { .jwn .network__panel { order: 0; } }
.jwn .network__filters { display: flex; flex-wrap: wrap; gap: 8px; }
.jwn .chip { min-height: 40px; padding: 0 16px; border-radius: var(--chip); border: 1.5px solid var(--border-control); font-size: 0.875rem; font-weight: 500; transition: background-color var(--dur), border-color var(--dur), color var(--dur); }
.jwn .chip:hover { border-color: var(--navy-900); }
.jwn .chip.is-active { background: var(--navy-900); border-color: var(--navy-900); color: #fff; }
.jwn .search { margin-top: 14px; display: flex; align-items: center; gap: 10px; min-height: 48px; padding: 0 16px; background: #fff; border: 1px solid var(--border-control); }
.jwn .search:focus-within { border-color: var(--navy-900); }
.jwn .search svg { width: 18px; height: 18px; color: var(--ink-muted); flex: none; }
.jwn .search input { flex: 1; border: 0; background: none; font: inherit; font-size: 1rem; color: var(--ink); outline: none; min-width: 0; }
.jwn .network__count { font-size: 0.8125rem; color: var(--ink-muted); margin: 14px 4px 6px; }

/* Office list */
.jwn .office-list { overflow-y: auto; flex: 1; min-height: 0; margin: 0 -4px; padding: 0 4px; max-height: 520px; }
@media (min-width: 1000px) { .jwn .office-list { max-height: none; } }
.jwn .office { border-top: 1px solid var(--line); }
.jwn .office__btn { width: 100%; display: grid; grid-template-columns: 14px 1fr auto; align-items: center; gap: 12px; padding: 14px 6px; text-align: left; transition: background-color var(--dur); }
.jwn .office__btn:hover, .jwn .office.is-selected .office__btn { background: var(--tint-teal); }
.jwn .office__city { font-weight: 600; line-height: 1.25; }
.jwn .office__meta { font-size: 0.8125rem; color: var(--ink-muted); }
.jwn .office__tag { font-size: 0.6875rem; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; padding: 4px 8px; border-radius: var(--chip); background: var(--tint-blue); color: var(--ink-muted); white-space: nowrap; }
.jwn .office--hq .office__tag { background: var(--yellow-500); color: var(--navy-900); }
.jwn .office--uae .office__tag { background: var(--navy-900); color: #fff; }
.jwn .office__detail { display: none; padding: 0 6px 18px 32px; font-size: 0.9375rem; color: var(--ink-muted); }
.jwn .office.is-selected .office__detail { display: block; }
.jwn .office__detail address { line-height: 1.55; }
.jwn .office__detail a { color: var(--navy-900); font-weight: 600; text-underline-offset: 3px; }
.jwn .office__detail p { margin-top: 8px; }
.jwn .dot { display: inline-block; width: 12px; height: 12px; border-radius: 50%; flex: none; }
.jwn .dot--hq { background: var(--yellow-500); box-shadow: 0 0 0 2px var(--navy-900); }
.jwn .dot--uae { background: var(--navy-900); }
.jwn .dot--group { background: #fff; box-shadow: inset 0 0 0 2.5px var(--teal-800); }

/* Map */
.jwn .network__map { position: relative; overflow: hidden; background: var(--tint-sky); min-height: 340px; }
.jwn .map { width: 100%; height: 100%; display: block; }
@media (max-width: 999px) { .jwn .map { aspect-ratio: 5 / 3.4; height: auto; } }
.jwn .map__land path { fill: #cfdcea; stroke: var(--tint-sky); stroke-width: 0.6; vector-effect: non-scaling-stroke; }
.jwn .map__arcs path { fill: none; stroke: var(--navy-700); stroke-opacity: 0.5; stroke-width: 1.4; vector-effect: non-scaling-stroke; stroke-dasharray: 3 4; }
.jwn .map__arcs path.is-hot { stroke: var(--teal-800); stroke-opacity: 0.9; stroke-dasharray: none; stroke-width: 2; }
.jwn .map.is-uae .map__arcs { opacity: 0.25; }
.jwn .pin { cursor: pointer; }
.jwn .pin circle { vector-effect: non-scaling-stroke; }
.jwn .pin--hq .pin__dot { fill: var(--yellow-500); stroke: var(--navy-900); stroke-width: 2.5; }
.jwn .pin--uae .pin__dot { fill: var(--navy-900); stroke: #fff; stroke-width: 1.5; }
.jwn .pin--group .pin__dot { fill: #fff; stroke: var(--teal-800); stroke-width: 2.5; }
.jwn .pin__halo { fill: var(--teal-500); opacity: 0; }
.jwn .pin.is-selected .pin__halo { opacity: 0.3; animation: jwn-halo 1.8s cubic-bezier(.22,1,.36,1) infinite; transform-box: fill-box; transform-origin: center; }
@keyframes jwn-halo { from { transform: scale(0.6); opacity: 0.45; } to { transform: scale(1.6); opacity: 0; } }
.jwn .pin.is-dim { opacity: 0.25; }
.jwn .map__label { font-size: 12px; font-weight: 600; fill: var(--navy-900); paint-order: stroke; stroke: var(--tint-sky); stroke-width: 4px; stroke-linejoin: round; pointer-events: none; opacity: 0; transition: opacity var(--dur); }
.jwn .pin.is-selected .map__label, .jwn .pin:hover .map__label, .jwn .map.show-labels .map__label { opacity: 1; }
.jwn .map__legend { position: absolute; left: 16px; bottom: 16px; display: flex; flex-wrap: wrap; gap: 14px; background: rgba(255,255,255,0.92); padding: 10px 14px; font-size: 0.8125rem; font-weight: 500; }
.jwn .map__legend span { display: inline-flex; align-items: center; gap: 8px; }
.jwn .map__reset { position: absolute; right: 16px; top: 16px; min-height: 44px; padding: 0 18px; background: #fff; color: var(--navy-900); border: 1px solid var(--border-control); font-size: 0.875rem; font-weight: 500; letter-spacing: 0.04em; text-transform: uppercase; transition: border-color var(--dur); }
.jwn .map__reset:hover { border-color: var(--teal-500); }
.jwn .map__fallback { position: absolute; inset: 0; display: grid; place-items: center; text-align: center; padding: 24px; color: var(--ink-muted); }
@media (prefers-reduced-motion: reduce) { .jwn *, .jwn *::before, .jwn *::after { animation: none !important; transition: none !important; } }

/* JW Marine marketing system: restrained paper directory and operational map. */
.jwn{--navy-900:var(--deep);--navy-800:var(--navy);--navy-700:var(--navy);--teal-500:var(--orange);--teal-800:#0a6b5d;--yellow-500:var(--orange);--tint-blue:var(--ice);--tint-sky:#e7edf0;--tint-teal:#0bcfb7;--ink-muted:var(--muted);--line:var(--border);--border-control:#8a9ba6;--shadow-card:none;--chip:0;--gutter:clamp(24px,5vw,88px);font-family:var(--font-body);padding:var(--section) 0;background:var(--ice)}
.jwn__container{max-width:none}.jwn__title{font-family:var(--font-display);font-size:clamp(52px,6.5vw,94px);font-weight:600;text-transform:uppercase;line-height:.96;letter-spacing:-.02em}.jwn__eyebrow{font-size:10px;letter-spacing:1.5px;color:var(--muted)}.jwn__aside{font-size:15px;line-height:1.8;max-width:370px}.jwn .network__shell{padding:0;gap:0;box-shadow:none;border:1px solid var(--border);border-top:3px solid var(--orange)}.jwn .network__panel{padding:24px;background:white}.jwn .chip{font-size:11px;min-height:42px;padding:0 12px;border-width:1px}.jwn .search{padding:0 12px;gap:8px}.jwn .search input{font-size:14px}.jwn .office-search-clear{font-size:24px;min-width:40px;min-height:44px;color:var(--muted)}.jwn .office-search-clear:hover{color:var(--ink)}.jwn .office__city{font-size:15px}.jwn .office__tag{font-size:8px;padding:4px 6px;letter-spacing:.5px}.jwn .office__meta{font-size:11px}.jwn .office__detail{font-size:13px}.jwn .office__btn{min-height:72px}.jwn .map__legend{font-size:10px;padding:10px;gap:10px}.jwn .map__label{font-family:var(--font-body)}.jwn .pin:focus-visible{outline:2px solid var(--orange);outline-offset:5px}.jwn .map__reset{font-size:10px}.jwn .map{aspect-ratio:auto}.jwn .network__map{min-width:0}.jwn .map__land path{fill:#becdd5}
@media(min-width:1000px){.jwn .network__shell{grid-template-columns:390px 1fr;height:660px}}
@media(max-width:999px){.jwn .map{height:390px;width:100%}.jwn .network__map{min-height:390px}.jwn .office-list{max-height:470px}.jwn .network__panel{padding:20px}}
@media(max-width:480px){.jwn__title{font-size:51px}.jwn__aside{font-size:13px}.jwn .map{height:290px}.jwn .network__map{min-height:290px}.jwn .map__legend{font-size:8px;left:8px;bottom:8px}.jwn .network__panel{padding:14px}.jwn .network__shell{border-inline:0}.jwn__container{padding-inline:24px}.jwn .office__btn{grid-template-columns:12px 1fr;gap:10px}.jwn .office__tag{grid-column:2;justify-self:start;margin-top:-8px}.jwn .search input{font-size:16px}}


.site-brand{width:100px;height:66px;object-fit:contain;display:block}footer .site-brand{width:124px;height:83px}
.customer-tools{background:white}.customer-tools .sectionhead{align-items:end;gap:48px}.tools-intro{max-width:370px;font-size:15px;line-height:1.8;color:var(--muted)}.tools-layout{display:grid;grid-template-columns:1fr 1fr;gap:clamp(40px,7vw,110px);align-items:start;margin-top:54px}.tools-copy>.eyebrow{margin-top:0}.tools-copy>h3{font-family:var(--font-display);font-size:clamp(50px,5.3vw,80px);font-weight:600;line-height:.98;letter-spacing:-.5px;margin:20px 0 24px}.tools-copy>h3>span{color:var(--muted)}.tools-lead{color:var(--muted);font-size:14px;line-height:1.8;max-width:420px}.tools-capabilities{list-style:none;padding:0;margin:28px 0}.tools-capabilities li{display:flex;gap:20px;padding:18px 0;border-bottom:1px solid var(--border)}.tools-capabilities li>span{font-size:22px;color:#0a6b5d;line-height:1.2}.tools-capabilities h4{font-size:14px;font-weight:600;margin:0 0 5px}.tools-capabilities p{font-size:12px;color:var(--muted);margin:0;line-height:1.7}.tools-actions{display:flex;flex-wrap:wrap;align-items:center;gap:24px;margin-top:32px}.tools-actions .button{font-size:11px;padding-inline:19px}.tools-actions .textlink{font-size:11px;gap:20px}
@media(max-width:780px){.site-brand{width:76px;height:51px}header{min-height:83px}.customer-tools .sectionhead{display:block}.tools-intro{font-size:13px;margin-top:25px}.tools-layout{grid-template-columns:1fr;gap:38px;margin-top:34px}.shipment-heading h3{font-size:42px}.shipment-preview{padding:24px}.preview-heading{padding-bottom:23px}.tools-copy>h3{font-size:54px}.tools-actions{gap:18px}.tools-copy{min-width:0}.tools-capabilities p{font-size:13px}}

/* Customer app preview: scoped phone shell, using the established JW tokens. */
.app-showcase{min-width:0;display:flex;flex-direction:column;align-items:center;background:var(--ice);padding:35px 20px 22px;position:relative;border:1px solid var(--border)}
.mobile-app{width:100%;max-width:366px;border:7px solid var(--deep);border-radius:37px;background:var(--ice);box-shadow:0 20px 45px #102a3b20;overflow:hidden;isolation:isolate;color:var(--ink);font-family:var(--font-body)}
.app-statusbar{height:29px;background:var(--deep);color:white;display:flex;justify-content:space-between;align-items:center;padding:0 18px;font-size:10px;font-weight:700}
.mobile-brand{background:var(--deep);color:white;display:flex;gap:17px;align-items:center;padding:10px 18px 20px}.mobile-brand img{width:58px;height:39px;object-fit:contain}.mobile-brand>div{display:flex;flex-direction:column;gap:5px}.mobile-brand strong{font-size:8px;letter-spacing:.8px}.mobile-brand span{font-size:11px;color:#bdccd5}
.app-service-tabs{display:flex;background:var(--deep);padding:0 12px 12px;gap:5px}.app-service-tabs button{width:50%;min-height:42px;border:1px solid #ffffff40;background:transparent;color:#c6d3dc;font:600 10px var(--font-body);border-radius:8px;cursor:pointer;padding:8px}.app-service-tabs button[aria-selected=true]{background:var(--orange);border-color:var(--orange);color:var(--deep)}.app-service-tabs button:hover{background:#ffffff20}.app-service-tabs button[aria-selected=true]:hover{background:var(--orange-hover)}
.app-content{height:541px;overflow-y:auto;scrollbar-gutter:stable;padding:18px 15px 6px}.app-content [hidden]{display:none!important}.app-page-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.app-overline{font-size:8px;letter-spacing:1.1px;color:var(--muted);font-weight:700}.app-page-heading h3{font-family:var(--font-body);font-size:20px;font-weight:700;letter-spacing:-.6px;margin:4px 0 0;line-height:1.2}.app-avatar{border-radius:50%;width:33px;height:33px;display:grid;place-items:center;background:var(--navy);color:white;font-size:11px;font-weight:700}.app-reference{display:flex;flex-wrap:wrap;gap:5px;align-items:center;padding:12px;background:white;border:1px solid var(--border);border-radius:10px}.app-reference>span:first-child{font-size:7px;color:var(--muted);letter-spacing:.8px;width:100%}.app-reference strong{font-size:11px;margin-right:auto}.app-state{display:inline-block;background:#e4edf1;color:var(--navy);padding:5px 7px;border-radius:4px;font-size:8px;font-weight:700}.app-chat{padding:0 0 12px}.app-chat-date{text-align:center;color:var(--muted);font-size:7px;letter-spacing:.6px;margin:15px 0}.chat-message{width:90%;padding:12px 13px;border-radius:12px;margin:9px 0;font-size:11px;line-height:1.6;overflow-wrap:anywhere}.chat-message p{margin:0 0 5px}.chat-message p:last-of-type{margin-bottom:3px}.chat-message>span:last-child{display:block;font-size:8px;color:var(--muted)}.chat-message.outgoing{margin-left:auto;background:var(--navy);color:white;border-bottom-right-radius:3px}.chat-message.outgoing>span:last-child{color:#bbcedb;text-align:right}.chat-message.incoming{background:white;border:1px solid var(--border);border-bottom-left-radius:3px}.chat-sender{display:block;color:#0a6b5d;font-size:7px;letter-spacing:.5px;font-weight:700;margin-bottom:5px}.driver-detail{display:flex;gap:10px;align-items:center;border-top:1px solid var(--border);padding:8px 0 4px;margin-top:8px}.driver-detail>span{font-size:20px;color:#0a6b5d}.driver-detail small{display:block;color:var(--muted);font-size:8px}.driver-detail strong{font-size:12px}
.app-chat-form{display:flex;border:1px solid var(--border);background:white;border-radius:22px;gap:6px;padding:5px;align-items:center}.app-chat-form input{width:0;min-width:0;flex:1;border:0;background:transparent;font:11px var(--font-body);padding:8px;color:var(--ink);min-height:32px}.app-chat-form button{width:34px;height:34px;flex:none;border:0;border-radius:50%;background:var(--orange);color:var(--deep);font-size:22px;cursor:pointer}.app-chat-form button:hover{background:var(--orange-hover)}.app-inline-status{font-size:10px;line-height:1.6;min-height:15px;margin:6px 0;color:var(--muted);overflow-wrap:anywhere}.app-inline-status.is-error{color:var(--error)}.app-footer{position:relative;border-top:1px solid var(--border);padding:10px 14px 22px;display:flex;gap:7px;justify-content:center;font-size:9px;color:var(--muted);background:white}.app-footer>span:first-child{color:#0a6b5d}.app-home-indicator{position:absolute;bottom:6px;width:90px;height:3px;background:var(--navy);border-radius:10px}.app-preview-caption{font-size:8px;letter-spacing:1px;color:var(--muted);display:flex;gap:8px;align-items:center;margin:23px 0 0}.app-preview-caption>span{width:5px;height:5px;background:var(--orange);border-radius:50%}
.agency-port-image{background:var(--deep);height:110px;position:relative;border-radius:10px;overflow:hidden;color:white;display:flex;flex-direction:column;justify-content:flex-end;padding:15px;margin-bottom:13px}.agency-port-image>span:not(.agency-vessel-art){position:relative;z-index:1;font-family:var(--font-display);font-size:29px;line-height:1}.agency-port-image>small{position:relative;z-index:1;font-size:7px;letter-spacing:1px;margin-top:6px}.agency-vessel-art{position:absolute;width:140px;height:170px;right:-15px;top:-25px;background:url('/wp-content/plugins/jw-marine-assets-609d8ec1f0/public/assets/logistics-atlas.png') no-repeat 0 100%/200% 200%;opacity:.7;transform:rotate(20deg)}.app-arrival-card{background:white;border:1px solid var(--border);border-radius:10px;padding:16px}.app-arrival-card h4{font-size:17px;line-height:1.3;margin:12px 0 8px;letter-spacing:-.3px}.app-arrival-card p,.app-report>p{font-size:11px;line-height:1.75;color:var(--muted);margin:0}.app-arrival-card dl{margin:16px 0}.app-arrival-card dl>div{display:flex;justify-content:space-between;gap:12px;border-top:1px solid var(--border);padding:9px 0;font-size:9px}.app-arrival-card dt{color:var(--muted)}.app-arrival-card dd{margin:0;font-weight:600;text-align:right}.app-primary{display:flex;align-items:center;justify-content:space-between;gap:15px;width:100%;min-height:43px;border:0;border-radius:7px;background:var(--orange);color:var(--deep);font:700 10px var(--font-body);padding:12px;cursor:pointer}.app-primary:hover{background:var(--orange-hover)}.app-primary:disabled{cursor:default;opacity:.65}.app-agency-note{display:flex;gap:10px;align-items:center;padding:16px 3px}.app-agency-note>span{font-size:23px;color:var(--navy)}.app-agency-note p{font-size:10px;line-height:1.7;color:var(--muted);margin:0}.app-report{background:var(--ice)}.app-back{display:block;background:none;border:0;color:var(--navy);font:600 10px var(--font-body);padding:8px 0;margin-bottom:20px;min-height:36px;cursor:pointer}.app-back:hover{text-decoration:underline}.app-report h4{font-size:23px;line-height:1.2;letter-spacing:-.5px;margin:8px 0 12px}.app-report fieldset{border:0;padding:0;margin:22px 0 16px}.app-report legend{font-size:10px;font-weight:700;margin-bottom:10px}.app-recipient{display:flex;align-items:center;gap:10px;padding:13px 10px;border:1px solid var(--border);background:white;border-radius:8px;margin-bottom:8px;cursor:pointer}.app-recipient input{accent-color:var(--navy);width:16px;height:16px;margin:0}.app-recipient strong{display:block;font-size:10px}.app-recipient small{display:block;color:var(--muted);font-size:9px;margin-top:4px}.app-email-field{display:block;font-size:10px;font-weight:600;margin:0 0 15px}.app-email-field input{display:block;width:100%;border:1px solid var(--border);border-radius:7px;padding:12px;background:white;color:var(--ink);font:11px var(--font-body);margin-top:6px}.app-report .app-demo-note{font-size:9px;line-height:1.6;border-top:1px solid var(--border);padding-top:12px;margin-top:12px;color:var(--muted)}.mobile-app :focus-visible{outline:2px solid var(--orange);outline-offset:3px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:1100px) and (min-width:781px){.tools-layout{gap:32px;grid-template-columns:minmax(330px,1fr) 1fr}.app-showcase{padding:24px 10px}.tools-copy>h3{font-size:60px}}
@media(max-width:780px){.app-showcase{padding:25px 12px 20px}.mobile-app{max-width:366px}.tools-copy{padding-top:0}.app-content{height:541px}}
@media(max-width:380px){.app-showcase{padding:18px 6px}.mobile-app{border-width:5px;border-radius:28px}.app-content{padding-inline:10px}.app-service-tabs button{font-size:9px}.mobile-brand{gap:10px}.mobile-brand strong{font-size:7px}}
@media(forced-colors:active){.app-service-tabs button[aria-selected=true],.app-state,.app-primary{border:1px solid ButtonText}.mobile-app{border-color:CanvasText}}

/* Network affiliations: static, linked logos with explicit group access qualification. */
.agency-network{background:var(--ice);border-bottom:1px solid var(--border)}.agency-network-heading{display:flex;align-items:end;justify-content:space-between;gap:48px}.agency-network-heading h2{font-size:clamp(42px,4.9vw,74px);line-height:1;letter-spacing:-.6px}.agency-network-heading h2>span{color:var(--muted)}.agency-network-heading>p{max-width:345px;color:var(--muted);font-size:14px;line-height:1.8;margin:0 0 3px}.agency-network-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:42px}.agency-network-card{display:block;background:var(--white);border:1px solid var(--border);color:var(--ink);text-decoration:none;padding:24px 20px 20px;min-width:0;transition:border-color .2s,box-shadow .2s;cursor:pointer}.agency-network-card:hover{border-color:var(--orange);box-shadow:0 6px 18px #102a3b0a}.agency-network-card:active{background:var(--ice)}.agency-network-card:focus-visible{outline:3px solid var(--orange);outline-offset:4px}.agency-network-logo{height:96px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;margin-bottom:23px}.agency-network-logo img{display:block;width:100%;max-width:185px;height:82px;object-fit:contain;flex-shrink:0}.agency-network-logo .network-jctrans{width:205px;height:205px;max-width:none}.agency-network-logo .network-dfa{max-width:195px}.agency-network-logo .network-wca{width:180px;height:180px;max-width:none}.network-logo-asterisk{position:absolute;right:0;top:0;color:#0a6b5d;font-size:25px;line-height:1}.agency-network-label{display:flex;justify-content:space-between;align-items:center;gap:12px;padding-top:17px;border-top:1px solid var(--border)}.agency-network-label h3{font-family:var(--font-body);font-size:17px;line-height:1.5;letter-spacing:-.3px;margin:0;font-weight:700;display:flex;align-items:center;gap:8px}.agency-network-label>span{font-size:21px;color:#0a6b5d}.agency-network-label sup{font-size:14px;color:#0a6b5d;align-self:start;margin-left:-6px}.network-premium{font-size:7px;line-height:1.5;letter-spacing:.7px;font-weight:700;border:1px solid #0bcfb7;color:#0a6b5d;padding:3px 5px}.agency-network-card>p{font-size:11px;line-height:1.7;color:var(--muted);margin:6px 0 0}.agency-network-footnote{display:flex;align-items:start;gap:12px;color:var(--muted);max-width:820px;font-size:11px;line-height:1.8;margin:24px 0 0}.agency-network-footnote>span:first-child{color:#0a6b5d;font-size:24px;line-height:1.3}.agency-network-footnote strong{color:var(--ink);font-weight:600}
@media(max-width:1000px){.agency-network-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.agency-network-heading{gap:30px}.agency-network-heading>p{max-width:290px;font-size:13px}}
@media(max-width:600px){.agency-network-heading{display:block}.agency-network-heading>p{margin-top:24px;max-width:100%}.agency-network-heading h2{font-size:43px}.agency-network-grid{gap:12px;margin-top:28px}.agency-network-card{padding:16px 12px}.agency-network-logo{height:83px;margin-bottom:15px}.agency-network-logo img{height:70px}.agency-network-logo .network-jctrans{width:170px;height:170px}.agency-network-label{padding-top:13px}.agency-network-label h3{font-size:14px;gap:5px}.network-premium{font-size:6px;padding:2px 3px}.agency-network-card>p{font-size:10px}.agency-network-footnote{font-size:10px}}
@media(prefers-reduced-motion:reduce){.agency-network-card{transition:none}}
@media(forced-colors:active){.agency-network-card{border-color:CanvasText}.agency-network-card:focus-visible{outline-color:Highlight}.network-premium{border-color:CanvasText}}

/* Same brand tokens, three different ways to explore the connected business. */
.horizontal-services{background:var(--deep);color:var(--white);position:relative;--service-card-width:clamp(300px,37vw,510px)}.services-sticky{padding:60px 0 34px;overflow:hidden;background:var(--deep)}.service-explorer-heading{display:flex;align-items:end;justify-content:space-between;gap:40px;padding:0 var(--gutter);margin-bottom:32px}.service-explorer-heading .eyebrow{margin-top:0}.service-explorer-heading h2{font-size:clamp(48px,5.2vw,78px);line-height:.97;margin-bottom:0}.service-explorer-heading h2>span{color:#a6bac7}.service-explorer-guide{font-size:12px;line-height:1.7;color:#b9cbd5}.service-explorer-guide>span{display:flex;align-items:center;gap:40px;font-size:8px;letter-spacing:1.3px;margin-top:17px;color:white}.service-explorer-guide b{font-size:25px;color:var(--orange);font-weight:400}.service-track-window{overflow-x:auto;padding:0 var(--gutter);scrollbar-gutter:stable}.service-track{display:flex;gap:24px;width:max-content;will-change:transform}.service-tile{position:relative;flex:none;width:var(--service-card-width);height:clamp(300px,43svh,440px);isolation:isolate;overflow:hidden;background:var(--navy)}.service-tile>img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0;z-index:-2;transition:transform .6s}.service-tile:hover>img{transform:scale(1.035)}.service-tile-shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,#071d2bf5 0%,#071d2b9c 52%,#071d2b15 100%)}.service-tile-copy{height:100%;padding:28px;display:flex;flex-direction:column;justify-content:end}.service-tile-copy>p:first-child{font-size:8px;letter-spacing:1.4px;color:#d2dfe6;margin:0 0 8px}.service-tile h3{font-family:var(--font-display);font-size:clamp(32px,3vw,46px);line-height:1;text-transform:uppercase;margin:0 0 13px}.service-tile-copy>p:not(:first-child){font-size:12px;line-height:1.7;max-width:330px;color:#d2dfe6;margin:0 0 22px}.service-tile :is(a,button){display:flex;justify-content:space-between;align-items:center;gap:22px;border:0;border-top:1px solid #ffffff55;background:transparent;padding:13px 0 0;color:white;font:600 10px var(--font-body);text-align:left;cursor:pointer}.service-tile :is(a,button)>span{color:var(--orange);font-size:23px}.service-tile :is(a,button):hover{color:var(--orange)}.service-tile :is(a,button):focus-visible,.service-explorer-controls button:focus-visible{outline:2px solid var(--orange);outline-offset:5px}.service-explorer-controls{display:flex;align-items:center;gap:24px;margin:24px var(--gutter) 0}.service-position{font-size:9px;letter-spacing:1px;color:#bdccd5;min-width:50px}.service-scroll-meter{height:2px;background:#ffffff25;flex:1}.service-scroll-meter>span{display:block;width:100%;height:100%;background:var(--orange);transform-origin:left;transform:scaleX(.125)}.service-explorer-controls>div:last-child{display:flex;gap:8px}.service-explorer-controls button{width:40px;height:36px;background:transparent;color:white;border:1px solid #ffffff55;font-size:20px;cursor:pointer}.service-explorer-controls button:hover{background:var(--orange);border-color:var(--orange);color:var(--deep)}.service-explorer-controls button:disabled{opacity:.3;cursor:default;background:transparent;color:white;border-color:#ffffff55}.horizontal-ready .services-sticky{position:sticky;top:0;min-height:100svh;display:flex;flex-direction:column;justify-content:center}.horizontal-ready .service-track-window{overflow:clip;scrollbar-gutter:auto}
.carrier-partners{background:var(--white)}.carrier-partners-intro{max-width:950px;margin-bottom:52px}.carrier-partners-intro h2{font-size:clamp(46px,5.5vw,80px);line-height:.98}.carrier-partners-intro h2>span{color:var(--muted)}.carrier-partners-intro>p:last-child{font-size:14px;line-height:1.8;color:var(--muted);max-width:485px;margin-top:25px}.carrier-category-heading{display:flex;justify-content:space-between;align-items:center;gap:25px;padding-bottom:24px}.carrier-category-heading>div{display:flex;gap:17px;align-items:center}.carrier-category-heading h3{font-family:var(--font-display);font-size:36px;font-weight:600;line-height:1;margin:0}.carrier-mode-icon{width:44px;height:44px;border:1px solid var(--border);display:grid;place-items:center;font-size:28px;color:#0a6b5d}.carrier-category-heading>p{font-size:8px;letter-spacing:1.3px;color:var(--muted);margin:0}.airline-logo-board{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border-top:2px solid var(--navy);background:var(--ice)}.airline-logo-board li{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:25px 16px 20px;min-width:0;border-bottom:1px dashed #bdcbd3}.airline-logo-board img{width:100%;max-width:165px;height:66px;object-fit:contain}.airline-logo-board li>span{font-size:9px;color:var(--muted);text-align:center;line-height:1.5;min-height:14px}.shipping-partners{background:var(--deep);color:white;margin-top:56px;padding:36px}.shipping-partners .carrier-category-heading>p{color:#acbfcb}.shipping-partners .carrier-mode-icon{border-color:#ffffff35;color:var(--orange)}.shipping-logo-board{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));list-style:none;margin:0;padding:0;gap:20px}.shipping-logo-board li{min-width:0}.shipping-logo-board li>div{background:white;padding:18px 14px;display:flex;align-items:center;justify-content:center;height:92px}.shipping-logo-board img{display:block;width:100%;max-width:170px;height:65px;object-fit:contain}.shipping-logo-board li>span{display:block;font-size:9px;line-height:1.5;color:#c1d0d8;margin:9px 0 0;letter-spacing:.2px}
.footer-brand-experience{background:var(--ice);color:var(--ink);margin:54px calc(-1 * var(--gutter)) 0;padding:25px var(--gutter) 12px}.footer-brand-caption{display:flex;justify-content:space-between;gap:20px;font-size:7px;letter-spacing:1px;color:var(--muted)}.footer-particle-wrap{position:relative;width:100%;height:clamp(95px,15vw,250px);overflow:hidden;margin-top:12px;touch-action:pan-y}.footer-particle-wrap canvas{width:100%;height:100%;display:block}.footer-brand-fallback{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:700;font-size:9.6vw;letter-spacing:-.2vw;white-space:nowrap;color:#b4c1c8}.footer-particle-wrap.particles-active .footer-brand-fallback{visibility:hidden}
@media(min-width:781px) and (max-height:700px){.services-sticky{padding-block:28px}.service-explorer-heading{margin-bottom:20px}.service-explorer-heading h2{font-size:48px}.service-tile{height:300px}.service-explorer-guide{font-size:11px}.service-explorer-heading .eyebrow{margin-bottom:14px}}
@media(max-width:1000px){.airline-logo-board{grid-template-columns:repeat(4,minmax(0,1fr))}.shipping-partners{padding:25px}.shipping-logo-board{gap:14px}.carrier-category-heading h3{font-size:32px}}
@media(max-width:780px){.horizontal-services{--service-card-width:min(78vw,390px)}.services-sticky{padding:45px 0 28px}.service-explorer-heading{display:block}.service-explorer-heading h2{font-size:50px}.service-explorer-guide{margin-top:22px}.service-explorer-guide>p{margin:0}.service-explorer-guide>span{margin-top:12px}.service-track{gap:16px}.service-track-window{scroll-snap-type:x mandatory;padding-bottom:14px}.service-tile{height:370px;scroll-snap-align:start}.service-tile-copy{padding:24px}.service-tile h3{font-size:38px}.service-explorer-controls{gap:15px;margin-top:15px}.carrier-partners-intro{margin-bottom:36px}.carrier-partners-intro h2{font-size:49px}.carrier-category-heading{align-items:start;flex-direction:column;gap:15px}.carrier-category-heading>p{font-size:7px}.airline-logo-board{grid-template-columns:repeat(3,minmax(0,1fr))}.airline-logo-board li{padding:19px 10px 15px}.airline-logo-board img{height:50px}.airline-logo-board li>span{font-size:8px;min-height:24px}.shipping-logo-board{grid-template-columns:repeat(2,minmax(0,1fr))}.shipping-partners{margin-top:35px;padding:22px 16px}.shipping-logo-board li>div{height:79px;padding:12px}.shipping-logo-board img{height:55px}.footer-brand-experience{margin-top:36px;padding-top:20px}.footer-brand-caption{font-size:6px;line-height:1.7}.footer-particle-hint{display:none}.footer-particle-wrap{height:90px;margin-top:3px}.footer-brand-fallback{font-size:9.2vw}}
@media(prefers-reduced-motion:reduce){.service-tile>img{transition:none}.footer-particle-wrap canvas{display:none}.footer-particle-wrap.particles-active .footer-brand-fallback{visibility:visible}}
@media(forced-colors:active){.service-tile{border:1px solid CanvasText}.service-tile-shade{background:Canvas}.service-tile-copy>p,.service-tile :is(a,button),.service-explorer-guide,.shipping-partners{color:CanvasText}.footer-particle-wrap canvas{display:none}.footer-particle-wrap.particles-active .footer-brand-fallback{visibility:visible;color:CanvasText}}

/* Keep clipped desktop surfaces from becoming hidden focus scroll containers. */
.horizontal-ready .services-sticky{overflow:clip}.service-track-window:focus-visible{outline:2px solid var(--orange);outline-offset:-3px}
@media(max-height:700px){.horizontal-ready .services-sticky{padding:22px 0}.horizontal-ready .service-explorer-heading{margin-bottom:20px}.horizontal-ready .service-explorer-heading h2{font-size:44px}.horizontal-ready .service-explorer-heading .eyebrow{margin-bottom:13px}.horizontal-ready .service-explorer-guide>p{display:none}.horizontal-ready .service-explorer-guide>span{margin-top:0}.horizontal-ready .service-tile{height:clamp(210px,40svh,280px)}.horizontal-ready .service-explorer-controls{margin-top:18px}.horizontal-ready .service-tile-copy{padding:22px}.horizontal-ready .service-tile-copy>p:not(:first-child){font-size:11px;margin-bottom:15px}}

/* Section badges consume the established JW brand palette. These are labels,
   not dismissible controls; the original square markers are removed. */
.eyebrow,.eyebrow.dark,.jwn__eyebrow,.freight-category{
 display:inline-flex;align-items:center;justify-content:center;gap:0;
 width:fit-content;max-width:100%;min-height:32px;padding:9px 16px;
 border:1px solid transparent;border-radius:999px;
 background:var(--navy);color:var(--white);
 font-family:var(--font-body);font-size:9px;font-weight:700;
 line-height:1.4;letter-spacing:1.15px;text-transform:uppercase;
 margin:0 0 22px;vertical-align:middle;white-space:normal;
}
.eyebrow>span{display:none}
.jwn__eyebrow::before{content:none;display:none}
.hero .eyebrow,.horizontal-services .eyebrow,.contact .eyebrow,.freight-category{
 background:var(--orange);color:var(--deep);font-size:9px;
}
#network .jwn__eyebrow{background:var(--navy);color:var(--white)}
.tools-copy>.eyebrow{background:var(--navy);color:var(--white)}
@media(max-width:600px){.eyebrow,.eyebrow.dark,.jwn__eyebrow,.freight-category{font-size:8px;letter-spacing:1px;padding:8px 13px;min-height:30px}}
@media(forced-colors:active){.eyebrow,.eyebrow.dark,.jwn__eyebrow,.freight-category{background:Canvas;color:CanvasText;border-color:CanvasText}}

/* Preview palette, read from the original JW Marine design-system stylesheet.
   Original source: Documents/JW MArine Website/assets/css/main.css. */
:root{
 --jw-navy-900:#001835;--jw-navy-800:#0b2044;
 --jw-teal-500:#0bcfb7;--jw-teal-400:#38d8c4;--jw-teal-800:#0a6b5d;
 --jw-yellow-500:#fecb02;--jw-tint-teal:#e4faf7;--jw-tint-blue:#f5fafe;
 --navy:var(--jw-navy-800);--deep:var(--jw-navy-900);--ink:var(--jw-navy-900);
 --orange:var(--jw-teal-500);--orange-hover:var(--jw-teal-400);
 --ice:var(--jw-tint-blue);--muted:#4a5b78;--border:#d3e0ea;
}
.button.orange,.headerquote,.roundcta,.app-primary,.app-chat-form button{
 background:var(--jw-yellow-500);color:var(--jw-navy-900);border-color:var(--jw-yellow-500)
}
.button.orange:hover,.headerquote:hover,.roundcta:hover,.app-primary:hover,.app-chat-form button:hover{background:var(--jw-yellow-500);color:var(--jw-navy-900);filter:brightness(.96)}
.app-service-tabs button[aria-selected=true]{background:var(--jw-yellow-500);border-color:var(--jw-yellow-500);color:var(--jw-navy-900)}
.hero .eyebrow,.horizontal-services .eyebrow,.contact .eyebrow,.freight-category{background:var(--jw-teal-500);color:var(--jw-navy-900)}
.hero h1>span,.featureicon,.textlink>span,.service-explorer-guide b,.service-tile :is(a,button)>span,.carrier-mode-icon,.agency-network-label>span,.network-logo-asterisk,.agency-network-label sup{color:var(--jw-teal-800)}
.hero h1>span,.horizontal-services .service-explorer-guide b,.horizontal-services .service-tile :is(a,button)>span,.shipping-partners .carrier-mode-icon{color:var(--jw-teal-400)}
.service-scroll-meter>span{background:var(--jw-teal-500)}
.tools-capabilities li>span,.chat-sender,.driver-detail>span,.app-footer>span:first-child{color:var(--jw-teal-800)}
.network-premium{background:var(--jw-yellow-500);border-color:var(--jw-yellow-500);color:var(--jw-navy-900)}

/* Brand-preview typography: a wider geometric voice from the JW system. */
:root{--font-body:'Montserrat','Gotham',Arial,sans-serif;--font-display:'Montserrat','Gotham',Arial,sans-serif}
h1,h2,.jwn__title,.tools-copy>h3{font-weight:600;letter-spacing:-.045em;line-height:1.07}
h1{font-size:clamp(44px,6.2vw,88px)}
h2{font-size:clamp(34px,3.7vw,58px)}
.freight-copy h2{font-size:clamp(36px,4.35vw,66px);line-height:1.08;letter-spacing:-.045em}
.network h2,.jwn__title{font-size:clamp(36px,4.5vw,68px)}
.tools-copy>h3,.carrier-partners-intro h2,.agency-network-heading h2{font-size:clamp(34px,4vw,60px)}
.service-explorer-heading h2{font-size:clamp(34px,4vw,60px);line-height:1.08}
.service-tile h3,.servicecard h3{font-size:clamp(24px,2.4vw,36px);line-height:1.12;letter-spacing:-.035em}
.carrier-category-heading h3{font-size:28px}
.contact h2{font-size:clamp(42px,5.5vw,82px)}
.freight-copy .freight-description{line-height:1.7}
.chapter-port .freight-services{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));max-width:420px}
.chapter-port .freight-services :is(a,button){min-width:0;gap:12px;font-size:10px;text-align:left;padding:11px 13px;line-height:1.45}
.chapter-port .freight-services :is(a,button):last-child{grid-column:1/-1}
@media(max-width:780px){
 h1{font-size:clamp(40px,7.4vw,66px)}
 .freight-copy h2{font-size:clamp(34px,6vw,48px)}
 .horizontal-ready .service-explorer-heading h2{font-size:34px}
 .chapter-port .freight-services{max-width:370px}
}
@media(max-width:480px){
 .chapter-port .freight-services{gap:7px}
 .chapter-port .freight-services :is(a,button){font-size:9px;padding:9px 10px;min-height:42px}
 .contact h2{font-size:38px}
}

/* Five collection choices fit in three rows beside the trailer. */
.chapter-factory .freight-services{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));max-width:300px;gap:8px}
.chapter-factory .freight-services :is(a,button){min-width:0;gap:8px;padding:10px;font-size:9px;line-height:1.4;text-align:left}
.chapter-factory .freight-services :is(a,button):last-child{grid-column:1/-1}

/* Collection transport programme: eight services, four balanced rows. */
.chapter-factory .freight-services :is(a,button):last-child{grid-column:auto}
.chapter-factory .freight-services :is(a,button){min-height:45px}

/* Warehousing & 3PL leads collection; four transport options follow. */
.chapter-factory .freight-services .freight-service-primary{grid-column:1/-1;min-height:52px;background:var(--jw-teal-500);border-color:var(--jw-teal-500);color:var(--jw-navy-900);font-size:12px;font-weight:700}
.chapter-factory .freight-services .freight-service-primary span{color:var(--jw-navy-900)}
.chapter-factory .freight-services .freight-service-primary:hover{background:var(--jw-teal-400);border-color:var(--jw-teal-400)}

.chapter-air .freight-services,.chapter-arrival .freight-services{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));max-width:390px}
.chapter-air .freight-services a,.chapter-arrival .freight-services a{min-width:0;gap:10px;text-align:left;font-size:10px;padding:11px 12px}
.chapter-air .freight-services a:first-child{grid-column:1/-1}