.blog-page{background:var(--paper);color:var(--ink)}
.blog-page header{background:var(--paper)}
.blog-page nav a.active{color:var(--copper)}
.blog-hero{padding-top:clamp(60px,9vw,125px);padding-bottom:clamp(55px,8vw,110px);border-bottom:1px solid var(--line)}
.blog-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:8%;align-items:center}
.blog-hero h1{font-family:Georgia,serif;font-size:clamp(42px,6vw,78px);font-weight:400;line-height:1.04;letter-spacing:-.04em;margin:0 0 28px}
.blog-hero h1 em{color:var(--copper);font-style:italic}
.blog-hero .lead{max-width:700px;font-size:clamp(18px,2vw,22px);line-height:1.6;color:var(--text)}
.blog-mark{width:190px;height:190px;border:1px solid var(--copper);display:grid;place-items:center;position:relative;color:var(--ink);font-family:Georgia,serif;font-size:58px;letter-spacing:-.08em}
.blog-mark b{position:absolute;right:22px;bottom:18px;color:var(--copper);font-size:36px;font-weight:400}
.posts-section{padding-top:clamp(50px,7vw,95px);padding-bottom:clamp(65px,9vw,120px)}
.posts-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;border-bottom:1px solid var(--line);padding-bottom:22px;margin-bottom:34px}
.posts-heading h2{font-family:Georgia,serif;font-size:clamp(32px,4vw,52px);font-weight:400;margin:0}
.posts-heading a,.back-link{color:var(--copper);text-decoration:none;font-size:15px}
.posts-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}
.post-card{border-top:2px solid var(--ink);padding:23px 8px 28px 0;display:flex;flex-direction:column;min-height:250px}
.post-thumb{width:100%;height:170px;object-fit:cover;margin:-23px 0 22px}
.post-card time{font-size:13px;color:var(--muted);letter-spacing:.08em;text-transform:uppercase}
.post-card h3{font-family:Georgia,serif;font-size:clamp(25px,3vw,38px);font-weight:400;line-height:1.15;margin:15px 0 15px}
.post-card h3 a{color:var(--ink);text-decoration:none}
.post-card h3 a:hover{color:var(--copper)}
.post-card .excerpt{color:var(--text);line-height:1.65;font-size:16px;margin:0 0 22px;max-width:680px}
.post-card .read-post{margin-top:auto;color:var(--copper);font-size:15px;text-decoration:none}
.posts-status{color:var(--muted);font-size:17px}
.article-section{padding-top:clamp(45px,7vw,95px);padding-bottom:clamp(70px,10vw,130px);max-width:920px}
.article-section .back-link{display:inline-block;margin-bottom:35px}
.article-section h1{font-family:Georgia,serif;font-size:clamp(40px,6vw,76px);font-weight:400;line-height:1.05;letter-spacing:-.04em;margin:0 0 18px}
.article-meta{font-size:14px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:45px}
.article-body{font-size:18px;line-height:1.8;color:var(--text)}
.article-body h2,.article-body h3{font-family:Georgia,serif;color:var(--ink);font-weight:400;line-height:1.2;margin:42px 0 14px}
.article-body p{margin:0 0 22px}.article-body ul,.article-body ol{padding-left:25px}.article-body li{margin:8px 0}
.article-body a{color:var(--copper)}
.article-image{width:100%;max-height:520px;object-fit:cover;margin:0 0 40px}
@media(max-width:700px){.blog-hero-grid{grid-template-columns:1fr}.blog-mark{width:120px;height:120px;font-size:40px}.blog-mark b{right:14px;bottom:8px;font-size:26px}.posts-heading{display:block}.posts-heading a{display:inline-block;margin-top:14px}.posts-grid{grid-template-columns:1fr}.article-body{font-size:17px}}