@font-face{font-family:'Cinzel';src:url('/fonts/cinzel-400.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:'Cinzel';src:url('/fonts/cinzel-500.woff2') format('woff2');font-weight:500;font-display:swap}
@font-face{font-family:'Spectral';src:url('/fonts/spectral-300.woff2') format('woff2');font-weight:300;font-display:swap}
@font-face{font-family:'Spectral';src:url('/fonts/spectral-400.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:'Inter';src:url('/fonts/inter-300.woff2') format('woff2');font-weight:300;font-display:swap}
@font-face{font-family:'Inter';src:url('/fonts/inter-400.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:'Inter';src:url('/fonts/inter-500.woff2') format('woff2');font-weight:500;font-display:swap}
@font-face{font-family:'Inter';src:url('/fonts/inter-600.woff2') format('woff2');font-weight:600;font-display:swap}

:root{
  --ink:#0E0F10; --iron:#191C1E; --paper:#F6F4F0; --paper-2:#ECE8E1;
  --brass:#9C6B33; --brass-lt:#D6B183; --rule:#DCD7CF; --rule-dk:rgba(255,255,255,.14);
  --body:#3C3F42; --mute:#8B867E;
  --disp:'Cinzel',Georgia,serif; --serif:'Spectral',Georgia,serif;
  --ui:'Inter',-apple-system,'Segoe UI',sans-serif;
  --pad:clamp(1.25rem,5vw,5rem); --maxw:1280px; --readw:44rem;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--body);font-family:var(--ui);
  font-size:1rem;line-height:1.72;-webkit-font-smoothing:antialiased}
img{max-width:100%;display:block}
a{color:inherit}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 var(--pad)}
.read{max-width:var(--readw);margin:0 auto;padding:0 var(--pad)}

/* header — matches the main site */
.hd{position:fixed;inset:0 0 auto 0;z-index:80;background:rgba(14,15,16,.86);
  backdrop-filter:blur(8px);border-bottom:1px solid var(--rule-dk)}
.hd__in{max-width:var(--maxw);margin:0 auto;padding:.85rem var(--pad);
  display:flex;align-items:center;justify-content:space-between;gap:1.5rem}
.hd__logo{height:44px;width:auto}
.nav{display:flex;gap:2rem;align-items:center;
  font-size:.66rem;font-weight:500;letter-spacing:.2em;text-transform:uppercase}
.nav a{text-decoration:none;color:rgba(255,255,255,.72);padding-bottom:.25rem;
  border-bottom:1px solid transparent;transition:color .2s,border-color .2s}
.nav a:hover{color:#fff;border-color:var(--brass-lt)}
.nav__cta{color:var(--brass-lt) !important}
@media(max-width:820px){.nav{gap:1.1rem;font-size:.6rem}.nav .hide-sm{display:none}}

main{padding:calc(4.5rem + clamp(2.5rem,6vw,5.5rem)) 0 clamp(3.5rem,7vw,6rem)}

.kicker{font-size:.64rem;font-weight:600;letter-spacing:.26em;text-transform:uppercase;
  color:var(--brass);margin:0 0 1.5rem}
h1{font-family:var(--serif);font-weight:300;font-size:clamp(1.9rem,3.9vw,3rem);
  line-height:1.16;letter-spacing:-.005em;color:var(--ink);margin:0}
.lede{font-family:var(--serif);font-weight:300;font-size:clamp(1.05rem,1.6vw,1.3rem);
  line-height:1.66;color:#2A2D2F;margin:1.5rem 0 0;max-width:60ch}
.meta{font-family:var(--ui);font-size:.66rem;font-weight:600;letter-spacing:.2em;
  text-transform:uppercase;color:var(--mute);margin:1.5rem 0 0}

article{font-family:var(--serif);font-weight:300;font-size:1.12rem;line-height:1.78;color:#2A2D2F}
article h2{font-family:var(--disp);font-weight:400;font-size:1.45rem;letter-spacing:.02em;
  color:var(--ink);margin:2.75rem 0 .85rem;line-height:1.3}
article h3{font-family:var(--ui);font-weight:600;font-size:1.02rem;letter-spacing:.01em;
  color:var(--ink);margin:2rem 0 .6rem}
article p{margin:0 0 1.25rem}
article ul,article ol{margin:0 0 1.25rem;padding-left:1.35rem}
article li{margin:0 0 .5rem}
article blockquote{margin:2rem 0;padding:.15rem 0 .15rem 1.4rem;border-left:2px solid var(--brass);
  font-family:var(--serif);font-style:italic;font-weight:300;font-size:1.22rem;line-height:1.58;color:var(--ink)}
article blockquote p{margin:0}
article img{margin:2rem 0;border:1px solid var(--rule)}
article a{color:var(--brass);text-decoration:underline;text-underline-offset:3px}
article strong{font-weight:400;color:var(--ink)}
hr{border:0;border-top:1px solid var(--rule);margin:2.75rem 0}

.postlist{list-style:none;margin:2.75rem 0 0;padding:0}
.postlist li{border-top:1px solid var(--rule);padding:1.9rem 0}
.postlist li:last-child{border-bottom:1px solid var(--rule)}
.postlist a{text-decoration:none;display:block}
.postlist h2{font-family:var(--serif);font-weight:300;font-size:clamp(1.3rem,2.4vw,1.7rem);
  line-height:1.25;color:var(--ink);margin:.5rem 0 .5rem}
.postlist a:hover h2{color:var(--brass)}
.postlist p{margin:0;color:var(--mute);font-size:.95rem}
.empty{color:var(--mute);font-style:italic}
.back{font-size:.66rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase;
  color:var(--brass);text-decoration:none}

.ft{background:var(--paper-2);border-top:1px solid var(--rule);padding:clamp(2.5rem,5vw,4rem) 0}
.ft__center{display:flex;flex-direction:column;align-items:center;text-align:center}
.ft__logo{width:132px}
.ft__contact{margin:1.75rem 0 0;font-size:.9rem;line-height:1.9;color:var(--body)}
.ft__contact a{color:var(--brass);text-decoration:none}
.ft__legal{margin:2.25rem auto 0;font-size:.66rem;line-height:1.65;color:#A9A29A;max-width:74ch}