.blog-site{background:#ece9e1;color:#13232c}
.blog-site .site-header{background:#182c39}
.blog-hero{background:linear-gradient(95deg,#152a37 0%,#213846 80%);color:#f6f3ec;padding:108px 5vw 105px;position:relative;overflow:hidden}
.blog-hero:after{content:'';position:absolute;width:480px;height:480px;border:1px solid rgba(213,172,104,.25);border-radius:50%;right:-60px;top:-150px;box-shadow:0 0 0 75px rgba(213,172,104,.04),0 0 0 150px rgba(213,172,104,.025)}
.blog-hero-inner{max-width:1230px;margin:auto;position:relative;z-index:1}
.blog-hero h1{font:400 clamp(52px,5.7vw,88px)/1.07 Georgia,serif;letter-spacing:-.05em;max-width:900px;margin:24px 0}
.blog-hero h1 em{color:#d5ac68}
.blog-hero p:not(.eyebrow){max-width:660px;color:#d2dbde;font-size:17px}
.blog-index{padding-top:80px;padding-bottom:110px}
.blog-index-intro{display:flex;align-items:end;justify-content:space-between;gap:30px;border-bottom:1px solid #bfc5c3;padding-bottom:24px;margin-bottom:18px}
.blog-index-intro p:last-child{color:#657174;font-size:14px;margin:0;max-width:440px}
.blog-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:0}
.blog-card{display:flex;flex-direction:column;padding:42px 30px 35px;border-bottom:1px solid #bfc5c3;border-right:1px solid #bfc5c3;min-height:390px;transition:background .3s,transform .3s}
.blog-card:first-child{border-left:1px solid #bfc5c3}
.blog-card:hover{background:#f8f5ec;transform:translateY(-5px)}
.blog-card-index{font-size:11px;letter-spacing:.13em;font-weight:800;color:#a17b34;text-transform:uppercase}
.blog-card h2{font:400 31px/1.18 Georgia,serif;letter-spacing:-.035em;margin:45px 0 18px}
.blog-card p{font-size:14px;color:#647176}
.blog-card-link{margin-top:auto;font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;display:flex;justify-content:space-between;border-top:1px solid #c5cac7;padding-top:16px}
.blog-card-link b{font-size:18px;font-weight:400}
.blog-contact{text-align:center;background:#d5ac68;padding:75px 24px}
.blog-contact h2{font:400 clamp(33px,3.6vw,53px)/1.1 Georgia,serif;letter-spacing:-.045em}
.blog-contact .btn{background:#122530;color:white;margin-top:12px}
.blog-article{background:#f6f3ed}
.article-head{background:#192e3b;color:#f6f3ed;padding:58px 24px 82px;text-align:center}
.article-head>*{max-width:900px;margin-left:auto;margin-right:auto}
.article-back{display:block;width:max-content;color:#d4b16f;font-size:12px;font-weight:800;margin-bottom:65px;border-bottom:1px solid currentColor;padding-bottom:5px}
.article-head h1{font:400 clamp(44px,5vw,74px)/1.08 Georgia,serif;letter-spacing:-.05em;margin-top:20px;margin-bottom:27px}
.article-head .article-intro{font-size:18px;line-height:1.7;color:#d2dcdd;max-width:750px}
.article-body{max-width:800px;margin:auto;padding:75px 24px 100px}
.article-body section{margin-bottom:55px}
.article-body h2{font:400 clamp(31px,3.4vw,43px)/1.16 Georgia,serif;letter-spacing:-.045em;margin-bottom:22px}
.article-body p{color:#43555c;font-size:17px;line-height:1.82;margin-bottom:20px}
.article-cta{background:#e9e2d3;border-left:3px solid #cba65f;padding:35px;margin-top:75px}
.article-cta h2{font-size:35px}
.article-cta p:not(.eyebrow){font-size:15px}
.article-cta .btn{background:#152b38;color:#fff;margin-top:5px}
.related-posts{padding-top:70px;padding-bottom:90px}
.related-posts h2{font:400 43px Georgia,serif;letter-spacing:-.045em}
.related-posts>div{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:30px}
.related-posts>div a{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #b9c0bc;padding:25px 0;font:400 24px/1.25 Georgia,serif}
.related-posts>div a:hover{color:#a47a2c}
@media(max-width:1000px){.blog-cards{grid-template-columns:1fr 1fr}.blog-card:nth-child(3){border-left:1px solid #bfc5c3}.blog-site .header-social{display:none}}
@media(max-width:700px){.blog-hero{padding:75px 22px}.blog-hero h1{font-size:49px}.blog-index-intro{display:block}.blog-cards{grid-template-columns:1fr}.blog-card,.blog-card:first-child,.blog-card:nth-child(3){border-left:0;border-right:0;min-height:320px;padding:30px 0}.blog-card h2{margin-top:28px}.article-head{padding:45px 20px 65px}.article-back{margin-bottom:45px}.article-head h1{font-size:43px}.article-head .article-intro{font-size:16px}.article-body{padding:55px 22px 80px}.article-body p{font-size:16px}.article-cta{padding:27px}.related-posts>div{grid-template-columns:1fr;gap:0}}