
:root{--navy:#07131f;--navy2:#0c1c2b;--gold:#d8b36c;--gold2:#f1d49a;--paper:#f3f1ea;--ink:#172129;--muted:#6a747a;--line:#d9d6cd;--white:#fbfaf6}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,Arial,sans-serif}a{color:inherit;text-decoration:none}
.site-header{height:82px;position:fixed;z-index:20;top:0;left:0;right:0;padding:0 6vw;display:flex;align-items:center;justify-content:space-between;color:#fff;background:linear-gradient(#06111deb,transparent);transition:.3s}.site-header.scrolled{background:#07131ff6}.brand{display:flex;align-items:center;gap:10px;font-weight:700;letter-spacing:.16em;font-size:18px}.brand .mark{color:var(--gold);font-size:24px}.brand small{display:block;font-size:7px;letter-spacing:.42em;margin-top:2px;color:#aeb5b7}.main-nav{display:flex;gap:26px;align-items:center;font-size:10px;text-transform:uppercase;letter-spacing:.08em}.main-nav a:hover,.main-nav a.active{color:var(--gold2)}.nav-cta{border:1px solid #d8b36c88;padding:13px 20px}.menu-toggle{display:none;background:none;border:0;color:#fff;font-size:24px}
.hero{height:100vh;min-height:720px;position:relative;background:center/cover;color:#fff;display:flex;align-items:center;padding:100px 8vw}.home-hero{background-image:url("https://images.unsplash.com/photo-1494412574643-ff11b0a5c1c3?auto=format&fit=crop&w=2200&q=88")}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#04101de9,#06131c70 62%,#06131c22)}.hero-inner{position:relative;max-width:790px}.kicker{color:var(--gold);font-size:10px;font-weight:700;letter-spacing:.28em;margin:0 0 24px}.hero h1{font:400 clamp(62px,8vw,108px)/.9 "DM Serif Display",serif;margin:0}.hero h2,.section-heading h2,.copy h2,.dark-band h2,.contact-copy h2{font:400 clamp(34px,4.6vw,68px)/1.03 "DM Serif Display",serif;margin:16px 0 24px}.hero em,h2 em,.page-hero em{color:var(--gold2);font-style:normal}.hero-inner>p:not(.kicker),.page-hero p:not(.kicker){color:#d5dcdd;line-height:1.75;font-size:16px;max-width:620px}.buttons{display:flex;gap:12px;margin-top:34px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:15px 23px;font-size:10px;letter-spacing:.1em;text-transform:uppercase;font-weight:700;border:1px solid transparent}.gold{background:var(--gold);color:#11181d}.outline{border-color:#ffffff66;color:#fff}.hero-rail{position:absolute;right:7vw;top:36%;display:grid;gap:27px;text-align:right;text-transform:uppercase;letter-spacing:.12em;font-size:10px}
.stats{display:grid;grid-template-columns:repeat(5,1fr);padding:28px 7vw;background:var(--navy);color:#fff}.stats div{text-align:center;border-right:1px solid #ffffff16}.stats div:last-child{border:0}.stats strong{display:block;font:24px "DM Serif Display"}.stats span{font-size:9px;color:#91a0a5;text-transform:uppercase;letter-spacing:.13em}
.split,.activity-row{display:grid;grid-template-columns:1fr 1fr}.media,.image{background-position:center;background-size:cover}.feature .media{min-height:570px}.building{background-image:url("https://images.unsplash.com/photo-1486406146926-c627a92ad1ab?auto=format&fit=crop&w=1600&q=85")}.office{background-image:url("https://images.unsplash.com/photo-1497366811353-6870744d04b2?auto=format&fit=crop&w=1600&q=85")}.energy{background-image:url("https://images.unsplash.com/photo-1535320903710-d993d3d77d29?auto=format&fit=crop&w=1200&q=85")}.trading,.containers{background-image:url("https://images.unsplash.com/photo-1494412651409-8963ce7935a7?auto=format&fit=crop&w=1200&q=85")}.marine{background-image:url("https://images.unsplash.com/photo-1601584115197-04ecc0da31d8?auto=format&fit=crop&w=1200&q=85")}.commodities,.resin{background-image:url("https://images.unsplash.com/photo-1599909533730-f9d8d8f2c8e2?auto=format&fit=crop&w=1200&q=85")}.ship{background-image:url("https://images.unsplash.com/photo-1500534623283-312aade485b7?auto=format&fit=crop&w=1200&q=85")}
.copy{padding:100px 9vw;align-self:center}.copy p:not(.kicker),.contact-copy>p:not(.kicker){color:var(--muted);line-height:1.8;font-size:14px}.text-link{display:inline-block;margin-top:20px;color:#8f6d35;font-size:10px;text-transform:uppercase;letter-spacing:.12em;font-weight:700}
.section{padding:105px 8vw}.section-heading{text-align:center;margin-bottom:50px}.section-heading h2{margin-bottom:0}.cards{display:grid;gap:18px}.four{grid-template-columns:repeat(4,1fr)}.three{grid-template-columns:repeat(3,1fr)}.service-card{background:var(--navy);color:#fff;padding-bottom:25px;overflow:hidden}.service-card .image,.article-card .image{height:190px}.service-card h3,.service-card p,.service-card span{margin-left:22px;margin-right:22px}.service-card h3{font:24px "DM Serif Display";margin-top:20px}.service-card p{font-size:12px;line-height:1.6;color:#a8b3b5}.service-card span{display:block;color:var(--gold);font-size:9px;text-transform:uppercase;letter-spacing:.14em;margin-top:17px}
.principles{padding:90px 8vw;background:#faf9f5}.principle-grid{display:grid;grid-template-columns:repeat(4,1fr);border-block:1px solid var(--line)}.principle-grid div{padding:35px 22px;border-right:1px solid var(--line)}.principle-grid div:last-child{border:0}.principle-grid b{color:#9b773e;font-size:22px}.principle-grid strong{display:block;font:21px "DM Serif Display";margin:10px 0}.principle-grid span{font-size:11px;color:var(--muted);line-height:1.6}
.network-strip{display:grid;grid-template-columns:1fr 1fr;align-items:center;background:var(--navy);color:#fff;padding:105px 8vw}.network-strip h2{font:400 clamp(45px,5vw,70px)/1.02 "DM Serif Display"}.network-strip>div>p:not(.kicker){max-width:530px;color:#9ea9ac;line-height:1.75}.map-art,.map-large{min-height:320px;display:grid;place-items:center;text-align:center;border:1px solid #ffffff14;color:#62717a;font:44px "DM Serif Display";letter-spacing:.16em}.map-art span,.map-large span{color:var(--gold);font-size:22px}
.article-card .image{height:220px}.article-card span,.project-grid span,.article-grid span{display:block;color:#9a763d;font-size:9px;text-transform:uppercase;letter-spacing:.17em;margin-top:18px}.article-card h3{font:25px "DM Serif Display";margin:8px 0}.article-card p{color:var(--muted);font-size:12px;line-height:1.6}.cta{text-align:center;color:#fff;padding:90px 8vw;background:linear-gradient(#07131eeb,#07131eeb),url("https://images.unsplash.com/photo-1494412574643-ff11b0a5c1c3?auto=format&fit=crop&w=1800&q=82") center/cover}.cta h2{font:400 clamp(48px,6vw,76px) "DM Serif Display";margin:0 0 28px}
.page-hero{min-height:560px;position:relative;background:center/cover;color:#fff;display:flex;align-items:flex-end;padding:100px 8vw 85px}.page-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#04101de9,#06131c68 62%,#06131c20)}.page-hero>div{position:relative;max-width:880px}.page-hero h1{font:400 clamp(54px,6vw,86px)/.98 "DM Serif Display";margin:0 0 20px}.about-hero{background-image:url("https://images.unsplash.com/photo-1486406146926-c627a92ad1ab?auto=format&fit=crop&w=2000&q=85")}.activities-hero{background-image:url("https://images.unsplash.com/photo-1494412574643-ff11b0a5c1c3?auto=format&fit=crop&w=2000&q=85")}.network-hero{background-image:url("https://images.unsplash.com/photo-1524666041070-9f4c0f7a6e1d?auto=format&fit=crop&w=2000&q=85")}.projects-hero{background-image:url("https://images.unsplash.com/photo-1601584115197-04ecc0da31d8?auto=format&fit=crop&w=2000&q=85")}.insights-hero{background-image:url("https://images.unsplash.com/photo-1500530855697-b586d89ba3ee?auto=format&fit=crop&w=2000&q=85")}.contact-hero{background-image:url("https://images.unsplash.com/photo-1497366754035-f200968a6e72?auto=format&fit=crop&w=2000&q=85")}
.soft{background:#e9e7df}.info-card{background:#f8f7f2;border:1px solid var(--line);padding:35px}.info-card>span{color:#9b773e;font-size:10px}.info-card h3{font:27px "DM Serif Display"}.info-card p{color:var(--muted);font-size:13px;line-height:1.7}.dark-band{padding:110px 8vw;background:var(--navy);color:#fff}
.activity-row{min-height:650px;background:#f7f5ef}.activity-row.reverse{direction:rtl}.activity-row.reverse>*{direction:ltr}.activity-row .media{min-height:500px}.activity-row ul{list-style:none;padding:0;display:grid;gap:11px;margin-top:26px}.activity-row li{font-size:10px;text-transform:uppercase;letter-spacing:.1em}.activity-row li:before{content:"✦";color:var(--gold);margin-right:10px}
.network-page{display:grid;grid-template-columns:1fr 1fr;min-height:680px}.network-list{margin-top:40px;border-top:1px solid var(--line)}.network-list div{display:grid;grid-template-columns:45px 1fr 1.5fr;gap:10px;padding:18px 0;border-bottom:1px solid var(--line);align-items:center}.network-list b{color:#9b773e}.network-list span{font:20px "DM Serif Display"}.network-list small{color:var(--muted)}.map-large{background:var(--navy);border:0;position:relative}.map-large i{position:absolute;color:var(--gold);font-style:normal}.map-large i:nth-of-type(1){top:32%;left:28%}.map-large i:nth-of-type(2){top:47%;left:52%}.map-large i:nth-of-type(3){top:42%;left:70%}.map-large i:nth-of-type(4){top:60%;left:77%}
.project-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:35px}.project-grid .image{height:300px}.project-grid article{padding-bottom:30px;border-bottom:1px solid var(--line)}.project-grid h3{font:29px "DM Serif Display";margin:8px 0}.project-grid p{color:var(--muted);font-size:13px;line-height:1.7}
.article-grid{display:grid;grid-template-columns:1fr 1fr;gap:42px}.feature-article{grid-column:1/-1;display:grid;grid-template-columns:1.15fr 1fr;gap:45px;padding-bottom:45px;border-bottom:1px solid var(--line)}.article-grid .image{height:280px}.article-grid h2{font:30px "DM Serif Display"}.article-grid p{color:var(--muted);font-size:13px;line-height:1.7}
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:10vw;padding:105px 8vw}.contact-details{display:grid;gap:20px;margin-top:40px}.contact-details span{display:block;color:#9b773e;font-size:9px;text-transform:uppercase;letter-spacing:.16em;margin-bottom:6px}.contact-form{display:grid;gap:20px}.contact-form label{font-size:9px;text-transform:uppercase;letter-spacing:.15em;color:#667278}.contact-form input,.contact-form textarea{width:100%;padding:12px 0;background:transparent;border:0;border-bottom:1px solid #bdbab2;outline:0;font:14px Inter}.contact-form input:focus,.contact-form textarea:focus{border-color:#9b773e}.contact-form .btn{justify-self:start;border:0}
.site-footer{background:#050d14;color:#8c999d;padding:35px 7vw}.footer-row{display:flex;align-items:center;justify-content:space-between;gap:25px}.footer-row:first-child{padding-bottom:25px;border-bottom:1px solid #ffffff14}.footer-bottom{padding-top:20px;font-size:9px}.site-footer nav{display:flex;gap:18px;flex-wrap:wrap;text-transform:uppercase}.site-footer p{font-size:10px;letter-spacing:.1em;text-transform:uppercase}
@media(max-width:900px){.site-header{height:70px}.menu-toggle{display:block}.main-nav{display:none;position:absolute;top:70px;left:0;right:0;background:var(--navy);padding:25px 7vw;flex-direction:column;align-items:flex-start}.main-nav.open{display:flex}.hero-rail{display:none}.stats{grid-template-columns:repeat(3,1fr)}.stats div:nth-child(n+4){display:none}.split,.activity-row,.network-strip,.network-page,.contact-grid,.feature-article{grid-template-columns:1fr}.activity-row.reverse{direction:ltr}.four,.three{grid-template-columns:repeat(2,1fr)}.principle-grid{grid-template-columns:repeat(2,1fr)}.feature .media,.activity-row .media{min-height:420px}.project-grid,.article-grid{grid-template-columns:1fr}.map-large{min-height:420px}.footer-row{flex-direction:column;align-items:flex-start}}
@media(max-width:560px){.hero{padding:100px 7vw}.hero h1{font-size:60px}.hero h2{font-size:35px}.buttons{flex-direction:column}.btn{width:100%}.stats{grid-template-columns:1fr 1fr;padding:22px 5vw}.stats div:nth-child(n+5){display:none}.section,.principles,.network-strip,.cta,.contact-grid,.dark-band{padding:75px 7vw}.four,.three,.principle-grid{grid-template-columns:1fr}.copy{padding:72px 7vw}.page-hero{min-height:510px;padding:100px 7vw 70px}.page-hero h1{font-size:51px}.activity-row .copy{padding:72px 7vw}.network-list div{grid-template-columns:35px 1fr}.network-list small{grid-column:2}.project-grid .image,.article-grid .image{height:230px}.footer-row{align-items:flex-start}}
