@font-face{font-family:"TheQueen";src:url("/assets/TheQueen-Regular.ttf") format("truetype");font-weight:400;font-display:swap}
:root{
  --paper:#FBFAF5;--ink:#181E1B;--ink-soft:#36403B;--ink-mute:#6F766E;
  --green-deep:#163230;--green-deeper:#0F2422;--gold:#DEBE51;--gold-warm:#BB8326;
  --rule:rgba(24,30,27,.12);
  --serif:"TheQueen","Cormorant Garamond",Georgia,serif;
  --sans:"Montserrat",system-ui,-apple-system,sans-serif;
}
*{box-sizing:border-box}html,body{margin:0;padding:0}
html{overflow-x:hidden}
body{font-family:var(--sans);color:var(--ink-soft);background:var(--paper);line-height:1.72;-webkit-font-smoothing:antialiased}
a{color:var(--gold-warm)}
img{max-width:100%;height:auto}
/* header */
.bhead{background:var(--green-deeper);position:sticky;top:0;z-index:20}
.bhead-in{max-width:1120px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px clamp(18px,5vw,40px)}
.bhead img{height:34px;width:auto;display:block;max-width:220px;object-fit:contain}
.bnav{display:flex;gap:22px;flex-wrap:wrap}
.bnav a{color:rgba(255,255,255,.82);text-decoration:none;font-size:13px;letter-spacing:.04em;font-weight:500}
.bnav a:hover,.bnav a.active{color:var(--gold)}
@media(max-width:720px){.bnav{display:none}}
/* wrap */
.wrap{max-width:760px;margin:0 auto;padding:clamp(2.2rem,5vw,3.6rem) clamp(20px,5vw,28px)}
.wrap-wide{max-width:1120px}
.eyebrow{font-weight:600;font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--gold-warm);display:inline-flex;align-items:center;gap:12px;margin:0 0 14px}
.eyebrow::before{content:"";width:30px;height:1px;background:currentColor;display:inline-block}
h1.post-title{font-family:var(--serif);font-weight:400;font-size:clamp(2.1rem,5.2vw,3.2rem);line-height:1.06;letter-spacing:.008em;color:var(--ink);margin:0 0 14px}
.post-meta{font-size:13px;letter-spacing:.04em;color:var(--ink-mute);margin:0 0 30px;border-bottom:1px solid var(--rule);padding-bottom:22px}
/* article body */
.article{font-size:1.09rem;overflow-wrap:break-word}
.article a{overflow-wrap:anywhere}
.article p{margin:0 0 1.35em}
.article h2{font-family:var(--serif);font-weight:400;font-size:clamp(1.5rem,3vw,2rem);color:var(--ink);letter-spacing:.01em;margin:2em 0 .6em;line-height:1.15}
.article h3{font-family:var(--serif);font-weight:400;font-size:1.35rem;color:var(--ink);margin:1.6em 0 .5em}
.article h4{font-family:var(--sans);font-weight:600;font-size:1.02rem;letter-spacing:.02em;color:var(--ink);margin:1.6em 0 .4em}
.article img{display:block;margin:1.8em auto;border:1px solid var(--rule);box-shadow:0 24px 50px -34px rgba(24,30,27,.5)}
.article figure{margin:1.8em 0}
.article figcaption{font-size:.85rem;color:var(--ink-mute);text-align:center;margin-top:.6em}
.article blockquote{margin:1.6em 0;padding:.2em 0 .2em 1.4em;border-left:3px solid var(--gold);font-family:var(--serif);font-size:1.3rem;line-height:1.45;color:var(--ink);font-style:italic}
.article blockquote p{margin:0 0 .5em}
.article ul,.article ol{margin:0 0 1.35em;padding-left:1.4em}
.article li{margin:0 0 .5em}
.article a{color:var(--gold-warm);text-decoration:underline;text-underline-offset:2px}
.article hr{border:0;border-top:1px solid var(--rule);margin:2.2em 0}
.article iframe{max-width:100%;margin:1.8em 0}
.video-embed{position:relative;width:100%;padding-top:56.25%;margin:1.8em 0;background:#000;border:1px solid var(--rule)}
.video-embed iframe{position:absolute;inset:0;width:100%;height:100%;margin:0;border:0}
.article strong{color:var(--ink);font-weight:600}
.article em{font-style:italic}
/* tags */
.tags{display:flex;flex-wrap:wrap;gap:8px;margin:2.4em 0 0}
.tag{font-size:11.5px;letter-spacing:.03em;color:var(--ink-mute);border:1px solid var(--rule);border-radius:999px;padding:5px 12px;text-decoration:none}
.tag:hover{border-color:var(--gold-warm);color:var(--gold-warm)}
/* cta */
.cta-band{background:var(--green-deeper);margin-top:clamp(2.5rem,6vw,4rem)}
.cta-in{max-width:760px;margin:0 auto;padding:clamp(2.4rem,6vw,3.6rem) clamp(20px,5vw,28px);text-align:center}
.cta-in .eyebrow{color:var(--gold);justify-content:center;display:inline-flex}
.cta-in h2{font-family:var(--serif);font-weight:400;color:#fff;font-size:clamp(1.6rem,3.4vw,2.2rem);margin:.2em 0 .5em}
.cta-in p{color:rgba(255,255,255,.82);max-width:52ch;margin:0 auto 26px}
.btn{display:inline-flex;align-items:center;gap:8px;font-family:var(--sans);font-weight:600;font-size:14px;letter-spacing:.06em;text-transform:uppercase;padding:14px 28px;border:1px solid var(--gold);background:var(--gold);color:var(--green-deeper);text-decoration:none;transition:background .2s,color .2s}
.btn:hover{background:#e8cd6e;border-color:#e8cd6e}
.btn.ghost{background:transparent;color:var(--gold)}
.btn.ghost:hover{background:rgba(222,190,81,.12);color:#fff}
/* related */
.related{margin-top:clamp(2.4rem,5vw,3.4rem);padding-top:2rem;border-top:1px solid var(--rule)}
.related h3{font-family:var(--serif);font-weight:400;font-size:1.4rem;color:var(--ink);margin:0 0 1rem}
.rel-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:minmax(0,1fr);gap:14px}
.rel-list a{color:var(--ink);text-decoration:none;font-weight:500}
.rel-list a:hover{color:var(--gold-warm)}
.rel-date{font-size:12px;color:var(--ink-mute);letter-spacing:.04em}
/* index */
.blog-hero{text-align:center;padding-bottom:1rem}
.blog-hero h1{font-family:var(--serif);font-weight:400;font-size:clamp(2.4rem,6vw,3.6rem);color:var(--ink);margin:.2em 0 .3em;letter-spacing:.008em}
.blog-hero p{color:var(--ink-mute);max-width:56ch;margin:0 auto;font-size:1.05rem}
.topics-row{display:flex;flex-wrap:wrap;gap:9px;justify-content:center;margin:1.8rem auto 0;max-width:820px}
.year-h{font-family:var(--sans);font-weight:600;font-size:13px;letter-spacing:.16em;text-transform:uppercase;color:var(--gold-warm);margin:2.4rem 0 1rem;padding-bottom:.5rem;border-bottom:1px solid var(--rule)}
.plist{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:minmax(0,1fr);gap:1.6rem}
.pcard-title,.pcard-exc{overflow-wrap:anywhere}
.pcard a.pcard-title{font-family:var(--serif);font-weight:400;font-size:1.5rem;line-height:1.2;color:var(--ink);text-decoration:none;display:block;margin:0 0 .3em}
.pcard a.pcard-title:hover{color:var(--gold-warm)}
.pcard .pcard-date{font-size:12px;letter-spacing:.05em;color:var(--ink-mute);text-transform:uppercase;margin:0 0 .5em}
.pcard .pcard-exc{color:var(--ink-soft);margin:0}
/* footer */
.bfoot{background:var(--green-deeper);color:rgba(255,255,255,.7);margin-top:0}
.bfoot-in{max-width:1120px;margin:0 auto;padding:clamp(2.4rem,5vw,3.4rem) clamp(20px,5vw,40px)}
.bfoot-nav{display:flex;flex-wrap:wrap;gap:18px;margin:0 0 1.6rem}
.bfoot-nav a{color:rgba(255,255,255,.72);text-decoration:none;font-size:13px;letter-spacing:.04em}
.bfoot-nav a:hover{color:var(--gold)}
.bfoot-meta{display:flex;flex-wrap:wrap;justify-content:space-between;gap:16px;align-items:center;border-top:1px solid rgba(255,255,255,.12);padding-top:1.4rem;font-size:12px;letter-spacing:.04em}
.bfoot-meta a{color:rgba(255,255,255,.6);text-decoration:none;margin-left:14px}
.bfoot-socials{display:flex;gap:14px}
.bfoot-socials a{color:rgba(255,255,255,.7)}
.bfoot-socials svg{width:20px;height:20px}
/* All TheQueen (serif) headers uppercase, matching the main site */
h1.post-title,.blog-hero h1,.article h2,.article h3,.pcard a.pcard-title,.related h3{text-transform:uppercase;letter-spacing:.012em}
/* Signature block */
.signature{margin-top:2.4em;padding-top:1.4em;border-top:1px solid var(--rule);line-height:1.5;color:var(--ink)}
.signature strong{color:var(--ink)}