@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@500;600&family=Manrope:wght@400;500;600;700;800&display=swap');

:root{--font-sans:'Manrope',Arial,sans-serif;--font-serif:'Cormorant Garamond',Georgia,serif}

:root{--navy:#061a24;--navy2:#0b2733;--ink:#10252e;--gold:#c7a05a;--cream:#f2efe8;--line:#d8d5ce}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f8f7f3;color:var(--ink);font-family:var(--font-sans),sans-serif}a{color:inherit;text-decoration:none}.nav{height:88px;background:rgba(5,24,33,.96);color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 5vw;position:absolute;z-index:10;width:100%;border-bottom:1px solid rgba(255,255,255,.14)}.brand{display:flex;align-items:center;gap:12px;font-weight:800;font-size:21px;letter-spacing:.02em}.brandMark{width:40px;height:40px;border:1px solid var(--gold);color:var(--gold);display:grid;place-items:center;font-family:var(--font-serif);font-size:27px}.brand small{display:block;font-size:8px;letter-spacing:.24em;color:#aebbc0}.navLinks{display:flex;gap:38px;font-size:12px}.navLinks a{transition:.2s}.navLinks a:hover{color:var(--gold)}.navCta{font-size:11px;text-transform:uppercase;letter-spacing:.08em;border-bottom:1px solid var(--gold);padding:10px 0}.navCta span,.button span,.lineLink span{margin-left:18px}.hero{height:min(900px,100vh);min-height:720px;background:url('/hero-global-logistics.png') center/cover;position:relative;color:white;display:flex;align-items:center}.heroShade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,16,24,.96) 0%,rgba(4,20,29,.75) 43%,rgba(4,20,29,.08) 82%),linear-gradient(0deg,rgba(3,16,24,.55),transparent 45%)}.heroContent{position:relative;z-index:2;margin-left:9vw;margin-top:55px;max-width:790px}.eyebrow,.sectionLabel{font-size:10px;letter-spacing:.22em;text-transform:uppercase;font-weight:700;display:flex;align-items:center;gap:12px}.eyebrow span{width:30px;height:1px;background:var(--gold)}.light{color:#ccd6d9}.hero h1,.section h2,.impact h2,.contact h2{font-size:clamp(55px,5.8vw,92px);line-height:.91;letter-spacing:-.045em;margin:27px 0 30px;font-weight:600}.hero h1 em,.section h2 em,.impact h2 em{font-family:var(--font-serif);font-weight:500;color:var(--gold)}.heroContent>p{max-width:650px;font-size:15px;line-height:1.8;color:#c9d3d6}.heroActions{display:flex;align-items:center;gap:42px;margin-top:38px}.button{display:inline-flex;align-items:center;padding:17px 22px;text-transform:uppercase;font-size:10px;font-weight:800;letter-spacing:.1em}.gold{background:var(--gold);color:#071a22}.textLink{font-size:10px;text-transform:uppercase;letter-spacing:.1em;border-bottom:1px solid rgba(255,255,255,.45);padding:12px 0}.textLink span{margin-left:20px}.heroStats{position:absolute;z-index:2;right:0;bottom:0;background:rgba(6,26,36,.92);display:flex;width:52%;padding:28px 5vw;justify-content:space-between;border-top:1px solid rgba(255,255,255,.12)}.heroStats div{display:flex;gap:12px;align-items:center}.heroStats strong{font-family:var(--font-serif);font-size:32px;color:var(--gold);font-weight:500}.heroStats span{font-size:9px;line-height:1.6;color:#b9c6ca;text-transform:uppercase;letter-spacing:.08em}.section{padding:120px 8vw}.sectionLabel{color:#68777d}.sectionLabel span{color:var(--gold);border-right:1px solid #bdc3c4;padding-right:12px}.introGrid{display:grid;grid-template-columns:1.1fr .9fr;gap:9vw}.intro h2{font-size:clamp(48px,5vw,76px);margin-top:70px}.introCopy{padding-top:70px}.introCopy p{font-size:14px;line-height:1.9;color:#66777d}.introCopy .lead{font-size:19px;line-height:1.65;color:var(--ink);margin-top:0}.lineLink{display:inline-block;margin-top:25px;padding:12px 0;border-bottom:1px solid var(--gold);font-size:10px;text-transform:uppercase;letter-spacing:.1em;font-weight:800}.services{background:var(--cream)}.sectionHead{display:grid;grid-template-columns:1.4fr .6fr;align-items:end;gap:8vw}.sectionHead h2{font-size:clamp(46px,4.7vw,72px);margin-bottom:0}.sectionHead>p,.portfolioHead>p{font-size:14px;line-height:1.9;color:#64747a}.serviceGrid{display:grid;grid-template-columns:repeat(3,1fr);margin-top:70px;border-top:1px solid #cbc9c2;border-left:1px solid #cbc9c2}.serviceCard{padding:34px;border-right:1px solid #cbc9c2;border-bottom:1px solid #cbc9c2;min-height:360px;display:flex;flex-direction:column;transition:.3s;background:transparent}.serviceCard:hover{background:var(--navy);color:#fff;transform:translateY(-4px)}.cardTop{display:flex;justify-content:space-between;color:#9a8a6f;font-size:11px}.cardTop b{font-size:18px;font-weight:400}.serviceCard h3{font-family:var(--font-serif);font-size:31px;line-height:1.05;margin:44px 0 20px}.serviceCard p{font-size:12px;line-height:1.8;color:#68777d}.serviceCard:hover p{color:#aebcc0}.tags{margin-top:auto;display:flex;flex-wrap:wrap;gap:7px}.tags span{font-size:8px;letter-spacing:.07em;text-transform:uppercase;border:1px solid #c6c5bf;padding:7px 8px}.impact{min-height:720px;display:grid;grid-template-columns:1fr 1fr;background:var(--navy);color:white}.impactImage{background:linear-gradient(rgba(5,23,32,.1),rgba(5,23,32,.3)),url('/hero-global-logistics.png') 72% center/cover;filter:saturate(.75)}.impactContent{padding:110px 7vw}.impact h2{font-size:clamp(48px,5vw,76px)}.impactContent>p{font-size:14px;line-height:1.9;color:#aebcc0;max-width:580px}.reasonGrid{display:grid;grid-template-columns:1fr 1fr;margin-top:55px;border-top:1px solid #38505a}.reasonGrid div{padding:22px 10px 22px 0;border-bottom:1px solid #38505a;font-size:11px;text-transform:uppercase;letter-spacing:.04em}.reasonGrid span{display:block;color:var(--gold);font-size:9px;margin-bottom:10px}.industryList{display:grid;grid-template-columns:repeat(3,1fr);margin-top:70px;border-top:1px solid var(--line)}.industryList div{padding:24px 8px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:18px}.industryList span{font-size:9px;color:#a39477}.industryList b{font-family:var(--font-serif);font-size:20px;font-weight:600}.industryList i{font-style:normal;margin-left:auto;color:var(--gold)}.portfolio{background:#e7e6e0}.portfolioHead{display:grid;grid-template-columns:1fr .55fr;gap:10vw;align-items:end}.portfolioHead h2{font-size:clamp(48px,5vw,76px)}.portfolioGrid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.portfolioGrid article{background:#f8f7f3;min-height:280px;display:flex;align-items:flex-end}.portfolioGrid .featured{grid-row:span 2;display:block}.portfolioVisual{height:410px;background:linear-gradient(125deg,#0a2631,#175267);position:relative;overflow:hidden}.procurement:after{content:"";position:absolute;width:480px;height:480px;border:1px solid rgba(199,160,90,.4);border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 70px rgba(255,255,255,.035),0 0 0 140px rgba(255,255,255,.025)}.portfolioVisual span{position:relative;z-index:2;color:white;font-size:10px;letter-spacing:.1em;text-transform:uppercase;display:inline-block;margin:50px 6px 0 24px;padding:8px 12px;border:1px solid rgba(255,255,255,.35)}.portfolioText{padding:36px}.portfolioText>span{font-size:9px;color:#9b7a42;letter-spacing:.15em}.portfolioText h3{font-family:var(--font-serif);font-size:31px;line-height:1.1;margin:18px 0}.portfolioText p{font-size:11px;color:#65767c;line-height:1.8}.mission{display:grid;grid-template-columns:1fr 1fr;background:var(--gold);padding:80px 8vw;gap:10vw}.mission div+div{border-left:1px solid rgba(6,26,36,.25);padding-left:8vw}.mission span{font-size:9px;font-weight:800;letter-spacing:.15em}.mission p{font-family:var(--font-serif);font-size:27px;line-height:1.25}.contact{text-align:center;background:var(--navy);color:white;padding:120px 8vw}.contact .eyebrow{justify-content:center}.contact h2{font-size:clamp(55px,6vw,88px);margin-bottom:30px}.contact p{color:#aebcc0;max-width:620px;margin:0 auto 36px;font-size:14px;line-height:1.8}footer{background:#03131b;color:#a7b5ba;padding:55px 6vw 28px;display:grid;grid-template-columns:1.5fr 1fr .7fr;gap:40px;align-items:start}.footerBrand{color:white}footer>div{display:flex;flex-direction:column;gap:10px;font-size:11px}.footerLinks a{color:white}footer>small{grid-column:1/-1;border-top:1px solid #263942;padding-top:25px;font-size:9px}
@media(max-width:900px){.navLinks{display:none}.navCta{display:none}.nav{height:72px}.hero{min-height:760px}.heroContent{margin:50px 6vw 0}.hero h1{font-size:50px}.heroStats{width:100%;padding:22px 5vw}.heroStats div:nth-child(2){display:none}.section{padding:80px 6vw}.introGrid,.sectionHead,.portfolioHead{grid-template-columns:1fr}.introCopy{padding-top:10px}.serviceGrid{grid-template-columns:1fr 1fr}.impact{grid-template-columns:1fr}.impactImage{min-height:420px}.industryList{grid-template-columns:1fr 1fr}.portfolioGrid{grid-template-columns:1fr}.mission{grid-template-columns:1fr}.mission div+div{border-left:0;border-top:1px solid rgba(6,26,36,.25);padding:35px 0 0}footer{grid-template-columns:1fr 1fr}}@media(max-width:600px){.heroActions{align-items:flex-start;flex-direction:column;gap:16px}.heroStats{display:none}.serviceGrid,.industryList,.reasonGrid{grid-template-columns:1fr}.serviceCard{min-height:320px}.impactContent{padding:80px 6vw}.portfolioVisual{height:300px}footer{grid-template-columns:1fr}.nav{padding:0 6vw}}

.visualStories{display:grid;grid-template-columns:1.15fr .85fr;grid-template-rows:repeat(2,340px);background:#061a24;gap:1px}.story{position:relative;margin:0;overflow:hidden;background:#0b2733}.storyLarge{grid-row:1/3}.story img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(.78) contrast(1.03);transition:transform .7s ease,filter .7s ease}.story:hover img{transform:scale(1.035);filter:saturate(.95) contrast(1.03)}.story:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(3,18,26,.9),rgba(3,18,26,0) 62%)}.story figcaption{position:absolute;z-index:2;left:40px;right:40px;bottom:34px;color:#fff}.story figcaption span{display:block;color:#d7b36e;font-size:9px;letter-spacing:.16em;text-transform:uppercase;margin-bottom:10px}.story figcaption strong{font-family:var(--font-serif);font-size:28px;line-height:1.08;font-weight:500;max-width:430px;display:block}@media(max-width:900px){.visualStories{grid-template-columns:1fr;grid-template-rows:520px 340px 340px}.storyLarge{grid-row:auto}}@media(max-width:600px){.visualStories{grid-template-rows:390px 280px 280px}.story figcaption{left:24px;right:24px;bottom:22px}.story figcaption strong{font-size:23px}}

/* Modern 2026 typography and component refinement */
body{font-size:17px;line-height:1.65;letter-spacing:-.006em}.hero{background-image:url('/hero-global-logistics-v2.png');min-height:780px}.nav{height:96px;background:rgba(4,22,31,.82);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);padding-inline:6vw}.brand{font-size:24px}.brandMark{width:46px;height:46px;font-size:31px;border-radius:4px}.brand small{font-size:9px}.navLinks{font-size:14px;gap:44px}.navCta{font-size:12px}.heroContent{max-width:900px}.hero h1{font-size:clamp(64px,6.3vw,104px);line-height:.94}.heroContent>p{font-size:18px;line-height:1.7;max-width:750px}.eyebrow,.sectionLabel{font-size:12px}.button,.textLink,.lineLink{font-size:12px}.button{padding:20px 26px;border-radius:4px}.heroStats span{font-size:11px}.heroStats strong{font-size:39px}.section{padding-block:140px}.introCopy p,.sectionHead>p,.portfolioHead>p,.impactContent>p,.contact p{font-size:17px}.introCopy .lead{font-size:23px;line-height:1.6}.serviceGrid{gap:16px;border:0}.serviceCard{border:1px solid #d4d1c9!important;border-radius:10px;min-height:400px;padding:38px;box-shadow:0 14px 45px rgba(8,31,41,.035)}.serviceCard:hover{box-shadow:0 22px 60px rgba(5,25,34,.2)}.serviceCard h3{font-size:36px}.serviceCard p{font-size:15px}.tags span{font-size:10px;border-radius:99px;padding:8px 11px}.industryList{gap:12px;border:0}.industryList div{border:1px solid var(--line);border-radius:8px;padding:27px 20px;background:#fff}.industryList span{font-size:11px}.industryList b{font-size:24px}.portfolioText>span,.mission span{font-size:11px}.portfolioText h3{font-size:37px}.portfolioText p{font-size:14px}.mission p{font-size:33px}.reasonGrid div{font-size:13px}.reasonGrid span{font-size:11px}.story figcaption span{font-size:11px}.story figcaption strong{font-size:34px}.visualStories{grid-template-rows:repeat(2,390px)}footer>div{font-size:13px}footer>small{font-size:11px}@media(max-width:900px){.section{padding-block:100px}.hero h1{font-size:61px}.serviceCard h3{font-size:32px}.visualStories{grid-template-rows:540px 380px 380px}}@media(max-width:600px){body{font-size:16px}.hero{min-height:800px}.hero h1{font-size:47px;line-height:1}.heroContent>p{font-size:17px}.section{padding-block:78px}.serviceGrid{gap:12px}.serviceCard{padding:28px;min-height:350px}.introCopy .lead{font-size:21px}.industryList div{padding:22px 17px}.mission p{font-size:28px}.visualStories{grid-template-rows:420px 310px 310px}}
