body.blog-page{background:#4B443D;color:var(--cream)}

.blog-heading{padding:68px 6.7vw 60px;position:relative;overflow:hidden;isolation:isolate}
.blog-heading>.mono{color:#B8AC9D;display:block;margin-bottom:30px}
.blog-heading h1{font:500 clamp(60px,7vw,105px)/1 var(--sans);letter-spacing:-4px;max-width:none}
.blog-heading h1 em{font:400 italic 1.06em var(--serif)}
.blog-heading>p{font:400 26px/1.35 var(--serif);color:#DDD1C2;margin-top:28px}
.blog-draft{position:absolute;inset:12% -5% 0 62%;z-index:-1;border:1px solid #D9772E55;transform:skewY(-8deg);background:linear-gradient(#f5f0e608 1px,transparent 1px),linear-gradient(90deg,#f5f0e608 1px,transparent 1px);background-size:48px 48px}
.blog-index{max-width:1440px;margin:auto;padding:64px 6.7vw 90px}
.featured-post{display:grid;grid-template-columns:minmax(250px,.8fr) minmax(0,1fr);gap:7vw;align-items:center}
.post-art{position:relative;display:block;max-width:450px;padding:16px;background:#27221E;box-shadow:0 18px 40px #0002}
.post-art:before{content:'';position:absolute;inset:-9px 12px 12px -9px;border-top:1px solid var(--orange);border-left:1px solid var(--orange);pointer-events:none}
.post-art img{width:100%;height:auto}
.post-label{color:var(--amber);display:block;margin-bottom:22px}
.post-preview h2{font:400 clamp(38px,4.2vw,64px)/1.04 var(--serif);letter-spacing:-1.5px}
.post-preview h2 a:hover{color:var(--amber)}
.post-meta{display:flex;flex-wrap:wrap;gap:6px 12px;color:#E1D4C4;font-size:10px;letter-spacing:.7px;margin:24px 0}
.post-meta span{color:var(--orange)}
.post-preview>p:not(.post-meta){font-size:19px;line-height:1.6;color:#F0E6D9;max-width:460px}
.text-link svg{color:var(--orange);flex-shrink:0}
.article-header{max-width:none;padding:50px max(6.7vw,calc((100vw - 1056px)/2)) 42px;margin:0;background:var(--ink);border-bottom:1px solid #8A6B4B}
.blog-back{display:inline-flex;align-items:center;gap:10px;color:var(--amber);margin-bottom:38px;font-size:10px}
.article-header h1{font:500 clamp(43px,5.5vw,80px)/1.03 var(--sans);letter-spacing:-3px;max-width:1000px}
.article-header h1 em{font:400 italic 1.09em var(--serif);color:var(--orange)}
.article-header .post-meta{margin-bottom:0}
.article-layout{max-width:1220px;padding:52px 6.7vw 80px;margin:auto;display:grid;grid-template-columns:minmax(180px,.55fr) minmax(0,1fr);gap:5vw;align-items:start}
.article-art{position:sticky;top:30px;padding:12px;background:#27221E;box-shadow:0 16px 35px #0002}
.article-art img{width:100%;height:auto}
.article-prose{font:400 22px/1.65 var(--serif);color:#F5EDE2;max-width:680px}
.article-prose p{margin-bottom:1.3em}
.article-prose .article-turn{font-style:italic;color:var(--amber);font-size:28px;padding-top:12px}
.article-prose>p:last-of-type{padding-bottom:24px;border-bottom:1px solid #8B7C6C}
.article-end{display:flex;align-items:center;gap:12px;justify-content:center;margin:35px 0}
.article-end span{width:40px;height:1px;background:#8B7C6C}.article-end i{width:6px;height:6px;transform:rotate(45deg);background:var(--orange)}
.blog-cta{padding:60px 6.7vw;display:grid;grid-template-columns:1.2fr 1fr;gap:60px;align-items:center}
.blog-cta h2{font-size:clamp(40px,4.4vw,65px);margin-top:25px}
.blog-cta p{font-size:17px;color:#D2C6B7;max-width:400px}
.blog-cta .button{justify-content:center;gap:25px;text-align:center}
.blog-cta .fine{display:block;margin-top:12px}
.site-header nav>[aria-current=page]{color:#A8541C}
@media(max-width:800px){.blog-heading{padding:45px 6vw}.blog-heading h1{font-size:clamp(45px,8vw,65px);letter-spacing:-2px}.blog-heading>p{font-size:23px}.blog-index{padding:40px 6vw 55px}.featured-post{gap:32px;grid-template-columns:1fr}.post-art{max-width:420px;width:100%;margin:auto}.post-preview h2{font-size:43px}.post-preview>p:not(.post-meta){font-size:18px}.article-header{padding:34px 6vw 28px}.blog-back{margin-bottom:28px}.article-header h1{font-size:clamp(37px,6vw,52px);letter-spacing:-1.8px}.article-layout{grid-template-columns:1fr;padding:34px 6vw 50px;gap:34px}.article-art{position:static;max-width:370px;justify-self:center}.article-prose{font-size:21px;line-height:1.6;max-width:100%}.blog-cta{grid-template-columns:1fr;gap:28px;padding:45px 6vw}.blog-cta h2{font-size:42px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.blog-page .site-header{color:var(--ink)}
.blog-page .skip{color:var(--ink)}
.blog-cta{border-top:1px solid #51473C}
.post-art img,.article-art img{box-shadow:none}
.blog-heading{border-bottom:1px solid #8A6B4B}
.blog-page footer.dark{border-top:1px solid #51473C}

.featured-post+.featured-post{margin-top:65px;padding-top:65px;border-top:1px solid #8B7C6C}
.post-share{margin:34px 0 12px;padding-top:24px;border-top:1px solid #8B7C6C}
.post-share>.mono{display:block;color:#E1D4C4;font-size:10px;margin-bottom:13px}
.share-links{display:flex;flex-wrap:wrap;gap:8px}
.share-links a,.share-links button{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:8px 13px;border:1px solid #A18B72;background:transparent;color:var(--cream);font:500 13px/1.3 var(--sans);cursor:pointer;transition:background .2s,color .2s}
.share-links a:hover,.share-links button:hover{background:var(--amber);border-color:var(--amber);color:var(--ink)}
.share-links button[hidden]{display:none}
@media(max-width:800px){.featured-post+.featured-post{margin-top:40px;padding-top:40px}}