:root{
  --ink:#17130f; --black:#0e0e0d; --cream:#f2dfbd; --paper:#ead6b1;
  --rust:#a9441c; --rust-on-dark:#d06d37; --muted:#6b5c50;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink)}
img{max-width:100%}
.post-nav{
  min-height:76px;padding:12px 42px;background:#0d0d0d;border-bottom:1px solid rgba(200,101,44,.42);
  display:flex;align-items:center;gap:36px
}
.post-nav-logo{flex:0 0 auto}
.post-nav-logo img{display:block;width:52px;height:52px;object-fit:contain}
.post-nav nav{display:flex;align-items:center;justify-content:center;gap:15px;flex:1;flex-wrap:wrap}
.post-nav nav a{color:#f6e6cf;text-decoration:none;font:700 10px/1 Arial,sans-serif;letter-spacing:1.4px}
.post-nav nav a:hover,.post-nav nav a.active{color:var(--rust-on-dark)}
.post-nav nav span{color:rgba(246,230,207,.28);font-size:8px}

.post-hero{background:#111;color:#f6e6cf}
.post-hero-inner{max-width:1500px;margin:auto;display:grid;grid-template-columns:minmax(420px,.92fr) minmax(0,1.08fr);min-height:590px}
.post-hero-copy{padding:76px 6vw 70px;display:flex;flex-direction:column;justify-content:center}
.post-kicker,.post-date{
  color:var(--rust-on-dark);font:800 10px/1.2 Arial,sans-serif;letter-spacing:2.1px
}
.post-hero h1{
  margin:18px 0 20px;color:#f6e6cf;font-family:"Wausau","Oswald",Arial,sans-serif;
  font-size:clamp(48px,5.2vw,84px);font-weight:400;line-height:.92;letter-spacing:-.015em;text-transform:uppercase
}
.post-date{color:rgba(246,230,207,.5);letter-spacing:1.5px}
.post-hero-intro{margin-top:30px;max-width:520px;font:18px/1.5 Georgia,serif;color:rgba(246,230,207,.72)}
.post-hero-intro p{margin:0 0 6px}

.post-hero-image{min-height:590px;overflow:hidden}
.post-hero-image img{display:block;width:100%;height:100%;min-height:590px;object-fit:cover}

.post-body{padding:82px 5vw 90px;background:var(--paper)}
.post-body-grid{max-width:1280px;margin:auto;display:grid;grid-template-columns:180px minmax(0,760px) 180px;gap:42px;justify-content:center;align-items:start}
.post-article p{margin:0 0 22px;color:#332a22;font:18px/1.72 Georgia,"Times New Roman",serif}
.post-article>p:first-child{font-size:21px;line-height:1.62}
.post-subhead{margin:48px 0 16px;color:var(--ink);font-family:"Wausau","Oswald",Arial,sans-serif;font-size:34px;font-weight:400;line-height:1;text-transform:uppercase}
.post-margin{position:relative;align-self:stretch;min-height:100%}
.margin-note{position:sticky;top:110px;margin-top:120px;padding-top:12px;border-top:1px solid rgba(200,101,44,.45);color:#5f5548}
.margin-note strong{display:block;color:var(--rust);font:400 25px/1 "Wausau","Oswald",Arial,sans-serif;text-transform:uppercase}
.margin-note span{display:block;margin-top:7px;font:12px/1.45 "Courier New",monospace}
.post-margin-right .margin-note{margin-top:320px}
.post-bottom-nav{
  max-width:1120px;margin:80px auto 0;padding-top:25px;border-top:1px solid rgba(23,19,15,.2);
  display:flex;justify-content:space-between;gap:20px
}
.post-bottom-nav a{color:var(--ink);text-decoration:none;font:800 10px/1 Arial,sans-serif;letter-spacing:1.5px}
.post-bottom-nav a:hover{color:var(--rust)}


@media(max-width:980px){
  .post-body-grid{grid-template-columns:minmax(0,760px)}
  .post-margin{display:none}
  .post-hero-inner{grid-template-columns:1fr}
  .post-hero-image{min-height:440px;order:-1}
  .post-hero-image img{min-height:440px}
}
@media(max-width:700px){
  .post-nav{padding:10px 18px;gap:18px}
  .post-nav-logo img{width:38px;height:38px}
  .post-nav nav{justify-content:flex-start;overflow-x:auto;flex-wrap:nowrap}
  .post-nav nav span{display:none}
  .post-hero-copy{padding:52px 7vw 58px}
  .post-hero h1{font-size:clamp(43px,13vw,68px)}
  .post-hero-image,.post-hero-image img{min-height:330px}
  .post-body{padding:58px 7vw 70px}
  .post-article p{font-size:17px}
  .post-subhead{font-size:29px}
  .post-bottom-nav{flex-wrap:wrap}
}