:root{
  --navy:#071d33;--navy2:#0d2a47;--gold:#c79535;--gold2:#e2b75e;
  --text:#142233;--muted:#596474;--paper:#fff;--soft:#f4f5f6;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,Arial,sans-serif;color:var(--text);background:#fff}
a{color:inherit;text-decoration:none}
.site-header{height:86px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(24px,5vw,80px);background:#fff;position:relative;z-index:5;border-bottom:1px solid #edf0f2}
.brand img{width:250px;display:block}
nav{display:flex;gap:32px;font-size:14px;font-weight:600}nav a:hover{color:var(--gold)}
.hero{min-height:650px;position:relative;display:flex;align-items:center;overflow:hidden}
.hero-image{position:absolute;inset:0;background:url("images/hero-skyline.svg") center/cover no-repeat}
.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.98) 0%,rgba(255,255,255,.93) 34%,rgba(255,255,255,.25) 66%,rgba(255,255,255,0) 100%)}
.hero-content{position:relative;width:min(1180px,90%);margin:auto;padding:75px 0 65px}
.eyebrow,.category{text-transform:uppercase;letter-spacing:.12em;font-size:12px;font-weight:700;color:var(--gold)}
h1,h2{font-family:"Playfair Display",Georgia,serif;color:var(--navy);margin:0}
h1{font-size:clamp(48px,6vw,82px);line-height:1.02;max-width:760px}
h1 span{color:var(--gold)}
.hero-copy{max-width:620px;font-size:18px;line-height:1.75;margin:28px 0 34px;color:#263547}
.hero-actions{display:flex;gap:18px;flex-wrap:wrap}
.company-link{width:300px;min-height:92px;border-radius:6px;padding:18px 20px;display:grid;grid-template-columns:44px 1fr 25px;gap:12px;align-items:center;box-shadow:0 12px 30px rgba(7,29,51,.15);transition:.25s}
.company-link:hover{transform:translateY(-3px);box-shadow:0 16px 35px rgba(7,29,51,.22)}
.company-link strong{display:block;font-family:"Playfair Display",Georgia,serif;font-size:19px}
.company-link small{display:block;margin-top:5px;font-size:12px}
.company-link-dark{background:var(--navy);color:#fff}.company-link-light{background:#fff;color:var(--navy)}
.mini-mark{font-size:42px;font-weight:800;color:var(--gold)}.mini-flower{font-size:38px;color:var(--gold)}
.arrow{font-size:26px;color:var(--gold)}
.section{padding:72px max(24px,5vw)}.section-heading{display:flex;align-items:center;justify-content:center;gap:20px;margin-bottom:24px}
.section-heading span{height:1px;width:58px;background:var(--gold)}
h2{font-size:42px}.about{text-align:center;max-width:980px;margin:auto}
.about p{font-size:17px;line-height:1.75;margin:10px auto;max-width:800px;color:#303b49}
.businesses{background:var(--soft)}
.business-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;max-width:1100px;margin:38px auto 0}
.business-card{background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 12px 32px rgba(18,36,54,.11)}
.card-image{height:250px;display:flex;align-items:center;justify-content:center;background-size:cover;background-position:center;position:relative}
.card-image:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,23,40,.55),rgba(5,23,40,.1))}
.card-image img{position:relative;z-index:1;max-width:70%;max-height:105px}
.network{background-image:url("images/digital-network.svg")}.port{background-image:url("images/global-trade-port.svg")}
.card-body{padding:30px}.card-body p:not(.category){line-height:1.7;color:#344253;min-height:82px}
.button{display:inline-flex;gap:30px;align-items:center;background:var(--navy);color:#fff;padding:14px 20px;border-radius:4px;margin-top:10px;font-weight:600;font-size:14px}
.button span{color:var(--gold);font-size:20px}.button:hover{background:var(--navy2)}
.philosophy{background:var(--navy);color:#fff;padding:64px max(24px,8vw);display:grid;grid-template-columns:1.1fr .9fr;gap:70px;align-items:center}
blockquote{font-family:"Playfair Display",Georgia,serif;font-size:32px;line-height:1.45;margin:0;border-left:2px solid var(--gold);padding-left:28px}
.philosophy p{font-size:18px;line-height:1.75;border-left:1px solid var(--gold);padding-left:36px;color:#d8e1e8}
footer{background:#06182b;color:#fff;padding:28px max(24px,5vw);display:grid;grid-template-columns:170px 1fr 1fr auto;gap:22px;align-items:center;border-top:2px solid var(--gold)}
footer img{width:150px;filter:brightness(0) invert(1);opacity:.95}footer span{font-size:12px;color:#aebaca}.copyright{font-size:13px;color:#d0d8df}
.footer-links{display:flex;gap:28px;font-size:13px;font-weight:600}.footer-links a:hover{color:var(--gold)}
@media(max-width:850px){
 nav{display:none}.site-header{height:76px}.brand img{width:220px}
 .hero{min-height:700px}.hero-overlay{background:linear-gradient(90deg,rgba(255,255,255,.97),rgba(255,255,255,.8))}
 .business-grid,.philosophy{grid-template-columns:1fr}.philosophy{gap:36px}
 footer{grid-template-columns:1fr;text-align:center}.footer-links{justify-content:center}footer img{margin:auto}
}
@media(max-width:560px){
 h1{font-size:46px}.hero-content{width:88%;padding-top:55px}.hero-copy{font-size:16px}
 .company-link{width:100%}.section{padding:58px 22px}h2{font-size:34px}
 .section-heading span{width:28px}.card-image{height:205px}blockquote{font-size:27px}
}