:root{
  --navy:#0B2D4B; --gold:#C9A961; --cream:#F9F6EF; --charcoal:#4A4A4A;
  --slate:#8EA4B8; --stone:#E8E2D9; --white:#fff;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--cream);color:var(--charcoal);font-family:Arial,Helvetica,sans-serif;line-height:1.65}
a{color:inherit}
.wrap{width:min(1160px,90%);margin:auto}
header{background:rgba(249,246,239,.97);border-bottom:1px solid var(--stone);position:sticky;top:0;z-index:20}
.nav{min-height:86px;display:flex;align-items:center;justify-content:space-between;gap:25px}
.brand{display:flex;align-items:center;text-decoration:none;color:var(--navy)}
.compass-logo{width:52px;height:52px;margin-right:12px;flex:0 0 auto}
.brandtext strong{font:700 25px Georgia,serif;letter-spacing:.08em;display:block}
.brandtext small{display:block;font-size:10px;letter-spacing:.22em;text-transform:uppercase}
nav{display:flex;gap:22px;align-items:center}
.menu-toggle{display:none;background:transparent;border:1px solid var(--navy);color:var(--navy);font-size:24px;line-height:1;padding:9px 11px;cursor:pointer}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
nav a{text-decoration:none;font-size:13px;color:var(--navy);font-weight:700}
.button{display:inline-block;background:var(--navy);color:white;text-decoration:none;padding:13px 20px;border:1px solid var(--navy);font-weight:700}
.button.alt{background:transparent;color:var(--navy)}
.hero{padding:100px 0 88px;background:linear-gradient(120deg,var(--cream),#fff)}
.eyebrow{text-transform:uppercase;letter-spacing:.22em;color:var(--gold);font-weight:700;font-size:12px}
h1,h2,h3{font-family:Georgia,serif;color:var(--navy);line-height:1.13}
h1{font-size:clamp(45px,6vw,78px);max-width:850px;margin:.18em 0}
h2{font-size:clamp(32px,4vw,50px);margin:.2em 0 .5em}
h3{font-size:25px}
.lead{font-size:20px;max-width:780px}
.hero .actions{margin-top:30px;display:flex;gap:12px;flex-wrap:wrap}
.band{background:var(--navy);color:white;text-align:center;padding:18px;text-transform:uppercase;letter-spacing:.3em;font-size:12px}
section{padding:80px 0}
.intro{max-width:830px}
.grid3,.grid2,.grid4{display:grid;gap:22px;margin-top:35px}
.grid3{grid-template-columns:repeat(3,1fr)}
.grid2{grid-template-columns:repeat(2,1fr)}
.grid4{grid-template-columns:repeat(4,1fr)}
.card{background:white;border:1px solid var(--stone);padding:30px}
.card p:last-child{margin-bottom:0}
.number{color:var(--gold);font:700 30px Georgia,serif}
.dark{background:var(--navy);color:white}
.dark h2,.dark h3{color:white}
.quote{font:italic 27px Georgia,serif;color:var(--navy);border-left:4px solid var(--gold);padding-left:24px;max-width:850px}
.cta{text-align:center;background:var(--stone)}
.cta p{max-width:750px;margin:0 auto 25px}
.pagehero{padding:70px 0 55px;background:white;border-bottom:1px solid var(--stone)}
.pagehero h1{font-size:clamp(40px,5vw,62px)}
.service{padding:28px 0;border-bottom:1px solid var(--stone)}
.service h3{margin-bottom:6px}
.contactbox{max-width:760px;background:white;border:1px solid var(--stone);padding:35px;margin-top:30px}
label{display:block;color:var(--navy);font-weight:700;margin-top:15px}
input,textarea{width:100%;padding:13px;border:1px solid #bbb;background:#fff;font:inherit}
textarea{min-height:150px}
footer{background:#071f35;color:#e8e2d9;padding:45px 0}
.foot{display:flex;justify-content:space-between;gap:30px;align-items:flex-end}
.foot strong{font-family:Georgia,serif;color:white;font-size:20px}
.muted{color:#667}
@media(max-width:850px){
 .nav{position:relative;min-height:76px}.menu-toggle{display:block}nav{display:none;position:absolute;top:100%;left:0;right:0;background:var(--cream);border-top:1px solid var(--stone);border-bottom:1px solid var(--stone);padding:18px 5%;flex-direction:column;align-items:stretch;gap:4px}nav.open{display:flex}nav a{padding:10px 0;display:block}nav a::before,nav a::after{content:none!important;display:none!important}nav .button{text-align:center;margin-top:6px}.grid3,.grid4,.grid2{grid-template-columns:1fr}.hero{padding:65px 0}
 .foot{display:block}.brandtext strong{font-size:20px}
}

.dark .card{color:var(--charcoal)}
.dark .card h3{color:var(--navy)}
.dark .card a{color:var(--navy);font-weight:700}

.profile-grid,.about-grid{display:grid;grid-template-columns:minmax(280px,.8fr) 1.2fr;gap:60px;align-items:center}
.profile-photo{position:relative}.profile-photo:before{content:"";position:absolute;left:-14px;bottom:-14px;width:62%;height:62%;background:var(--gold)}
.profile-photo img{display:block;width:100%;aspect-ratio:4/5;object-fit:cover;position:relative}.profile-quote{margin-top:32px;font-size:23px}
@media(max-width:850px){.profile-grid,.about-grid{grid-template-columns:1fr;gap:35px}.profile-photo{max-width:520px}.compass-logo{width:46px;height:46px}}

:focus-visible{outline:3px solid var(--gold);outline-offset:3px}
button.button{cursor:pointer;font:inherit}

.form-success{padding:12px 0 8px;outline:none}
.form-success h2{margin:.45rem 0 .8rem;color:var(--navy)}
.form-success p{font-size:18px;line-height:1.6}
.form-success .signature{font-family:Georgia,serif;font-style:italic;color:var(--gold);font-size:22px;margin-bottom:0}
button.button:disabled{opacity:.7;cursor:wait}

.footer-right{text-align:right}
.footer-privacy{color:inherit;text-decoration:none;border-bottom:1px solid rgba(232,226,217,.55);padding-bottom:1px}
.footer-privacy:hover{color:white;border-bottom-color:var(--gold)}

/* Privacy policy: restrained, editorial legal-page treatment */
.privacy-section{padding:64px 0 72px}
.privacy-content{max-width:780px;margin-left:auto;margin-right:auto}
.privacy-content h1{font-size:clamp(38px,4vw,52px);margin:.2em 0 .35em}
.privacy-content h2{font-size:27px;margin:2rem 0 .65rem;padding-top:1.45rem;border-top:1px solid var(--stone)}
.privacy-content p{font-size:15.5px;line-height:1.75;margin:.7rem 0}
.privacy-content .eyebrow{font-size:11px}
.privacy-content a{color:var(--navy);text-underline-offset:3px}
.privacy-note{margin-top:2.25rem!important;padding-top:1.25rem;border-top:1px solid var(--stone);font-size:13.5px!important;color:#667}
@media(max-width:850px){.footer-right{text-align:left;margin-top:20px}.privacy-section{padding:48px 0 58px}.privacy-content h2{font-size:24px}}