:root{--paper:#f6f4ef;--ink:#16140f;--muted:#56514c;--line:rgba(22,20,15,.14);--accent:#a87c5a}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased}
img{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
::selection{background:var(--accent);color:#fff}
.serif{font-family:'Cormorant Garamond',Georgia,serif}
.site-nav{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 6vw;border-bottom:1px solid var(--line);background:rgba(246,244,239,.94);position:relative;z-index:10}
.site-nav img{height:22px;width:auto}
.site-links{display:flex;align-items:center;gap:30px;font-size:13px}
.pill{border:1px solid var(--ink);border-radius:999px;padding:10px 18px}
.wrap{width:min(1180px,calc(100% - 48px));margin:0 auto}
.archive-hero{padding:100px 0 68px;border-bottom:1px solid var(--line)}
.eyebrow{font-size:11px;letter-spacing:.25em;text-transform:uppercase;color:#8c7b63}
.archive-title{font-size:clamp(54px,10vw,122px);font-weight:300;line-height:.9;margin:24px 0 22px}
.archive-intro{font-size:18px;line-height:1.7;color:var(--muted);max-width:46ch}
.posts-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:34px 24px;padding:72px 0 48px}
.post-card{display:block}
.post-cover{aspect-ratio:4/3;overflow:hidden;border-radius:4px;background:#e5dccf}
.post-cover img{width:100%;height:100%;object-fit:cover;transition:transform .9s cubic-bezier(.16,1,.3,1)}
.post-card:hover .post-cover img{transform:scale(1.04)}
.post-meta{font-size:10px;letter-spacing:.15em;text-transform:uppercase;color:#8c7b63;margin-top:18px}
.post-card h2{font-size:29px;font-weight:400;line-height:1.08;margin:10px 0}
.post-card p{font-size:14px;line-height:1.7;color:var(--muted);margin:0}
.load-row{text-align:center;padding:10px 0 90px}
.load{border:1px solid var(--ink);border-radius:999px;background:transparent;padding:13px 26px;font:inherit;cursor:pointer}
.empty{padding:100px 0;text-align:center;color:var(--muted)}
.article-head{padding:82px 0 54px;text-align:center}
.article-head h1{font-size:clamp(48px,8vw,96px);font-weight:300;line-height:.96;width:min(1040px,100%);max-width:none;margin:22px auto;text-align:center}
.article-deck{width:min(1040px,100%);max-width:none;margin:0 auto;color:var(--muted);font-size:18px;line-height:1.7;text-align:center}
.article-meta{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#8c7b63;margin-top:24px}
.article-cover{display:block;width:min(1280px,calc(100% - 48px));margin:0 auto;object-fit:cover;object-position:center;border-radius:4px}
.article-cover-compact{height:clamp(260px,32vw,420px)}
.article-cover-standard{height:clamp(340px,46vw,620px)}
.article-cover-large{height:clamp(420px,58vw,780px)}
.article-body{width:min(1040px,calc(100% - 48px));margin:72px auto 100px;font-family:Georgia,serif;font-size:19px;line-height:1.85}
.article-body h2,.article-body h3{font-family:'Cormorant Garamond',Georgia,serif;line-height:1.12;font-weight:400;margin:2em 0 .7em}
.article-body h2{font-size:44px}.article-body h3{font-size:33px}
.article-body p{margin:0 0 1.55em}
.article-text-align-left{text-align:left}
.article-text-align-center{text-align:center}
.article-text-align-right{text-align:right}
.article-body ul,.article-body ol{padding-left:1.25em;margin:0 0 1.55em}
.article-body blockquote{font-family:'Cormorant Garamond',Georgia,serif;font-size:31px;line-height:1.3;border-left:2px solid var(--accent);padding-left:25px;margin:2em 0}
.article-image{width:min(1040px,calc(100vw - 48px));margin:2.4em 0 2.4em 50%;transform:translateX(-50%)}
.article-image img{width:var(--article-image-width,65%);height:auto;max-height:78vh;object-fit:contain;margin:0 auto;border-radius:4px}
.article-image figcaption{width:var(--article-image-width,65%);margin:9px auto 0;font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;font-size:12px;color:var(--muted)}
.article-image-small{--article-image-width:40%}
.article-image-medium{--article-image-width:65%}
.article-image-full{--article-image-width:100%}
.article-media{display:flex;align-items:flex-start;gap:clamp(24px,4vw,54px);width:min(1040px,calc(100vw - 48px));margin:2.8em 0 2.8em 50%;transform:translateX(-50%)}
.article-media figure{flex:0 0 var(--article-image-width,50%);min-width:0;margin:0}
.article-media figure img{width:100%;height:auto;max-height:78vh;object-fit:contain;border-radius:4px}
.article-media figure figcaption{margin-top:9px;font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;font-size:12px;color:var(--muted)}
.article-media-copy{flex:1;min-width:0}
.article-media-copy p{margin-top:0}
.article-media-right figure{order:2}
.article-cta{background:#16140f;color:#f6f4ef;padding:76px 24px;text-align:center}
.article-cta h2{font-size:clamp(36px,5vw,64px);font-weight:300;margin:0 auto 28px;max-width:18ch}
.article-cta a{display:inline-flex;background:#f6f4ef;color:#16140f;padding:15px 27px;border-radius:999px}
.related{padding:82px 0}
.related h2{font-size:45px;font-weight:300}
.footer{background:#16140f;color:#a7a099;padding:50px 6vw;font-size:13px}
.footer-inner{max-width:1180px;margin:0 auto;display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap}
@media(max-width:800px){
  .site-nav{padding:0 24px}.site-links a:not(.pill){display:none}
  .posts-grid{grid-template-columns:1fr}
  .article-cover-compact{height:240px}
  .article-cover-standard{height:340px}
  .article-cover-large{height:440px}
  .article-image{margin-top:2.2em;margin-bottom:2.2em}
  .article-media{display:block;margin-top:2.2em;margin-bottom:2.2em}
  .article-media figure{width:100%;margin-bottom:24px}
  .article-media-right figure{order:initial}
  .archive-hero{padding-top:72px}
}