:root{
  --navy:#012A6C; --navy-deep:#001B47; --green:#399528; --green-text:#2A7A1C;
  --ink:#1C2433; --muted:#566074; --mist:#F1F4F9; --line:#D8DFEA; --white:#FFFFFF;
  --serif:"Cormorant Garamond", "Garamond", "Times New Roman", serif;
  --sans:"Mulish", "Segoe UI", system-ui, -apple-system, sans-serif;
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-padding-top:env(safe-area-inset-top,0px)}
body{margin:0;background:var(--white);color:var(--ink);font-family:var(--sans);font-size:1.0625rem;line-height:1.65;
  padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
img{max-width:100%;height:auto;display:block}
a{color:var(--navy)}
:focus-visible{outline:3px solid var(--green);outline-offset:3px;border-radius:2px}
.wrap{width:min(1120px,100% - 3rem);margin-inline:auto}

/* Header */
.site-header{border-bottom:1px solid var(--line);background:var(--white)}
.site-header .wrap{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 0}
.brand{display:flex;align-items:center;gap:.75rem;text-decoration:none;color:var(--navy)}
.brand img{width:46px}
.brand span{font-family:var(--serif);font-weight:600;font-size:1.35rem;line-height:1.1;letter-spacing:.01em}
.brand small{display:block;font-family:var(--sans);font-size:.8rem;font-weight:600;color:var(--green-text);letter-spacing:.04em}
nav ul{list-style:none;margin:0;padding:0;display:flex;gap:1.75rem;align-items:center}
nav a{text-decoration:none;font-weight:600;font-size:.98rem;color:var(--ink);padding:.35rem 0;border-bottom:2px solid transparent}
nav a:hover,nav a[aria-current="page"]{color:var(--navy);border-bottom-color:var(--green)}

/* Buttons */
.btn{display:inline-block;background:var(--navy);color:var(--white);text-decoration:none;font-weight:700;font-size:1rem;
  padding:.9rem 1.6rem;border-radius:3px;border:2px solid var(--navy);cursor:pointer;font-family:var(--sans)}
.btn:hover{background:var(--navy-deep);border-color:var(--navy-deep)}
.btn-light{background:var(--white);color:var(--navy);border-color:var(--white)}
.btn-light:hover{background:var(--mist);border-color:var(--mist)}

h1,h2,h3{font-family:var(--serif);color:var(--navy);font-weight:600;line-height:1.1;margin:0}
h1{font-size:clamp(2.6rem,6vw,4.4rem);letter-spacing:-.01em}
h2{font-size:clamp(2rem,4vw,2.9rem)}
h3{font-size:1.6rem}
p{margin:0 0 1rem;max-width:62ch}
.lede{font-size:1.2rem;color:var(--muted)}

/* Footer */
.site-footer{border-top:1px solid var(--line);padding:2.5rem 0}
.site-footer .wrap{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.5rem}
.site-footer img{width:130px}
.site-footer p{margin:0;font-size:.92rem;color:var(--muted)}

@media (max-width:640px){
  .brand small{display:none}
  .brand span{font-size:1.15rem}
  .brand img{width:38px}
  nav ul{gap:1.1rem}
}