:root{--navy:#061b2d;--navy2:#0c2b44;--green:#54c431;--gold:#d1ae63;--cream:#f7f3ea;--ink:#163044;--muted:#6b7c86}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;font-family:Georgia,Times,serif;background:var(--cream);color:var(--ink)}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
.wrap{width:min(1180px,92vw);margin:0 auto}
header{position:sticky;top:0;z-index:20;background:var(--navy);border-bottom:2px solid var(--green)}
.nav{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:84px}
.brand img{height:58px;width:auto}
header nav{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
header nav a{color:#e8f0f4;font:700 12px/1 Arial,sans-serif;letter-spacing:.08em;text-transform:uppercase;padding:10px 12px;border-radius:4px}
header nav a:hover,header nav a.active{color:#dff8d4;background:#ffffff14}
.btn{display:inline-block;background:var(--green);color:#062116;font:700 12px/1 Arial,sans-serif;letter-spacing:.06em;text-transform:uppercase;padding:13px 18px}
.hero{min-height:78vh;background:linear-gradient(90deg,#04131ee8,#04131ec2 42%,#04131e55),url("/assets/ops-02.jpg") center/cover;color:#fff;display:grid;align-items:center}
.hero .wrap{padding:90px 0}
.kicker{color:var(--gold);font:700 12px/1 Arial,sans-serif;letter-spacing:.22em}
.hero h1{font-weight:400;font-size:clamp(40px,7vw,78px);line-height:1.02;max-width:16ch;margin:14px 0 18px}
.hero h1 em{color:#d8efcf;font-style:normal}
.hero p{max-width:58ch;color:#d5e0e6;font:16px/1.7 Arial,sans-serif}
.actions{display:flex;gap:12px;margin-top:28px;flex-wrap:wrap}
.ghost{border:1px solid #ffffff66;color:#fff;padding:13px 18px;font:700 12px/1 Arial,sans-serif;letter-spacing:.06em;text-transform:uppercase}
.section{padding:80px 0}
.section h2{font-weight:400;font-size:clamp(30px,4vw,52px);margin:10px 0 16px}
.section p.lead,.prose p{font:16px/1.8 Arial,sans-serif;color:var(--muted)}
.grid3,.grid2,.cards{display:grid;gap:18px}
.grid3{grid-template-columns:repeat(3,1fr)}
.grid2{grid-template-columns:1.1fr .9fr;gap:48px;align-items:center}
.cards{grid-template-columns:repeat(3,1fr)}
.card,.photo{background:#fff;border:1px solid #e4ddd0}
.card{padding:28px 24px}
.card h3{margin:8px 0 10px;font-size:26px}
.card p{font:14px/1.7 Arial,sans-serif;color:var(--muted)}
.photo img{width:100%;height:240px;object-fit:cover}
.photo figcaption{padding:14px 16px;font:13px Arial,sans-serif}
.band{background:var(--navy);color:#fff}
.band .cards .card{background:#ffffff0d;border-color:#ffffff22;color:#fff}
.band .card p{color:#b7c5cd}
.cta{background:var(--green);color:#072317;padding:22px 0}
.cta .wrap{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}
.cta p{margin:0;font-size:22px}
footer{background:#041724;color:#9caab3;padding:28px 0;font:12px/1.6 Arial,sans-serif}
.foot{display:flex;justify-content:space-between;gap:16px;align-items:center;flex-wrap:wrap}
footer .brand img{height:48px}
.pagehero{padding:54px 0 20px;background:linear-gradient(180deg,#061b2d,#0c2b44);color:#fff}
.pagehero h1{margin:8px 0 0;font-weight:400;font-size:clamp(34px,5vw,58px)}
.legal p span{display:block;font:11px Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#84909a}
.contactBox{display:grid;gap:12px}
.contactBox a,.contactBox div{padding:16px 18px;border:1px solid #d9d2c5;background:#fff;font:14px/1.6 Arial,sans-serif}
@media(max-width:860px){
  header nav{display:none} .grid3,.grid2,.cards{grid-template-columns:1fr}
  .hero{min-height:70vh}
}