.article-banner{background:var(--cream);padding:58px 0 50px;border-bottom:1px solid var(--line)}
.article-banner h1{font:400 48px/1.08 var(--serif);color:var(--navy);margin:0 0 10px;max-width:900px}
.breadcrumbs{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#7f8992}.breadcrumbs a{color:#986d2a;text-decoration:none}
.article-section{padding:66px 0}.article-layout{display:grid;grid-template-columns:minmax(0,1fr) 350px;gap:52px;align-items:start}
.article-content{max-width:780px}.article-meta{display:flex;gap:12px;align-items:center;padding-bottom:15px;margin-bottom:25px;border-bottom:1px solid var(--line);font-size:11px;color:#818b94}.article-tag{color:#986d2a;text-transform:uppercase;letter-spacing:.1em;font-weight:800}
.article-content h2,.article-content h3{font-family:var(--serif);font-weight:400;color:var(--navy)}.article-content h2{font-size:34px;line-height:1.2;margin:34px 0 12px}.article-content h3{font-size:24px;margin:27px 0 8px}.article-content p,.article-content li{color:#556371}.article-content p{margin:0 0 17px}.article-content ul{padding-left:22px}.article-content li{margin:7px 0}.article-lead{font-size:19px;line-height:1.72;color:#425365!important}.article-callout,.related{background:var(--cream);border-left:3px solid var(--gold);padding:18px 20px;margin:25px 0}.article-content a{color:#8e6425}.related a{font-weight:700}
.article-side{position:sticky;top:18px;border:1px solid var(--line);background:#fff}.side-head{padding:24px;background:var(--navy);color:#fff}.side-head span{font-size:9px;letter-spacing:.16em;text-transform:uppercase;color:#d9b878;font-weight:800}.side-head h2{font:400 28px/1.2 var(--serif);color:#fff;margin:5px 0 8px}.side-head p{font-size:13px;color:#dbe2e9;margin:0}.side-form{padding:14px}.side-contact{padding:16px 20px;border-top:1px solid var(--line);font-size:12px}.side-contact span{display:block;color:#8a9097}.side-contact a{display:block;color:var(--navy);text-decoration:none;font-size:16px;font-weight:700}
.article-hero{width:100%;height:390px;object-fit:cover;margin-bottom:28px}
@media(max-width:960px){.article-layout{grid-template-columns:1fr}.article-side{position:static}.article-content{max-width:none}}
@media(max-width:760px){.article-banner{padding:42px 0}.article-banner h1{font-size:38px}.article-section{padding:45px 0}.article-content h2{font-size:29px}.article-hero{height:260px}}