:root{
  --ink:#102A38; --ink2:#102A38; --steel:#4E7892; --mist:#edf3f5;
  --paper:#f7f8f6; --white:#fff; --line:#d8e1e5; --muted:#61717a;
  --max:1180px; --serif:Georgia,"Times New Roman",serif;
  --sans:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
}
*{box-sizing:border-box} html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);line-height:1.65}
a{color:inherit;text-decoration:none}.wrap{max-width:var(--max);margin:auto;padding:0 28px}
.nav{height:88px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(216,225,229,.8);background:rgba(247,248,246,.94);backdrop-filter:blur(12px);position:sticky;top:0;z-index:30}
.nav img{width:205px;height:auto}.navlinks{display:flex;gap:26px;align-items:center;font-size:13px;letter-spacing:.06em;text-transform:uppercase;color:#425760}
.navlinks a:hover{color:var(--steel)}.navcta{border:1px solid var(--ink2);padding:10px 17px}.navcta:hover{background:var(--ink2);color:white}
.navinner{display:flex;align-items:center;justify-content:space-between;width:100%}

/* Mobile nav toggle */
.navtoggle{display:none;background:none;border:1px solid var(--line);border-radius:4px;width:44px;height:40px;cursor:pointer;flex-direction:column;align-items:center;justify-content:center;gap:5px}
.navtoggle span{display:block;width:20px;height:2px;background:var(--ink2)}
.navpanel{display:none}

.hero{min-height:710px;display:grid;align-items:center;position:relative;overflow:hidden;background:linear-gradient(135deg,#f7f8f6 0%,#eef4f6 55%,#e5edf0 100%)}
.hero:after{content:"";position:absolute;right:-140px;top:80px;width:570px;height:570px;border:1px solid rgba(78,120,146,.18);border-radius:50%;box-shadow:0 0 0 90px rgba(78,120,146,.035),0 0 0 180px rgba(78,120,146,.025)}
.hero .wrap{position:relative;z-index:2;width:100%}.eyebrow{font-size:12px;text-transform:uppercase;letter-spacing:.2em;color:var(--steel);font-weight:700;margin-bottom:24px}
h1{font-family:var(--serif);font-weight:400;font-size:clamp(50px,7vw,88px);line-height:1.02;max-width:850px;margin:0 0 28px;letter-spacing:-.035em}
.lead{font-size:20px;line-height:1.6;max-width:700px;color:#435862;margin:0 0 36px}
.btn{display:inline-block;background:var(--ink2);color:white;padding:14px 22px;font-size:13px;text-transform:uppercase;letter-spacing:.11em;border:1px solid var(--ink2)}.btn.alt{background:transparent;color:var(--ink2);border:1px solid var(--ink2);margin-left:10px}.btn:hover{transform:translateY(-1px)}
.section{padding:105px 0}.section.alt{background:#eef3f4}.section.dark{background:var(--ink2);color:white}.sectionhead{display:grid;grid-template-columns:1fr 2fr;gap:70px;margin-bottom:58px}
h2{font-family:var(--serif);font-size:46px;font-weight:400;line-height:1.1;margin:0}.kicker{font-size:12px;text-transform:uppercase;letter-spacing:.18em;color:var(--steel);font-weight:700;margin-bottom:15px}
.section.dark .kicker{color:#9eb9c7}.copy{font-size:18px;color:#53656d;max-width:760px}.dark .copy{color:#c7d3d8}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}
.card{background:var(--paper);padding:38px 34px;min-height:250px}.dark .card{background:#1c4257;border-color:#2c5263}.card .num{font-size:12px;color:var(--steel);letter-spacing:.15em;font-weight:700}.card h3{font-family:var(--serif);font-size:28px;font-weight:400;margin:34px 0 12px}.card p{color:#61717a;margin:0}.dark .card p{color:#c4d0d5}
.statement{font-family:var(--serif);font-size:38px;line-height:1.35;max-width:940px;margin:0;color:white}
.split{display:grid;grid-template-columns:1.05fr .95fr;gap:90px;align-items:center}
.list{border-top:1px solid var(--line)}.listrow{display:grid;grid-template-columns:100px 1fr;gap:25px;padding:23px 0;border-bottom:1px solid var(--line)}.listrow b{font-size:12px;text-transform:uppercase;letter-spacing:.13em;color:var(--steel)}.listrow span{font-size:17px;color:#53656d}
.contactbox{border:1px solid var(--line);padding:42px;background:#fff}.contactbox a{font-family:var(--serif);font-size:30px;color:var(--ink2)}
footer{padding:42px 0;background:#0b232f;color:#b8c6cc;font-size:12px}.foot{display:flex;justify-content:space-between;gap:30px;align-items:center}.foot img{width:180px}.footlinks{display:flex;gap:22px;flex-wrap:wrap}

.notice{margin-top:38px;border-left:3px solid var(--steel);background:#fff;padding:22px 26px;color:#53656d;font-size:14px}.notice strong{color:var(--ink2)}
.notice.warn{border-left-color:#a8895b}

/* Leadership */
.leadercard{display:grid;grid-template-columns:96px 1fr;gap:26px;align-items:flex-start;border:1px solid var(--line);background:#fff;padding:32px;margin-top:14px}
.avatar{width:96px;height:96px;border-radius:50%;background:var(--ink2);color:#EDF3F5;display:flex;align-items:center;justify-content:center;font-family:var(--serif);font-size:30px;font-weight:700;letter-spacing:1px}
.leadercard h3{font-family:var(--serif);font-size:26px;font-weight:400;margin:0 0 4px}
.leadercard .role{font-size:12px;text-transform:uppercase;letter-spacing:.13em;color:var(--steel);font-weight:700;margin-bottom:14px}
.leadercard p{color:#53656d;margin:0}

/* Meta / last-updated byline */
.meta{font-size:13px;color:var(--muted);margin-top:6px}
.pagehead{margin-bottom:10px}

/* Timeline */
.timeline{border-top:1px solid var(--line);margin-top:20px}
.timerow{display:grid;grid-template-columns:150px 1fr;gap:25px;padding:22px 0;border-bottom:1px solid var(--line)}
.timerow b{font-size:13px;color:var(--steel);text-transform:uppercase;letter-spacing:.1em}
.timerow span{font-size:16px;color:#53656d}

/* Anchors offset for sticky header */
main [id]{scroll-margin-top:100px}

@media(max-width:820px){
  .nav{height:74px}
  .navlinks{display:none}
  .navtoggle{display:flex}
  .navpanel.open{display:block;position:fixed;inset:74px 0 0 0;background:var(--paper);z-index:25;padding:30px 28px;overflow:auto}
  .navpanel.open a{display:block;padding:16px 0;font-size:16px;text-transform:uppercase;letter-spacing:.08em;color:var(--ink2);border-bottom:1px solid var(--line)}
  .hero{min-height:620px}.section{padding:75px 0}.sectionhead,.split{grid-template-columns:1fr;gap:30px}.grid3{grid-template-columns:1fr}.statement{font-size:30px}.btn{display:block;width:max-content}.btn.alt{margin:12px 0 0}.foot{flex-direction:column;align-items:flex-start}
  .leadercard{grid-template-columns:72px 1fr}.avatar{width:72px;height:72px;font-size:22px}
  .timerow{grid-template-columns:1fr;gap:6px}
}