:root{
  --canvas:#FCFAF5;--navy:#1C2942;--navy-deep:#141E33;--accent:#A87B16;--accent-soft:#D9B23A;
  --panel:#FEFDFB;--panel-deep:#F4EFE3;--ink:#1C2942;--ink2:#56607A;--line:rgba(28,41,66,.12);
  --text-on-navy:#F4F1EA;--fd:"Fraunces",Georgia,serif;--f:"Instrument Sans",system-ui,sans-serif;--fm:"IBM Plex Mono",monospace;
  --ease:cubic-bezier(.22,.61,.2,1);
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{background:var(--canvas);color:var(--ink);font-family:var(--f);font-size:17px;line-height:1.68;-webkit-font-smoothing:antialiased}
img{max-width:100%;display:block}
a{color:var(--accent)}
/* nav */
.bnav{position:sticky;top:0;z-index:50;background:rgba(252,250,245,.9);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);padding:.9rem clamp(1.4rem,6vw,4rem);display:flex;align-items:center;justify-content:space-between;gap:1rem}
.bnav .logo{display:flex;align-items:baseline;gap:.35rem;text-decoration:none;flex:none}
.bnav .logo b{font-family:var(--fd);font-weight:600;font-size:1.3rem;color:var(--navy)}
.bnav .logo b em{color:var(--accent);font-style:normal}
.bnav .links{display:flex;gap:1.4rem;align-items:center}
.bnav .links a{font-size:.92rem;color:var(--ink2);text-decoration:none}
.bnav .links a:hover{color:var(--navy)}
.bnav .cta{background:var(--navy);color:var(--text-on-navy)!important;padding:.55rem 1.1rem;border-radius:999px;font-weight:500;font-size:.88rem}
@media (max-width:640px){.bnav .links a.hidem{display:none}}
/* index */
.bhead{max-width:60rem;margin:0 auto;padding:clamp(2.8rem,6vw,4.5rem) clamp(1.4rem,6vw,2rem) 1rem}
.bhead .kick{font-family:var(--fm);font-size:.68rem;letter-spacing:.26em;text-transform:uppercase;color:var(--accent)}
.bhead h1{font-family:var(--fd);font-weight:600;font-size:clamp(2.2rem,5vw,3.2rem);line-height:1.1;color:var(--navy);margin:.7rem 0 .6rem}
.bhead p{color:var(--ink2);max-width:52ch}
.blist{max-width:60rem;margin:0 auto;padding:1.4rem clamp(1.4rem,6vw,2rem) 4rem;display:flex;flex-direction:column;gap:1.1rem}
.post{display:block;text-decoration:none;background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:1.6rem 1.8rem;transition:transform .4s var(--ease),box-shadow .4s var(--ease),border-color .4s var(--ease)}
.post:hover{transform:translateY(-3px);box-shadow:0 18px 44px rgba(28,41,66,.09);border-color:rgba(28,41,66,.28)}
.post .meta{font-family:var(--fm);font-size:.66rem;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);display:flex;gap:.7rem;flex-wrap:wrap}
.post .meta .dot{color:var(--ink2);opacity:.5}
.post h2{font-family:var(--fd);font-weight:600;font-size:clamp(1.35rem,2.4vw,1.7rem);color:var(--navy);margin:.6rem 0 .5rem;line-height:1.2}
.post p{color:var(--ink2);font-size:1rem;max-width:64ch}
.post .more{display:inline-block;margin-top:.8rem;color:var(--accent);font-weight:500;font-size:.95rem}
/* article */
.art{max-width:44rem;margin:0 auto;padding:clamp(2.4rem,6vw,4rem) clamp(1.4rem,6vw,2rem) 1rem}
.art .back{font-size:.9rem;color:var(--ink2);text-decoration:none}
.art .back:hover{color:var(--navy)}
.art .meta{font-family:var(--fm);font-size:.66rem;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);display:flex;gap:.7rem;flex-wrap:wrap;margin-top:1.4rem}
.art .meta .dot{color:var(--ink2);opacity:.5}
.art h1{font-family:var(--fd);font-weight:600;font-size:clamp(2rem,4.6vw,3rem);line-height:1.12;color:var(--navy);margin:.7rem 0 .3rem;text-wrap:balance}
.art .dek{color:var(--ink2);font-size:1.15rem;margin-top:.6rem}
.artbody{max-width:44rem;margin:0 auto;padding:1.6rem clamp(1.4rem,6vw,2rem) 3rem}
.artbody h2{font-family:var(--fd);font-weight:600;font-size:1.5rem;color:var(--navy);margin:2.2rem 0 .5rem;line-height:1.2}
.artbody p{margin:1rem 0;color:var(--ink)}
.artbody ul{margin:1rem 0 1rem 1.2rem}
.artbody li{margin:.45rem 0}
.artbody li::marker{color:var(--accent)}
.artbody strong{color:var(--navy)}
.pull{background:var(--panel-deep);border-left:3px solid var(--accent-soft);border-radius:12px;padding:1.2rem 1.4rem;margin:1.8rem 0;font-family:var(--fd);font-size:1.2rem;line-height:1.4;color:var(--navy)}
.artcta{background:var(--navy);color:var(--text-on-navy);border-radius:18px;padding:1.8rem 2rem;margin:2.4rem 0 0;display:flex;flex-wrap:wrap;gap:1rem;align-items:center;justify-content:space-between}
.artcta p{margin:0;font-family:var(--fd);font-size:1.25rem;max-width:32ch}
.artcta a{background:var(--accent-soft);color:var(--navy)!important;text-decoration:none;font-weight:600;padding:.7rem 1.3rem;border-radius:999px;white-space:nowrap}
.artcta a:hover{background:#E4C25B}
.draft{max-width:44rem;margin:1.6rem auto 0;padding:0 clamp(1.4rem,6vw,2rem);font-size:.86rem;color:var(--ink2);font-style:italic}
/* footer */
.bfoot{background:var(--navy-deep);color:rgba(244,241,234,.72);padding:2.4rem clamp(1.4rem,6vw,4rem);margin-top:3rem}
.bfoot .in{max-width:60rem;margin:0 auto;display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;font-size:.9rem}
.bfoot a{color:var(--accent-soft)}