nav a.active{color:var(--clay-dark);border-bottom:1px solid var(--clay)}.blog-hero{padding:90px clamp(24px,7vw,110px);display:grid;grid-template-columns:1.25fr .75fr;gap:9vw;align-items:end;background:var(--cream)}.blog-hero h1{font-size:clamp(58px,7vw,96px);max-width:850px}.blog-hero>div>p:last-child{font-size:19px;line-height:1.7;color:#6b5e56;max-width:650px}.blog-hero aside{background:#e6d3c5;padding:38px;border-left:3px solid var(--clay)}.blog-hero aside>span{font-size:10px;text-transform:uppercase;letter-spacing:.15em;color:var(--clay-dark);font-weight:700}.blog-hero aside h2{font:600 30px/1.1 "Newsreader",serif;margin:12px 0}.blog-hero aside p{font-size:13px;line-height:1.65;color:#6d5f56}.blog-hero aside a{font-size:12px;font-weight:700;color:var(--ink)}.feature-section{display:grid;grid-template-columns:1.05fr .95fr;min-height:560px;background:var(--clay-dark);color:#fff}.feature-image{position:relative;min-height:520px;overflow:hidden}.feature-image img{width:100%;height:100%;object-fit:cover;filter:saturate(.82) contrast(.95)}.feature-image:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 65%,rgba(61,42,35,.25))}.feature-image>span{position:absolute;top:28px;left:28px;background:var(--paper);color:var(--ink);padding:10px 14px;font-size:10px;text-transform:uppercase;letter-spacing:.14em;font-weight:700;z-index:2}.feature-copy{padding:90px clamp(38px,7vw,110px);align-self:center}.feature-copy h2{font:600 clamp(46px,5vw,68px)/1 "Newsreader",serif;margin:18px 0}.feature-copy>p:not(.eyebrow){color:#ded1c9;line-height:1.7}.article-meta{display:flex;align-items:center;gap:10px;margin:24px 0}.article-meta span{font-size:11px;color:#d7b9a7}.article-meta i{width:4px;height:4px;border-radius:50%;background:#d7b9a7}.feature-copy .button{background:#ead8cb;color:var(--ink)}.article-section{padding:120px clamp(24px,7vw,110px);background:var(--paper)}.article-heading{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:48px}.article-heading h2{font:600 clamp(44px,5vw,68px)/1.02 "Newsreader",serif;margin:16px 0 0}.filters{display:flex;gap:8px;flex-wrap:wrap}.filters button{border:1px solid var(--line);background:transparent;color:#71645c;padding:10px 16px;font:600 11px "DM Sans",sans-serif;cursor:pointer}.filters button.active,.filters button:hover{background:var(--clay-dark);border-color:var(--clay-dark);color:#fff}.article-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}.article-card{border:1px solid var(--line);background:#fff;transition:.2s ease}.article-card:hover{transform:translateY(-4px);box-shadow:0 15px 35px rgba(67,45,35,.1)}.article-card[hidden]{display:none}.card-image{display:block;height:220px;position:relative;overflow:hidden}.card-image img{width:100%;height:100%;object-fit:cover;transition:.35s ease}.article-card:hover .card-image img{transform:scale(1.03)}.card-image span{position:absolute;left:16px;bottom:16px;background:rgba(255,253,249,.92);color:var(--clay-dark);padding:8px 11px;font-size:9px;text-transform:uppercase;letter-spacing:.13em;font-weight:700}.card-copy{padding:26px}.card-copy small{color:#91837a;font-size:10px}.card-copy h3{font:600 27px/1.12 "Newsreader",serif;margin:10px 0}.card-copy h3 a{color:var(--ink);text-decoration:none}.card-copy p{color:#74675f;font-size:13px;line-height:1.65}.read-link{display:inline-block;margin-top:10px;color:var(--ink);font-size:11px;font-weight:700}.empty-message{text-align:center;color:#7a6d65}.blog-note{display:grid;grid-template-columns:180px 1fr;gap:50px;align-items:center;padding:90px clamp(24px,10vw,170px);background:#e6d3c5}.note-mark{width:150px;height:150px;border-radius:50%;display:grid;place-items:center;background:var(--clay);color:#fff;font:italic 600 90px "Newsreader",serif}.blog-note blockquote{font:italic 500 clamp(34px,4vw,52px)/1.08 "Newsreader",serif;margin:20px 0}.blog-note>div:last-child>p:not(.eyebrow){color:#685a52;max-width:760px;line-height:1.65}.blog-note a{font-size:12px;font-weight:700;color:var(--ink)}@media(max-width:900px){.blog-hero,.feature-section{grid-template-columns:1fr}.feature-image{min-height:430px}.article-heading{align-items:flex-start;flex-direction:column}.article-grid{grid-template-columns:repeat(2,1fr)}.blog-note{grid-template-columns:1fr}.note-mark{width:100px;height:100px;font-size:60px}}@media(max-width:620px){.blog-hero{padding-top:60px}.feature-image{min-height:320px}.feature-copy{padding:70px 25px}.article-section{padding:75px 24px}.article-grid{grid-template-columns:1fr}.card-image{height:210px}.blog-note{padding:70px 24px}}

/* Pagination under the article grid. The empty spans keep "Page n of m"
   centred when only one direction is available. */
.pager{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;
  max-width:1200px;margin:56px auto 0;padding:28px 24px 0;border-top:1px solid var(--line)}
.pager a{color:var(--ink);text-decoration:none;font-weight:600;font-size:14px;
  padding:12px 18px;border:1px solid var(--line);border-radius:3px;background:var(--paper)}
.pager a:hover{border-color:var(--clay);color:var(--clay-dark)}
.pager a:focus-visible{outline:2px solid var(--clay-dark);outline-offset:2px}
.pager-prev{justify-self:start}
.pager-next{justify-self:end}
.pager-count{font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);
  font-variant-numeric:tabular-nums}
.filters a{display:inline-block;text-decoration:none;color:inherit}
@media(max-width:620px){
  .pager{grid-template-columns:1fr;gap:12px;justify-items:center}
  .pager-prev,.pager-next{justify-self:center}
}