:root{
  --ink:var(--bg,#0c0b0b);--ink2:var(--bg2,#151110);--ink3:var(--bg3,#1d1815);--paper:var(--text,#f4efe6);--paperdim:var(--text2,#d9d2c5);
  --ash:var(--muted,#938a7e);--ember:var(--accent,#c9893f);--ember2:var(--accent2,#e6b878);--line:rgba(244,239,230,.12);
  --display:'Fraunces',Georgia,serif;--body:'Inter',-apple-system,Segoe UI,sans-serif;
}
body{background:var(--bg,#0c0b0b);color:var(--text,#e9e2d6);font-family:'Inter',-apple-system,Segoe UI,sans-serif;margin:0}
body.bgw{background:var(--ink);color:var(--paper);font-family:var(--body);-webkit-font-smoothing:antialiased;overflow-x:hidden;margin:0}
/* Brand fonts on Bricks pages: headings Fraunces, everything else Inter (body) */
.brxe-heading,#brx-content h1,#brx-content h2,#brx-content h3,#brx-content h4,#brx-content h5{font-family:'Fraunces',Georgia,serif}
/* Cinematic hero (matches the original): full height + animated ember glow */
@keyframes bgwdrift{to{transform:translate(8vw,10vh) scale(1.15)}}
#hero{position:relative;display:flex;align-items:center;overflow:hidden}
#hero::before{content:"";position:absolute;width:120vw;height:120vh;left:-10vw;top:-30vh;background:radial-gradient(40% 40% at 30% 30%,var(--glow,rgba(201,137,63,.16)),transparent 70%);animation:bgwdrift 16s ease-in-out infinite alternate;pointer-events:none;z-index:0}
#hero::after{content:"";position:absolute;inset:0;background:radial-gradient(120% 90% at 50% 10%,transparent 40%,rgba(0,0,0,.55));pointer-events:none;z-index:0}
#hero>*{position:relative;z-index:1}
/* Prologue reader (editable Bricks text + highlight-to-share) */
.bgw-reader-text{position:relative;font-family:'Fraunces',Georgia,serif;font-size:clamp(1.15rem,2.1vw,1.4rem);line-height:1.85;color:var(--text,#ece5d8)}
.bgw-reader-text p,.bgw-reader-text .brxe-text-basic{margin:0 0 1.4em}
.bgw-reader-text>p:first-of-type::first-letter,.bgw-reader-text>.brxe-text-basic:first-child::first-letter{font-size:3.4em;float:left;line-height:.72;padding:.04em .12em 0 0;color:var(--accent,#c9893f);font-weight:600}
.bgw-reader-text.gated{position:relative}
.bgw-readfade{position:absolute;left:0;right:0;bottom:0;height:220px;background:linear-gradient(180deg,transparent 0%,color-mix(in srgb,var(--bg,#0c0b0b) 85%,transparent) 65%,var(--bg,#0c0b0b) 100%);pointer-events:none}
.bgw-readgate{text-align:center;margin-top:-40px;position:relative;z-index:2}
.bgw-readgate h3{font-family:'Fraunces',Georgia,serif;font-weight:600;font-size:clamp(1.6rem,4vw,2.4rem);color:var(--text,#f4efe6)}
.bgw-readgate p{color:var(--muted,#938a7e);max-width:44ch;margin:.7rem auto 1.6rem;line-height:1.7}
.bgw-readcta{margin-top:2rem}
.bgw-reader-heading{font-family:'Fraunces',Georgia,serif;font-weight:600;font-size:clamp(2rem,5.5vw,3.6rem);line-height:1.05;color:var(--text,#f4efe6);margin:8px 0 0}
.bgw-leadrow{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;margin-top:12px}
.bgw-leadrow .bgw-lead{margin:0}
.bgw-fontsize{display:flex;gap:6px;justify-content:flex-end;align-items:center;flex-shrink:0}
.bgw-fontsize button{display:inline-flex;align-items:center;justify-content:center;background:none;border:1px solid var(--line2,rgba(244,239,230,.18));color:var(--muted,#938a7e);border-radius:6px;width:32px;height:32px;cursor:pointer;font-family:'Fraunces',Georgia,serif;line-height:1;padding:0;transition:border-color .2s,color .2s}
.bgw-fontsize button:hover{border-color:var(--accent,#c9893f);color:var(--accent,#c9893f)}
.bgw-fontsize button.s{font-size:12px}
.bgw-fontsize button.l{font-size:18px}
.bgw-share-pop{position:absolute;z-index:40;transform:translate(-50%,-120%);background:var(--accent,#c9893f);color:var(--on-accent,#121011);font-weight:600;font-size:13px;padding:8px 14px;border-radius:6px;cursor:pointer;display:none;white-space:nowrap;font-family:'Inter',sans-serif}
.bgw-qc-ov{display:none;position:fixed;inset:0;background:rgba(0,0,0,.82);align-items:center;justify-content:center;padding:6vw;z-index:9999}
.bgw-qc-ov.on{display:flex}
.bgw-qc{background:var(--bg3,#1d1815);border:1px solid color-mix(in srgb,var(--accent,#c9893f) 38%,transparent);border-radius:10px;max-width:520px;width:100%;padding:44px;text-align:center}
.bgw-qc .mk{font-family:'Fraunces',serif;font-size:54px;line-height:0;color:var(--accent,#c9893f);height:26px}
.bgw-qc blockquote{font-family:'Fraunces',serif;font-size:clamp(1.3rem,3.4vw,1.9rem);line-height:1.45;margin:1rem 0;color:var(--text,#f4efe6)}
.bgw-qc .by{margin-top:1.4rem;font-size:12px;letter-spacing:.22em;text-transform:uppercase;color:var(--accent,#c9893f)}
.bgw-qc .act{display:flex;gap:10px;justify-content:center;margin-top:1.6rem}
.bgw-qc button{font-family:'Inter',sans-serif;font-weight:600;font-size:14px;padding:12px 22px;border-radius:6px;cursor:pointer;border:1px solid var(--line2,rgba(244,239,230,.25));background:none;color:var(--text,#f4efe6)}
.bgw-qc button.cp{background:var(--accent,#c9893f);color:var(--on-accent,#121011);border-color:var(--accent,#c9893f)}
*{box-sizing:border-box}
a{color:inherit;text-decoration:none}
.bgw-wrap{max-width:1180px;margin:0 auto;padding:0 6vw;box-sizing:content-box} /* 1180 = content width; 6vw gutters sit outside it, matching the homepage Bricks containers */
.bgw-narrow{max-width:1180px}
.bgw-eyebrow{font-size:12px;font-weight:600;letter-spacing:.28em;text-transform:uppercase;color:var(--ember);margin:0}
h1,h2,h3,h4{font-family:var(--display);font-weight:600;margin:0}
.bgw-btn{display:inline-flex;align-items:center;gap:.5em;font-family:var(--body);font-weight:600;font-size:15px;line-height:1;padding:14px 26px;border-radius:2px;cursor:pointer;border:1px solid transparent;transition:transform .2s,background .2s,color .2s}
.bgw-btn-primary{background:var(--ember);color:var(--ink)}
.bgw-btn-primary:hover{background:var(--ember2);transform:translateY(-2px)}
/* progress + nav */
.bgw-progress{position:fixed;top:0;left:0;height:3px;width:0;background:var(--ember);z-index:60}
.bgw-nav{position:fixed;top:0;left:0;right:0;z-index:50;padding:20px 0;border-bottom:1px solid transparent;transition:background .3s,border-color .3s,padding .3s}
.bgw-nav.solid{background:color-mix(in srgb,var(--bg,#0c0b0b) 92%,transparent);backdrop-filter:blur(10px);border-color:var(--line);padding:13px 0}
.bgw-navrow{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap}
.bgw-brand{font-weight:700;letter-spacing:.18em;font-size:15px;text-transform:uppercase;font-family:var(--body)}
.bgw-links{display:flex;align-items:center;gap:26px;flex-wrap:wrap}
.bgw-links a{font-size:14px;color:var(--paperdim)}
.bgw-links a:hover{color:var(--ember)}
@media(max-width:640px){.bgw-links a:not(.bgw-btn){display:none}}
.bgw-main{padding-top:120px}
/* pills / categories */
.bgw-cats{display:flex;flex-wrap:wrap;gap:10px;margin-top:1.8rem}
.bgw-pill{display:inline-block;font-size:13px;letter-spacing:.04em;padding:8px 16px;border:1px solid var(--line);border-radius:6px;color:var(--paperdim);transition:.2s}
.bgw-pill:hover,.bgw-pill.active{background:var(--ember);border-color:var(--ember);color:var(--ink)}
/* journal head */
.bgw-journal-head{padding-top:5vh;padding-bottom:1vh} /* vertical only — keep the 6vw side gutter from .bgw-wrap (was padding:5vh 0 1vh, which wiped the gutter and flushed the heading left on mobile) */
.bgw-journal-head h1{font-size:clamp(2.6rem,7vw,5rem);line-height:1;letter-spacing:-.02em;margin:.3rem 0}
.bgw-lead{color:var(--ash);max-width:52ch;line-height:1.7;margin:.6rem 0 0}
/* feature */
.bgw-feature{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:3rem;align-items:center;margin:4vh 0;background:var(--ink2);border:1px solid var(--line);border-radius:10px;overflow:hidden}
.bgw-feature>*{min-width:0}
@media(max-width:820px){.bgw-feature{grid-template-columns:1fr}}
.bgw-feature-img img{display:block;width:100%;height:100%;object-fit:cover;aspect-ratio:16/10}
.bgw-feature-txt{padding:3rem}
.bgw-feature-txt .k{font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--ember)}
.bgw-feature-txt h2{font-size:clamp(1.8rem,3.6vw,2.8rem);line-height:1.08;margin:.6rem 0}
.bgw-feature-txt p{color:var(--ash);line-height:1.7;margin:0 0 1.4rem}
.bgw-readmore{color:var(--ember);font-weight:600;font-size:14px;letter-spacing:.04em}
/* grid + cards */
.bgw-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px}
.bgw-grid-posts{margin:2vh 0 8vh}
.bgw-card{display:block;background:var(--ink2);border:1px solid var(--line);border-radius:8px;padding:28px;transition:transform .3s,border-color .3s}
.bgw-card:hover{transform:translateY(-6px);border-color:rgba(201,137,63,.5)}
.bgw-cardcat{display:inline-block;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--ember);margin-bottom:12px}
.bgw-card .k{display:block;font-size:12px;letter-spacing:.06em;color:var(--ash);text-transform:uppercase}
.bgw-card h3,.bgw-card h4{font-size:1.35rem;line-height:1.25;margin:10px 0 8px}
.bgw-card p{color:var(--ash);font-size:.95rem;line-height:1.6;margin:0}
/* article */
.bgw-art-head{padding:2vh 0 3vh;text-align:center}
.bgw-art-head h1{font-size:clamp(2.2rem,5.5vw,4rem);line-height:1.05;letter-spacing:-.02em;margin:1rem auto;max-width:18ch}
.bgw-art-meta{color:var(--ash);font-size:13px;letter-spacing:.08em;text-transform:uppercase}
.bgw-art-head .bgw-pill{margin-bottom:.4rem}
.bgw-feat{margin:1vh 0 5vh;border-radius:10px;overflow:hidden;border:1px solid var(--line)}
.bgw-feat img{display:block;width:100%;height:auto}
.bgw-prose{font-family:var(--display);font-size:clamp(1.12rem,2vw,1.32rem);line-height:1.85;color:var(--text,#ece5d8)}
.bgw-prose p{margin:0 0 1.5em}
.bgw-prose p:first-of-type::first-letter{font-size:3.4em;float:left;line-height:.72;padding:.04em .12em 0 0;color:var(--ember);font-weight:600}
.bgw-prose h2,.bgw-prose h3{margin:1.6em 0 .5em}
.bgw-prose img{max-width:100%;height:auto;border-radius:6px;margin:1em 0}
.bgw-prose a{color:var(--ember);text-decoration:underline}
/* share */
.bgw-share{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:3rem 0;padding:1.4rem 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.bgw-share span{font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--ash)}
.bgw-share a,.bgw-share button{font-family:var(--body);font-size:13px;color:var(--paperdim);background:none;border:1px solid var(--line);border-radius:6px;padding:8px 16px;cursor:pointer;transition:.2s}
.bgw-share a:hover,.bgw-share button:hover{border-color:var(--ember);color:var(--ember)}
/* author */
.bgw-author{background:var(--ink2);border:1px solid var(--line);border-radius:10px;padding:2rem;margin:3rem 0}
.bgw-author-name{font-family:var(--display);font-size:1.3rem;color:var(--paper)}
.bgw-author p{color:var(--ash);line-height:1.7;margin:.5rem 0 0}
/* related */
.bgw-related{margin:6vh 0 8vh;border-top:1px solid var(--line);padding-top:4vh}
.bgw-related h3{font-size:1.6rem;margin-bottom:1.6rem}
/* gate + comments */
.bgw-gate{text-align:center;background:var(--ink2);border:1px solid var(--line);border-radius:10px;padding:3rem 2rem;margin:3rem 0}
.bgw-gate h3{font-size:1.8rem;margin-bottom:.6rem}
.bgw-gate p{color:var(--ash);margin:0 auto 1.6rem;max-width:40ch;line-height:1.7}
.bgw-comments{margin:3rem 0 6vh}
.bgw-comments h3{font-size:1.5rem;margin-bottom:1.4rem}
.bgw-clist{list-style:none;margin:0 0 2.5rem;padding:0}
.bgw-c{background:var(--ink2);border:1px solid var(--line);border-radius:8px;padding:1.3rem 1.5rem;margin-bottom:14px}
.bgw-c-private{border-color:rgba(201,137,63,.5);background:color-mix(in srgb,var(--accent,#c9893f) 7%,transparent)}
.bgw-c-head{display:flex;align-items:center;gap:12px;margin-bottom:8px}
.bgw-c-author{font-weight:600;color:var(--paper)}
.bgw-c-badge{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--ember);border:1px solid var(--ember);border-radius:6px;padding:2px 10px}
.bgw-c-date{font-size:12px;color:var(--ash);margin-left:auto}
.bgw-c-body{color:var(--paperdim);line-height:1.7}
.comment-respond{background:var(--ink2);border:1px solid var(--line);border-radius:10px;padding:2rem}
.comment-reply-title{font-family:var(--display);font-size:1.4rem;margin-bottom:1rem}
textarea,input[type=text],input[type=email],input[type=url]{width:100%;background:var(--ink);border:1px solid var(--line);color:var(--paper);padding:14px 16px;border-radius:4px;font-family:var(--body);font-size:15px;margin-bottom:12px}
textarea:focus,input:focus{outline:none;border-color:var(--ember)}
.bgw-private-field label{display:flex;align-items:center;gap:10px;color:var(--paperdim);font-size:14px;margin-bottom:14px}
.bgw-private-field input{width:auto;margin:0}
.form-submit .submit{font-family:var(--body);font-weight:600;font-size:15px;padding:14px 28px;border-radius:2px;background:var(--ember);color:var(--ink);border:none;cursor:pointer}
.logged-in-as,.comment-notes{color:var(--ash);font-size:13px;margin-bottom:12px}
.logged-in-as a{color:var(--ember)}
/* footer */
.bgw-footer{border-top:1px solid var(--line);padding:7vh 0 5vh;color:var(--ash)}
.bgw-ftop{display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap;align-items:center}
.bgw-flinks{display:flex;gap:22px;flex-wrap:wrap}
.bgw-flinks a:hover{color:var(--ember)}
.bgw-cr{margin-top:2.5rem;font-size:13px;color:var(--muted,#6b645d)}
.bgw-brand{color:var(--paper)}
/* pagination */
.pagination,.nav-links{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin:2vh 0 8vh}
.page-numbers{padding:10px 16px;border:1px solid var(--line);border-radius:4px;color:var(--paperdim)}
.page-numbers.current,.page-numbers:hover{background:var(--ember);border-color:var(--ember);color:var(--ink)}