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

:root{
  --navy:#071f57;
  --navy-2:#102d63;
  --ink:#172033;
  --muted:#657085;
  --paper:#fbfbfa;
  --soft:#f5f6f8;
  --line:#dfe3ea;
  --max:1180px;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:"Inter","Segoe UI",Arial,sans-serif;line-height:1.7}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
.container{width:min(calc(100% - 48px),var(--max));margin:0 auto}

.header{position:sticky;top:0;z-index:20;background:rgba(251,251,250,.96);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.header-inner{min-height:84px;display:flex;align-items:center;justify-content:space-between;gap:32px}
.brand img{width:235px;height:auto}
.nav{display:flex;align-items:center;gap:26px;font-size:.88rem;letter-spacing:.02em}
.nav a{color:var(--navy);padding:30px 0 27px;border-bottom:2px solid transparent;transition:border-color .2s ease}
.nav a:hover{border-bottom-color:var(--navy)}

.hero{padding:104px 0 112px;border-bottom:1px solid var(--line)}
.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:90px;align-items:center}
.eyebrow{margin:0 0 20px;text-transform:uppercase;letter-spacing:.18em;font-size:.72rem;font-weight:600;color:var(--navy)}
h1,h2,h3{font-family:"Cormorant Garamond",Georgia,serif;color:var(--navy);font-weight:500}
h1{font-size:clamp(3.4rem,6vw,6rem);line-height:.96;letter-spacing:-.035em;margin:0 0 30px}
.lead{font-size:1.14rem;color:var(--muted);max-width:58ch;margin:0 0 30px}
.text-link{display:inline-flex;align-items:center;gap:10px;color:var(--navy);font-weight:600;border-bottom:1px solid var(--navy);padding-bottom:2px}
.hero-mark{display:flex;align-items:center;justify-content:center;padding:24px 0}
.hero-mark img{width:min(100%,560px)}

.section{padding:104px 0;border-bottom:1px solid var(--line)}
.section-muted{background:var(--soft)}
.split{display:grid;grid-template-columns:.82fr 1.18fr;gap:90px;align-items:start}
.section-heading h2{font-size:clamp(2.5rem,4vw,4rem);line-height:1.03;letter-spacing:-.025em;margin:0}
.section-heading.narrow{max-width:720px;margin-bottom:58px}
.prose{max-width:760px}
.prose p{font-size:1.03rem;color:#3f4a5d;margin:0 0 22px}

.expertise-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}
.expertise-item{min-height:230px;padding:28px 26px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:rgba(255,255,255,.58)}
.expertise-item span{font-size:.75rem;color:#8892a3}
.expertise-item h3{font-size:1.8rem;line-height:1.05;margin:48px 0 10px}
.expertise-item p{margin:0;color:var(--muted);font-size:.94rem}

.governance-list{border-top:1px solid var(--line)}
.governance-row{display:grid;grid-template-columns:.8fr 1.45fr auto;gap:42px;align-items:center;padding:30px 0;border-bottom:1px solid var(--line)}
.row-label{margin:0 0 3px;text-transform:uppercase;letter-spacing:.14em;font-size:.67rem;color:#8791a1}
.governance-row h3{margin:0;font-size:1.65rem}
.governance-row>p{margin:0;color:var(--muted)}
.status{font-size:.78rem;color:var(--navy);border:1px solid var(--line);padding:7px 10px;white-space:nowrap}

.contact-section{background:var(--navy);color:#fff;border-bottom:0}
.contact-section .eyebrow,.contact-section h2{color:#fff}
.contact-details{font-size:1.05rem}
.contact-details address{font-style:normal;margin:0 0 28px;color:#e4e9f3}
.contact-details p{margin:10px 0;color:#e4e9f3}
.contact-label{display:inline-block;min-width:80px;color:#9facbf;text-transform:uppercase;letter-spacing:.11em;font-size:.7rem;font-weight:600}
.email-obfuscated a{color:#fff;border-bottom:1px solid rgba(255,255,255,.45)}

.footer{background:#061944;color:#aeb9cc;padding:25px 0;font-size:.86rem}
.footer-inner{display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap}

@media (max-width:980px){
  .hero-grid,.split{grid-template-columns:1fr;gap:46px}
  .hero-mark{justify-content:flex-start}.hero-mark img{width:min(100%,620px)}
  .expertise-grid{grid-template-columns:1fr 1fr}
  .governance-row{grid-template-columns:1fr;gap:12px}
}
@media (max-width:760px){
  .container{width:min(calc(100% - 30px),var(--max))}
  .header-inner{min-height:72px}.brand img{width:185px}
  .nav{display:none}
  .hero{padding:70px 0}.section{padding:76px 0}
  .expertise-grid{grid-template-columns:1fr}
  .expertise-item{min-height:190px}
  h1{font-size:clamp(3rem,15vw,4.5rem)}
}