:root{--navy:#1f3a5f;--ink:#1d2430;--muted:#55606f;--bg:#fbfaf7;--alt:#f1eee6;--gold:#b08a3e;--line:#e2ddd0}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font:1.0625rem/1.65 system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;color:var(--ink);background:var(--bg)}
.wrap{max-width:46rem;margin:0 auto;padding:0 1.25rem}
.skip{position:absolute;left:-999px;top:0;background:#fff;color:var(--navy);padding:.5rem 1rem;z-index:10}
.skip:focus{left:0}
.bh{position:absolute;top:.75rem;right:1rem;font-size:1rem;color:#fff;opacity:.9;font-family:"Times New Roman","David",serif;line-height:1}
.hero{background:linear-gradient(160deg,#1f3a5f,#2c4f7c);color:#fff;padding:4.5rem 0 3.5rem}
.eyebrow{margin:0 0 .5rem;letter-spacing:.14em;text-transform:uppercase;font-size:.8rem;color:#e4cf9c}
h1{font-family:Georgia,"Times New Roman",serif;font-size:clamp(2.6rem,10vw,4.25rem);line-height:1.05;margin:0 0 1rem;font-weight:700}
.lead{font-size:1.25rem;margin:0 0 1rem;max-width:36rem}
.bio{margin:0 0 1.75rem;max-width:36rem;color:#dbe4f0}
.btn{display:inline-block;background:var(--gold);color:#fff;text-decoration:none;font-weight:600;padding:.75rem 1.5rem;border-radius:.4rem}
.btn:hover{background:#9a7733}
.btn:focus-visible,a:focus-visible{outline:3px solid #f4d98c;outline-offset:3px}
section{padding:3rem 0}
section.alt{background:var(--alt)}
h2{font-family:Georgia,"Times New Roman",serif;color:var(--navy);font-size:1.8rem;margin:0 0 1rem}
h2::after{content:"";display:block;width:3rem;height:3px;background:var(--gold);margin-top:.5rem}
.facts{list-style:none;margin:0;padding:0;display:grid;gap:.75rem}
.facts li{background:#fff;border:1px solid var(--line);border-radius:.5rem;padding:.9rem 1.1rem;display:grid;gap:.15rem}
.facts strong{color:var(--navy);font-size:.8rem;letter-spacing:.1em;text-transform:uppercase}
.alt .btn{background:var(--navy)}
.alt .btn:hover{background:#16294a}
footer{padding:2rem 0;color:var(--muted);font-size:.9rem;text-align:center}
footer p{margin:0}
@media(min-width:48rem){.hero{padding:6.5rem 0 5rem}.facts li{grid-template-columns:9rem 1fr;align-items:baseline;gap:1rem}.bh{font-size:1.25rem;top:1rem;right:1.5rem}section{padding:4rem 0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}