:root{
  --ink:#0E0E0C; --ink-2:#1c1c1a;
  --paper:#F4EFE6; --paper-2:#EAE3D6; --paper-3:#DDD3C0;
  --rule:#1c1c1a; --red:#C0161C; --red-deep:#8E0F14;
  --serif:"Fraunces","Times New Roman",serif;
  --sans:"Inter Tight","Helvetica Neue",Arial,sans-serif;
  --mono:"JetBrains Mono",ui-monospace,monospace;
}
*{box-sizing:border-box;margin:0;padding:0;}
html,body{background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;}
a{color:inherit;text-decoration:none;}
::selection{background:var(--red);color:var(--paper);}
body::before{
  content:"";position:fixed;inset:0;pointer-events:none;z-index:1;opacity:.35;mix-blend-mode:multiply;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='240' height='240'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0.05 0 0 0 0 0.05 0 0 0 0 0.04 0 0 0 0.18 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");
}
.util{
  border-bottom:1px solid rgba(14,14,12,.18);font-family:var(--mono);font-size:11px;
  letter-spacing:.08em;text-transform:uppercase;display:flex;justify-content:space-between;
  align-items:center;padding:10px 32px;background:var(--paper);position:relative;z-index:5;
}
header.nav{position:sticky;top:0;z-index:50;background:var(--paper);border-bottom:1px solid var(--rule);}
.nav-inner{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:32px;padding:18px 32px;}
.brand-logo{height:48px;width:auto;display:block;}
nav.primary{display:flex;justify-content:center;gap:30px;font-size:14px;font-weight:500;}
nav.primary a:hover{color:var(--red);}
.btn{
  display:inline-flex;align-items:center;gap:10px;padding:12px 20px;font-size:13px;font-weight:600;
  letter-spacing:.02em;border:1.5px solid var(--ink);background:transparent;color:var(--ink);cursor:pointer;
  transition:all .25s ease;
}
.btn:hover{background:var(--ink);color:var(--paper);}
.btn.primary{background:var(--red);border-color:var(--red);color:var(--paper);}
.btn.primary:hover{background:var(--ink);border-color:var(--ink);}

.post-hero{padding:80px 32px 60px;border-bottom:1px solid var(--rule);position:relative;}
.post-hero .crumbs{font-family:var(--mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-2);margin-bottom:32px;}
.post-hero .crumbs a:hover{color:var(--red);}
.post-hero .cat{display:inline-block;font-family:var(--mono);font-size:10px;letter-spacing:.2em;text-transform:uppercase;padding:5px 10px;border:1px solid var(--ink);margin-bottom:24px;}
.post-hero h1{
  font-family:var(--serif);font-weight:300;font-size:clamp(40px,6vw,84px);line-height:.98;
  letter-spacing:-.03em;max-width:1100px;
}
.post-hero h1 em{font-style:italic;color:var(--red);font-weight:400;}
.post-hero .meta{margin-top:36px;display:flex;gap:24px;flex-wrap:wrap;font-family:var(--mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-2);}
.post-hero .meta .red{color:var(--red);}

article.post-body{
  max-width:780px;margin:0 auto;padding:80px 32px 100px;
  font-family:var(--serif);font-size:19px;line-height:1.65;color:var(--ink);
}
.post-body p{margin-bottom:1.4em;text-wrap:pretty;}
.post-body h2{
  font-family:var(--serif);font-weight:400;font-size:36px;line-height:1.1;letter-spacing:-.02em;
  margin:2.4em 0 .7em;border-top:1px solid var(--rule);padding-top:1.2em;
}
.post-body h2 em{font-style:italic;color:var(--red);}
.post-body h3{font-family:var(--serif);font-weight:500;font-size:24px;margin:1.8em 0 .5em;letter-spacing:-.01em;}
.post-body strong{font-weight:500;}
.post-body em{font-style:italic;}
.post-body ul,.post-body ol{margin:0 0 1.6em 1.4em;}
.post-body li{margin-bottom:.5em;}
.post-body blockquote{
  border-left:3px solid var(--red);padding:6px 0 6px 24px;margin:1.8em 0;font-style:italic;color:var(--ink-2);
}
.post-body code{font-family:var(--mono);font-size:.86em;background:var(--paper-2);padding:2px 6px;}
.post-body table{width:100%;border-collapse:collapse;margin:1.6em 0;font-family:var(--sans);font-size:15px;}
.post-body th,.post-body td{border:1px solid rgba(14,14,12,.2);padding:12px 14px;text-align:left;}
.post-body th{background:var(--paper-2);font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;}
.post-body .callout{
  background:var(--paper-2);border-left:3px solid var(--ink);padding:24px 28px;margin:2em 0;
  font-family:var(--sans);font-size:16px;line-height:1.55;
}
.post-body .callout strong{font-family:var(--mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--red);display:block;margin-bottom:8px;}

.cta-strip{
  background:var(--ink);color:var(--paper);padding:80px 32px;text-align:center;
  border-top:1px solid var(--rule);position:relative;overflow:hidden;
}
.cta-strip h3{font-family:var(--serif);font-weight:300;font-size:clamp(32px,4.5vw,56px);letter-spacing:-.025em;line-height:1.05;}
.cta-strip h3 em{color:var(--red);font-style:italic;}
.cta-strip p{font-family:var(--serif);font-size:18px;color:var(--paper-2);opacity:.8;margin-top:16px;max-width:560px;margin-left:auto;margin-right:auto;}
.cta-strip .row{display:flex;gap:12px;justify-content:center;margin-top:32px;flex-wrap:wrap;}
.cta-strip .btn{border-color:var(--paper);color:var(--paper);}
.cta-strip .btn:hover{background:var(--paper);color:var(--ink);}
.cta-strip .btn.primary{background:var(--red);border-color:var(--red);}

.related{padding:80px 32px;border-top:1px solid var(--rule);}
.related h4{font-family:var(--mono);font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--ink-2);margin-bottom:24px;}
.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:1px solid var(--rule);border-left:1px solid var(--rule);}
.related-grid a{
  border-right:1px solid var(--rule);border-bottom:1px solid var(--rule);
  padding:28px 24px;display:flex;flex-direction:column;gap:10px;
  font-family:var(--serif);font-size:20px;line-height:1.2;letter-spacing:-.01em;
  transition:all .3s;background:var(--paper);min-height:160px;
}
.related-grid a:hover{background:var(--ink);color:var(--paper);}
.related-grid a:hover .rcat{color:var(--red);border-color:var(--red);}
.rcat{font-family:var(--mono);font-size:9px;letter-spacing:.2em;text-transform:uppercase;border:1px solid currentColor;padding:3px 7px;align-self:flex-start;color:var(--ink-2);}
.related-grid em{font-style:italic;color:var(--red);}

footer.site-foot{padding:48px 32px;background:var(--paper);border-top:1px solid var(--rule);font-family:var(--mono);font-size:11px;letter-spacing:.15em;text-transform:uppercase;color:var(--ink-2);display:flex;justify-content:space-between;flex-wrap:wrap;gap:18px;}
footer.site-foot a:hover{color:var(--red);}

@media (max-width:900px){
  nav.primary{display:none;}
  .related-grid{grid-template-columns:1fr;}
  article.post-body{padding:48px 22px 70px;font-size:17px;}
  .util{padding:10px 20px;font-size:10px;}
  .util .right .item:not(:last-child){display:none;}
  .post-hero{padding:48px 22px 40px;}
}
</content>
</invoke>