:root{--ink:#202b35;--muted:#66727d;--paper:#fffdf9;--rose:#b85c68;--gold:#d6ad68;--line:#eee5db;--navy:#263847}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.7 Georgia,'Times New Roman',serif}
a{color:#9d4654;text-decoration:none}a:hover{text-decoration:underline}.wrap{max-width:1180px;margin:auto;padding:0 24px}
.topline{height:5px;background:linear-gradient(90deg,var(--rose),var(--gold),#668c8a)}
header{background:#fff;border-bottom:1px solid var(--line)}.brandrow{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px 0}
.brand{font-size:clamp(27px,4vw,40px);letter-spacing:.04em;font-weight:bold;color:var(--navy);line-height:1.1}.brand small{display:block;font:11px/1.5 Arial,sans-serif;letter-spacing:.24em;text-transform:uppercase;color:var(--rose);margin-top:8px}
.search{font:14px Arial,sans-serif;color:var(--muted)}nav{border-top:1px solid var(--line);font:12px Arial,sans-serif;text-transform:uppercase;letter-spacing:.08em}
.navinner{display:flex;gap:22px;flex-wrap:wrap;padding:14px 0}nav a{color:var(--navy)}
.hero{padding:36px 0 24px}.heroimg{width:100%;height:390px;object-fit:cover;display:block;border-radius:3px}
.eyebrow{font:11px Arial,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:var(--rose);font-weight:bold;margin:22px 0 8px}
h1,h2,h3{line-height:1.2;color:var(--navy)}h1{font-size:clamp(32px,5vw,52px);margin:0 0 16px}h2{font-size:27px;margin-top:36px}h3{font-size:20px}
.lede{font-size:20px;line-height:1.6;color:#4f5b65;max-width:800px}.meta{font:12px Arial,sans-serif;color:var(--muted);border-bottom:1px solid var(--line);padding:0 0 20px;margin-bottom:24px}
.layout{display:grid;grid-template-columns:minmax(0,2fr) minmax(240px,1fr);gap:54px;padding:20px 0 70px}
article p{margin:0 0 18px}article li{margin:10px 0}.callout{padding:20px 22px;background:#f7f0e8;border-left:3px solid var(--gold);margin:26px 0}
.sidebar{border-left:1px solid var(--line);padding-left:28px}.sidebox{margin-bottom:30px}.sidebox h3{font-size:17px;border-bottom:1px solid var(--line);padding-bottom:10px}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin:26px 0 60px}.card{background:#fff;border:1px solid var(--line);transition:transform .2s}.card:hover{transform:translateY(-3px)}.card img{width:100%;height:180px;object-fit:cover;display:block}.cardbody{padding:17px}.card h3{margin:7px 0 9px}.card p{font-size:14px;color:var(--muted);margin:0}
.btn{display:inline-block;background:var(--navy);color:#fff;padding:11px 17px;font:12px Arial,sans-serif;letter-spacing:.06em;text-transform:uppercase;margin-top:10px}
footer{background:var(--navy);color:#f5eee5;padding:36px 0;font:13px/1.7 Arial,sans-serif}footer a{color:#f0c7a0}.footgrid{display:flex;justify-content:space-between;gap:30px;flex-wrap:wrap}
.breadcrumb{font:12px Arial,sans-serif;color:var(--muted);margin-top:22px}.breadcrumb a{color:var(--muted)}
@media(max-width:800px){.layout{grid-template-columns:1fr;gap:24px}.sidebar{border-left:0;border-top:1px solid var(--line);padding:24px 0 0}.cards{grid-template-columns:repeat(2,1fr)}.heroimg{height:280px}.brandrow{align-items:flex-start;flex-direction:column}}
@media(max-width:520px){.cards{grid-template-columns:1fr}.heroimg{height:220px}.wrap{padding:0 17px}.navinner{gap:13px}}