:root{
--navy:#092f4f;--blue:#0b5f91;--blue2:#0877b8;--gold:#f5aa18;--orange:#f28c18;--ink:#102b3e;--muted:#607688;--paper:#f5f8fa;--white:#fff;--line:#dbe5eb;
--shadow:0 20px 60px rgba(5,34,55,.12);--radius:28px
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:var(--ink);background:var(--paper);line-height:1.6}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}.site-header{position:absolute;z-index:20;top:0;left:0;right:0;height:92px;padding:16px 5vw;display:flex;align-items:center;justify-content:space-between;transition:.3s}.site-header.solid{position:sticky;background:rgba(255,255,255,.94);backdrop-filter:blur(18px);box-shadow:0 4px 24px rgba(0,0,0,.06)}.brand img{width:190px;height:auto}.nav{display:flex;align-items:center;gap:28px;color:#fff;font-size:14px;font-weight:700}.solid .nav{color:var(--navy)}.nav a{position:relative;padding:8px 0}.nav a:after{content:"";position:absolute;left:0;right:100%;bottom:0;height:2px;background:var(--gold);transition:.25s}.nav a:hover:after,.nav a.active:after{right:0}.nav-cta{background:var(--gold);color:var(--navy)!important;padding:12px 18px!important;border-radius:999px}.nav-cta:after{display:none}.nav-drop{position:relative}.dropdown{display:none;position:absolute;top:38px;left:-18px;background:white;color:var(--navy);min-width:210px;border-radius:16px;padding:10px;box-shadow:var(--shadow)}.nav-drop:hover .dropdown{display:block}.dropdown a{display:block;padding:10px 12px;border-radius:10px}.dropdown a:hover{background:#f2f6f8}.dropdown a:after{display:none}.menu-toggle{display:none;border:0;background:transparent;font-size:26px;color:var(--navy)}
.hero{height:92vh;min-height:650px;position:relative;overflow:hidden;background:#082b46}.hero-slide{position:absolute;inset:0;background-image:var(--bg);background-size:cover;background-position:center;opacity:0;transform:scale(1.04);transition:opacity .8s,transform 6s}.hero-slide.active{opacity:1;transform:scale(1)}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,26,44,.88) 0%,rgba(3,26,44,.58) 48%,rgba(3,26,44,.08) 100%);z-index:1}.hero-content{position:absolute;z-index:2;left:8vw;top:50%;transform:translateY(-42%);max-width:700px;color:#fff}.eyebrow{letter-spacing:.17em;font-weight:800;font-size:12px;margin:0 0 16px}.eyebrow.gold{color:var(--gold)}.eyebrow.blue{color:var(--blue)}.hero h1{font-size:clamp(54px,7vw,104px);line-height:.95;letter-spacing:-.055em;margin:0 0 24px;font-weight:850}.hero h1 em,.hero h1 span{font-style:normal;color:var(--gold)}.hero-content>p:not(.eyebrow){font-size:20px;max-width:600px;color:rgba(255,255,255,.9)}.hero-actions{display:flex;gap:12px;margin-top:32px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;border:0;border-radius:999px;padding:14px 22px;font-weight:800;font-size:14px;cursor:pointer}.btn-primary{background:var(--gold);color:var(--navy)}.btn-dark{background:var(--navy);color:#fff}.btn-ghost{border:1px solid rgba(255,255,255,.45);color:#fff;background:rgba(255,255,255,.08);backdrop-filter:blur(10px)}.btn.big{padding:19px 28px;font-size:16px}.hero-controls{position:absolute;z-index:3;left:8vw;right:8vw;bottom:52px;display:flex;align-items:center;gap:22px}.hero-tabs{display:flex;gap:4px;flex:1}.hero-tab{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18);color:#fff;padding:12px 16px;border-radius:12px;display:flex;gap:10px;align-items:center;cursor:pointer;backdrop-filter:blur(10px);transition:.25s}.hero-tab b{color:var(--gold);font-size:11px}.hero-tab.active{background:#fff;color:var(--navy)}.hero-arrow{width:44px;height:44px;border-radius:50%;border:1px solid rgba(255,255,255,.35);background:rgba(255,255,255,.08);color:#fff;font-size:20px;cursor:pointer}.scroll-note{position:absolute;z-index:3;right:4vw;bottom:55px;color:#fff;font-size:10px;letter-spacing:.2em;writing-mode:vertical-rl}.scroll-note span{color:var(--gold);font-size:18px;margin-top:8px}
.section{padding:110px 8vw}.section.dark{background:var(--navy);color:#fff}.section-number{font-size:100px;color:rgba(11,95,145,.08);font-weight:900;position:absolute;right:6vw;top:40px}.intro{position:relative;display:grid;grid-template-columns:1.1fr .9fr;gap:70px;align-items:center;background:#fff}.intro-copy h2,.network-copy h2,.safety-copy h2,.section-head h2,.special-copy h2,.split h2,.image-story h2,.network-detail h2,.safety-block h2,.contact-info h2,.detail-content h2,.detail-capabilities h2,.detail-cta h2{font-size:clamp(40px,5vw,72px);line-height:1;letter-spacing:-.05em;margin:0 0 26px}.intro h2 span,.network h2 span,.safety h2 span,.section h2 span,.cta h2 span,.split h2 span,.image-story h2 span,.network-detail h2 span,.safety-block h2 span,.contact-info h2 span,.detail-content h2 span,.detail-capabilities h2 span,.detail-cta h2 span{color:var(--blue2)}.intro-copy p:not(.eyebrow),.network-copy p:not(.eyebrow),.safety-copy p:not(.eyebrow),.split p:not(.eyebrow),.image-story p:not(.eyebrow),.network-detail p:not(.eyebrow),.safety-block p:not(.eyebrow),.detail-content p:not(.eyebrow),.detail-cta p:not(.eyebrow){color:var(--muted);font-size:17px}.intro-visual{border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow)}.intro-visual img{width:100%;height:520px;object-fit:cover}.text-link{display:inline-flex;gap:10px;margin-top:20px;color:var(--navy);font-weight:850}.text-link.light{color:#fff}.section-head{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:48px}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.service-card{position:relative;min-height:450px;overflow:hidden;border-radius:20px;background:#123f5f}.service-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:.7s}.service-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(4,26,43,.05),rgba(4,26,43,.95));z-index:1}.service-card:hover img{transform:scale(1.08)}.service-no{position:absolute;z-index:2;top:18px;left:20px;color:var(--gold);font-weight:900}.service-info{position:absolute;z-index:2;left:24px;right:24px;bottom:24px}.service-info h3{font-size:29px;line-height:1.05;margin:0 0 12px}.service-info p{margin:0 0 15px;color:rgba(255,255,255,.8);font-size:14px}.service-info span{color:var(--gold);font-weight:800;font-size:13px}.network{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;background:#fff}.network-image img{width:100%;height:560px;object-fit:cover;border-radius:var(--radius)}.industries{background:#edf3f6}.industry-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.industry-grid div{min-height:120px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:24px;font-weight:850;display:flex;align-items:end;font-size:17px;transition:.25s}.industry-grid div:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:transparent}.industry-grid div:nth-child(2n){background:var(--navy);color:#fff}.industry-grid.large{grid-template-columns:repeat(3,1fr)}.industry-grid.large div{min-height:150px;font-size:20px}.special{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;align-items:center}.special-copy h2 span{color:var(--gold)}.special-copy p{color:rgba(255,255,255,.72);font-size:17px}.special-images{display:grid;grid-template-columns:1fr 1fr;gap:16px}.special-images img{width:100%;height:260px;object-fit:cover;border-radius:18px}.special-list{display:flex;flex-direction:column}.special-list a{padding:25px 0;border-bottom:1px solid rgba(255,255,255,.2);display:grid;grid-template-columns:50px 1fr 30px;align-items:center;font-size:20px;font-weight:800}.special-list span{color:var(--gold);font-size:12px}.special-list b{color:var(--gold)}.safety{display:grid;grid-template-columns:1.1fr .9fr;gap:80px;align-items:center;background:#fff}.safety-image img{width:100%;height:530px;object-fit:cover;border-radius:var(--radius)}.cta{padding:85px 8vw;background:linear-gradient(115deg,var(--blue),var(--navy));color:#fff;display:flex;justify-content:space-between;gap:40px;align-items:center}.cta h2{font-size:clamp(42px,5vw,68px);line-height:.98;letter-spacing:-.05em;margin:0}.footer{background:#062f44;color:#fff;padding:65px 8vw 25px;display:block}
.footer-canva{font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif}
.footer-grid{max-width:1320px;margin:0 auto;display:grid;grid-template-columns:1.25fr .8fr .95fr 1fr;gap:70px;align-items:start}
.footer-brand-col{min-width:0}
.footer-brand-link{display:inline-flex;align-items:center;margin-bottom:25px}
.footer-logo{width:248px;height:auto;background:transparent;padding:0;border-radius:0;object-fit:contain}
.footer-brand-col h3{font-size:20px;line-height:1.28;letter-spacing:.01em;margin:0 0 38px;color:#fff;font-weight:800;max-width:350px}
.footer-brand-col p{font-size:17px;line-height:1.45;color:#d9e6ed;margin:0;max-width:360px}
.footer-col{display:flex;flex-direction:column;align-items:flex-start;min-width:0}
.footer-col h4{font-size:16px;line-height:1;margin:4px 0 25px;color:var(--gold);letter-spacing:.12em;font-weight:850}
.footer-col a,.footer-col p{font-size:16px;line-height:1.42;color:#d9e6ed;margin:0 0 11px;text-decoration:none}
.footer-col a{transition:color .22s,transform .22s}
.footer-col a:hover{color:var(--gold);transform:translateX(3px)}
.footer-contact-col p{margin-bottom:24px}
.footer-contact-col p a{margin:0;display:inline;color:#d9e6ed}
.footer-contact-col p a:hover{color:var(--gold)}
.footer-bottom{border-top:1px solid rgba(255,255,255,.18);max-width:1320px;margin:42px auto 0;padding-top:27px;display:flex;justify-content:space-between;align-items:center;gap:30px;color:#8fb0c3;font-size:14px}
.footer-legal{display:flex;gap:24px;align-items:center}
.footer-legal a{color:#8fb0c3;transition:color .22s}
.footer-legal a:hover{color:var(--gold)}

.page-hero{min-height:560px;padding:170px 8vw 90px;display:flex;align-items:end;color:#fff;background:linear-gradient(90deg,rgba(3,27,46,.9),rgba(3,27,46,.2)),url('https://images.pexels.com/photos/34060583/pexels-photo-34060583.jpeg?cs=srgb&dl=pexels-robert-schwarz-1488822070-34060583.jpg&fm=jpg') center/cover}.page-hero-services{background-image:linear-gradient(90deg,rgba(3,27,46,.9),rgba(3,27,46,.25)),url('https://images.pexels.com/photos/34060583/pexels-photo-34060583.jpeg?cs=srgb&dl=pexels-robert-schwarz-1488822070-34060583.jpg&fm=jpg')}.page-hero-contact{background-image:linear-gradient(90deg,rgba(3,27,46,.92),rgba(3,27,46,.18)),url('https://upload.wikimedia.org/wikipedia/commons/f/f6/Container_Ship.jpg')}.page-hero h1{font-size:clamp(56px,7vw,94px);line-height:.95;letter-spacing:-.055em;margin:0 0 20px}.page-hero h1 span{color:var(--gold)}.page-hero p:not(.eyebrow){font-size:19px;color:rgba(255,255,255,.82)}.split{display:grid;grid-template-columns:1fr 1fr;gap:100px;background:#fff}.image-story{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;background:#edf3f6}.image-story img{width:100%;height:520px;object-fit:cover;border-radius:var(--radius)}.network-detail{display:grid;grid-template-columns:.9fr 1.1fr;gap:80px;align-items:center;background:#fff}.network-detail img{width:100%;height:520px;object-fit:cover;border-radius:var(--radius)}.safety-block{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;background:#edf3f6}.safety-block img{width:100%;height:480px;object-fit:cover;border-radius:var(--radius)}.service-detail-hero{min-height:720px;position:relative;background:var(--bg) center/cover;color:#fff;display:flex;align-items:end;padding:150px 8vw 100px}.service-detail-copy{position:relative;z-index:2;max-width:780px}.service-detail-copy h1{font-size:clamp(55px,7vw,100px);line-height:.94;letter-spacing:-.06em;margin:0 0 25px}.service-detail-copy h1 span{color:var(--gold)}.service-detail-copy>p:not(.eyebrow){font-size:20px;color:rgba(255,255,255,.86);max-width:650px}.detail-content{display:grid;grid-template-columns:1fr 1fr;gap:100px;background:#fff}.detail-capabilities{display:grid;grid-template-columns:1fr 1fr;gap:80px}.capability-list{list-style:none;padding:0;margin:0}.capability-list li{padding:22px 0;border-bottom:1px solid rgba(255,255,255,.2);font-size:21px;font-weight:750;display:flex;gap:20px}.capability-list span{color:var(--gold);font-size:11px;padding-top:6px}.detail-cta{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;background:#fff}.detail-cta img{width:100%;height:440px;object-fit:cover;border-radius:var(--radius)}.section-intro{max-width:450px;color:var(--muted);font-size:17px}.contact-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:100px;background:#fff}.contact-item{border-top:1px solid var(--line);padding:22px 0;display:flex;flex-direction:column;gap:4px}.contact-item small{font-size:10px;letter-spacing:.18em;color:var(--blue);font-weight:900}.contact-item a{font-size:19px;font-weight:800}.contact-item p{margin:0;color:var(--muted)}.quote-form{background:var(--navy);color:#fff;padding:45px;border-radius:28px;box-shadow:var(--shadow)}.quote-form h3{font-size:34px;line-height:1.05;margin:0 0 30px}.quote-form label{display:flex;flex-direction:column;gap:7px;margin-bottom:16px;font-size:12px;font-weight:800;color:rgba(255,255,255,.7)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}.quote-form input,.quote-form select,.quote-form textarea{font:inherit;border:1px solid rgba(255,255,255,.15);background:rgba(255,255,255,.07);color:#fff;border-radius:12px;padding:13px 14px;outline:none}.quote-form select option{color:#111}.quote-form input:focus,.quote-form select:focus,.quote-form textarea:focus{border-color:var(--gold)}.form-note{font-size:11px;color:rgba(255,255,255,.45);margin:15px 0 0}.map-card{padding:0 8vw 110px;background:#fff}.map-placeholder{min-height:300px;border-radius:28px;background:radial-gradient(circle at 70% 35%,rgba(245,170,24,.25),transparent 25%),linear-gradient(135deg,#dbeaf2,#8db4c9);display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;color:var(--navy)}.map-placeholder span{letter-spacing:.2em;font-size:11px;font-weight:900}.map-placeholder strong{font-size:28px;margin:10px 0 15px}.map-placeholder a{font-weight:800;color:var(--blue)}
@media(max-width:1000px){.nav{gap:17px}.service-grid{grid-template-columns:repeat(2,1fr)}.intro,.network,.safety,.split,.image-story,.network-detail,.safety-block,.detail-content,.detail-capabilities,.detail-cta,.special,.contact-grid{grid-template-columns:1fr}.industry-grid{grid-template-columns:repeat(2,1fr)}.footer{grid-template-columns:1fr 1fr}.hero-tabs{overflow:auto}.hero-tab{white-space:nowrap}}
@media(max-width:760px){.site-header{height:75px;padding:12px 5vw;background:rgba(255,255,255,.94)}.site-header:not(.solid){background:rgba(255,255,255,.94)}.site-header:not(.solid) .nav{color:var(--navy)}.brand img{width:155px}.menu-toggle{display:block}.nav{display:none;position:absolute;top:75px;left:0;right:0;background:#fff;color:var(--navy)!important;padding:18px 5vw;flex-direction:column;align-items:flex-start;gap:4px;box-shadow:0 12px 25px rgba(0,0,0,.1)}.nav.open{display:flex}.nav-drop{width:100%}.dropdown{position:static;display:block;box-shadow:none;padding:3px 0 5px 15px}.nav-cta{margin-top:8px}.hero{min-height:690px;height:88vh}.hero-content{left:6vw;right:6vw;top:45%}.hero h1{font-size:52px}.hero-content>p:not(.eyebrow){font-size:16px}.hero-controls{left:6vw;right:6vw;bottom:28px}.hero-arrow{display:none}.hero-tabs{gap:3px}.hero-tab{padding:9px 10px;font-size:11px}.hero-tab b{display:none}.scroll-note{display:none}.section{padding:75px 6vw}.intro-visual img,.network-image img,.safety-image img,.image-story img,.network-detail img,.safety-block img,.detail-cta img{height:340px}.service-grid,.industry-grid,.industry-grid.large{grid-template-columns:1fr}.service-card{min-height:390px}.section-head{align-items:start;flex-direction:column;margin-bottom:32px}.section-head h2,.intro-copy h2,.network-copy h2,.safety-copy h2,.special-copy h2,.split h2,.image-story h2,.network-detail h2,.safety-block h2,.contact-info h2,.detail-content h2,.detail-capabilities h2,.detail-cta h2{font-size:42px}.cta{padding:65px 6vw;flex-direction:column;align-items:flex-start}.footer{padding:50px 6vw 20px;grid-template-columns:1fr}.footer-bottom{grid-column:auto;flex-direction:column;gap:8px}.page-hero{min-height:500px;padding:130px 6vw 70px}.page-hero h1{font-size:55px}.service-detail-hero{min-height:620px;padding:130px 6vw 70px}.service-detail-copy h1{font-size:55px}.form-row{grid-template-columns:1fr}.quote-form{padding:28px}.map-card{padding:0 6vw 75px}}

/* ===== HOMEPAGE EXPERIENCE UPGRADE ===== */
.hero-slide{clip-path:inset(0 7% 0 0);transition:opacity .85s ease,transform 6.5s cubic-bezier(.2,.7,.2,1),clip-path .9s cubic-bezier(.2,.8,.2,1)}
.hero-slide.active{clip-path:inset(0);transform:scale(1)}
.hero-slide.active .hero-content{animation:heroIn .85s cubic-bezier(.16,1,.3,1) both}
@keyframes heroIn{from{opacity:0;transform:translateY(-34%) translateX(28px)}to{opacity:1;transform:translateY(-42%) translateX(0)}}
.hero-actions{animation:heroActions .75s .25s both}
@keyframes heroActions{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}
.hero-progress{position:absolute;z-index:4;left:8vw;right:8vw;bottom:126px;height:2px;background:rgba(255,255,255,.2);overflow:hidden}
.hero-progress span{display:block;height:100%;width:25%;background:var(--gold);transition:width .15s linear}
.hero-controls{bottom:47px;gap:18px}
.hero-tabs{gap:8px}
.hero-tab{position:relative;min-width:145px;overflow:hidden;transition:transform .3s,background .3s,border-color .3s}
.hero-tab i{position:absolute;left:0;bottom:0;height:2px;width:0;background:var(--gold);transition:width .35s}
.hero-tab.active i{width:100%}
.hero-tab:hover{transform:translateY(-4px);border-color:rgba(245,170,24,.6);background:rgba(255,255,255,.16)}
.hero-tab.active:hover{background:#fff}
.hero-arrow{transition:transform .25s,background .25s,border-color .25s}
.hero-arrow:hover{transform:scale(1.1);background:var(--gold);border-color:var(--gold);color:var(--navy)}
.hero-counter{position:absolute;z-index:4;right:8vw;top:132px;color:#fff;display:flex;align-items:baseline;gap:8px}
.hero-counter strong{font-size:42px;line-height:1;color:var(--gold)}
.hero-counter span{font-size:12px;letter-spacing:.15em;color:rgba(255,255,255,.65)}
.reveal-section .reveal-item,.reveal-section>.section-head,.reveal-section>.service-grid,.reveal-section>.industry-grid{opacity:0;transform:translateY(35px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.75,.2,1)}
.reveal-section.is-visible .reveal-item,.reveal-section.is-visible>.section-head,.reveal-section.is-visible>.service-grid,.reveal-section.is-visible>.industry-grid{opacity:1;transform:none}
.reveal-delay-1{transition-delay:.12s!important}
.intro-visual img,.network-image img,.safety-image img,.special-images img{transition:transform .8s cubic-bezier(.2,.7,.2,1),filter .4s}
.intro-visual:hover img,.network-image:hover img,.safety-image:hover img,.special-images img:hover{transform:scale(1.045)}
.intro-visual,.network-image,.safety-image{transition:box-shadow .45s,transform .45s}
.intro-visual:hover,.network-image:hover,.safety-image:hover{box-shadow:0 28px 70px rgba(5,34,55,.18);transform:translateY(-3px)}
.text-link{transition:color .25s,transform .25s}
.text-link:hover{color:var(--gold);transform:translateX(5px)}
.btn{transition:transform .25s,box-shadow .25s,background .25s}
.btn:hover{transform:translateY(-3px);box-shadow:0 12px 28px rgba(4,32,51,.18)}
.nav-cta{transition:transform .25s,box-shadow .25s!important}
.nav-cta:hover{transform:translateY(-2px);box-shadow:0 8px 22px rgba(245,170,24,.3)}
.service-card{transition:transform .45s cubic-bezier(.2,.75,.2,1),box-shadow .45s}
.service-card:hover{transform:translateY(-9px);box-shadow:0 28px 65px rgba(0,0,0,.28)}
.service-card img{transition:transform .8s cubic-bezier(.2,.7,.2,1)}
.service-card:hover img{transform:scale(1.08)}
.service-info{transition:transform .4s}
.service-card:hover .service-info{transform:translateY(-5px)}
.industry-grid div{transition:transform .35s,box-shadow .35s}
.industry-grid div:hover{transform:translateY(-7px) scale(1.01);box-shadow:0 20px 45px rgba(5,34,55,.15)}
.special-list a{transition:padding-left .3s,color .3s}
.special-list a:hover{padding-left:12px;color:var(--gold)}
.special-list b{display:inline-block;transition:transform .25s}
.special-list a:hover b{transform:translateX(5px)}
@media(max-width:760px){
 .hero-progress{left:6vw;right:6vw;bottom:126px}
 .hero-counter{right:6vw;top:102px}
 .hero-counter strong{font-size:32px}
 .hero-tab{min-width:auto;padding:9px 11px}
 .hero-tab span{max-width:115px;overflow:hidden;text-overflow:ellipsis}
}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* =========================================================
   NEW WAY SHIPPING PRELOADER
   Uses the existing brand logo + blue/gold theme.
   ========================================================= */
html.preloader-lock,body.preloader-lock{overflow:hidden!important}
.newway-preloader{
  position:fixed;inset:0;z-index:99999;
  display:flex;align-items:center;justify-content:center;
  background:
    radial-gradient(circle at 50% 44%,rgba(11,95,145,.12),transparent 28%),
    linear-gradient(135deg,#061f35 0%,#092f4f 55%,#061f35 100%);
  opacity:1;visibility:visible;
  transition:opacity .7s cubic-bezier(.4,0,.2,1),visibility .7s;
}
.newway-preloader.is-loaded{opacity:0;visibility:hidden;pointer-events:none}
.preloader-shell{width:min(430px,82vw);display:flex;flex-direction:column;align-items:center;text-align:center;color:#fff}
.preloader-logo-wrap{
  width:330px;height:145px;position:relative;
  display:flex;align-items:center;justify-content:center;
  margin-bottom:18px;
}
/* Soft transparent glass layer behind the transparent logo, improving contrast without covering it. */
.preloader-logo-wrap::before{
  content:"";position:absolute;z-index:1;
  width:326px;height:112px;border-radius:24px;
  background:rgba(255,255,255,.075);
  border:1px solid rgba(255,255,255,.11);
  box-shadow:0 18px 45px rgba(0,0,0,.16);
  backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px);
}
.preloader-logo{
  width:300px;height:auto;
  display:flex;align-items:center;justify-content:center;
  position:relative;z-index:3;
  background:transparent;padding:0;border-radius:0;
  box-shadow:none;
  animation:preloaderFloat 2.4s ease-in-out infinite;
}
.preloader-logo img{width:100%;height:auto;object-fit:contain;border-radius:0;display:block}
.preloader-ring{
  position:absolute;border:2px solid transparent;border-top-color:var(--gold);
  border-right-color:rgba(245,170,24,.25);border-radius:50%;
  animation:preloaderSpin 2s linear infinite;
}
.ring-one{inset:5px}
.ring-two{inset:22px;border-top-color:rgba(255,255,255,.8);border-right-color:transparent;animation-duration:3s;animation-direction:reverse}
@keyframes preloaderSpin{to{transform:rotate(360deg)}}
@keyframes preloaderFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}

.preloader-route{
  width:100%;height:40px;position:relative;margin:2px 0 20px;
}
.route-line{
  position:absolute;left:5%;right:5%;top:19px;height:1px;
  background:linear-gradient(90deg,transparent,var(--gold) 15%,rgba(255,255,255,.55) 50%,var(--gold) 85%,transparent);
  transform-origin:left;
  animation:routeGrow 1.5s ease-out both;
}
@keyframes routeGrow{from{transform:scaleX(0);opacity:0}to{transform:scaleX(1);opacity:1}}
.route-dot{
  position:absolute;top:15px;width:8px;height:8px;border-radius:50%;
  background:var(--gold);box-shadow:0 0 14px rgba(245,170,24,.75);
}
.dot-1{left:14%;animation:routePulse 1.4s .1s infinite}
.dot-2{left:50%;animation:routePulse 1.4s .35s infinite}
.dot-3{right:14%;animation:routePulse 1.4s .6s infinite}
@keyframes routePulse{0%,100%{transform:scale(.65);opacity:.45}50%{transform:scale(1.35);opacity:1}}
/* The upper decorative route is intentionally ship-free. */
.preloader-text{display:flex;align-items:center;gap:10px;margin-bottom:22px}
.preloader-text strong{font-size:27px;letter-spacing:.14em;font-weight:900}
.preloader-text span{font-size:10px;letter-spacing:.25em;color:var(--gold);font-weight:800;border-left:1px solid rgba(255,255,255,.25);padding-left:10px}
.preloader-status{width:100%;display:flex;align-items:center;gap:12px}
.preloader-status>span{font-size:9px;letter-spacing:.18em;color:rgba(255,255,255,.55);white-space:nowrap}
.preloader-status>b{height:3px;background:rgba(255,255,255,.14);flex:1;overflow:hidden;border-radius:10px}
.preloader-status b i{display:block;width:0;height:100%;background:var(--gold);animation:preloaderProgress 1.9s cubic-bezier(.2,.7,.2,1) forwards}
@keyframes preloaderProgress{0%{width:0}70%{width:72%}100%{width:100%}}

@media(max-width:760px){
  .preloader-logo-wrap{width:300px;height:130px}
  .preloader-logo-wrap::before{width:294px;height:104px;border-radius:20px}
  .preloader-logo{width:270px}
  .preloader-text{flex-direction:column;gap:4px}
  .preloader-text span{border-left:0;padding-left:0}
  .preloader-status>span{font-size:8px}
}
@media(prefers-reduced-motion:reduce){
  .preloader-logo,.preloader-ring,.route-line,.route-dot,.route-ship,.preloader-status b i{animation:none!important}
  .preloader-status b i{width:100%}
}


/* =========================================================
   HOMEPAGE SLIDER - CANVA VISUAL MATCH
   Only the hero/slider is overridden here. Other homepage
   sections retain the original site's design.
   ========================================================= */
.canva-hero-slider{height:520px;min-height:520px;margin-top:0;background:#082b46}
.canva-hero-slider .hero-slide{background-position:center;background-size:cover;transition:opacity .75s ease,transform 7s cubic-bezier(.2,.7,.2,1)}
.canva-hero-slider .hero-slide.active{transform:scale(1.025)}
.canva-hero-slider .hero-slide:nth-child(3){background-position:center 55%}
.canva-hero-slider .hero-slide:nth-child(4){background-position:center 48%}
.canva-hero-slider .hero-overlay{z-index:1;background:linear-gradient(90deg,rgba(3,37,55,.88) 0%,rgba(3,37,55,.68) 43%,rgba(3,37,55,.25) 78%,rgba(3,37,55,.12) 100%)}
.canva-hero-slider .hero-content{left:12.2vw;top:50%;transform:translateY(-43%);max-width:650px}
.canva-hero-slider .eyebrow{font-size:9px;letter-spacing:.17em;margin-bottom:12px;color:var(--gold)}
.canva-hero-slider h1{font-size:clamp(29px,3.1vw,46px);line-height:1.05;letter-spacing:-.035em;margin:0 0 12px;font-weight:900}
.canva-hero-slider h1 span{color:#fff}
.canva-hero-slider .hero-content>p:not(.eyebrow){font-size:10px;line-height:1.55;max-width:590px;color:rgba(255,255,255,.9);margin:0 0 8px}
.canva-hero-slider .hero-content .hero-subtitle{font-size:11px!important;font-weight:700!important;color:#eab52b!important;margin-bottom:8px!important}
.canva-hero-slider .hero-actions{gap:8px;margin-top:17px}
.canva-hero-slider .btn{border-radius:4px;padding:10px 14px;font-size:8px;letter-spacing:.045em;min-height:32px}
.canva-hero-slider .btn-primary{background:var(--gold);color:var(--navy)}
.canva-hero-slider .btn-ghost{border:1px solid rgba(255,255,255,.58);background:rgba(255,255,255,.03);color:#fff}
.canva-slider-progress{position:absolute;z-index:4;left:12.2vw;bottom:61px;width:min(330px,35vw);height:2px;background:rgba(255,255,255,.28);overflow:hidden}
.canva-slider-progress span{display:block;width:25%;height:100%;background:var(--gold);transition:width .15s linear}
.canva-slider-controls{position:absolute;z-index:4;right:12.2vw;bottom:48px;display:flex;align-items:center;gap:9px}
.canva-slider-controls .hero-tabs{display:flex;gap:5px;flex:0 0 auto}
.canva-slider-controls .hero-tab{width:26px;min-width:26px;height:5px;padding:0;border:0;border-radius:0;background:rgba(255,255,255,.38);backdrop-filter:none;position:relative;overflow:hidden;transition:background .25s,transform .25s}
.canva-slider-controls .hero-tab i{display:block;position:absolute;left:0;bottom:0;width:0;height:100%;background:var(--gold);transition:width .3s}
.canva-slider-controls .hero-tab.active{background:rgba(255,255,255,.6)}
.canva-slider-controls .hero-tab.active i{width:100%}
.canva-slider-controls .hero-tab:hover{transform:none;background:rgba(255,255,255,.7)}
.canva-slider-controls .hero-arrow{width:30px;height:30px;border-radius:50%;font-size:22px;line-height:1;background:rgba(5,42,61,.5);border:1px solid rgba(255,255,255,.45);backdrop-filter:blur(5px)}
.canva-slider-controls .hero-arrow:hover{transform:scale(1.05);background:var(--gold);color:var(--navy);border-color:var(--gold)}
.canva-slider-counter{position:absolute;z-index:4;right:12.2vw;top:108px;color:#fff;display:flex;align-items:baseline;gap:6px}
.canva-slider-counter strong{font-size:24px;line-height:1;color:var(--gold)}
.canva-slider-counter span{font-size:8px;letter-spacing:.14em;color:rgba(255,255,255,.7)}
@media(max-width:760px){
 .canva-hero-slider{height:620px;min-height:620px}
 .canva-hero-slider .hero-content{left:6vw;right:6vw;top:48%;max-width:none}
 .canva-hero-slider h1{font-size:clamp(31px,9vw,44px)}
 .canva-hero-slider .hero-content>p:not(.eyebrow){font-size:10px}
 .canva-slider-progress{left:6vw;bottom:72px;width:42vw}
 .canva-slider-controls{right:6vw;bottom:57px}
 .canva-slider-counter{right:6vw;top:92px}
}


/* =========================================================
   CANVA HOMEPAGE HEADER + HERO SLIDER CORRECTION v6
   The image is the background layer. All copy is live HTML
   above the photograph. No Canva screenshot is used here.
   ========================================================= */
.site-header{
  position:absolute;
  z-index:30;
  top:0;left:0;right:0;
  height:68px;
  max-width:1200px;
  margin:0 auto;
  padding:0 14px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  background:rgba(5,43,62,.82);
  border-bottom:1px solid rgba(255,255,255,.05);
  box-shadow:none;
}
.site-header .brand{
  display:flex;
  align-items:center;
  gap:9px;
  height:100%;
  flex:0 0 auto;
}
.site-header .brand-mark{
  display:block;
  width:2px;
  height:31px;
  background:#e6aa20;
}
.site-header .brand img{
  width:106px;
  height:auto;
  max-height:39px;
  object-fit:contain;
}
.site-header .nav{
  margin-left:auto;
  display:flex;
  align-items:center;
  gap:20px;
  color:#fff;
  font-family:Montserrat,Inter,Arial,sans-serif;
  font-size:8px;
  font-weight:700;
  letter-spacing:.035em;
  text-transform:uppercase;
}
.site-header .nav>a,
.site-header .nav-drop>a{
  padding:8px 0;
  white-space:nowrap;
}
.site-header .nav a:after{height:1px}
.site-header .nav .active{color:#e7ae25}
.site-header .nav-drop>a span{font-size:8px;margin-left:2px}
.site-header .dropdown{
  top:33px;
  left:-12px;
  min-width:190px;
  border-radius:4px;
  padding:7px;
  background:#07354c;
  color:#fff;
  border:1px solid rgba(255,255,255,.1);
  box-shadow:0 16px 35px rgba(0,0,0,.28);
}
.site-header .dropdown a{
  font-size:8px;
  padding:8px 10px;
  text-transform:uppercase;
}
.site-header .dropdown a:hover{background:rgba(255,255,255,.08)}
.site-header .nav-cta{
  padding:10px 15px!important;
  border-radius:4px;
  background:#e8a817;
  color:#062f46!important;
  font-size:8px;
  letter-spacing:.03em;
}
.site-header .nav-cta span{font-size:10px;margin-left:4px}
.site-header .nav-cta:after{display:none}
.site-header.solid{
  position:absolute;
  background:rgba(5,43,62,.92);
  box-shadow:none;
  color:#fff;
}
.site-header.solid .nav{color:#fff}
.site-header .menu-toggle{color:#fff}

.canva-hero-slider{
  height:430px;
  min-height:430px;
  position:relative;
  overflow:hidden;
  background:#062f46;
}
.canva-hero-slider .hero-slide{
  position:absolute;
  inset:0;
  z-index:0;
  opacity:0;
  clip-path:none;
  background-image:var(--bg);
  background-repeat:no-repeat;
  background-size:cover;
  background-position:center;
  transform:scale(1.015);
  transition:opacity .65s ease,transform 7s cubic-bezier(.2,.7,.2,1);
}
.canva-hero-slider .hero-slide.active{
  opacity:1;
  transform:scale(1);
}
/* First image is deliberately a real port photograph from the site's assets,
   chosen for the same top-down container-terminal visual language as Canva. */
.canva-hero-slider .hero-slide:nth-child(1){background-position:center 46%}
.canva-hero-slider .hero-slide:nth-child(2){background-position:center 53%}
.canva-hero-slider .hero-slide:nth-child(3){background-position:center 50%}
.canva-hero-slider .hero-slide:nth-child(4){background-position:center 50%}
.canva-hero-slider .hero-overlay{
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  background:
    linear-gradient(90deg,rgba(3,38,57,.88) 0%,rgba(3,38,57,.72) 38%,rgba(3,38,57,.40) 68%,rgba(3,38,57,.28) 100%),
    linear-gradient(0deg,rgba(3,38,57,.26),rgba(3,38,57,.18));
}
.canva-hero-slider .hero-content{
  left:12.2%;
  top:54%;
  z-index:2;
  transform:translateY(-42%);
  max-width:640px;
  color:#fff;
}
.canva-hero-slider .hero-content .eyebrow{
  margin:0 0 10px;
  color:#e6ad25;
  font-family:Montserrat,Inter,Arial,sans-serif;
  font-size:8px;
  font-weight:800;
  letter-spacing:.17em;
  text-transform:uppercase;
}
.canva-hero-slider .hero-content h1{
  margin:0 0 10px;
  color:#fff;
  font-family:Montserrat,Inter,Arial,sans-serif;
  font-size:clamp(25px,2.8vw,38px);
  line-height:1.08;
  letter-spacing:-.035em;
  font-weight:900;
  text-transform:uppercase;
}
.canva-hero-slider .hero-content h1 span{color:#fff}
.canva-hero-slider .hero-content .hero-subtitle{
  margin:0 0 7px;
  color:#eab22b!important;
  font-family:Montserrat,Inter,Arial,sans-serif;
  font-size:10px!important;
  line-height:1.4;
  font-weight:800!important;
}
.canva-hero-slider .hero-content>p:not(.eyebrow):not(.hero-subtitle){
  margin:0;
  max-width:570px;
  color:rgba(255,255,255,.91);
  font-family:Montserrat,Inter,Arial,sans-serif;
  font-size:9px;
  line-height:1.55;
}
.canva-hero-slider .hero-actions{
  margin-top:16px;
  display:flex;
  gap:7px;
}
.canva-hero-slider .hero-actions .btn{
  min-height:29px;
  padding:8px 13px;
  border-radius:4px;
  font-family:Montserrat,Inter,Arial,sans-serif;
  font-size:7px;
  font-weight:800;
  letter-spacing:.04em;
}
.canva-hero-slider .hero-actions .btn-primary{
  background:#e8a817;
  color:#07354c;
}
.canva-hero-slider .hero-actions .btn-ghost{
  background:rgba(5,43,62,.14);
  border:1px solid rgba(255,255,255,.62);
  color:#fff;
  backdrop-filter:none;
}
.canva-slider-progress{
  position:absolute;
  z-index:4;
  left:12.2%;
  bottom:27px;
  width:150px;
  height:2px;
  background:rgba(255,255,255,.28);
}
.canva-slider-progress span{height:100%;background:#e8a817}
.canva-slider-controls{
  position:absolute;
  z-index:4;
  right:12.2%;
  bottom:20px;
  display:flex;
  align-items:center;
  gap:7px;
}
.canva-slider-controls .hero-tabs{display:flex;gap:4px}
.canva-slider-controls .hero-tab{
  width:18px;
  min-width:18px;
  height:3px;
  padding:0;
  border:0;
  border-radius:0;
  background:rgba(255,255,255,.42);
  overflow:hidden;
}
.canva-slider-controls .hero-tab i{height:100%;background:#e8a817}
.canva-slider-controls .hero-arrow{
  width:24px;height:24px;
  border-radius:50%;
  font-size:17px;
  background:rgba(5,43,62,.42);
  border:1px solid rgba(255,255,255,.5);
  color:#fff;
}
.canva-slider-controls .hero-arrow:hover{background:#e8a817;color:#07354c;border-color:#e8a817}
.canva-slider-counter{
  position:absolute;
  z-index:4;
  top:91px;
  right:12.2%;
  color:#fff;
  display:flex;
  align-items:baseline;
  gap:5px;
  font-family:Montserrat,Inter,Arial,sans-serif;
}
.canva-slider-counter strong{font-size:19px;color:#e8a817}
.canva-slider-counter span{font-size:7px;letter-spacing:.12em;color:rgba(255,255,255,.7)}

@media(max-width:1050px){
 .site-header{padding:0 24px}
 .site-header .nav{gap:14px}
 .site-header .brand img{width:96px}
}
@media(max-width:760px){
 .site-header{height:62px;padding:0 6vw;background:rgba(5,43,62,.94)}
 .site-header .brand img{width:100px}
 .site-header .brand-mark{height:28px}
 .site-header .nav{display:none;position:absolute;top:62px;left:0;right:0;padding:15px 6vw;background:#07354c;flex-direction:column;align-items:flex-start;gap:9px}
 .site-header .nav.open{display:flex}
 .canva-hero-slider{height:520px;min-height:520px}
 .canva-hero-slider .hero-content{left:6vw;right:6vw;top:54%;max-width:none}
 .canva-hero-slider .hero-content h1{font-size:clamp(25px,8vw,35px)}
 .canva-hero-slider .hero-content>p:not(.eyebrow):not(.hero-subtitle){font-size:8px}
 .canva-slider-progress{left:6vw;bottom:28px}
 .canva-slider-controls{right:6vw;bottom:20px}
 .canva-slider-counter{right:6vw;top:80px}
}
/* Final header geometry: full-width Canva-style bar with centered content margins. */
.site-header{max-width:none;padding-left:12.2%;padding-right:12.2%}
.site-header .nav-drop>a span,.site-header .nav-cta span{display:none}
@media(max-width:1050px){.site-header{padding-left:7%;padding-right:7%}}
@media(max-width:760px){.site-header{padding-left:6vw;padding-right:6vw}}

/* =========================================================
   HOMEPAGE HERO / HEADER FINAL CORRECTION v7
   Full-screen responsive hero, sticky header, no image wash.
   ========================================================= */
.site-header{
  position:fixed !important;
  top:0;
  left:0;
  right:0;
  width:100%;
  max-width:none;
  height:82px;
  margin:0;
  padding:0 clamp(24px,6vw,118px);
  z-index:1000;
  display:flex;
  align-items:center;
  background:rgba(5,43,62,.96);
  border-bottom:1px solid rgba(255,255,255,.10);
  box-shadow:0 4px 18px rgba(0,0,0,.12);
  backdrop-filter:none;
}
.site-header .brand{height:100%;display:flex;align-items:center;gap:12px}
.site-header .brand-mark{width:2px;height:38px;background:#e8a817;flex:0 0 2px}
.site-header .brand img{width:142px;height:auto;max-height:50px;object-fit:contain}
.site-header .nav{
  margin-left:auto;
  display:flex;
  align-items:center;
  gap:clamp(18px,1.8vw,34px);
  color:#fff;
  font-family:Montserrat,Arial,sans-serif;
  font-size:11px;
  line-height:1;
  font-weight:700;
  letter-spacing:.015em;
  text-transform:uppercase;
}
.site-header .nav>a,.site-header .nav-drop>a{padding:12px 0;white-space:nowrap}
.site-header .nav a:after{height:2px}
.site-header .nav .active{color:#e8a817}
.site-header .nav-cta{
  padding:14px 22px !important;
  border-radius:5px;
  background:#e8a817;
  color:#07354c !important;
  font-size:10px;
  font-weight:800;
}
.site-header .nav-cta:hover{box-shadow:0 7px 18px rgba(232,168,23,.28);transform:translateY(-1px)}
.site-header .menu-toggle{display:none;color:#fff;font-size:28px;line-height:1}

.canva-hero-slider{
  height:100svh !important;
  min-height:680px !important;
  margin:0;
  position:relative;
  overflow:hidden;
  background:#082f45;
}
.canva-hero-slider .hero-slide{
  position:absolute;
  inset:0;
  background-size:cover;
  background-repeat:no-repeat;
  background-position:center center;
  opacity:0;
  transform:scale(1.035);
  transition:opacity .75s ease,transform 7s cubic-bezier(.2,.7,.2,1);
}
.canva-hero-slider .hero-slide.active{opacity:1;transform:scale(1)}
.canva-hero-slider .hero-slide:nth-child(1){background-position:center center}
.canva-hero-slider .hero-slide:nth-child(2){background-position:center center}
.canva-hero-slider .hero-slide:nth-child(3){background-position:center center}
.canva-hero-slider .hero-slide:nth-child(4){background-position:center center}

/* The Canva reference uses the photograph itself behind the live copy.
   No translucent wash/gradient is placed over the slider. */
.canva-hero-slider .hero-overlay{
  display:none !important;
  background:none !important;
}
.canva-hero-slider .hero-content{
  left:clamp(24px,12.2vw,190px);
  right:24px;
  top:50%;
  transform:translateY(-42%);
  max-width:720px;
  z-index:5;
  color:#fff;
  text-shadow:0 2px 14px rgba(0,0,0,.35);
}
.canva-hero-slider .hero-content .eyebrow{
  margin:0 0 14px;
  color:#f1b72c;
  font-size:clamp(10px,.72vw,13px);
  line-height:1.2;
  font-weight:800;
  letter-spacing:.17em;
}
.canva-hero-slider .hero-content h1{
  margin:0 0 16px;
  color:#fff;
  font-family:Montserrat,Arial,sans-serif;
  font-size:clamp(38px,4.25vw,76px);
  line-height:.98;
  letter-spacing:-.045em;
  font-weight:900;
  text-transform:uppercase;
}
.canva-hero-slider .hero-content h1 span{color:#fff}
.canva-hero-slider .hero-content .hero-subtitle{
  margin:0 0 11px;
  color:#f0b72c !important;
  font-family:Montserrat,Arial,sans-serif;
  font-size:clamp(13px,1.02vw,18px) !important;
  line-height:1.35;
  font-weight:800 !important;
}
.canva-hero-slider .hero-content>p:not(.eyebrow):not(.hero-subtitle){
  margin:0;
  max-width:650px;
  color:#fff;
  font-family:Montserrat,Arial,sans-serif;
  font-size:clamp(11px,.82vw,15px);
  line-height:1.65;
}
.canva-hero-slider .hero-actions{margin-top:25px;display:flex;gap:10px}
.canva-hero-slider .hero-actions .btn{
  min-height:43px;
  padding:0 20px;
  border-radius:5px;
  font-family:Montserrat,Arial,sans-serif;
  font-size:10px;
  font-weight:800;
  letter-spacing:.045em;
  text-shadow:none;
}
.canva-hero-slider .hero-actions .btn-primary{background:#e8a817;color:#07354c}
.canva-hero-slider .hero-actions .btn-ghost{background:rgba(7,47,69,.08);border:1px solid rgba(255,255,255,.75);color:#fff;backdrop-filter:none}
.canva-slider-progress{left:clamp(24px,12.2vw,190px);bottom:42px;width:190px;height:3px;background:rgba(255,255,255,.42);z-index:8;overflow:visible;border-radius:999px}
.canva-slider-progress .ship-progress-fill{display:block;position:relative;width:0;height:100%;background:linear-gradient(90deg,#e8a817,#ffc94d);border-radius:999px;transition:width .15s linear;box-shadow:0 0 8px rgba(232,168,23,.28);z-index:1}.canva-slider-progress .ship-progress-vessel{background:transparent!important}
.canva-slider-progress .ship-progress-vessel{position:absolute;left:clamp(28px,var(--ship-progress,0%),calc(100% - 28px));top:50%;width:72px;height:27px;display:block;pointer-events:none;transform:translate(-50%,-76%);background:transparent!important;border:0!important;box-shadow:none!important;filter:drop-shadow(0 2px 3px rgba(0,0,0,.22));transition:left .15s linear;z-index:3}
.canva-slider-progress .ship-progress-vessel svg{width:100%;height:100%;display:block;overflow:visible}
.canva-slider-progress .ship-hull{fill:#0b3a52}
.canva-slider-progress .ship-bow{fill:#0b3a52}
.canva-slider-progress .ship-deck{fill:#dbe7ec}
.canva-slider-progress .ship-containers rect{fill:#7895a4}
.canva-slider-progress .ship-containers rect:nth-child(2n){fill:#9eb2bd}
.canva-slider-progress .ship-bridge{fill:#dbe7ec}
.canva-slider-progress .ship-window{fill:#0b3a52}
.canva-slider-progress .ship-wake{fill:none;stroke:rgba(255,255,255,.68);stroke-width:1.2;stroke-linecap:round}
@media(prefers-reduced-motion:reduce){.canva-slider-progress .ship-progress-vessel{transition:none}}
.canva-slider-controls{right:clamp(24px,12.2vw,190px);bottom:30px;z-index:8}
.canva-slider-controls .hero-tab{width:28px;min-width:28px;height:3px;background:rgba(255,255,255,.55)}
.canva-slider-controls .hero-tab.active{background:#fff}
.canva-slider-controls .hero-arrow{width:34px;height:34px;font-size:21px;background:rgba(7,47,69,.22);border-color:rgba(255,255,255,.7)}
.canva-slider-counter{right:clamp(24px,12.2vw,190px);top:calc(82px + 32px);z-index:8}
.canva-slider-counter strong{font-size:25px;color:#f0b72c}
.canva-slider-counter span{font-size:10px}

@media(max-width:1100px){
  .site-header{height:76px;padding:0 5vw}
  .site-header .brand img{width:128px}
  .site-header .nav{gap:17px;font-size:10px}
  .site-header .nav-cta{padding:12px 16px !important;font-size:9px}
}
@media(max-width:820px){
  .site-header{height:72px;padding:0 5vw;background:rgba(5,43,62,.98)}
  .site-header .brand img{width:125px}
  .site-header .brand-mark{height:34px}
  .site-header .menu-toggle{display:block;margin-left:auto}
  .site-header .nav{
    display:none;
    position:absolute;
    top:72px;
    left:0;
    right:0;
    margin:0;
    padding:18px 5vw 22px;
    background:#07354c;
    flex-direction:column;
    align-items:flex-start;
    gap:3px;
    box-shadow:0 12px 28px rgba(0,0,0,.24);
    font-size:12px;
  }
  .site-header .nav.open{display:flex}
  .site-header .nav>a,.site-header .nav-drop>a{padding:11px 0}
  .site-header .nav-cta{margin-top:7px;padding:13px 18px !important}
  .site-header .nav-drop{width:100%}
  .site-header .dropdown{position:static;display:block;min-width:0;background:transparent;border:0;box-shadow:none;padding:0 0 4px 15px}
  .site-header .dropdown a{font-size:10px;padding:7px 0}
  .canva-hero-slider{min-height:650px !important;height:100svh !important}
  .canva-hero-slider .hero-content{left:7vw;right:7vw;top:50%;max-width:none;transform:translateY(-43%)}
  .canva-hero-slider .hero-content h1{font-size:clamp(36px,8.5vw,60px)}
  .canva-hero-slider .hero-content .hero-subtitle{font-size:13px !important}
  .canva-hero-slider .hero-content>p:not(.eyebrow):not(.hero-subtitle){font-size:11px;max-width:620px}
  .canva-hero-slider .hero-actions{margin-top:20px}
  .canva-slider-counter{right:7vw;top:102px}
  .canva-slider-progress{left:7vw;bottom:31px;width:150px}
  .canva-slider-controls{right:7vw;bottom:20px}
}
@media(max-width:520px){
  .site-header{height:68px}
  .site-header .brand img{width:112px}
  .site-header .brand-mark{height:30px}
  .site-header .nav{top:68px}
  .canva-hero-slider{min-height:620px !important}
  .canva-hero-slider .hero-slide{background-position:center center}
  .canva-hero-slider .hero-content{top:52%;left:6vw;right:6vw}
  .canva-hero-slider .hero-content .eyebrow{font-size:8px;letter-spacing:.13em;margin-bottom:11px}
  .canva-hero-slider .hero-content h1{font-size:clamp(31px,10vw,48px);line-height:1.0;margin-bottom:13px}
  .canva-hero-slider .hero-content .hero-subtitle{font-size:11px !important}
  .canva-hero-slider .hero-content>p:not(.eyebrow):not(.hero-subtitle){font-size:10px;line-height:1.55}
  .canva-hero-slider .hero-actions{gap:7px;margin-top:18px}
  .canva-hero-slider .hero-actions .btn{min-height:38px;padding:0 13px;font-size:8px}
  .canva-slider-counter{right:6vw;top:91px}
  .canva-slider-counter strong{font-size:20px}
  .canva-slider-progress{left:6vw;bottom:24px;width:100px}
  .canva-slider-controls{right:6vw;bottom:13px}
  .canva-slider-controls .hero-tab{width:20px;min-width:20px}
  .canva-slider-controls .hero-arrow{width:28px;height:28px;font-size:18px}
}

/* =========================================================
   PRODUCTION HOMEPAGE SECTIONS v8
   Header + hero are intentionally untouched.
   ========================================================= */
/* Services dropdown: larger, readable, and directly clickable */
.site-header .nav-drop{position:relative;height:100%;display:flex;align-items:center}
.site-header .dropdown{top:100%;left:-14px;min-width:255px;padding:8px;background:#07354c;border:1px solid rgba(255,255,255,.12);border-radius:8px;box-shadow:0 18px 40px rgba(0,0,0,.28);z-index:100}
.site-header .nav-drop:hover .dropdown,.site-header .nav-drop:focus-within .dropdown{display:block}
.site-header .dropdown a{display:block;padding:11px 13px;font-family:Montserrat,Inter,Arial,sans-serif;font-size:12px!important;line-height:1.35;font-weight:700;letter-spacing:.025em;color:#fff;text-transform:uppercase;border-radius:5px}
.site-header .dropdown a:hover,.site-header .dropdown a:focus{background:rgba(232,168,23,.14);color:#f0b72a}
@media(max-width:760px){.site-header .nav-drop{height:auto;display:block}.site-header .dropdown{position:static;min-width:0;margin:2px 0 5px;padding:3px 0 3px 14px;background:transparent;border:0;box-shadow:none}.site-header .dropdown a{font-size:12px!important;padding:9px 10px;background:rgba(255,255,255,.04)} }

/* Canva reference: About New Way */
.canva-about-section{background:#fff;padding:82px 10.5vw 88px;display:grid;grid-template-columns:1fr .92fr;gap:74px;align-items:center}
.canva-about-copy .eyebrow{font-size:11px;letter-spacing:.2em;margin-bottom:22px}
.canva-about-copy h2{font-size:clamp(32px,3vw,44px);line-height:1.08;letter-spacing:-.04em;color:#003654;margin:0 0 24px;font-weight:900}
.canva-gold-line{width:65px;height:4px;background:var(--gold);margin:0 0 28px}
.canva-about-copy .about-lead{font-size:21px;line-height:1.38;color:#315975;margin:0 0 29px;max-width:720px}
.canva-service-tags{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:37px}
.canva-service-tags a{border:1px solid #cad9e1;border-radius:999px;padding:10px 16px;font-size:14px;font-weight:700;color:#003e62;background:#fff;transition:transform .25s,box-shadow .25s,border-color .25s}
.canva-service-tags a:hover{transform:translateY(-2px);border-color:var(--gold);box-shadow:0 7px 18px rgba(5,52,76,.08)}
.canva-about-quote{border-left:5px solid var(--gold);padding:1px 0 1px 20px;font-size:20px;line-height:1.45;font-weight:800;color:#003654;max-width:640px}
.canva-about-image{height:475px;border-radius:22px;overflow:hidden;box-shadow:0 20px 50px rgba(3,52,78,.13)}
.canva-about-image img{width:100%;height:100%;object-fit:cover}

/* Canva reference: Services */
.canva-services-section{background:#eef3f5;padding:62px 10.5vw 75px}
.canva-section-kicker{font-size:11px;letter-spacing:.2em;font-weight:900;color:var(--gold);margin:0 0 14px}
.canva-section-title{font-size:clamp(30px,3vw,40px);line-height:1.1;letter-spacing:-.04em;color:#003654;font-weight:900;margin:0 0 19px}
.canva-section-title + .canva-gold-line{margin-bottom:24px}
.canva-service-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.canva-service-card{display:flex;flex-direction:column;background:#fff;border:1px solid #d5e2e8;border-radius:15px;overflow:hidden;min-width:0;transition:transform .28s,box-shadow .28s,border-color .28s}
.canva-service-card:hover{transform:translateY(-5px);box-shadow:0 18px 35px rgba(4,45,67,.11);border-color:#b9cdd8}
.canva-service-card .card-image{height:150px;overflow:hidden}
.canva-service-card .card-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
.canva-service-card:hover .card-image img{transform:scale(1.055)}
.canva-service-card .card-body{padding:18px 19px 21px;display:flex;flex-direction:column;flex:1}
.canva-service-icon{width:42px;height:42px;border-radius:10px;background:#063852;color:var(--gold);display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:800;margin-top:0;margin-bottom:18px}
.canva-service-card h3{font-size:16px;line-height:1.2;color:#003654;margin:0 0 10px;font-weight:900;text-transform:uppercase}
.canva-service-card p{font-size:14px;line-height:1.45;color:#315975;margin:0}

/* Canva reference: Why New Way */
.canva-why-section{background:#fff;padding:78px 10.5vw 92px}
.canva-why-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.canva-why-card{border:1px solid #d4e1e7;border-radius:14px;padding:24px;min-height:177px;background:#fff;transition:transform .28s,box-shadow .28s,border-color .28s}
.canva-why-card:hover{transform:translateY(-4px);box-shadow:0 15px 32px rgba(4,45,67,.08);border-color:#b9cdd8}
.canva-why-icon{width:42px;height:42px;border-radius:10px;background:#063852;color:var(--gold);display:flex;align-items:center;justify-content:center;font-size:19px;margin-bottom:19px}
.canva-why-card h3{font-size:16px;line-height:1.2;color:#003654;margin:0 0 10px;font-weight:900;text-transform:uppercase}
.canva-why-card p{font-size:14px;line-height:1.45;color:#315975;margin:0;max-width:400px}
@media(max-width:1100px){.canva-about-section,.canva-services-section,.canva-why-section{padding-left:6vw;padding-right:6vw}.canva-service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.canva-about-image{height:430px}}
@media(max-width:760px){.canva-about-section{grid-template-columns:1fr;gap:35px;padding-top:58px}.canva-about-image{height:330px}.canva-about-copy .about-lead{font-size:18px}.canva-service-tags a{font-size:12px;padding:9px 13px}.canva-services-section{padding-top:52px}.canva-service-grid{grid-template-columns:1fr}.canva-service-card .card-image{height:190px}.canva-why-grid{grid-template-columns:1fr}.canva-why-card{min-height:0}.canva-section-title{font-size:30px}}

/* =========================================================
   SERVICE PAGES v8
   Consistent with the locked header/hero and Canva homepage.
   ========================================================= */
.canva-service-page-hero{min-height:680px;padding:150px 10.5vw 100px;align-items:center;background-position:center;background-size:cover}
.canva-service-page-hero .hero-overlay{background:linear-gradient(90deg,rgba(3,37,55,.78),rgba(3,37,55,.28) 72%,rgba(3,37,55,.08))}
.canva-service-page-hero .service-detail-copy{max-width:760px}
.canva-service-page-hero .service-detail-copy h1{font-size:clamp(50px,6vw,82px);margin-bottom:22px}
.canva-service-page-hero .service-detail-copy>p:not(.eyebrow){font-size:19px;line-height:1.5;max-width:650px}
.canva-service-overview{display:grid;grid-template-columns:.8fr 1.2fr;gap:90px;align-items:center;padding:88px 10.5vw;background:#fff}
.canva-service-overview h2,.canva-capabilities h2,.canva-service-image-row h2{font-size:clamp(34px,3.5vw,50px);line-height:1.03;letter-spacing:-.045em;color:#003654;margin:0;font-weight:900}
.canva-service-overview h2 span,.canva-service-image-row h2 span{color:#0b5f91}
.canva-service-overview p:not(.eyebrow),.canva-service-image-row p:not(.eyebrow){font-size:18px;line-height:1.6;color:#315975}
.canva-capabilities{display:grid;grid-template-columns:.7fr 1.3fr;gap:70px;padding:82px 10.5vw;background:#063852;color:#fff;align-items:start}
.canva-capabilities h2{color:#fff}
.canva-capabilities h2 span{color:var(--gold)}
.canva-capability-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.canva-capability-grid article{border:1px solid rgba(255,255,255,.16);border-radius:13px;padding:22px;min-height:185px;background:rgba(255,255,255,.035);transition:transform .28s,background .28s,border-color .28s}
.canva-capability-grid article:hover{transform:translateY(-5px);background:rgba(255,255,255,.07);border-color:rgba(232,168,23,.55)}
.canva-capability-grid b{display:flex;width:38px;height:38px;align-items:center;justify-content:center;border-radius:9px;background:var(--gold);color:#063852;font-size:12px;margin-bottom:23px}
.canva-capability-grid h3{font-size:16px;line-height:1.25;text-transform:uppercase;margin:0 0 9px;color:#fff}
.canva-capability-grid p{font-size:13px;line-height:1.45;color:rgba(255,255,255,.67);margin:0}
.canva-service-image-row{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;padding:88px 10.5vw;background:#fff}
.canva-service-image-row>img{width:100%;height:430px;object-fit:cover;border-radius:20px;box-shadow:0 20px 50px rgba(3,52,78,.12)}
.canva-service-bottom{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:55px 10.5vw;background:#eef3f5}
.canva-service-bottom h2{font-size:30px;line-height:1.1;color:#003654;margin:0}
.canva-services-hero{min-height:560px;padding:150px 10.5vw 90px}
.canva-services-hero>div{max-width:760px}
.canva-services-hero h1{font-size:clamp(50px,6vw,82px);line-height:.95;letter-spacing:-.05em;margin:0 0 20px}
.canva-services-hero h1 span{color:var(--gold)}
.canva-services-hero>div>p:not(.eyebrow){font-size:19px;color:rgba(255,255,255,.84);max-width:650px}
.service-list-page{padding-top:75px}
@media(max-width:1000px){.canva-service-overview,.canva-capabilities,.canva-service-image-row{grid-template-columns:1fr;gap:45px}.canva-capability-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){.canva-service-page-hero{min-height:620px;padding:130px 6vw 75px}.canva-service-page-hero .service-detail-copy h1{font-size:48px}.canva-service-page-hero .service-detail-copy>p:not(.eyebrow){font-size:16px}.canva-service-overview,.canva-capabilities,.canva-service-image-row,.canva-service-bottom,.canva-services-hero{padding-left:6vw;padding-right:6vw}.canva-service-overview,.canva-capabilities,.canva-service-image-row{padding-top:65px;padding-bottom:65px}.canva-capability-grid{grid-template-columns:1fr}.canva-service-image-row>img{height:330px}.canva-service-bottom{flex-direction:column;align-items:flex-start}.canva-services-hero{min-height:500px;padding-top:130px}.canva-services-hero h1{font-size:52px}}

/* GLOBAL NETWORK - Canva reference section */
.nw-global-network{position:relative;isolation:isolate;overflow:hidden;margin:0 8vw;padding:64px 60px;background:#06334b;color:#fff;border-radius:26px;min-height:448px;display:flex;align-items:center}
.nw-network-grid-bg{position:absolute;inset:0;z-index:-3;background-color:#06334b;background-image:linear-gradient(rgba(255,255,255,.075) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.075) 1px,transparent 1px);background-size:50px 45px;opacity:.72}
.nw-route-lines{position:absolute;inset:0;z-index:-1;pointer-events:none;overflow:hidden}
.nw-route-lines svg{position:absolute;width:100%;height:100%;inset:0;overflow:visible}
.nw-route-lines .route{fill:none;stroke:#e7a719;stroke-width:2.5;stroke-dasharray:10 10;stroke-linecap:butt;opacity:.72;animation:nwRouteFlow 12s linear infinite}
.nw-route-lines .route-two{animation-duration:15s;animation-direction:reverse;opacity:.6}
.nw-route-lines .route-three{animation-duration:10s;opacity:.45}
@keyframes nwRouteFlow{to{stroke-dashoffset:-240}}
.nw-global-inner{width:100%;display:grid;grid-template-columns:1fr .88fr;gap:72px;align-items:center}
.nw-global-copy{max-width:650px}
.nw-global-kicker{margin:0 0 20px;color:#f2a915;font-size:14px;font-weight:900;letter-spacing:.18em}
.nw-global-copy h2{margin:0;color:#fff;font-size:clamp(34px,3.25vw,50px);line-height:1.05;letter-spacing:-.045em;font-weight:900}
.nw-global-line{display:block;width:65px;height:4px;background:#e9a817;margin:26px 0 28px}
.nw-global-copy>p:last-child{margin:0;max-width:650px;font-size:17px;line-height:1.55;color:rgba(255,255,255,.92)}
.nw-global-card{padding:30px;border:1px solid rgba(255,255,255,.17);border-radius:16px;background:rgba(255,255,255,.065);backdrop-filter:blur(2px);box-shadow:0 18px 45px rgba(0,0,0,.08)}
.nw-global-group+.nw-global-group{margin-top:27px}
.nw-global-group strong{display:block;color:#f2a915;font-size:15px;line-height:1.25;letter-spacing:.01em;margin-bottom:9px}
.nw-global-group p{margin:0;color:#fff;font-size:15px;line-height:1.42;font-weight:800}
@media(max-width:1100px){.nw-global-network{margin:0 6vw;padding:52px 42px}.nw-global-inner{gap:42px}.nw-global-copy h2{font-size:clamp(32px,4vw,45px)}.nw-global-card{padding:25px}.nw-global-group p{font-size:14px}}
@media(max-width:760px){.nw-global-network{margin:0 5vw;padding:48px 28px;min-height:auto;border-radius:20px}.nw-global-inner{grid-template-columns:1fr;gap:35px}.nw-global-kicker{font-size:12px;margin-bottom:15px}.nw-global-copy h2{font-size:34px}.nw-global-line{margin:20px 0 22px}.nw-global-copy>p:last-child{font-size:15px}.nw-global-card{padding:22px}.nw-global-group strong{font-size:13px}.nw-global-group p{font-size:13px}.nw-route-lines svg{width:150%;left:-25%;opacity:.7}.nw-network-grid-bg{background-size:38px 38px}}
@media(max-width:480px){.nw-global-network{margin:0 4vw;padding:38px 20px}.nw-global-copy h2{font-size:29px}.nw-global-copy>p:last-child{font-size:14px}.nw-global-card{padding:19px}.nw-global-group+.nw-global-group{margin-top:21px}.nw-global-group p{font-size:12px}.nw-route-lines{opacity:.7}}
@media(prefers-reduced-motion:reduce){.nw-route-lines .route{animation:none}.nw-global-network *{scroll-behavior:auto}}

/* === APPROVED HOMEPAGE: SPECIALIZED CARGO SECTION === */
.specialized-cargo-section{
  background:#fff;
  color:var(--navy);
  padding:72px 12.2% 58px;
}
.specialized-cargo-head{margin-bottom:26px}
.specialized-cargo-head .eyebrow{margin-bottom:14px}
.specialized-cargo-head h2{
  color:var(--navy);
  font-size:clamp(28px,2.35vw,40px);
  line-height:1.12;
  letter-spacing:-.035em;
  margin:0;
  font-weight:900;
}
.specialized-cargo-line{
  display:block;
  width:58px;
  height:4px;
  background:var(--gold);
  margin-top:20px;
}
.specialized-cargo-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:22px;
}
.specialized-card{
  position:relative;
  display:block;
  height:266px;
  overflow:hidden;
  border-radius:18px;
  background:#123f5f;
  isolation:isolate;
  box-shadow:0 12px 28px rgba(3,31,50,.08);
  transform:translateZ(0);
}
.specialized-card img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  transition:transform .65s cubic-bezier(.2,.7,.2,1),filter .65s ease;
  z-index:-2;
}
.specialized-card-overlay{
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(3,27,46,.02) 24%,rgba(3,27,46,.22) 45%,rgba(3,27,46,.92) 100%);
  z-index:-1;
  transition:background .4s ease;
}
.specialized-card-copy{
  position:absolute;
  left:24px;
  right:24px;
  bottom:20px;
  color:#fff;
}
.specialized-card-copy h3{
  margin:0 0 9px;
  color:#fff;
  font-size:clamp(17px,1.15vw,22px);
  line-height:1.1;
  font-weight:900;
  letter-spacing:-.015em;
}
.specialized-card-copy p{
  margin:0;
  color:#fff;
  font-size:clamp(11px,.9vw,15px);
  line-height:1.45;
  max-width:92%;
}
.specialized-card:hover img{
  transform:scale(1.055);
  filter:saturate(1.05);
}
.specialized-card:hover .specialized-card-overlay{
  background:linear-gradient(180deg,rgba(3,27,46,.04) 20%,rgba(3,27,46,.3) 48%,rgba(3,27,46,.95) 100%);
}
.specialized-cargo-action{
  display:flex;
  justify-content:center;
  margin-top:38px;
}
.specialized-cargo-button{
  min-width:258px;
  justify-content:center;
  font-size:13px;
  letter-spacing:.09em;
  padding:16px 25px;
}
@media(max-width:1100px){
  .specialized-cargo-section{padding-left:7%;padding-right:7%}
  .specialized-card{height:245px}
}
@media(max-width:760px){
  .specialized-cargo-section{padding:55px 6% 48px}
  .specialized-cargo-grid{grid-template-columns:1fr 1fr;gap:14px}
  .specialized-card{height:225px;border-radius:14px}
  .specialized-card-copy{left:17px;right:17px;bottom:16px}
  .specialized-card-copy h3{font-size:16px}
  .specialized-card-copy p{font-size:11px}
}
@media(max-width:520px){
  .specialized-cargo-section{padding:45px 5% 42px}
  .specialized-cargo-head h2{font-size:27px}
  .specialized-cargo-line{width:50px;height:3px;margin-top:15px}
  .specialized-cargo-grid{grid-template-columns:1fr;gap:14px}
  .specialized-card{height:230px}
  .specialized-card-copy h3{font-size:18px}
  .specialized-card-copy p{font-size:12px;max-width:95%}
  .specialized-cargo-button{width:100%;min-width:0}
}
@media(prefers-reduced-motion:reduce){
  .specialized-card img,.specialized-card-overlay{transition:none}
}

/* v11: Industries section rebuilt from supplied reference. The existing
   "Built around your cargo" section is intentionally replaced. */
.industries-v11{background:#edf3f6;padding-top:105px;padding-bottom:105px}
.industries-v11-head{margin-bottom:30px}
.industries-v11-head h2{font-size:clamp(34px,4vw,58px);line-height:1.04;letter-spacing:-.045em;margin:0;color:#08344d;font-weight:900}
.industries-v11-line{display:block;width:65px;height:4px;background:var(--gold);margin-top:22px}
.industries-v11-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.industry-v11-card{min-height:178px;border-radius:17px;background:#073b55;color:#fff;padding:28px 25px 26px;display:flex;flex-direction:column;justify-content:space-between;border:1px solid rgba(7,59,85,.18);transition:transform .35s ease,box-shadow .35s ease,background .35s ease;position:relative;overflow:hidden}
.industry-v11-card::after{content:"";position:absolute;inset:auto -30px -65px auto;width:150px;height:150px;border-radius:50%;background:rgba(255,255,255,.035);transition:transform .45s ease}
.industry-v11-card:hover{transform:translateY(-7px);box-shadow:0 18px 40px rgba(5,34,55,.18);background:#0a4562}
.industry-v11-card:hover::after{transform:scale(1.35)}
.industry-v11-icon{font-size:37px;line-height:1;color:var(--gold);font-weight:400;display:block;position:relative;z-index:1}
.industry-v11-card>span:last-child{font-size:16px;line-height:1.15;font-weight:900;letter-spacing:.005em;position:relative;z-index:1}
@media(max-width:1000px){.industries-v11-grid{grid-template-columns:repeat(2,1fr)}.industries-v11{padding-top:85px;padding-bottom:85px}}
@media(max-width:760px){.industries-v11{padding:70px 6vw}.industries-v11-head h2{font-size:36px}.industries-v11-grid{grid-template-columns:1fr 1fr;gap:14px}.industry-v11-card{min-height:150px;padding:22px 18px}.industry-v11-icon{font-size:31px}.industry-v11-card>span:last-child{font-size:13px}}
@media(max-width:500px){.industries-v11-grid{grid-template-columns:1fr}.industry-v11-card{min-height:135px}.industry-v11-card>span:last-child{font-size:15px}}
.industries-v11.reveal-section .industries-v11-head,.industries-v11.reveal-section .industries-v11-grid{opacity:0;transform:translateY(35px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.75,.2,1)}
.industries-v11.reveal-section.is-visible .industries-v11-head,.industries-v11.reveal-section.is-visible .industries-v11-grid{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){.industries-v11.reveal-section .industries-v11-head,.industries-v11.reveal-section .industries-v11-grid,.industry-v11-card,.industry-v11-card::after{transition:none!important}}


/* v12: approved Canva-style final homepage sections */
.how-work-v12{background:#fff;padding-top:86px;padding-bottom:58px}
.how-work-head{max-width:1500px;margin:0 auto 28px}
.how-work-head h2{font-size:clamp(34px,3.2vw,54px);line-height:1.05;letter-spacing:-.045em;color:var(--navy);margin:0}
.how-work-line{display:block;width:65px;height:4px;background:var(--gold);margin-top:24px}
.how-work-grid{max-width:1500px;margin:0 auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.how-work-card{min-height:160px;border:1px solid #d6e0e5;border-radius:17px;padding:27px 28px 24px;background:#fff;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}
.how-work-card:hover{transform:translateY(-4px);box-shadow:0 16px 35px rgba(5,45,66,.08);border-color:#c7d5dc}
.how-work-number{display:block;color:var(--gold);font-size:23px;font-weight:800;line-height:1;margin-bottom:18px}
.how-work-card h3{font-size:20px;line-height:1.15;color:var(--navy);margin:0 0 12px;font-weight:850;letter-spacing:.01em}
.how-work-card p{margin:0;color:#365875;font-size:16px;line-height:1.45}
.shipment-cta-v12{position:relative;min-height:575px;display:flex;align-items:center;overflow:hidden;color:#fff;background:#062f44}
.shipment-cta-bg{position:absolute;z-index:0;inset:0;background:#163f52;transform:scale(1.01)}
.shipment-cta-video-wrap{position:absolute;z-index:1;left:7.5%;top:17%;width:min(560px,40vw);height:235px;overflow:hidden;border-radius:28px;pointer-events:none;opacity:.38;mix-blend-mode:normal;background:linear-gradient(135deg,rgba(7,53,75,.30),rgba(8,73,101,.16));box-shadow:0 0 0 1px rgba(255,255,255,.08),0 18px 40px rgba(0,0,0,.10)}
.shipment-cta-video{display:block;width:100%;height:100%;object-fit:cover;object-position:center;filter:saturate(.72) contrast(1.02) brightness(1.08);transform:scale(1.03)}
.shipment-cta-inner{position:relative;z-index:2;width:min(1500px,84vw);margin:0 auto;padding:80px 0}
.shipment-cta-actions .shipment-btn{position:relative;overflow:hidden;transition:transform .28s cubic-bezier(.2,.75,.2,1),box-shadow .28s ease,background-color .28s ease,border-color .28s ease}
.shipment-cta-actions .shipment-btn::after{content:"";position:absolute;inset:0 auto 0 -125%;width:70%;background:linear-gradient(105deg,transparent,rgba(255,255,255,.28),transparent);transform:skewX(-18deg);transition:left .55s ease;pointer-events:none}
.shipment-cta-actions .shipment-btn:hover{transform:translateY(-4px);box-shadow:0 14px 30px rgba(0,0,0,.2)}
.shipment-cta-actions .shipment-btn:hover::after{left:135%}
.shipment-cta-actions .shipment-btn:active{transform:translateY(-1px) scale(.985)}
.shipment-cta-actions .shipment-btn-outline:hover{border-color:rgba(255,255,255,.95);background:rgba(255,255,255,.1)}
.shipment-cta-inner .eyebrow{font-size:13px;letter-spacing:.19em;margin-bottom:20px}
.shipment-cta-inner h2{font-size:clamp(38px,4vw,61px);line-height:1.02;letter-spacing:-.045em;margin:0 0 20px;color:#fff}
.shipment-cta-lead{font-size:23px;line-height:1.35;max-width:760px;margin:0 0 28px;color:#fff}
.shipment-cta-meta{font-size:15px;line-height:1.4;letter-spacing:.12em;font-weight:800;color:var(--gold);margin:0 0 38px}
.shipment-cta-actions{display:flex;gap:15px;flex-wrap:wrap}
.shipment-btn{min-width:255px;min-height:66px;border-radius:11px;font-size:16px;letter-spacing:.08em}
.shipment-btn-outline{border:1px solid rgba(255,255,255,.65);background:rgba(3,39,56,.25);min-width:260px}
@media(max-width:1000px){.how-work-v12{padding-left:6vw;padding-right:6vw}.how-work-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.shipment-cta-inner{width:88vw}.shipment-cta-lead{font-size:20px}}
@media(max-width:760px){.how-work-v12{padding-top:70px;padding-bottom:55px}.how-work-grid{grid-template-columns:1fr;gap:14px}.how-work-card{min-height:145px;padding:24px}.how-work-card h3{font-size:18px}.how-work-card p{font-size:15px}.shipment-cta-v12{min-height:590px}.shipment-cta-bg{background-position:62% center}.shipment-cta-video-wrap{left:6vw;top:14%;width:88vw;height:220px;opacity:.13;border-radius:22px}.shipment-cta-inner{width:88vw;padding:70px 0}.shipment-cta-inner .eyebrow{font-size:10px;line-height:1.5}.shipment-cta-inner h2{font-size:38px}.shipment-cta-lead{font-size:18px}.shipment-cta-meta{font-size:11px;letter-spacing:.09em}.shipment-btn{min-width:0;width:100%;min-height:58px;font-size:13px}.desktop-only{display:none}}
@media(prefers-reduced-motion:reduce){.how-work-card{transition:none}.shipment-cta-bg{transform:none}.shipment-cta-video{display:none}.shipment-cta-actions .shipment-btn,.shipment-cta-actions .shipment-btn::after{transition:none!important}}


/* ===== CANVA-STYLE FOOTER RESPONSIVE OVERRIDES ===== */
@media(max-width:1100px){
  .footer-grid{grid-template-columns:1.15fr .8fr 1fr;gap:45px}
  .footer-contact-col{grid-column:1/-1}
}
@media(max-width:760px){
  .footer{padding:48px 6vw 22px}
  .footer-grid{grid-template-columns:1fr;gap:35px}
  .footer-contact-col{grid-column:auto}
  .footer-logo{width:220px}
  .footer-brand-col h3{font-size:18px;margin-bottom:18px}
  .footer-brand-col p,.footer-col a,.footer-col p{font-size:15px}
  .footer-col h4{font-size:14px;margin-bottom:17px}
  .footer-bottom{margin-top:28px;padding-top:20px;align-items:flex-start;flex-direction:column;gap:14px;font-size:12px}
  .footer-legal{gap:15px;flex-wrap:wrap}
}


/* ===== SITEWIDE NAVIGATION / FOOTER LINK FIX ===== */
.site-header .nav a,
.site-header .nav-drop,
.site-header .dropdown a,
.footer a { pointer-events:auto; }
.footer { position:relative; z-index:5; }
.footer a.active { color:var(--gold); }
.footer-legal a.active { color:var(--gold); }
.site-header .nav > a.active,
.site-header .nav-drop > a.active { color:var(--gold); }

/* =========================================================
   HERO SLIDER FINAL VISUAL MATCH
   Match the supplied Canva reference: photograph remains visible,
   a dark navy photographic veil improves contrast, and live text
   sits directly on the image without a grey card/panel.
   ========================================================= */
.canva-hero-slider .hero-overlay{
  display:block !important;
  position:absolute !important;
  inset:0 !important;
  z-index:2 !important;
  pointer-events:none !important;
  background:
    linear-gradient(90deg,
      rgba(3,37,55,.91) 0%,
      rgba(3,37,55,.82) 24%,
      rgba(3,37,55,.63) 46%,
      rgba(3,37,55,.34) 68%,
      rgba(3,37,55,.14) 86%,
      rgba(3,37,55,.08) 100%),
    rgba(3,37,55,.10) !important;
}
.canva-hero-slider .hero-content{
  position:absolute !important;
  left:clamp(24px,10.4vw,200px) !important;
  right:24px !important;
  top:50% !important;
  transform:translateY(-42%) !important;
  max-width:850px !important;
  z-index:5 !important;
  padding:0 !important;
  border-radius:0 !important;
  isolation:auto !important;
  text-shadow:none !important;
}
/* Remove the old translucent reading-card completely. */
.canva-hero-slider .hero-content::before{
  content:none !important;
  display:none !important;
}
.canva-hero-slider .hero-content > *{
  position:relative !important;
  z-index:1 !important;
}
.canva-hero-slider .hero-content .eyebrow{
  margin:0 0 15px !important;
  color:#f4b51f !important;
  font-size:clamp(10px,.78vw,14px) !important;
  line-height:1.2 !important;
  font-weight:800 !important;
  letter-spacing:.16em !important;
  text-shadow:0 1px 2px rgba(0,0,0,.45) !important;
}
.canva-hero-slider .hero-content h1,
.canva-hero-slider .hero-content h1 span,
.canva-hero-slider .hero-content h1 .accent-line{
  margin:0 0 18px !important;
  color:#fff !important;
  font-family:Montserrat,Arial,sans-serif !important;
  font-size:clamp(40px,3.15vw,58px) !important;
  line-height:1.02 !important;
  letter-spacing:-.035em !important;
  font-weight:900 !important;
  text-transform:uppercase !important;
  -webkit-text-stroke:0 !important;
  filter:none !important;
  text-shadow:0 2px 2px rgba(0,0,0,.72) !important;
}
.canva-hero-slider .hero-content h1:after{
  display:block !important;
  width:72px !important;
  height:3px !important;
  margin-top:16px !important;
  background:#f0b72c !important;
  box-shadow:none !important;
  transition:width .65s cubic-bezier(.16,1,.3,1) !important;
}
.canva-hero-slider .hero-content .hero-subtitle{
  margin:0 0 10px !important;
  color:#f2b62b !important;
  font-family:Montserrat,Arial,sans-serif !important;
  font-size:clamp(15px,1.05vw,20px) !important;
  line-height:1.35 !important;
  font-weight:800 !important;
  text-shadow:0 1px 2px rgba(0,0,0,.48) !important;
}
.canva-hero-slider .hero-content > p:not(.eyebrow):not(.hero-subtitle){
  margin:0 !important;
  max-width:720px !important;
  color:#fff !important;
  font-family:Montserrat,Arial,sans-serif !important;
  font-size:clamp(13px,.95vw,18px) !important;
  line-height:1.48 !important;
  font-weight:500 !important;
  text-shadow:0 1px 2px rgba(0,0,0,.58) !important;
}
.canva-hero-slider .hero-actions{
  margin-top:24px !important;
  display:flex !important;
  gap:12px !important;
  flex-wrap:wrap !important;
}
.canva-hero-slider .hero-actions .btn{
  min-height:46px !important;
  padding:0 22px !important;
  border-radius:5px !important;
  font-family:Montserrat,Arial,sans-serif !important;
  font-size:11px !important;
  font-weight:800 !important;
  letter-spacing:.045em !important;
  text-shadow:none !important;
}
.canva-hero-slider .hero-actions .btn-primary{
  background:#f0ad12 !important;
  color:#07354c !important;
}
.canva-hero-slider .hero-actions .btn-ghost{
  background:rgba(7,47,69,.20) !important;
  border:1px solid rgba(255,255,255,.72) !important;
  color:#fff !important;
  backdrop-filter:none !important;
}
.canva-hero-slider .hero-slide{
  filter:none !important;
}
.canva-hero-slider .hero-slide.active{transform:scale(1.018) !important}
.canva-hero-slider .hero-slide:not(.active){transform:scale(1.045) !important}
@media(max-width:820px){
  .canva-hero-slider .hero-overlay{
    background:
      linear-gradient(90deg,rgba(3,37,55,.90),rgba(3,37,55,.67) 55%,rgba(3,37,55,.25)),
      rgba(3,37,55,.08) !important;
  }
  .canva-hero-slider .hero-content{
    left:7vw !important;
    right:7vw !important;
    max-width:none !important;
    top:50% !important;
  }
  .canva-hero-slider .hero-content h1{
    font-size:clamp(36px,8.5vw,56px) !important;
  }
  .canva-hero-slider .hero-content .hero-subtitle{font-size:13px !important}
  .canva-hero-slider .hero-content > p:not(.eyebrow):not(.hero-subtitle){font-size:11px !important}
}
@media(max-width:520px){
  .canva-hero-slider .hero-content{top:52% !important;left:6vw !important;right:6vw !important}
  .canva-hero-slider .hero-content .eyebrow{font-size:8px !important;margin-bottom:11px !important}
  .canva-hero-slider .hero-content h1{font-size:clamp(31px,10vw,48px) !important;margin-bottom:13px !important}
  .canva-hero-slider .hero-content .hero-subtitle{font-size:11px !important}
  .canva-hero-slider .hero-content > p:not(.eyebrow):not(.hero-subtitle){font-size:10px !important}
}

/* =========================================================
   v22 LAYERING FIX
   The photographic veil belongs INSIDE each slide so it sits
   between the image and the live HTML content. The old sibling
   .hero-overlay could paint over the slide content.
   ========================================================= */
.canva-hero-slider .hero-overlay{
  display:none !important;
}
.canva-hero-slider .hero-slide{
  isolation:isolate !important;
  position:absolute !important;
}
.canva-hero-slider .hero-slide::before{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  z-index:1 !important;
  pointer-events:none !important;
  background:
    linear-gradient(90deg,
      rgba(4,34,51,.86) 0%,
      rgba(4,34,51,.74) 25%,
      rgba(4,34,51,.52) 43%,
      rgba(4,34,51,.27) 62%,
      rgba(4,34,51,.09) 82%,
      rgba(4,34,51,.03) 100%),
    linear-gradient(180deg,
      rgba(4,34,51,.16) 0%,
      rgba(4,34,51,0) 38%,
      rgba(4,34,51,.10) 100%) !important;
}
.canva-hero-slider .hero-content{
  z-index:3 !important;
  position:absolute !important;
}
.canva-hero-slider .hero-content > *{
  z-index:4 !important;
}
.canva-hero-slider .hero-content h1,
.canva-hero-slider .hero-content h1 span,
.canva-hero-slider .hero-content h1 .accent-line{
  color:#fff !important;
  text-shadow:0 2px 5px rgba(0,0,0,.55) !important;
}
.canva-hero-slider .hero-content .hero-subtitle{
  color:#f5b72a !important;
  text-shadow:0 1px 3px rgba(0,0,0,.55) !important;
}
.canva-hero-slider .hero-content > p:not(.eyebrow):not(.hero-subtitle){
  color:#fff !important;
  text-shadow:0 1px 3px rgba(0,0,0,.60) !important;
}
@media(max-width:820px){
  .canva-hero-slider .hero-slide::before{
    background:
      linear-gradient(90deg,rgba(4,34,51,.86) 0%,rgba(4,34,51,.70) 45%,rgba(4,34,51,.24) 100%),
      linear-gradient(180deg,rgba(4,34,51,.15),rgba(4,34,51,.08)) !important;
  }
}

/* =========================================================

/* =========================================================
   V31 HERO MOTION REBUILD
   Clean, isolated motion stack. Visual baseline remains v22.
   ========================================================= */
.canva-hero-slider .hero-slide{
  visibility:hidden;
  opacity:0;
  z-index:0;
  transform:none;
  clip-path:inset(0 0 0 100%);
  background-size:100% 100%;
  background-position:center center;
  background-repeat:no-repeat;
  transition:none;
  overflow:hidden;
}
.canva-hero-slider .hero-slide.active{
  visibility:visible;
  opacity:1;
  z-index:2;
  clip-path:inset(0);
}
.canva-hero-slider .hero-slide.active .hero-content,
.canva-hero-slider .hero-actions{
  animation:none;
}
.canva-hero-slider .hero-slide.is-entering{
  animation:v31SlideReveal 1.35s cubic-bezier(.16,1,.3,1) both;
}
@keyframes v31SlideReveal{
  0%{clip-path:inset(0 0 0 100%);background-size:114% 114%;background-position:58% 50%;}
  55%{clip-path:inset(0);background-size:106% 106%;background-position:53% 50%;}
  100%{clip-path:inset(0);background-size:100% 100%;background-position:50% 50%;}
}
.canva-hero-slider .hero-content h1 .hero-line{
  display:block;
  opacity:1;
  transform:none;
  filter:none;
  clip-path:none;
  overflow:visible;
}
.canva-hero-slider .hero-slide.is-entering .hero-content .eyebrow{
  animation:v31Eyebrow .65s cubic-bezier(.16,1,.3,1) .08s both;
}
@keyframes v31Eyebrow{
  0%{opacity:0;transform:translate3d(-42px,0,0);filter:blur(8px);}
  70%{opacity:1;transform:translate3d(4px,0,0);filter:blur(0);}
  100%{opacity:1;transform:none;filter:none;}
}
.canva-hero-slider .hero-slide.is-entering .hero-content h1 .hero-line{
  animation:v31Headline .78s cubic-bezier(.16,1,.3,1) both;
}
.canva-hero-slider .hero-slide.is-entering .hero-content h1 .hero-line:nth-child(1){animation-delay:.20s;}
.canva-hero-slider .hero-slide.is-entering .hero-content h1 .hero-line:nth-child(2){animation-delay:.34s;}
@keyframes v31Headline{
  0%{opacity:0;transform:translate3d(0,34px,0);clip-path:inset(0 100% 0 0);filter:blur(7px);}
  55%{opacity:1;transform:translate3d(0,-3px,0);clip-path:inset(0 10% 0 0);filter:blur(.5px);}
  100%{opacity:1;transform:none;clip-path:inset(0);filter:none;}
}
.canva-hero-slider .hero-slide.is-entering .hero-content .hero-subtitle{
  animation:v31Copy .65s cubic-bezier(.16,1,.3,1) .58s both;
}
.canva-hero-slider .hero-slide.is-entering .hero-content > p:not(.eyebrow):not(.hero-subtitle){
  animation:v31Copy .65s cubic-bezier(.16,1,.3,1) .70s both;
}
@keyframes v31Copy{
  0%{opacity:0;transform:translate3d(0,22px,0);filter:blur(5px);}
  65%{opacity:1;transform:translate3d(0,-2px,0);filter:blur(.3px);}
  100%{opacity:1;transform:none;filter:none;}
}
.canva-hero-slider .hero-slide.is-entering .hero-content .hero-actions{
  animation:v31Actions .68s cubic-bezier(.16,1,.3,1) .88s both;
}
@keyframes v31Actions{
  0%{opacity:0;transform:translate3d(0,24px,0) scale(.97);filter:blur(5px);}
  70%{opacity:1;transform:translate3d(0,-2px,0) scale(1.012);filter:none;}
  100%{opacity:1;transform:none;filter:none;}
}
.canva-hero-slider .hero-sweep{z-index:3;pointer-events:none;opacity:0;}
.canva-hero-slider .hero-slide.is-entering ~ .hero-sweep{
  animation:v31Sweep 1.2s cubic-bezier(.16,1,.3,1) .08s both;
}
@keyframes v31Sweep{
  0%{transform:translate3d(-120%,0,0);opacity:0;}
  20%{opacity:.28;}
  100%{transform:translate3d(120%,0,0);opacity:0;}
}
@media(prefers-reduced-motion:reduce){
  .canva-hero-slider .hero-slide.is-entering,
  .canva-hero-slider .hero-slide.is-entering .hero-content .eyebrow,
  .canva-hero-slider .hero-slide.is-entering .hero-content h1 .hero-line,
  .canva-hero-slider .hero-slide.is-entering .hero-content .hero-subtitle,
  .canva-hero-slider .hero-slide.is-entering .hero-content > p:not(.eyebrow):not(.hero-subtitle),
  .canva-hero-slider .hero-slide.is-entering .hero-content .hero-actions,
  .canva-hero-slider .hero-slide.is-entering ~ .hero-sweep{animation:none;}
}

/* =========================================================
   V32 CTA HOVER POLISH
   Only hero CTA hover states. No slider/entrance animation changes.
   ========================================================= */
.canva-hero-slider .hero-actions .btn{
  position:relative;
  overflow:hidden;
  isolation:isolate;
  transition:transform .28s cubic-bezier(.2,.8,.2,1),
             box-shadow .28s ease,
             background-position .45s ease,
             border-color .28s ease,
             color .28s ease,
             filter .28s ease;
}
.canva-hero-slider .hero-actions .btn::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(105deg,transparent 20%,rgba(255,255,255,.42) 48%,transparent 72%);
  transform:translateX(-130%);
  transition:transform .55s cubic-bezier(.16,1,.3,1);
  pointer-events:none;
  z-index:0;
}
.canva-hero-slider .hero-actions .btn:hover{
  transform:translate3d(0,-4px,0) scale(1.025);
  filter:brightness(1.04);
}
.canva-hero-slider .hero-actions .btn:hover::after{
  transform:translateX(130%);
}
.canva-hero-slider .hero-actions .btn-primary{
  background-image:linear-gradient(110deg,#e8a817 0%,#f7c33d 48%,#e8a817 100%);
  background-size:220% 100%;
  background-position:0 50%;
  box-shadow:0 8px 20px rgba(232,168,23,.18);
}
.canva-hero-slider .hero-actions .btn-primary:hover{
  background-position:100% 50%;
  box-shadow:0 14px 32px rgba(232,168,23,.34),0 0 0 1px rgba(255,214,93,.24) inset;
}
.canva-hero-slider .hero-actions .btn-ghost{
  box-shadow:0 7px 18px rgba(0,0,0,.12);
}
.canva-hero-slider .hero-actions .btn-ghost:hover{
  background:rgba(232,168,23,.14);
  border-color:rgba(255,205,76,.9);
  box-shadow:0 14px 30px rgba(0,0,0,.2),0 0 0 1px rgba(232,168,23,.18) inset;
}
@media(prefers-reduced-motion:reduce){
  .canva-hero-slider .hero-actions .btn,
  .canva-hero-slider .hero-actions .btn::after{transition:none;}
}

@media (prefers-reduced-motion: reduce){
  .canva-slider-progress .ship-progress-vessel svg,.canva-slider-progress .ship-wave{animation:none}
}

/* v36: clean transparent vessel. The ship floats independently above the progress line and travels straight left-to-right. */
.canva-slider-progress .ship-progress-vessel{animation:none!important;rotate:none!important}
.canva-slider-progress .ship-progress-vessel svg{background:transparent!important}
.canva-slider-progress .ship-progress-vessel .ship-wake{display:none}


/* =========================================================
   V38: LIGHT GLASS HEADER CONTRAST
   Only the header surface/text contrast is adjusted. The hero,
   slider, logo, navigation geometry, footer wave and all other
   sections remain unchanged from v37.
   ========================================================= */
.site-header,
.site-header.solid{
  background:rgba(245,248,250,.82)!important;
  backdrop-filter:blur(14px) saturate(115%)!important;
  -webkit-backdrop-filter:blur(14px) saturate(115%)!important;
  box-shadow:0 4px 20px rgba(5,34,55,.08)!important;
  border-bottom:1px solid rgba(9,47,79,.10)!important;
}

.site-header .nav,
.site-header.solid .nav{
  color:var(--navy)!important;
}

.site-header .nav-drop>a,
.site-header .nav>a{
  color:var(--navy)!important;
}

.site-header .nav .active{
  color:#c98b08!important;
}

.site-header .menu-toggle{
  color:var(--navy)!important;
}

/* Keep the dropdown intentionally dark so it remains distinct from the
   light glass header while retaining strong text contrast. */
.site-header .dropdown{
  background:#07354c;
  color:#fff;
  border-color:rgba(255,255,255,.12);
}
.site-header .dropdown a{
  color:#fff!important;
}

@media(max-width:760px){
  .site-header,
  .site-header.solid{
    background:rgba(245,248,250,.90)!important;
    backdrop-filter:blur(14px) saturate(115%)!important;
    -webkit-backdrop-filter:blur(14px) saturate(115%)!important;
    box-shadow:0 4px 18px rgba(5,34,55,.08)!important;
    border-bottom:1px solid rgba(9,47,79,.10)!important;
  }
  .site-header .nav,
  .site-header .nav.open{
    background:rgba(245,248,250,.97);
    color:var(--navy)!important;
    border-top:1px solid rgba(9,47,79,.08);
  }
  .site-header .nav a,
  .site-header .nav-drop>a{
    color:var(--navy)!important;
  }
}

/* Curved wave crest at the top of the footer, inspired by a ship
   sailing across water. It is decorative only and does not alter layout. */
.footer{
  position:relative;
  overflow:visible;
  border-top:0!important;
}
.footer::before{
  content:"";
  position:absolute;
  z-index:2;
  left:0;
  right:0;
  top:-18px;
  height:36px;
  pointer-events:none;
  background-repeat:no-repeat;
  background-position:center bottom;
  background-size:100% 36px;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 36' preserveAspectRatio='none'%3E%3Cpath d='M0 23 C180 4 360 4 540 23 S900 42 1080 23 S1260 4 1440 23' fill='none' stroke='%23e8a817' stroke-width='2.5' stroke-linecap='round'/%3E%3Cpath d='M0 29 C180 12 360 12 540 29 S900 46 1080 29 S1260 12 1440 29' fill='none' stroke='%23ffffff' stroke-opacity='.28' stroke-width='1.2' stroke-linecap='round'/%3E%3C/svg%3E");
}


/* =========================================================
   V39: INTERACTIVE POLISH + LIGHT GLASS FOOTER
   Requested changes only: footer legal links removed, sailing
   ship added to the existing wave crest, footer contrast aligned
   with the light-glass header, richer interaction states, and
   a site-wide back-to-top control. Existing layout/hero motion
   remains untouched.
   ========================================================= */

/* Light glass contrast for the footer, matching the header treatment
   while keeping the existing spacing, grid and content structure. */
.footer,
.footer.footer-canva{
  background:
    linear-gradient(135deg,rgba(247,250,252,.98) 0%,rgba(231,241,246,.97) 100%) !important;
  color:var(--navy) !important;
  border-top:0 !important;
  box-shadow:0 -10px 35px rgba(5,34,55,.05) !important;
  backdrop-filter:blur(14px) saturate(112%);
  -webkit-backdrop-filter:blur(14px) saturate(112%);
}
.footer-brand-col h3{color:var(--navy)!important}
.footer-brand-col p{color:#42627a!important}
.footer-col h4{color:#c98b08!important}
.footer-col a,
.footer-col p,
.footer-contact-col p a{color:#294e68!important}
.footer-col a:hover,
.footer-contact-col p a:hover,
.footer a.active{color:#b47a00!important}
.footer-bottom{
  border-top:1px solid rgba(9,47,79,.14)!important;
  color:#66849a!important;
}
.footer-legal a{color:#66849a!important}

/* Replace the previous wave colors with a light-footer-friendly sailing line. */
.footer::before{
  top:-20px;
  height:40px;
  background-size:100% 40px;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 40' preserveAspectRatio='none'%3E%3Cpath d='M0 25 C180 5 360 5 540 25 S900 45 1080 25 S1260 5 1440 25' fill='none' stroke='%23e8a817' stroke-width='2.7' stroke-linecap='round'/%3E%3Cpath d='M0 31 C180 13 360 13 540 31 S900 49 1080 31 S1260 13 1440 31' fill='none' stroke='%230b5f91' stroke-opacity='.28' stroke-width='1.35' stroke-linecap='round'/%3E%3C/svg%3E");
}

/* Small container ship riding directly on the existing footer wave. */
.footer::after{
  content:"";
  position:absolute;
  z-index:4;
  top:-40px;
  left:10%;
  width:88px;
  height:34px;
  pointer-events:none;
  background-repeat:no-repeat;
  background-position:center;
  background-size:contain;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 160 62'%3E%3Cpath d='M24 35h103l-12 13H43L29 43z' fill='%230b3a52'/%3E%3Cpath d='M127 35l21 4-20 7z' fill='%230b3a52'/%3E%3Cpath d='M29 33h92l8 3H25z' fill='%23dbe7ec'/%3E%3Cg fill='%23e8a817'%3E%3Crect x='39' y='24' width='15' height='9' rx='1'/%3E%3Crect x='56' y='24' width='15' height='9' rx='1'/%3E%3Crect x='73' y='24' width='15' height='9' rx='1'/%3E%3Crect x='90' y='24' width='15' height='9' rx='1'/%3E%3Crect x='49' y='15' width='15' height='9' rx='1'/%3E%3Crect x='66' y='15' width='15' height='9' rx='1'/%3E%3Crect x='83' y='15' width='15' height='9' rx='1'/%3E%3C/g%3E%3Cpath d='M105 27V11h17v16M109 11V7h10v4' fill='%23dbe7ec'/%3E%3Cpath d='M109 14h10v6h-10z' fill='%230b3a52'/%3E%3C/svg%3E");
  filter:drop-shadow(0 2px 2px rgba(5,34,55,.16));
  animation:footerShipSail 10s ease-in-out infinite alternate;
}
@keyframes footerShipSail{
  from{left:8%;transform:translateY(0)}
  50%{transform:translateY(-2px)}
  to{left:calc(92% - 88px);transform:translateY(0)}
}

/* Header navigation: richer hover motion without changing geometry. */
.site-header .nav>a:not(.nav-cta),
.site-header .nav-drop>a{
  transition:color .25s ease,transform .25s ease,letter-spacing .25s ease;
}
.site-header .nav>a:not(.nav-cta)::after,
.site-header .nav-drop>a::after{
  right:auto!important;
  width:100%;
  transform:scaleX(0);
  transform-origin:left center;
  transition:transform .3s cubic-bezier(.2,.75,.25,1),opacity .25s ease;
  opacity:.9;
}
.site-header .nav>a:not(.nav-cta):hover,
.site-header .nav-drop>a:hover,
.site-header .nav>a:not(.nav-cta):focus-visible,
.site-header .nav-drop>a:focus-visible{
  color:#b47a00!important;
  transform:translateY(-2px);
  letter-spacing:.045em;
}
.site-header .nav>a:not(.nav-cta):hover::after,
.site-header .nav-drop>a:hover::after,
.site-header .nav>a:not(.nav-cta):focus-visible::after,
.site-header .nav-drop>a:focus-visible::after,
.site-header .nav>a.active::after,
.site-header .nav-drop>a.active::after{
  transform:scaleX(1);
}
.site-header .nav>a.active,
.site-header .nav-drop>a.active{
  animation:activeNavIn .55s ease both;
}
@keyframes activeNavIn{
  0%{opacity:.55;transform:translateY(3px)}
  65%{opacity:1;transform:translateY(-2px)}
  100%{opacity:1;transform:translateY(0)}
}

/* Buttons and interactive controls get a consistent tactile response. */
.btn,
.nav-cta,
.hero-arrow,
.hero-tab,
.menu-toggle{
  transition:transform .25s cubic-bezier(.2,.75,.25,1),box-shadow .25s ease,background-color .25s ease,border-color .25s ease,color .25s ease!important;
}
.btn:hover,
.btn:focus-visible,
.nav-cta:hover,
.nav-cta:focus-visible{
  transform:translateY(-3px);
  box-shadow:0 10px 24px rgba(5,34,55,.16);
}
.btn:active,
.nav-cta:active,
.hero-arrow:active,
.hero-tab:active,
.menu-toggle:active{
  transform:translateY(1px) scale(.98);
}
.hero-arrow:hover,
.hero-arrow:focus-visible{transform:translateY(-2px) scale(1.05)}
.hero-tab:hover,
.hero-tab:focus-visible{transform:translateY(-2px);box-shadow:0 8px 20px rgba(5,34,55,.16)}
.menu-toggle:hover,
.menu-toggle:focus-visible{transform:scale(1.06)}

/* Other existing text/action links receive the same subtle motion language. */
.footer-col a,
.footer-contact-col a,
.text-link,
.canva-service-tags a,
.special-list a{
  transition:color .25s ease,transform .25s ease,box-shadow .25s ease,border-color .25s ease!important;
}
.footer-col a:hover,
.footer-contact-col a:hover,
.text-link:hover,
.special-list a:hover{transform:translateX(4px)}
.canva-service-tags a:hover{transform:translateY(-3px);box-shadow:0 8px 18px rgba(5,34,55,.10);border-color:rgba(11,95,145,.32)}

/* Active footer link gets a small animated underline. */
.footer a.active{position:relative}
.footer a.active::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:-3px;
  height:2px;
  background:var(--gold);
  transform-origin:left center;
  animation:activeFooterIn .45s ease both;
}
@keyframes activeFooterIn{from{transform:scaleX(0);opacity:0}to{transform:scaleX(1);opacity:1}}

/* Site-wide move-to-top control. Injected by script.js so every page gets it. */
.back-to-top{
  position:fixed;
  right:28px;
  bottom:28px;
  z-index:1200;
  width:48px;
  height:48px;
  border:1px solid rgba(9,47,79,.18);
  border-radius:50%;
  background:rgba(247,250,252,.88);
  color:var(--navy);
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
  box-shadow:0 12px 28px rgba(5,34,55,.14);
  display:grid;
  place-items:center;
  font-size:20px;
  font-weight:800;
  cursor:pointer;
  opacity:0;
  visibility:hidden;
  transform:translateY(12px) scale(.92);
  transition:opacity .3s ease,visibility .3s ease,transform .3s cubic-bezier(.2,.75,.25,1),background-color .25s ease,box-shadow .25s ease;
}
.back-to-top.is-visible{opacity:1;visibility:visible;transform:translateY(0) scale(1)}
.back-to-top:hover,
.back-to-top:focus-visible{background:#fff;transform:translateY(-3px) scale(1.04);box-shadow:0 15px 32px rgba(5,34,55,.20)}
.back-to-top:active{transform:translateY(1px) scale(.97)}
@media(max-width:760px){.back-to-top{right:18px;bottom:18px;width:44px;height:44px;font-size:18px}.footer::after{width:70px;height:30px;top:-34px;animation-duration:8s}}
@media(prefers-reduced-motion:reduce){
  .footer::after{animation:none}
  .site-header .nav>a,
  .site-header .nav-drop>a,
  .btn,.nav-cta,.hero-arrow,.hero-tab,.menu-toggle,
  .footer-col a,.footer-contact-col a,.text-link,.canva-service-tags a,.special-list a,
  .back-to-top{transition:none!important;animation:none!important}
  html{scroll-behavior:auto}
}


/* =========================================================
   V40: CURVED FOOTER SAILING + DEEPER LINK INTERACTION
   Only the requested interaction/motion refinements are added.
   ========================================================= */

/* Footer ship follows the same crest geometry instead of moving on a straight line. */
.footer::after{
  animation:none!important;
  left:var(--footer-ship-left,8%);
  top:var(--footer-ship-top,-40px);
  transform:translateY(-50%) rotate(var(--footer-ship-angle,0deg));
  transform-origin:50% 50%;
  transition:left .08s linear,top .08s linear,transform .08s linear;
}

/* Header submenu links now enter, lift and underline individually. */
@media(min-width:761px){
  .site-header .dropdown a{
    position:relative;
    opacity:0;
    transform:translateX(-9px);
    transition:opacity .26s ease,transform .30s cubic-bezier(.2,.75,.25,1),background-color .2s ease,color .2s ease!important;
  }
  .site-header .nav-drop:hover .dropdown a,
  .site-header .nav-drop:focus-within .dropdown a{
    opacity:1;
    transform:translateX(0);
  }
  .site-header .dropdown a:nth-child(1){transition-delay:.02s!important}
  .site-header .dropdown a:nth-child(2){transition-delay:.045s!important}
  .site-header .dropdown a:nth-child(3){transition-delay:.07s!important}
  .site-header .dropdown a:nth-child(4){transition-delay:.095s!important}
  .site-header .dropdown a:nth-child(5){transition-delay:.12s!important}
  .site-header .dropdown a:nth-child(6){transition-delay:.145s!important}
  .site-header .dropdown a:nth-child(7){transition-delay:.17s!important}
  .site-header .dropdown a:nth-child(8){transition-delay:.195s!important}
  .site-header .dropdown a:hover,
  .site-header .dropdown a:focus-visible{
    transform:translateX(5px)!important;
    background:rgba(232,168,23,.14)!important;
    color:#f0b72a!important;
  }
  .site-header .dropdown a::after{
    content:"";
    display:block!important;
    position:absolute;
    left:12px;
    right:auto!important;
    bottom:7px;
    width:0;
    height:1px;
    background:var(--gold);
    opacity:0;
    transition:width .25s ease,opacity .2s ease!important;
  }
  .site-header .dropdown a:hover::after,
  .site-header .dropdown a:focus-visible::after{
    width:calc(100% - 24px);
    opacity:1;
  }
}
@media(max-width:760px){
  .site-header .dropdown a{
    opacity:1!important;
    transform:none!important;
  }
}

/* Larger icons in the first two supplied sections: Why New Way + Industries. */
.canva-why-icon{
  width:52px;
  height:52px;
  font-size:23px;
}

/* Industries iconography gets a little more presence without changing the cards. */
.industry-v11-icon{font-size:43px}

/* Every section-level card/link gets a consistent interactive lift. */
main a.canva-service-card,
main a.industry-v11-card,
main a.specialized-card,
main a.text-link,
main a.canva-service-tags,
main a.specialized-cargo-button{
  will-change:transform;
}
main a.canva-service-card:hover,
main a.canva-service-card:focus-visible,
main a.industry-v11-card:hover,
main a.industry-v11-card:focus-visible,
main a.specialized-card:hover,
main a.specialized-card:focus-visible{
  transform:translateY(-5px);
}

@media(max-width:760px){
  .canva-why-icon{width:48px;height:48px;font-size:21px}
  .industry-v11-icon{font-size:36px}
}

@media(prefers-reduced-motion:reduce){
  .footer::after{transition:none!important}
  .site-header .dropdown a{transition:none!important}
  main a.canva-service-card,
  main a.industry-v11-card,
  main a.specialized-card{transition:none!important}
}


/* =========================================================
   V43: FULL-BLEED CTA VIDEO BACKGROUND
   The CTA uses the sailing video as the actual background.
   No image layer, no boxed video panel, and no fallback ship card.
   Text and controls remain above a soft grey/navy readability layer.
   ========================================================= */
.shipment-cta-v12{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  background:#163f52!important;
}
.shipment-cta-bg{
  position:absolute!important;
  inset:0!important;
  z-index:1!important;
  background:
    linear-gradient(90deg,rgba(45,52,57,.70) 0%,rgba(55,61,66,.54) 42%,rgba(48,56,61,.38) 72%,rgba(24,44,53,.50) 100%),
    linear-gradient(180deg,rgba(235,238,239,.10),rgba(12,43,58,.30))!important;
  transform:none!important;
  pointer-events:none;
}
.shipment-cta-video-wrap{
  position:absolute!important;
  z-index:0!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  margin:0!important;
  overflow:hidden!important;
  border-radius:0!important;
  pointer-events:none!important;
  opacity:1!important;
  mix-blend-mode:normal!important;
  background:#163f52!important;
  box-shadow:none!important;
}
.shipment-cta-video{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center center!important;
  opacity:1!important;
  filter:saturate(.78) contrast(1.04) brightness(.86)!important;
  transform:scale(1.015)!important;
}
.shipment-cta-inner{
  position:relative!important;
  z-index:3!important;
}
@media(max-width:760px){
  .shipment-cta-video-wrap{inset:0!important;width:100%!important;height:100%!important;border-radius:0!important}
  .shipment-cta-video{object-position:center center!important;transform:scale(1.02)!important}
  .shipment-cta-bg{background:linear-gradient(90deg,rgba(45,52,57,.78),rgba(32,48,57,.56)),linear-gradient(180deg,rgba(235,238,239,.08),rgba(12,43,58,.34))!important}
}
@media(prefers-reduced-motion:reduce){
  .shipment-cta-video{display:block!important;transform:none!important}
}

/* V43: make the footer ship visibly slower while preserving the exact curved path. */


/* =========================================================
   V44: CTA BUTTON MOTION + SCROLL SHIP PROGRESS
   The CTA remains full-bleed. This adds interaction only.
   ========================================================= */
.shipment-cta-actions .shipment-btn{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  will-change:transform,box-shadow;
  animation:shipmentButtonFloat 3.8s ease-in-out infinite;
}
.shipment-cta-actions .shipment-btn::before{
  content:"";
  position:absolute;
  inset:-2px;
  border-radius:inherit;
  border:1px solid rgba(255,255,255,.18);
  opacity:0;
  transform:scale(.92);
  pointer-events:none;
  animation:shipmentButtonPulse 3.8s ease-out infinite;
}
.shipment-cta-actions .shipment-btn::after{
  content:"";
  position:absolute;
  top:-30%;
  bottom:-30%;
  left:-70%;
  width:34%;
  background:linear-gradient(105deg,transparent,rgba(255,255,255,.42),transparent);
  transform:skewX(-18deg);
  pointer-events:none;
  animation:shipmentButtonShine 3.8s ease-in-out infinite;
}
.shipment-cta-actions .shipment-btn:hover,
.shipment-cta-actions .shipment-btn:focus-visible{
  animation-play-state:paused;
  transform:translateY(-5px) scale(1.015);
  box-shadow:0 16px 34px rgba(0,0,0,.24),0 0 0 1px rgba(255,255,255,.10);
}
.shipment-cta-actions .shipment-btn:hover::before,
.shipment-cta-actions .shipment-btn:focus-visible::before{opacity:1;transform:scale(1.02)}
.shipment-cta-actions .shipment-btn:hover::after,
.shipment-cta-actions .shipment-btn:focus-visible::after{animation:shipmentButtonShineHover .7s ease forwards}
.shipment-cta-actions .shipment-btn:active{transform:translateY(-1px) scale(.985)}
@keyframes shipmentButtonFloat{
  0%,100%{transform:translateY(0)}
  50%{transform:translateY(-3px)}
}
@keyframes shipmentButtonPulse{
  0%,58%,100%{opacity:0;transform:scale(.92)}
  70%{opacity:.8;transform:scale(1.04)}
}
@keyframes shipmentButtonShine{
  0%,22%{left:-70%;opacity:0}
  30%{opacity:1}
  50%,100%{left:145%;opacity:0}
}
@keyframes shipmentButtonShineHover{
  from{left:-70%;opacity:0}
  15%{opacity:1}
  to{left:145%;opacity:0}
}

/* Fixed right-side scroll progress. The ship travels upward as the page is scrolled. */
.scroll-ship-progress{
  position:fixed;
  z-index:1180;
  top:50%;
  right:26px;
  width:54px;
  height:300px;
  transform:translateY(-50%);
  pointer-events:none;
  opacity:.96;
}
.scroll-ship-progress-track{
  position:absolute;
  top:0;
  bottom:0;
  left:50%;
  width:5px;
  transform:translateX(-50%);
  border-radius:999px;
  background:rgba(255,255,255,.30);
  box-shadow:0 0 0 1px rgba(7,47,69,.16),0 6px 18px rgba(5,34,55,.10);
  overflow:visible;
}
.scroll-ship-progress-fill{
  position:absolute;
  left:0;
  bottom:0;
  width:100%;
  height:0%;
  border-radius:999px;
  background:linear-gradient(180deg,#f6bd31 0%,#e7a414 100%);
  box-shadow:0 0 14px rgba(238,169,23,.38);
  transition:height .08s linear;
}
.scroll-ship-progress-marker{
  position:absolute;
  left:50%;
  top:100%;
  width:46px;
  height:46px;
  display:grid;
  place-items:center;
  transform:translate(-50%,-50%);
  border:1px solid rgba(255,255,255,.72);
  border-radius:50%;
  background:rgba(7,47,69,.82);
  box-shadow:0 8px 20px rgba(5,34,55,.22),0 0 0 4px rgba(255,255,255,.08);
  transition:top .08s linear,box-shadow .25s ease;
}
.scroll-ship-progress-marker::after{
  content:"";
  position:absolute;
  inset:-5px;
  border:1px solid rgba(232,168,23,.34);
  border-radius:50%;
  animation:scrollShipPulse 2.5s ease-in-out infinite;
}
.scroll-ship-progress-marker svg{
  width:30px;
  height:30px;
  display:block;
  filter:drop-shadow(0 2px 3px rgba(0,0,0,.20));
}
.scroll-ship-progress-label{
  position:absolute;
  right:calc(100% + 8px);
  top:50%;
  transform:translateY(-50%);
  writing-mode:vertical-rl;
  text-orientation:mixed;
  color:rgba(255,255,255,.82);
  font-size:8px;
  font-weight:900;
  letter-spacing:.20em;
  text-transform:uppercase;
  white-space:nowrap;
}
@keyframes scrollShipPulse{
  0%,100%{opacity:.28;transform:scale(.92)}
  50%{opacity:.75;transform:scale(1.08)}
}
@media(max-width:760px){
  .scroll-ship-progress{right:8px;width:42px;height:220px;opacity:.88}
  .scroll-ship-progress-marker{width:38px;height:38px}
  .scroll-ship-progress-marker svg{width:25px;height:25px}
  .scroll-ship-progress-label{display:none}
  .scroll-ship-progress-track{width:4px}
}
@media(prefers-reduced-motion:reduce){
  .shipment-cta-actions .shipment-btn,
  .shipment-cta-actions .shipment-btn::before,
  .shipment-cta-actions .shipment-btn::after,
  .scroll-ship-progress-marker::after{animation:none!important}
  .shipment-cta-actions .shipment-btn{transition:none!important}
  .scroll-ship-progress-fill,.scroll-ship-progress-marker{transition:none!important}
}

/* V45: consistent button interaction across the entire site. */
.btn,.nav-cta,.hero-arrow,.hero-tab{position:relative;overflow:hidden;}
.btn::after,.nav-cta::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(105deg,transparent 25%,rgba(255,255,255,.38) 48%,transparent 70%);transform:translateX(-125%);transition:transform .55s cubic-bezier(.2,.75,.25,1);}
.btn:hover::after,.btn:focus-visible::after,.nav-cta:hover::after,.nav-cta:focus-visible::after{transform:translateX(125%);}
.btn-primary:hover,.nav-cta:hover{background:var(--navy)!important;color:#fff!important;box-shadow:0 16px 34px rgba(5,34,55,.24)!important;}
.btn-ghost:hover{background:var(--gold)!important;border-color:var(--gold)!important;color:var(--navy)!important;}
.btn-dark:hover{background:var(--gold)!important;color:var(--navy)!important;}
.btn,.nav-cta{letter-spacing:.035em;}
.btn:hover,.btn:focus-visible,.nav-cta:hover,.nav-cta:focus-visible{letter-spacing:.07em;}
.btn,.nav-cta{transition:transform .28s cubic-bezier(.2,.75,.25,1),box-shadow .28s ease,background-color .28s ease,color .28s ease,letter-spacing .28s ease,border-color .28s ease!important;}
.btn span,.nav-cta span{display:inline-block;transition:transform .3s cubic-bezier(.2,.75,.25,1);}
.btn:hover span,.nav-cta:hover span{transform:translateX(5px) rotate(-4deg);}
.canva-service-tags a,.special-list a,.text-link{transition:transform .28s ease,color .28s ease,box-shadow .28s ease!important;}
.canva-service-tags a:hover{background:var(--gold)!important;color:var(--navy)!important;transform:translateY(-4px);}
@media(prefers-reduced-motion:reduce){.btn,.nav-cta,.btn::after,.nav-cta::after,.btn span,.nav-cta span{transition:none!important;animation:none!important}.btn:hover,.nav-cta:hover{letter-spacing:.035em!important}}

/* =========================================================
   V46: HEADER HOVER FIX + SITE-WIDE LOGISTICS SCROLL PROGRESS
   + LIGHT FOOTER WORLD MAP BACKDROP
   ========================================================= */

/* Header CTA: keep its label above the animated shine layer so it
   never disappears into the hover background. */
.site-header .nav > .nav-cta{
  position:relative!important;
  z-index:1!important;
  isolation:isolate;
  color:var(--navy)!important;
  text-shadow:none!important;
}
.site-header .nav > .nav-cta::after{
  z-index:-1!important;
}
.site-header .nav > .nav-cta:hover,
.site-header .nav > .nav-cta:focus-visible{
  color:#fff!important;
  background:var(--navy)!important;
  border-color:var(--navy)!important;
}
.site-header .nav > .nav-cta span{
  position:relative;
  z-index:2;
}

/* Site-wide scroll progress rail. It is created by script.js on every page. */
.scroll-ship-progress{
  position:fixed;
  z-index:60;
  top:50%;
  right:18px;
  width:48px;
  height:230px;
  transform:translateY(-50%);
  pointer-events:none;
  display:flex;
  justify-content:center;
  align-items:stretch;
  filter:drop-shadow(0 6px 14px rgba(5,34,55,.10));
}
.scroll-ship-progress-label{
  position:absolute;
  right:100%;
  top:50%;
  transform:translateY(-50%) rotate(-90deg);
  transform-origin:center;
  font:800 9px/1 Montserrat,sans-serif;
  letter-spacing:.18em;
  color:rgba(7,53,76,.48);
  white-space:nowrap;
}
.scroll-ship-progress-track{
  position:absolute;
  top:8px;
  bottom:8px;
  left:50%;
  width:4px;
  transform:translateX(-50%);
  border-radius:999px;
  background:rgba(7,53,76,.14);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.45);
}
.scroll-ship-progress-fill{
  position:absolute;
  left:0;
  bottom:0;
  width:100%;
  height:0;
  border-radius:999px;
  background:linear-gradient(180deg,#ffc94d,#e8a817);
  box-shadow:0 0 9px rgba(232,168,23,.32);
  transition:height .08s linear;
}
.scroll-ship-progress-marker{
  position:absolute;
  left:50%;
  top:100%;
  width:72px;
  height:50px;
  transform:translate(-50%,-50%);
  transition:top .08s linear;
  display:grid;
  place-items:center;
}
.scroll-ship-progress-marker svg{
  width:72px;
  height:48px;
  overflow:visible;
  filter:drop-shadow(0 3px 3px rgba(5,34,55,.20));
}
@media(max-width:760px){
  .scroll-ship-progress{
    right:8px;
    width:34px;
    height:170px;
  }
  .scroll-ship-progress-label{display:none}
  .scroll-ship-progress-track{width:3px}
  .scroll-ship-progress-marker{width:58px;height:40px}
  .scroll-ship-progress-marker svg{width:58px;height:39px}
}
@media(prefers-reduced-motion:reduce){
  .scroll-ship-progress-fill,.scroll-ship-progress-marker{transition:none!important}
}

/* Footer world map backdrop. The map stays deliberately faint so the
   contact copy, links and the gold/blue wave remain the visual priority. */
.footer{
  isolation:isolate;
}
.footer-map-bg{
  position:absolute;
  z-index:0;
  inset:0;
  pointer-events:none;
  background-image:
    linear-gradient(180deg,rgba(247,250,252,.78),rgba(231,241,246,.92)),
    url('https://upload.wikimedia.org/wikipedia/commons/a/a7/World_map.svg');
  background-repeat:no-repeat;
  background-position:center center;
  background-size:cover, min(1180px,92vw) auto;
  opacity:.72;
  filter:saturate(.62) contrast(.92);
  mix-blend-mode:multiply;
}
.footer-map-bg::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(90deg,rgba(247,250,252,.92) 0%,rgba(247,250,252,.56) 28%,rgba(247,250,252,.38) 50%,rgba(247,250,252,.62) 72%,rgba(247,250,252,.94) 100%);
}
.footer-grid,
.footer-bottom{
  position:relative;
  z-index:2;
}
@media(max-width:760px){
  .footer-map-bg{
    background-size:cover, 900px auto;
    background-position:center center;
    opacity:.58;
  }
  .footer-map-bg::after{
    background:linear-gradient(90deg,rgba(247,250,252,.94),rgba(247,250,252,.55),rgba(247,250,252,.94));
  }
}

/* V47: About Us vision block inspired by the supplied globe reference. */
.about-vision-globe{
  padding:78px 8vw 88px;
  background:#fff;
  text-align:center;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  overflow:hidden;
}
.about-globe-mark{
  width:150px;
  height:150px;
  margin:0 auto 14px;
}
.about-globe-mark svg{
  width:100%;
  height:100%;
  display:block;
}
.about-globe-mark .globe-outline{
  fill:none;
  stroke:#171b1f;
  stroke-width:2.2;
}
.about-globe-mark .globe-line{
  fill:none;
  stroke:#171b1f;
  stroke-width:1.55;
}
.about-globe-mark .globe-soft{opacity:.75}
.about-globe-mark .globe-land{
  fill:#171b1f;
  opacity:.94;
}
.about-vision-kicker{
  margin:0 0 12px;
  color:#737b80;
  font-size:15px;
  line-height:1.2;
  font-weight:500;
}
.about-vision-globe h2{
  margin:0 auto 22px;
  max-width:1050px;
  color:#20252a;
  font-family:Montserrat,Inter,Arial,sans-serif;
  font-size:clamp(25px,2.25vw,39px);
  line-height:1.16;
  font-weight:500;
  letter-spacing:-.025em;
}
.about-vision-btn{
  min-width:208px;
  justify-content:center;
}
.about-vision-btn span{position:relative;z-index:2}
@media(max-width:760px){
  .about-vision-globe{padding:62px 6vw 70px}
  .about-globe-mark{width:120px;height:120px;margin-bottom:12px}
  .about-vision-kicker{font-size:13px}
  .about-vision-globe h2{font-size:25px;line-height:1.2}
  .about-vision-break{display:none}
}

/* V47: restore the same modern container-ship silhouette used by the
   homepage slider progress indicator on the site-wide scroll rail. */
.scroll-ship-progress-marker svg{
  width:92px;
  height:auto;
  overflow:visible;
  filter:drop-shadow(0 4px 5px rgba(5,34,55,.22));
}
.scroll-ship-progress-marker{
  width:92px;
  height:42px;
}
@media(max-width:760px){
  .scroll-ship-progress-marker{width:74px;height:36px}
  .scroll-ship-progress-marker svg{width:74px}
}

/* V48: animated logistics globe for the About Us vision section. */
.about-globe-animated{
  width:250px;
  height:250px;
  margin:0 auto 18px;
  position:relative;
}
.about-globe-animated svg{width:100%;height:100%;display:block;overflow:visible}
.about-globe-sphere{transform-origin:130px 130px;animation:aboutGlobeFloat 7s ease-in-out infinite}
.about-globe-grid ellipse,
.about-globe-grid path{fill:none;stroke:rgba(188,225,239,.22);stroke-width:1.05}
.about-globe-land path{fill:#1676a1;opacity:.72}
.about-globe-route-shadow{fill:none;stroke:rgba(245,173,22,.22);stroke-width:7;stroke-linecap:round;filter:url(#globeGlow)}
.about-globe-route{fill:none;stroke:url(#globeRoute);stroke-width:2.8;stroke-linecap:round;stroke-dasharray:7 7;animation:aboutRouteDash 2.2s linear infinite}
.about-route-ship{transform-origin:0 0}
@keyframes aboutGlobeFloat{
  0%,100%{transform:scaleX(1) translateY(0)}
  50%{transform:scaleX(.965) translateY(-2px)}
}
@keyframes aboutRouteDash{to{stroke-dashoffset:-28}}
@media(max-width:760px){
  .about-globe-animated{width:190px;height:190px;margin-bottom:14px}
}
@media(prefers-reduced-motion:reduce){
  .about-globe-sphere,.about-globe-route{animation:none!important}
  .about-route-ship{animation:none!important}
}

/* V49: premium transparent logistics globe. The old filled illustration is superseded. */
.about-vision-globe-v49{
  position:relative;
  min-height:610px;
  padding:86px 8vw 92px;
  background:
    radial-gradient(circle at 50% 22%,rgba(17,117,165,.08),transparent 28%),
    linear-gradient(180deg,#f8fbfc 0%,#ffffff 78%);
  text-align:center;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  isolation:isolate;
}
.about-vision-globe-v49::before{
  content:"";
  position:absolute;
  width:620px;
  height:620px;
  border:1px solid rgba(11,58,82,.07);
  border-radius:50%;
  left:50%;
  top:-160px;
  transform:translateX(-50%);
  pointer-events:none;
}
.about-globe-v49{
  position:relative;
  width:360px;
  height:360px;
  margin:0 auto 20px;
  flex:0 0 auto;
}
.about-globe-v49-halo{
  position:absolute;
  inset:26px;
  border-radius:50%;
  background:radial-gradient(circle at 34% 28%,rgba(255,255,255,.82),rgba(143,203,225,.12) 38%,rgba(11,58,82,.06) 72%,transparent 73%);
  box-shadow:inset 0 0 42px rgba(11,58,82,.08),0 18px 55px rgba(11,58,82,.10);
  border:1px solid rgba(11,58,82,.13);
}
.about-globe-canvas{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  display:block;
}
.about-globe-route-overlay{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  overflow:visible;
  pointer-events:none;
}
.about-v49-route-shadow{
  fill:none;
  stroke:rgba(245,173,22,.12);
  stroke-width:10;
  stroke-linecap:round;
  filter:blur(5px);
}
.about-v49-route{
  fill:none;
  stroke:#f5ad16;
  stroke-width:3.2;
  stroke-linecap:round;
  stroke-dasharray:8 9;
  animation:aboutV49RouteFlow 1.8s linear infinite;
}
.about-v49-route-ship{
  filter:drop-shadow(0 5px 8px rgba(5,34,55,.18));
}
@keyframes aboutV49RouteFlow{to{stroke-dashoffset:-34}}
.about-vision-globe-v49 .about-vision-kicker{
  position:relative;
  z-index:2;
  margin:0 0 13px;
  color:#6f7c83;
  font-size:14px;
  line-height:1.2;
  font-weight:800;
  letter-spacing:.06em;
}
.about-vision-globe-v49 h2{
  position:relative;
  z-index:2;
  margin:0 auto 24px;
  max-width:1080px;
  color:#173348;
  font-family:Montserrat,Inter,Arial,sans-serif;
  font-size:clamp(28px,2.55vw,44px);
  line-height:1.13;
  font-weight:520;
  letter-spacing:-.035em;
}
.about-vision-globe-v49 .about-vision-btn{position:relative;z-index:2}
@media(max-width:760px){
  .about-vision-globe-v49{min-height:520px;padding:64px 6vw 72px}
  .about-globe-v49{width:270px;height:270px;margin-bottom:14px}
  .about-vision-globe-v49 h2{font-size:25px;line-height:1.18}
  .about-vision-globe-v49::before{width:440px;height:440px;top:-90px}
}
@media(prefers-reduced-motion:reduce){
  .about-v49-route{animation:none}
  .about-v49-route-ship animateMotion{animation:none}
}

/* V50: About Us globe section restyled to match the supplied dark New Way CTA reference. */
.about-vision-globe-v49{
  min-height:560px!important;
  padding:70px 7vw 78px!important;
  background:
    radial-gradient(circle at 50% 34%,rgba(20,125,177,.18),transparent 30%),
    linear-gradient(112deg,#0b5d89 0%,#0b4d75 46%,#083b60 100%)!important;
  color:#fff!important;
  border-top:1px solid rgba(255,255,255,.05);
  border-bottom:1px solid rgba(255,255,255,.04);
}
.about-vision-globe-v49::before{
  width:520px!important;height:520px!important;top:-220px!important;
  border-color:rgba(255,255,255,.07)!important;
}
.about-globe-v49{
  width:300px!important;height:300px!important;
  margin:0 auto 16px!important;
}
.about-globe-v49-halo{
  inset:22px!important;
  background:
    radial-gradient(circle at 33% 25%,rgba(255,255,255,.20),rgba(95,192,231,.08) 34%,rgba(2,31,52,.10) 72%,transparent 73%)!important;
  border:1px solid rgba(173,225,246,.22)!important;
  box-shadow:inset 0 0 55px rgba(96,196,236,.08),0 0 42px rgba(20,145,194,.10)!important;
}
.about-globe-route-overlay{filter:drop-shadow(0 0 7px rgba(245,173,22,.10));}
.about-v49-route-shadow{stroke:rgba(245,173,22,.16)!important;stroke-width:9!important;}
.about-v49-route{stroke:#f5ad16!important;stroke-width:2.8!important;stroke-dasharray:7 9!important;}
.about-vision-globe-v49 .about-vision-kicker{
  color:#f5ad16!important;
  font-size:12px!important;
  letter-spacing:.18em!important;
  margin:0 0 10px!important;
}
.about-vision-globe-v49 h2{
  color:#fff!important;
  font-size:25px!important;
  line-height:1.22!important;
  font-weight:650!important;
  max-width:850px!important;
  margin:0 auto 18px!important;
}
.about-vision-globe-v49 .about-vision-btn{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:168px!important;
  padding:15px 26px!important;
  border-radius:999px!important;
  background:#f5ad16!important;
  color:#082f4e!important;
  border:1px solid rgba(255,255,255,.12)!important;
  box-shadow:0 10px 28px rgba(0,0,0,.16)!important;
  transition:transform .28s ease,background .28s ease,color .28s ease,box-shadow .28s ease!important;
}
.about-vision-globe-v49 .about-vision-btn:hover{
  background:#fff!important;
  color:#0b4d75!important;
  transform:translateY(-4px)!important;
  box-shadow:0 16px 34px rgba(0,0,0,.22)!important;
}
.about-vision-globe-v49 .about-vision-btn span{color:inherit!important;}
@media(max-width:760px){
  .about-vision-globe-v49{min-height:500px!important;padding:52px 6vw 62px!important}
  .about-globe-v49{width:235px!important;height:235px!important}
  .about-vision-globe-v49 h2{font-size:21px!important;line-height:1.22!important}
  .about-vision-break{display:none}
}

/* =========================================================
   V51: SITEWIDE FULL-WIDTH SECTION SYSTEM
   Keep the existing visual language, but let every major section
   run edge-to-edge while retaining controlled inner breathing room.
   ========================================================= */
.section,
.cta,
.page-hero,
.service-detail-hero,
.detail-content,
.detail-capabilities,
.detail-cta,
.contact-grid,
.map-card,
.canva-about-section,
.canva-services-section,
.canva-why-section,
.canva-service-page-hero,
.canva-service-overview,
.canva-capabilities,
.canva-service-image-row,
.canva-service-bottom,
.canva-services-hero,
.specialized-cargo-section,
.industries-v11,
.how-work-v12,
.shipment-cta-v12,
.footer{
  width:100%;
  max-width:none;
}

.section{padding-left:4vw;padding-right:4vw}
.cta{padding-left:4vw;padding-right:4vw}
.page-hero{padding-left:5vw;padding-right:5vw}
.service-detail-hero{padding-left:5vw;padding-right:5vw}
.detail-content,.detail-capabilities,.detail-cta,.contact-grid{padding-left:4vw;padding-right:4vw}
.map-card{padding-left:4vw;padding-right:4vw}

.canva-about-section,
.canva-services-section,
.canva-why-section,
.canva-service-page-hero,
.canva-service-overview,
.canva-capabilities,
.canva-service-image-row,
.canva-service-bottom,
.canva-services-hero{
  padding-left:4vw;
  padding-right:4vw;
}

.specialized-cargo-section{padding-left:4vw;padding-right:4vw}
.industries-v11{padding-left:4vw;padding-right:4vw}
.how-work-v12{padding-left:4vw;padding-right:4vw}

/* The global-network module becomes a true full-bleed section while its
   internal grid/card treatment remains unchanged. */
.nw-global-network{
  width:100%;
  margin-left:0;
  margin-right:0;
  border-radius:0;
  padding-left:4vw;
  padding-right:4vw;
}

/* CTA copy uses the same full-width rhythm. */
.shipment-cta-inner{width:92%;max-width:none}

/* Footer content is allowed to use the full section width too. */
.footer{padding-left:4vw;padding-right:4vw}
.footer-grid,.footer-bottom{max-width:none;width:100%}

/* Full-width image stories retain rounded image corners, but the image
   itself now gets the larger horizontal canvas available to the section. */
.canva-about-image,
.canva-service-image-row>img,
.image-story img,
.network-detail img,
.safety-block img,
.detail-cta img,
.intro-visual img,
.network-image img,
.safety-image img{
  max-width:100%;
}

@media(max-width:1100px){
  .section,.cta,.detail-content,.detail-capabilities,.detail-cta,.contact-grid,.map-card,
  .canva-about-section,.canva-services-section,.canva-why-section,
  .canva-service-page-hero,.canva-service-overview,.canva-capabilities,
  .canva-service-image-row,.canva-service-bottom,.canva-services-hero,
  .specialized-cargo-section,.industries-v11,.how-work-v12{padding-left:4vw;padding-right:4vw}
  .nw-global-network{padding-left:4vw;padding-right:4vw}
  .shipment-cta-inner{width:92%}
}

@media(max-width:760px){
  .section,.cta,.detail-content,.detail-capabilities,.detail-cta,.contact-grid,.map-card,
  .canva-about-section,.canva-services-section,.canva-why-section,
  .canva-service-page-hero,.canva-service-overview,.canva-capabilities,
  .canva-service-image-row,.canva-service-bottom,.canva-services-hero,
  .specialized-cargo-section,.industries-v11,.how-work-v12{padding-left:5vw;padding-right:5vw}
  .page-hero,.service-detail-hero{padding-left:5vw;padding-right:5vw}
  .nw-global-network{margin-left:0;margin-right:0;padding-left:5vw;padding-right:5vw;border-radius:0}
  .shipment-cta-inner{width:90%}
  .footer{padding-left:5vw;padding-right:5vw}
}

/* V52: clean site-wide logistics ship marker. Keep only the ship itself. */
.scroll-ship-progress-marker{
  width:92px!important;
  height:42px!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  outline:0!important;
  filter:none!important;
}
.scroll-ship-progress-marker::before,
.scroll-ship-progress-marker::after{
  content:none!important;
  display:none!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.scroll-ship-progress-marker svg{
  width:92px!important;
  height:42px!important;
  filter:drop-shadow(0 2px 3px rgba(5,34,55,.18));
}
@media(max-width:760px){
  .scroll-ship-progress-marker{width:74px!important;height:36px!important}
  .scroll-ship-progress-marker svg{width:74px!important;height:36px!important}
}

/* =========================================================
   PRELOADER V54 - LARGER TRANSPARENT LOGO + LOGISTICS SHIPS
   ========================================================= */
.preloader-logo-wrap{width:250px;height:180px;margin-bottom:18px}
.preloader-logo{
  width:225px;height:150px;
  border-radius:0;
  background:transparent;
  padding:0;
  box-shadow:none;
  overflow:visible;
}
.preloader-logo img{width:100%;height:100%;object-fit:contain;border-radius:0}
.preloader-text{display:block;margin-bottom:22px;white-space:nowrap}
.preloader-text strong{
  display:block;
  font-family:'Montserrat',sans-serif;
  font-size:18px;
  line-height:1;
  letter-spacing:.11em;
  font-weight:800;
  color:#fff;
  white-space:nowrap;
}
.preloader-route{height:42px;margin:0 0 14px}
.route-line{top:20px}
.route-dot{top:16px}
.route-ship{
  top:4px;
  width:58px;height:28px;
  display:block;
  color:var(--gold);
  font-size:0;
}
.route-ship svg{display:block;width:100%;height:100%;fill:currentColor;filter:drop-shadow(0 3px 7px rgba(0,0,0,.35))}
.preloader-status{width:100%;gap:12px}
.preloader-status>b{
  position:relative;
  height:4px;
  background:rgba(255,255,255,.13);
  flex:1;
  overflow:visible;
  border-radius:10px;
}
.preloader-status b i{
  position:absolute;inset:0 auto 0 0;
  width:0;
  height:100%;
  background:linear-gradient(90deg,#e89a0d,#f5aa18);
  border-radius:10px;
  animation:preloaderProgress 1.9s cubic-bezier(.2,.7,.2,1) forwards;
}
.preloader-progress-ship{
  position:absolute;
  z-index:2;
  top:50%;
  left:0;
  width:30px;height:18px;
  margin-top:-14px;
  color:#f5aa18;
  font-size:0;
  animation:preloaderProgressShip 1.9s cubic-bezier(.2,.7,.2,1) forwards;
  filter:drop-shadow(0 2px 5px rgba(0,0,0,.5));
}
.preloader-progress-ship svg{display:block;width:100%;height:100%;fill:currentColor}
@keyframes preloaderProgressShip{
  0%{left:0}
  70%{left:calc(72% - 15px)}
  100%{left:calc(100% - 30px)}
}
@media(max-width:760px){
  .preloader-logo-wrap{width:210px;height:150px;margin-bottom:14px}
  .preloader-logo{width:195px;height:132px}
  .preloader-text{width:100%;white-space:nowrap}
  .preloader-text strong{font-size:13px;letter-spacing:.075em}
  .preloader-route{width:100%;margin-bottom:12px}
  .preloader-status{gap:8px}
  .preloader-status>span{font-size:7px;letter-spacing:.12em}
}
@media(prefers-reduced-motion:reduce){
  .preloader-progress-ship{animation:none!important;left:calc(100% - 30px)}
}

/* =========================================================
   PRELOADER V56 - LOGISTICS ROUTE MOTION
   Replaces the circular rings with a clean route-network
   animation that stays behind the transparent logo.
   ========================================================= */
.newway-preloader .preloader-logo-wrap{
  width:330px;
  height:190px;
  margin-bottom:8px;
  isolation:isolate;
}
.newway-preloader .preloader-logo-wrap::before{
  width:326px;
  height:112px;
  border-radius:24px;
  background:rgba(255,255,255,.18);
  border:1px solid rgba(255,255,255,.28);
  box-shadow:0 18px 50px rgba(0,0,0,.16), inset 0 1px 0 rgba(255,255,255,.16);
  backdrop-filter:blur(7px);
  -webkit-backdrop-filter:blur(7px);
  z-index:2;
}
.newway-preloader .preloader-ring{display:none!important}
.newway-preloader .preloader-network{
  position:absolute;
  z-index:1;
  inset:-22px -84px -22px;
  pointer-events:none;
  overflow:visible;
  opacity:.95;
}
.newway-preloader .preloader-network svg{
  width:100%;
  height:100%;
  display:block;
  overflow:visible;
}
.newway-preloader .network-route{
  fill:none;
  stroke-linecap:round;
  stroke-linejoin:round;
  stroke-dasharray:7 13;
  animation:networkRouteFlow 3.8s linear infinite;
}
.newway-preloader .route-gold{
  stroke:#f5aa18;
  stroke-width:2.2;
  filter:drop-shadow(0 0 5px rgba(245,170,24,.35));
}
.newway-preloader .route-light{
  stroke:rgba(225,240,248,.75);
  stroke-width:1.5;
  stroke-dasharray:5 16;
  animation-duration:4.8s;
  animation-direction:reverse;
}
.newway-preloader .route-fine{
  stroke:rgba(245,170,24,.32);
  stroke-width:1;
  stroke-dasharray:3 18;
  animation-duration:5.5s;
}
@keyframes networkRouteFlow{
  to{stroke-dashoffset:-160}
}
.newway-preloader .network-cargo{
  fill:#f5aa18;
  filter:drop-shadow(0 0 5px rgba(245,170,24,.7));
}
.newway-preloader .cargo-one{
  animation:cargoRouteOne 3.8s cubic-bezier(.55,.05,.35,.95) infinite;
}
.newway-preloader .cargo-two{
  animation:cargoRouteTwo 4.9s cubic-bezier(.55,.05,.35,.95) infinite;
  opacity:.72;
}
@keyframes cargoRouteOne{
  0%{transform:translate(-8px,178px);opacity:0}
  8%{opacity:1}
  46%{transform:translate(268px,82px);opacity:1}
  82%{transform:translate(490px,117px);opacity:.9}
  100%{transform:translate(575px,48px);opacity:0}
}
@keyframes cargoRouteTwo{
  0%{transform:translate(580px,166px);opacity:0}
  10%{opacity:.7}
  50%{transform:translate(286px,119px);opacity:.7}
  84%{transform:translate(75px,78px);opacity:.55}
  100%{transform:translate(-12px,54px);opacity:0}
}
.newway-preloader .preloader-logo{
  position:relative;
  z-index:4;
  width:300px;
  height:150px;
  animation:preloaderLogoLift 2.8s ease-in-out infinite;
}
@keyframes preloaderLogoLift{
  0%,100%{transform:translateY(0) scale(1)}
  50%{transform:translateY(-3px) scale(1.012)}
}
.newway-preloader .preloader-route{
  height:18px;
  margin:0 0 18px;
  opacity:.82;
}
.newway-preloader .preloader-route .route-line{
  top:8px;
  height:1px;
  background:linear-gradient(90deg,transparent,#f5aa18 14%,rgba(255,255,255,.65) 50%,#f5aa18 86%,transparent);
  animation:routeScan 2.2s ease-out infinite;
}
@keyframes routeScan{
  0%{transform:scaleX(.18);opacity:.15}
  50%{transform:scaleX(1);opacity:1}
  100%{transform:scaleX(.18);opacity:.15}
}
.newway-preloader .preloader-route .route-dot{
  width:5px;height:5px;top:6px;
  border-radius:1px;
  transform:rotate(45deg);
  box-shadow:0 0 9px rgba(245,170,24,.7);
  animation:waypointBlink 1.8s ease-in-out infinite;
}
.newway-preloader .preloader-route .dot-1{left:18%;animation-delay:0s}
.newway-preloader .preloader-route .dot-2{left:50%;animation-delay:.35s}
.newway-preloader .preloader-route .dot-3{right:18%;animation-delay:.7s}
@keyframes waypointBlink{
  0%,100%{opacity:.25;transform:rotate(45deg) scale(.75)}
  50%{opacity:1;transform:rotate(45deg) scale(1.25)}
}
.newway-preloader .preloader-text{display:none!important}
@media(max-width:760px){
  .newway-preloader .preloader-logo-wrap{width:300px;height:168px}
  .newway-preloader .preloader-logo-wrap::before{width:294px;height:104px}
  .newway-preloader .preloader-network{inset:-18px -54px -18px}
  .newway-preloader .preloader-logo{width:270px;height:138px}
  .newway-preloader .preloader-route{margin-bottom:14px}
}
@media(prefers-reduced-motion:reduce){
  .newway-preloader .network-route,
  .newway-preloader .network-cargo,
  .newway-preloader .preloader-logo,
  .newway-preloader .preloader-route .route-line,
  .newway-preloader .preloader-route .route-dot{animation:none!important}
}

/* =========================================================
   V57: CONTACT PAGE THEME
   Map-led contact layout inspired by the supplied reference,
   adapted to New Way's navy / blue / gold visual system.
   ========================================================= */
.contact-hero-v57{
  min-height:420px;
  display:flex;
  align-items:end;
  padding:155px 5vw 72px;
  color:#fff;
  background:
    radial-gradient(circle at 78% 30%,rgba(245,170,24,.18),transparent 28%),
    linear-gradient(110deg,rgba(3,27,46,.98),rgba(5,55,81,.78)),
    url('https://upload.wikimedia.org/wikipedia/commons/f/f6/Container_Ship.jpg') center/cover;
}
.contact-hero-v57-inner{max-width:850px}
.contact-hero-v57 h1{font-size:clamp(52px,7vw,92px);line-height:.94;letter-spacing:-.06em;margin:0 0 18px}
.contact-hero-v57 h1 span{color:var(--gold)}
.contact-hero-v57 p:not(.eyebrow){max-width:680px;font-size:18px;line-height:1.65;color:rgba(255,255,255,.78);margin:0}

.contact-theme-v57{
  position:relative;
  display:grid;
  grid-template-columns:1.08fr .92fr;
  min-height:610px;
  background:#edf3f6;
  overflow:hidden;
}
.contact-map-v57{position:relative;min-height:610px;background:#dce8ec;overflow:hidden}
.contact-map-v57 iframe{position:absolute;inset:0;width:100%;height:100%;border:0;filter:saturate(.92) contrast(.96)}
.contact-map-badge-v57{
  position:absolute;left:34px;bottom:34px;padding:22px 24px;border-radius:16px;background:rgba(255,255,255,.94);box-shadow:0 16px 40px rgba(4,27,43,.16);display:flex;flex-direction:column;gap:7px;max-width:330px;color:var(--navy)}
.contact-map-badge-v57 span{font-size:10px;letter-spacing:.18em;color:var(--gold);font-weight:900}
.contact-map-badge-v57 strong{font-size:20px;line-height:1.15}
.contact-map-badge-v57 a{font-size:12px;color:var(--blue);font-weight:850;text-decoration:none;margin-top:3px}

.contact-card-v57{
  position:relative;
  z-index:2;
  align-self:center;
  margin:60px 7vw 60px -70px;
  padding:52px 54px 48px;
  background:rgba(255,255,255,.98);
  border:1px solid rgba(10,65,94,.10);
  box-shadow:0 24px 60px rgba(4,28,44,.17);
  border-radius:4px;
  color:var(--navy);
}
.contact-card-v57 h2{font-size:clamp(38px,4vw,58px);line-height:.98;letter-spacing:-.05em;margin:0 0 22px}
.contact-card-v57 h2 span{color:var(--blue2)}
.contact-lead-v57{font-size:16px;line-height:1.7;color:var(--muted);margin:0 0 25px;max-width:650px}
.contact-detail-v57{display:grid;grid-template-columns:42px 1fr;gap:17px;padding:20px 0;border-top:1px solid #dfe8ec;align-items:start}
.contact-icon-v57{width:36px;height:36px;border:2px solid var(--gold);border-radius:50%;display:grid;place-items:center;color:var(--gold);font-size:19px;font-weight:900}
.contact-detail-v57 small{display:block;font-size:10px;letter-spacing:.16em;color:var(--blue);font-weight:900;margin-bottom:6px}
.contact-detail-v57 a{display:block;width:max-content;max-width:100%;font-size:16px;font-weight:800;color:#163d58;text-decoration:none;line-height:1.5}
.contact-detail-v57 p{margin:0;color:#314c5d;line-height:1.65;font-size:15px}
.contact-divider-v57{height:2px;background:linear-gradient(90deg,var(--gold),rgba(245,170,24,.05));margin:8px 0 22px}
.contact-card-btn-v57{display:inline-flex}

.contact-quote-v57{display:grid;grid-template-columns:.85fr 1.15fr;gap:80px;align-items:center;padding:100px 8vw;background:#fff}
.contact-quote-copy-v57 h2{font-size:clamp(42px,5vw,70px);line-height:.98;letter-spacing:-.05em;margin:0 0 22px}
.contact-quote-copy-v57 h2 span{color:var(--blue2)}
.contact-quote-copy-v57 p:not(.eyebrow){color:var(--muted);font-size:17px;line-height:1.7;max-width:510px}

@media(max-width:1000px){
  .contact-theme-v57{grid-template-columns:1fr}
  .contact-map-v57{min-height:480px}
  .contact-card-v57{margin:-55px 6vw 55px;padding:42px 38px}
  .contact-quote-v57{grid-template-columns:1fr;gap:35px}
}
@media(max-width:760px){
  .contact-hero-v57{min-height:470px;padding:130px 6vw 60px}
  .contact-hero-v57 h1{font-size:54px}
  .contact-map-v57{min-height:430px}
  .contact-map-badge-v57{left:18px;right:18px;bottom:18px;max-width:none}
  .contact-card-v57{margin:-35px 5vw 45px;padding:34px 25px;border-radius:10px}
  .contact-card-v57 h2{font-size:40px}
  .contact-detail-v57 a{font-size:15px}
  .contact-quote-v57{padding:75px 6vw}
}


/* V58: sitewide logistics route animation inspired by the Global Network section.
   Decorative only, content remains above the animation. */
.nw-section-route-host{position:relative;isolation:isolate;overflow:hidden}
.nw-section-route-decor{position:absolute;inset:0;z-index:-1;pointer-events:none;overflow:hidden;opacity:.62}
.nw-section-route-decor svg{position:absolute;width:112%;height:118%;left:-6%;top:-9%;overflow:visible}
.nw-section-route-decor .nw-decor-route{fill:none;stroke:var(--gold);stroke-width:2.2;stroke-dasharray:11 12;stroke-linecap:round;opacity:.42;animation:nwDecorDash 14s linear infinite}
.nw-section-route-decor .nw-decor-route.route-b{stroke:#7dc9e8;stroke-dasharray:5 14;animation-duration:18s;animation-direction:reverse;opacity:.26}
.nw-section-route-decor .nw-decor-route.route-c{stroke:var(--gold);stroke-dasharray:2 16;animation-duration:11s;opacity:.25}
.nw-section-route-decor .nw-decor-node{fill:var(--gold);opacity:.7;filter:drop-shadow(0 0 6px rgba(245,173,22,.45));animation:nwDecorNode 2.8s ease-in-out infinite}
.nw-section-route-decor .nw-decor-node.node-b{fill:#9fdcf2;animation-delay:.9s}
.nw-section-route-decor .nw-decor-node.node-c{animation-delay:1.7s}
.nw-section-route-decor .nw-decor-scan{fill:none;stroke:rgba(255,255,255,.18);stroke-width:1;stroke-dasharray:2 18;animation:nwDecorScan 8s linear infinite}
.nw-section-route-host.nw-route-dark .nw-section-route-decor{opacity:.82}
.nw-section-route-host.nw-route-light .nw-section-route-decor{opacity:.46}
.nw-section-route-host.nw-route-light .nw-decor-route.route-b{stroke:#0b5f91;opacity:.16}
.nw-section-route-host.nw-route-light .nw-decor-scan{stroke:rgba(7,52,80,.13)}
@keyframes nwDecorDash{to{stroke-dashoffset:-92}}
@keyframes nwDecorNode{0%,100%{transform:scale(.72);opacity:.3}50%{transform:scale(1.45);opacity:1}}
@keyframes nwDecorScan{from{stroke-dashoffset:0;opacity:.05}50%{opacity:.28}to{stroke-dashoffset:-160;opacity:.05}}
@media(max-width:760px){.nw-section-route-decor svg{width:145%;height:130%;left:-22.5%;top:-15%}.nw-section-route-decor{opacity:.42!important}.nw-section-route-decor .nw-decor-route{stroke-width:2}}
@media(prefers-reduced-motion:reduce){.nw-section-route-decor .nw-decor-route,.nw-section-route-decor .nw-decor-node,.nw-section-route-decor .nw-decor-scan{animation:none!important}.nw-section-route-decor .nw-decor-route{stroke-dashoffset:0}}

/* V59: homepage capability statistics strip, inspired by the supplied reference. */
.nw-stats-strip-v59{
  position:relative;
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:0;
  align-items:stretch;
  background:#fff;
  color:var(--navy);
  padding:54px 5.5vw 58px;
  border-top:1px solid rgba(7,52,80,.08);
  border-bottom:1px solid rgba(7,52,80,.08);
  overflow:hidden;
  isolation:isolate;
}
.nw-stats-strip-v59::before{
  content:"";
  position:absolute;
  inset:auto 0 0;
  height:3px;
  background:linear-gradient(90deg,transparent,var(--gold) 18%,var(--gold) 82%,transparent);
  opacity:.72;
}
.nw-stat-v59{
  position:relative;
  z-index:2;
  min-height:205px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  padding:14px 28px;
}
.nw-stat-v59 + .nw-stat-v59{border-left:1px solid rgba(7,52,80,.10)}
.nw-stat-icon-v59{
  width:74px;
  height:74px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:linear-gradient(145deg,#eef3f7,#dfe8ef);
  margin-bottom:15px;
  box-shadow:inset 0 0 0 1px rgba(7,52,80,.05),0 8px 24px rgba(7,52,80,.07);
}
.nw-stat-icon-v59 svg{width:40px;height:40px;fill:none;stroke:var(--navy);stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.nw-stat-number-v59{font-size:42px;line-height:1;font-weight:900;letter-spacing:-.045em;color:#182a66;margin-bottom:8px;font-variant-numeric:tabular-nums}
.nw-stat-v59 h3{font-size:17px;line-height:1.2;margin:0 0 7px;font-weight:800;color:#25386f}
.nw-stat-v59 p{font-size:13px;line-height:1.35;margin:0;color:#687586;font-weight:600}
.nw-stats-route{position:absolute;left:-8%;right:-8%;bottom:18px;height:22px;z-index:1;pointer-events:none;opacity:.55}
.nw-stats-route::before{content:"";position:absolute;left:0;right:0;top:10px;border-top:2px dashed rgba(245,170,24,.32);transform:skewY(-1deg);animation:nwStatsRouteMove 11s linear infinite}
.nw-stats-route span,.nw-stats-route i,.nw-stats-route b{position:absolute;top:5px;width:11px;height:11px;border-radius:50%;background:var(--gold);box-shadow:0 0 12px rgba(245,170,24,.35);animation:nwStatsNode 3.4s ease-in-out infinite}
.nw-stats-route span{left:19%}.nw-stats-route i{left:51%;animation-delay:1.1s}.nw-stats-route b{left:82%;animation-delay:2.1s}
@keyframes nwStatsRouteMove{to{transform:translateX(120px) skewY(-1deg)}}
@keyframes nwStatsNode{0%,100%{transform:scale(.65);opacity:.38}50%{transform:scale(1.2);opacity:1}}
@media(max-width:900px){
  .nw-stats-strip-v59{grid-template-columns:repeat(2,1fr);padding:38px 5vw}
  .nw-stat-v59:nth-child(3){border-left:0}
  .nw-stat-v59:nth-child(n+4){border-top:1px solid rgba(7,52,80,.10)}
}
@media(max-width:560px){
  .nw-stats-strip-v59{grid-template-columns:1fr;padding:24px 6vw}
  .nw-stat-v59,.nw-stat-v59:nth-child(n+2){border-left:0;border-top:1px solid rgba(7,52,80,.10);min-height:180px;padding:26px 18px}
  .nw-stat-v59:first-of-type{border-top:0}
  .nw-stat-number-v59{font-size:38px}
  .nw-stat-icon-v59{width:64px;height:64px;margin-bottom:12px}
  .nw-stat-icon-v59 svg{width:34px;height:34px}
}
@media(prefers-reduced-motion:reduce){.nw-stats-route::before,.nw-stats-route span,.nw-stats-route i,.nw-stats-route b{animation:none!important}}


/* V61: homepage statistics strip reduced to the requested two metrics. */
.nw-stats-strip-v59.nw-stats-two{
  grid-template-columns:repeat(2,minmax(0,1fr));
  max-width:1180px;
  margin:0 auto;
  padding-left:4vw;
  padding-right:4vw;
}
.nw-stats-strip-v59.nw-stats-two .nw-stat-v59{min-height:205px;padding-left:70px;padding-right:70px}
.nw-stats-strip-v59.nw-stats-two .nw-stat-v59 + .nw-stat-v59{border-left:1px solid rgba(7,52,80,.10)}
@media(max-width:760px){
  .nw-stats-strip-v59.nw-stats-two{grid-template-columns:1fr;padding-left:6vw;padding-right:6vw}
  .nw-stats-strip-v59.nw-stats-two .nw-stat-v59{padding-left:28px;padding-right:28px}
  .nw-stats-strip-v59.nw-stats-two .nw-stat-v59 + .nw-stat-v59{border-left:0;border-top:1px solid rgba(7,52,80,.10)}
}


/* V63: current service submenu item */
.site-header .dropdown a.active{
  background:rgba(232,168,23,.18)!important;
  color:#f0b72a!important;
  box-shadow:inset 3px 0 0 #e8a817;
  font-weight:900!important;
}
.site-header .dropdown a.active::after{display:none!important}
@media(max-width:760px){
  .site-header .dropdown a.active{
    background:rgba(232,168,23,.14)!important;
    box-shadow:inset 3px 0 0 #e8a817;
  }
}


/* =========================================================
   NEW WAY GALLERY
   Uses existing project imagery and lazy-loaded remote assets.
   ========================================================= */
.gallery-hero{min-height:570px;background:linear-gradient(90deg,rgba(3,37,55,.92),rgba(3,37,55,.58) 58%,rgba(3,37,55,.18)),url('assets/slider-4.webp') center/cover no-repeat;display:flex;align-items:flex-end}
.gallery-hero>div{max-width:760px}.gallery-hero h1{font-size:clamp(54px,7vw,92px);line-height:.93;letter-spacing:-.055em;margin:0 0 22px;color:#fff;font-weight:900}.gallery-hero h1 span{color:var(--gold)}.gallery-hero>div>p:not(.eyebrow){max-width:650px;color:rgba(255,255,255,.86);font-size:19px;line-height:1.55}
.gallery-intro{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:end;padding:78px 10.5vw 34px;background:#fff}.gallery-intro h2{font-size:clamp(38px,4vw,58px);line-height:.98;letter-spacing:-.05em;color:#003654;margin:0;font-weight:900}.gallery-intro h2 span{color:#0b5f91}.gallery-intro>p{font-size:18px;line-height:1.65;color:#315975;max-width:650px;margin:0}
.gallery-group{padding:50px 10.5vw 74px;background:#fff}.gallery-group:nth-of-type(odd){background:#eef3f5}.gallery-group-head{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:27px}.gallery-group-head .eyebrow{margin:0}.gallery-group-head h2{font-size:clamp(28px,3vw,42px);line-height:1.02;letter-spacing:-.04em;color:#003654;margin:0;font-weight:900}.gallery-group-head h2::first-letter{}.gallery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.gallery-card{background:#fff;border:1px solid #d5e2e8;border-radius:18px;overflow:hidden;box-shadow:0 10px 28px rgba(3,52,78,.07);transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease;display:flex;flex-direction:column;min-width:0}.gallery-card:hover{transform:translateY(-6px);box-shadow:0 22px 44px rgba(3,52,78,.14);border-color:#b9cdd8}.gallery-media{height:245px;position:relative;overflow:hidden;background:#dce8ed}.gallery-media img{width:100%;height:100%;object-fit:cover;transition:transform .55s ease}.gallery-card:hover .gallery-media img{transform:scale(1.055)}.gallery-tag{position:absolute;left:15px;top:15px;padding:7px 10px;border-radius:999px;background:rgba(3,37,55,.78);backdrop-filter:blur(8px);color:var(--gold);font-size:9px;line-height:1;font-weight:900;letter-spacing:.16em}.gallery-card-body{display:flex;justify-content:space-between;gap:15px;align-items:flex-end;padding:18px 18px 19px;min-height:104px}.gallery-card-body p{margin:0 0 5px;font-size:9px;line-height:1;letter-spacing:.16em;color:#7a95a4;font-weight:900}.gallery-card-body h3{margin:0;color:#003654;font-size:17px;line-height:1.15;font-weight:900}.gallery-arrow{flex:0 0 auto;color:#0b5f91;font-size:11px;font-weight:800;white-space:nowrap;transition:color .2s ease}.gallery-card:hover .gallery-arrow{color:#c88a00}
@media(max-width:1000px){.gallery-intro{grid-template-columns:1fr;gap:24px;padding-left:6vw;padding-right:6vw}.gallery-group{padding-left:6vw;padding-right:6vw}.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.gallery-hero{min-height:500px;padding-top:130px}.gallery-hero h1{font-size:54px}.gallery-hero>div>p:not(.eyebrow){font-size:16px}.gallery-intro{padding:60px 6vw 25px}.gallery-group{padding:38px 6vw 55px}.gallery-group-head{display:block;margin-bottom:22px}.gallery-group-head h2{margin-top:9px}.gallery-grid{grid-template-columns:1fr;gap:16px}.gallery-media{height:220px}.gallery-card-body{min-height:96px}}

/* About Us: Mission, Vision & Core Values */
.about-foundation{
  position:relative;
  padding:100px 7vw 105px;
  background:#f3f7f9;
  overflow:hidden;
  isolation:isolate;
}
.about-foundation::before{
  content:"";
  position:absolute;
  width:520px;
  height:520px;
  border-radius:50%;
  right:-180px;
  top:-220px;
  background:radial-gradient(circle,rgba(245,173,22,.13),transparent 68%);
  pointer-events:none;
}
.about-foundation-head{
  position:relative;
  z-index:1;
  max-width:760px;
  margin:0 auto 52px;
  text-align:center;
}
.about-foundation-head h2{
  margin:0 0 18px;
  color:var(--navy);
  font-size:clamp(38px,5vw,64px);
  line-height:1;
  letter-spacing:-.055em;
}
.about-foundation-head h2 span{color:var(--blue2)}
.about-foundation-head>p:last-child{
  max-width:650px;
  margin:0 auto;
  color:var(--muted);
  font-size:17px;
  line-height:1.7;
}
.about-foundation-top{
  position:relative;
  z-index:1;
  max-width:1220px;
  margin:0 auto 72px;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:22px;
}
.about-foundation-card{
  position:relative;
  min-height:330px;
  padding:38px 38px 40px;
  border-radius:26px;
  overflow:hidden;
  box-shadow:0 18px 50px rgba(7,44,67,.09);
  transition:transform .35s ease,box-shadow .35s ease;
}
.about-foundation-card:hover{
  transform:translateY(-7px);
  box-shadow:0 28px 65px rgba(7,44,67,.14);
}
.about-mission-card{background:#fff;color:var(--navy);border:1px solid rgba(11,95,145,.08)}
.about-vision-card{background:linear-gradient(135deg,#0b5d89,#083b60);color:#fff}
.about-foundation-card::after{
  content:"";
  position:absolute;
  width:190px;
  height:190px;
  border-radius:50%;
  right:-70px;
  bottom:-95px;
  border:1px solid rgba(245,173,22,.2);
}
.about-foundation-icon{
  width:52px;
  height:52px;
  display:flex;
  align-items:center;
  justify-content:center;
  margin-bottom:28px;
  border-radius:16px;
  background:rgba(245,173,22,.14);
  color:var(--gold);
  font-size:25px;
  font-weight:900;
}
.about-foundation-label{
  margin:0 0 12px;
  color:var(--gold);
  font-size:11px;
  font-weight:900;
  letter-spacing:.16em;
}
.about-foundation-card h3{
  position:relative;
  z-index:1;
  margin:0 0 16px;
  font-size:clamp(28px,3vw,42px);
  line-height:1.05;
  letter-spacing:-.04em;
}
.about-foundation-card>p:last-child{
  position:relative;
  z-index:1;
  max-width:650px;
  margin:0;
  color:var(--muted);
  font-size:16px;
  line-height:1.75;
}
.about-vision-card>p:last-child{color:rgba(255,255,255,.78)}
.about-values-head{
  position:relative;
  z-index:1;
  max-width:1220px;
  margin:0 auto 30px;
  display:flex;
  justify-content:space-between;
  gap:50px;
  align-items:end;
}
.about-values-head h3{
  margin:0;
  color:var(--navy);
  font-size:clamp(28px,3.2vw,43px);
  line-height:1.05;
  letter-spacing:-.045em;
}
.about-values-head>p{
  max-width:470px;
  margin:0 0 2px;
  color:var(--muted);
  font-size:15px;
  line-height:1.65;
}
.about-values-grid{
  position:relative;
  z-index:1;
  max-width:1220px;
  margin:0 auto;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:14px;
}
.about-value{
  min-height:185px;
  padding:25px 25px 27px;
  background:#fff;
  border:1px solid rgba(11,95,145,.08);
  border-radius:20px;
  transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease;
}
.about-value:hover{
  transform:translateY(-5px);
  border-color:rgba(245,173,22,.45);
  box-shadow:0 20px 45px rgba(7,44,67,.09);
}
.about-value span{
  color:var(--gold);
  font-size:11px;
  font-weight:900;
  letter-spacing:.1em;
}
.about-value h4{
  margin:15px 0 8px;
  color:var(--navy);
  font-size:21px;
  line-height:1.15;
}
.about-value p{
  margin:0;
  color:var(--muted);
  font-size:14px;
  line-height:1.6;
}
@media(max-width:900px){
  .about-foundation{padding:78px 6vw 82px}
  .about-foundation-top{grid-template-columns:1fr;margin-bottom:58px}
  .about-values-head{align-items:start;flex-direction:column;gap:16px}
  .about-values-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:600px){
  .about-foundation-head{margin-bottom:38px}
  .about-foundation-card{min-height:0;padding:30px 27px 32px}
  .about-foundation-card h3{font-size:30px}
  .about-values-grid{grid-template-columns:1fr}
  .about-value{min-height:0}
}


/* V67: restore the four-metric homepage statistics strip to the approved reference. */
.nw-stats-strip-v59.nw-stats-four{
  grid-template-columns:repeat(4,minmax(0,1fr));
  max-width:none;
  margin:0;
  padding:28px 5vw 30px;
  min-height:208px;
}
.nw-stats-strip-v59.nw-stats-four .nw-stat-v59{min-height:150px;padding:10px 22px}
.nw-stats-strip-v59.nw-stats-four .nw-stat-icon-v59{width:66px;height:66px;margin-bottom:13px}
.nw-stats-strip-v59.nw-stats-four .nw-stat-icon-v59 svg{width:36px;height:36px}
.nw-stats-strip-v59.nw-stats-four .nw-stat-number-v59{font-size:34px;margin-bottom:7px}
.nw-stats-strip-v59.nw-stats-four .nw-stat-v59 h3{font-size:16px;margin:0;color:#2d3b69;font-weight:600}
.nw-stats-strip-v59.nw-stats-four .nw-stat-v59 p{display:none}
.nw-stats-strip-v59.nw-stats-four .nw-stat-v59 + .nw-stat-v59{border-left:0}
.nw-stats-strip-v59.nw-stats-four::before{display:none}
@media(max-width:900px){
  .nw-stats-strip-v59.nw-stats-four{grid-template-columns:repeat(2,1fr);padding:30px 5vw}
  .nw-stats-strip-v59.nw-stats-four .nw-stat-v59:nth-child(3){border-left:0;border-top:1px solid rgba(7,52,80,.10)}
  .nw-stats-strip-v59.nw-stats-four .nw-stat-v59:nth-child(4){border-top:1px solid rgba(7,52,80,.10)}
}
@media(max-width:560px){
  .nw-stats-strip-v59.nw-stats-four{grid-template-columns:1fr;padding:18px 6vw}
  .nw-stats-strip-v59.nw-stats-four .nw-stat-v59,.nw-stats-strip-v59.nw-stats-four .nw-stat-v59:nth-child(n+2){border-left:0;border-top:1px solid rgba(7,52,80,.10);min-height:150px;padding:20px 18px}
  .nw-stats-strip-v59.nw-stats-four .nw-stat-v59:first-child{border-top:0}
}

/* =========================================================
   ABOUT US: OUR TEAM
   ========================================================= */
.about-team-section{
  position:relative;
  padding:108px 7vw 112px;
  background:#fff;
  overflow:hidden;
  isolation:isolate;
}
.about-team-section::before,
.about-team-section::after{
  content:"";
  position:absolute;
  pointer-events:none;
  border-radius:50%;
  filter:blur(2px);
}
.about-team-section::before{
  width:420px;height:420px;left:-220px;top:70px;
  background:radial-gradient(circle,rgba(11,95,145,.09),transparent 68%);
}
.about-team-section::after{
  width:360px;height:360px;right:-190px;bottom:-180px;
  background:radial-gradient(circle,rgba(245,173,22,.12),transparent 68%);
}
.about-team-head{
  position:relative;z-index:1;
  max-width:760px;margin:0 auto 52px;text-align:center;
}
.about-team-head h2{
  margin:0 0 17px;color:var(--navy);
  font-size:clamp(40px,5vw,64px);line-height:1;
  letter-spacing:-.055em;font-weight:900;
}
.about-team-head h2 span{color:var(--blue2)}
.about-team-head>p:last-child{
  max-width:650px;margin:0 auto;color:var(--muted);
  font-size:17px;line-height:1.7;
}
.about-team-grid{
  position:relative;z-index:1;
  max-width:1050px;margin:0 auto;
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;
}
.about-team-card{
  position:relative;background:#fff;border:1px solid rgba(11,95,145,.12);
  border-radius:28px;overflow:hidden;
  box-shadow:0 18px 48px rgba(5,42,65,.09);
  transition:transform .45s cubic-bezier(.2,.75,.25,1),box-shadow .45s ease,border-color .35s ease;
  animation:team-card-float 6s ease-in-out infinite;
}
.about-team-card:nth-child(2){animation-delay:-2.5s}
.about-team-card:hover{
  transform:translateY(-10px);
  box-shadow:0 30px 70px rgba(5,42,65,.16);
  border-color:rgba(245,173,22,.48);
}
.about-team-photo{
  position:relative;aspect-ratio:4/4.65;overflow:hidden;background:#edf3f6;
}
.about-team-photo::after{
  content:"";position:absolute;inset:auto 0 0;height:38%;
  background:linear-gradient(to top,rgba(2,29,44,.58),transparent);
  pointer-events:none;
}
.about-team-photo img{
  width:100%;height:100%;display:block;object-fit:cover;object-position:center top;
  transform:scale(1.012);transition:transform .8s cubic-bezier(.2,.75,.25,1),filter .5s ease;
}
.about-team-card:nth-child(2) .about-team-photo img{object-position:center 8%}
.about-team-card:hover .about-team-photo img{transform:scale(1.055);filter:saturate(1.04)}
.about-team-shine{
  position:absolute;z-index:2;inset:-20% auto -20% -45%;width:32%;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.42),transparent);
  transform:translateX(-180%) skewX(-18deg);
  pointer-events:none;
}
.about-team-card:hover .about-team-shine{animation:team-photo-shine .9s ease forwards}
.about-team-info{
  display:flex;align-items:center;justify-content:space-between;gap:18px;
  padding:23px 25px 25px;background:rgba(255,255,255,.98);
}
.about-team-role{
  margin:0 0 7px;color:var(--gold);font-size:10px;font-weight:900;letter-spacing:.19em;
}
.about-team-info h3{
  margin:0;color:var(--navy);font-size:clamp(22px,2.2vw,29px);line-height:1.1;letter-spacing:-.035em;
}
.about-team-mark{
  flex:0 0 43px;width:43px;height:43px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  background:#edf3f6;color:var(--blue2);font-size:17px;font-weight:900;
  transition:background .3s ease,color .3s ease,transform .3s ease;
}
.about-team-card:hover .about-team-mark{background:var(--gold);color:#fff;transform:rotate(12deg) translateY(-2px)}
@keyframes team-card-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}
@keyframes team-photo-shine{0%{transform:translateX(-180%) skewX(-18deg)}100%{transform:translateX(560%) skewX(-18deg)}}
@media(max-width:800px){
  .about-team-section{padding:82px 6vw 88px}
  .about-team-grid{grid-template-columns:1fr;max-width:560px}
  .about-team-card{animation:none}
}
@media(max-width:600px){
  .about-team-head{margin-bottom:38px}
  .about-team-info{padding:20px 20px 22px}
  .about-team-photo{aspect-ratio:4/4.9}
}
@media(prefers-reduced-motion:reduce){
  .about-team-card,.about-team-photo img,.about-team-mark{animation:none!important;transition:none!important}
}

/* Hero slider continuous cinematic zoom: the active image keeps gently breathing until the next slide takes over. */
.canva-hero-slider .hero-slide{
  transform:scale(1.018);
  transition:opacity .75s ease;
  animation:none;
}
.canva-hero-slider .hero-slide.active{
  transform:scale(1.018);
  animation:heroCinematicZoom 7.2s ease-in-out infinite;
  animation-fill-mode:both;
}
@keyframes heroCinematicZoom{
  0%,100%{transform:scale(1.018)}
  50%{transform:scale(1.065)}
}
@media (prefers-reduced-motion:reduce){
  .canva-hero-slider .hero-slide.active{
    animation:none;
    transform:scale(1.018);
  }
}


/* =========================================================
   FINAL HERO PHOTO MOTION FIX
   The photograph gets its own animated layer so the cinematic
   image motion cannot conflict with the existing text/CTA motion.
   ========================================================= */
.canva-hero-slider .hero-slide{
  background-image:none !important;
  background-color:#082b46 !important;
  overflow:hidden !important;
}
.canva-hero-slider .hero-slide::after{
  content:"";
  position:absolute;
  inset:-5%;
  z-index:0;
  pointer-events:none;
  background-image:var(--bg);
  background-size:cover;
  background-position:center center;
  background-repeat:no-repeat;
  transform:scale(1.015);
  transform-origin:center center;
  will-change:transform;
}
.canva-hero-slider .hero-slide.active::after{
  animation:heroPhotoBreath 7.2s ease-in-out infinite;
}
@keyframes heroPhotoBreath{
  0%,100%{transform:scale(1.015)}
  50%{transform:scale(1.075)}
}
@media(prefers-reduced-motion:reduce){
  .canva-hero-slider .hero-slide.active::after{
    animation:none;
    transform:scale(1.015);
  }
}

/* ===== LOGO SIZE REFINEMENT =====
   Slightly larger branding using the existing header/footer space.
   Header height and layout geometry remain unchanged.
   ===== */
.site-header .brand img{
  width:155px;
  max-height:56px;
}
.footer-logo{
  width:270px;
}
@media(max-width:1100px){
  .site-header .brand img{width:140px;max-height:54px}
}
@media(max-width:820px){
  .site-header .brand img{width:137px;max-height:52px}
}
@media(max-width:760px){
  .footer-logo{width:238px}
}
@media(max-width:520px){
  .site-header .brand img{width:123px;max-height:48px}
  .footer-logo{width:230px}
}