*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;color:#171717;background:#fff;font-family:Arial,sans-serif}
a{text-decoration:none;color:inherit}
.site-header{height:86px;background:#fff;border-bottom:1px solid #ded9d0;display:flex;align-items:center;padding:0 6.5%;position:sticky;top:0;z-index:50}
.site-logo{width:270px;height:auto;display:block}
.site-nav{margin-left:auto;display:flex;align-items:center;gap:28px;font-size:10px;font-weight:700;letter-spacing:.13em;text-transform:uppercase}
.site-nav a:hover{color:#a47c3d}
.site-search{width:250px;margin-left:28px;display:flex;border:1px solid #d8d2c8;background:#fff}
.site-search input{min-width:0;flex:1;border:0;padding:12px 10px;font-size:12px;outline:0;background:transparent}
.site-search button{width:42px;border:0;background:transparent;font-size:17px;cursor:pointer}
.site-cta{margin-left:20px;border:1px solid #222;padding:13px 16px;font-size:9px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}
.blog-wrap{max-width:1180px;margin:0 auto;padding:0 28px}
.blog-hero{padding:84px 0 62px;background:linear-gradient(180deg,#f6f3ed,#fff)}
.eyebrow{font-size:9px;letter-spacing:.24em;text-transform:uppercase;color:#a47c3d;font-weight:700}
.blog-hero h1{font:500 clamp(48px,7vw,82px)/.96 Georgia,serif;margin:18px 0 20px}
.blog-hero h1 em,.related h2 em{font-style:italic;color:#b38a48}
.blog-hero p{max-width:800px;color:#666;font-size:16px;line-height:1.8;margin:0}
.blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;padding:55px 0 100px}
.blog-card{border:1px solid #ded9d0;min-height:360px;display:flex;flex-direction:column;background:#fff;transition:transform .2s,box-shadow .2s}
.blog-card:hover{transform:translateY(-3px);box-shadow:0 14px 32px rgba(0,0,0,.08)}
.blog-card-body{padding:26px}
.blog-card h2{font:500 27px/1.12 Georgia,serif;margin:12px 0}
.blog-card p{color:#666;font-size:12px;line-height:1.7;margin:0}
.blog-card-meta{margin-top:auto;border-top:1px solid #ded9d0;padding:14px 26px;display:flex;justify-content:space-between;align-items:center;color:#888;font-size:10px}
.blog-read{font-weight:700;color:#171717}
.article-hero{padding:82px 0 58px;background:linear-gradient(180deg,#f6f3ed,#fff)}
.article-hero h1{font:500 clamp(42px,6vw,76px)/1.02 Georgia,serif;max-width:1000px;margin:18px 0}
.article-dek{max-width:820px;color:#666;font-size:17px;line-height:1.8;margin:0}
.article-meta{display:flex;gap:14px;flex-wrap:wrap;margin-top:22px;color:#888;font-size:9px;letter-spacing:.1em;text-transform:uppercase}
.article-layout{display:grid;grid-template-columns:minmax(0,760px) 270px;gap:70px;padding:48px 0 100px}
.article-body{font-size:16px;line-height:1.85;color:#343434}
.article-body h2{font:500 34px/1.15 Georgia,serif;color:#171717;margin:50px 0 16px}
.article-body p{margin:0 0 20px}
.article-body ul{padding-left:22px;margin:0 0 24px}
.article-body li{margin:8px 0}
.article-callout{background:#f6f3ed;border-left:3px solid #b38a48;padding:20px 22px;margin:30px 0}
.article-note{border-top:1px solid #ded9d0;padding-top:18px;color:#777;font-size:12px;line-height:1.7}
.article-aside{position:sticky;top:110px;align-self:start;border-top:1px solid #ded9d0;padding-top:18px}
.article-aside-box{background:#f6f3ed;padding:24px}
.article-aside h3{font:500 28px Georgia,serif;margin:0 0 10px}
.article-aside p{color:#666;font-size:12px;line-height:1.7}
.article-aside a{display:inline-block;background:#171717;color:#fff;padding:13px 15px;font-size:9px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}
.related{background:#f6f3ed;padding:65px 0 80px}
.related h2{font:500 46px Georgia,serif;margin:0 0 26px}
.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.related-card{background:#fff;border:1px solid #ded9d0;padding:22px}
.related-card small{font-size:8px;letter-spacing:.15em;text-transform:uppercase;color:#a47c3d}
.related-card h3{font:500 23px/1.2 Georgia,serif;margin:10px 0}
.related-card p{font-size:11px;color:#777;line-height:1.6}
.site-footer{background:#151617;color:#fff;padding:22px 6.5%;display:flex;justify-content:space-between;font-size:10px}
@media(max-width:900px){
.site-header{height:74px;padding:0 18px}.site-logo{width:205px}.site-nav,.site-cta{display:none}.site-search{margin-left:auto;width:220px}
.blog-wrap{padding:0 20px}.blog-grid{grid-template-columns:1fr 1fr}.article-layout{grid-template-columns:1fr;gap:30px}.article-aside{position:static}.related-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:600px){
.site-search{width:180px}.blog-grid,.related-grid{grid-template-columns:1fr}.blog-hero{padding:60px 0 45px}.article-hero{padding:60px 0 45px}.article-layout{padding-top:30px}.article-body h2{font-size:29px}.site-logo{width:185px}
}

.callout{background:#f6f3ed;border-left:3px solid #b38a48;padding:20px 22px;margin:30px 0;line-height:1.7;color:#444}.callout strong{color:#171717}