:root{
  --bg:#fcfaf5;--bg2:#f5f0e7;--ink:#2d394a;--muted:#66717b;--blue:#35516d;
  --gold:#b38c4b;--gold2:#d9c8a6;--line:#ddd4c4;--card:#fffdfa;--sage:#e9efe9;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font-family:Georgia,"Times New Roman",serif;line-height:1.7}
a{color:inherit}
img{max-width:100%;display:block}
.wrap{width:min(1180px,92vw);margin:auto}
.topbar{background:#eff2ee;color:#6e776f;text-align:center;padding:8px 0;font:11px Arial,sans-serif;letter-spacing:.16em;text-transform:uppercase;border-bottom:1px solid #e2e5df}
header{position:sticky;top:0;z-index:30;background:rgba(252,250,245,.96);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.nav{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.brand{text-decoration:none;display:flex;align-items:center;gap:12px}
.seal{width:48px;height:48px;border:1px solid var(--gold2);border-radius:50%;display:grid;place-items:center;color:var(--gold);font-weight:bold;background:white}
.brand strong{display:block;font-size:17px;color:#2c4560}
.brand span{display:block;font:10px Arial,sans-serif;letter-spacing:.15em;text-transform:uppercase;color:#7e766b}
nav{display:flex;gap:16px;font:12px Arial,sans-serif}
nav a{text-decoration:none;padding:8px 0;border-bottom:1px solid transparent}
nav a:hover{color:#936f37;border-color:#b89255}
.menu{display:none;border:0;background:none;font-size:25px}
.hero{background:linear-gradient(110deg,#fffdf8,#f3eee4);border-bottom:1px solid var(--line)}
.hero-grid{min-height:650px;display:grid;grid-template-columns:1.08fr .92fr;gap:55px;align-items:center;padding:60px 0}
.kicker{font:11px Arial,sans-serif;text-transform:uppercase;letter-spacing:.22em;color:#99763c;font-weight:bold}
.hero h1{font-size:clamp(52px,7vw,86px);line-height:.92;margin:14px 0 20px;color:#29435f;font-weight:500;letter-spacing:-.035em}
.hero h1 small{display:block;font-size:.35em;line-height:1.2;letter-spacing:.09em;color:#8d744f;text-transform:uppercase;margin-bottom:10px}
.hero p{font-size:21px;color:#515b64}
.hero-photo img{width:100%;max-height:560px;object-fit:contain;background:#f4efe5;border-radius:180px 180px 12px 12px}
.caption{font:10px Arial,sans-serif;color:#80786d;margin-top:8px}
.cta{display:inline-block;text-decoration:none;border:1px solid var(--gold);padding:11px 17px;margin:16px 8px 0 0;font:11px Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase;border-radius:3px}
.cta.primary{background:#31506b;color:white;border-color:#31506b}
.section{padding:74px 0}
.section.alt{background:var(--bg2)}
.section.softblue{background:#eef3f6}
.grid2{display:grid;grid-template-columns:1.05fr .95fr;gap:58px;align-items:start}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
h2{font-size:clamp(34px,4vw,54px);line-height:1.06;margin:10px 0 24px;color:#304861;font-weight:500}
h3{font-size:24px;line-height:1.2;margin:0 0 10px;color:#32475b}
.lead{font-size:21px;color:#4e5963}
.card{background:var(--card);border:1px solid var(--line);padding:25px;border-radius:8px}
.feature{border:1px solid var(--line);background:white;border-radius:8px;overflow:hidden}
.feature img{width:100%;height:245px;object-fit:cover}
.feature .body{padding:20px}
.portrait{max-height:440px;object-fit:contain!important;background:#f5f0e6}
.note{border-left:3px solid var(--gold2);padding:17px 20px;background:#fffaf1;margin:25px 0;border-radius:0 6px 6px 0}
.quote{font-size:28px;line-height:1.35;border-top:1px solid var(--gold2);border-bottom:1px solid var(--gold2);padding:30px;margin:34px 0;color:#4b4b48}
.article-head{padding:58px 0 46px;border-bottom:1px solid var(--line)}
.article-head h1{font-size:clamp(44px,6.5vw,76px);line-height:.98;margin:10px 0 18px;color:#2e4760;font-weight:500}
.article-head p{font-size:21px;max-width:820px;color:#59636d}
.breadcrumb{padding:20px 0;font:12px Arial,sans-serif;color:#7a746d}
.article{max-width:850px;margin:auto;padding:55px 0}
.article h2{font-size:39px;margin-top:50px}
.article p{font-size:18px}
.timeline{position:relative;margin:30px 0}.timeline:before{content:"";position:absolute;left:105px;top:5px;bottom:5px;width:1px;background:#c5aa79}
.event{display:grid;grid-template-columns:80px 1fr;gap:48px;padding:15px 0}
.year{font:bold 12px Arial,sans-serif;color:#9c763c;letter-spacing:.08em}
.event div:last-child{position:relative}.event div:last-child:before{content:"";position:absolute;left:-52px;top:8px;width:8px;height:8px;border-radius:50%;background:#b38c4b;box-shadow:0 0 0 5px var(--bg)}
footer{background:#31485f;color:#dce4e7;padding:52px 0 28px;margin-top:55px}
footer a{display:block;color:#d9e0e4;text-decoration:none;margin:7px 0;font:13px Arial,sans-serif}
footer h3{color:white}
.foot{border-top:1px solid rgba(255,255,255,.18);margin-top:35px;padding-top:18px;font:11px Arial,sans-serif;color:#c0cad0}
@media(max-width:880px){
  nav{display:none;position:absolute;top:78px;left:0;right:0;background:var(--bg);padding:20px;flex-direction:column;border-bottom:1px solid var(--line)}
  nav.open{display:flex}.menu{display:block}.hero-grid,.grid2,.grid3,.grid4{grid-template-columns:1fr}.hero-grid{padding:45px 0}.hero-photo{order:-1}
}

.article .card p{margin:.55rem 0}.article .card p+p{padding-top:.55rem;border-top:1px solid rgba(221,212,196,.65)}