:root{
  --espresso:#160f09;--espresso-2:#231910;--coffee:#3a281b;--caramel:#7c5839;
  --taupe:#bea592;--gold:#c2a162;--gold-soft:#d9bd86;--gold-deep:#a9824e;
  --cream:#f4ece0;--paper:#faf5ec;--ink:#2a1d10;--muted:#8a7c69;--line:rgba(194,161,98,.22);
  --serif:"Cormorant Garamond",Georgia,serif;--sans:"Jost",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{background:var(--paper);color:var(--ink);font-family:var(--sans);font-weight:300;line-height:1.8;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
img{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
h1,h2,h3,h4{font-family:var(--serif);font-weight:500;line-height:1.15;color:var(--ink);letter-spacing:.005em}
.eyebrow{font-size:11px;letter-spacing:.42em;text-transform:uppercase;color:var(--gold-deep);font-weight:400}

/* ---------- nav ---------- */
.jnav{position:sticky;top:0;z-index:90;background:rgba(20,13,8,.94);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.jbar{max-width:1180px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:12px 34px}
.jbrand img{height:66px;width:auto;display:block}
.jmenu{display:flex;gap:30px}
.jmenu a{font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:#ece0c8;opacity:.9;transition:.25s}
.jmenu a:hover{opacity:1;color:var(--gold-soft)}
@media(max-width:760px){.jmenu{display:none}.jbrand img{height:52px}.jbar{padding:10px 20px}}

/* ---------- journal index ---------- */
.jhead{text-align:center;padding:82px 24px 8px;max-width:820px;margin:0 auto}
.jhead h1{font-size:clamp(38px,6vw,66px);margin:14px 0 0}
.jhead p{color:#6f6353;font-size:16px;margin-top:18px;line-height:1.8}
.jhead .u{width:54px;height:1px;background:var(--gold);margin:26px auto 0}
.jgrid{max-width:1180px;margin:46px auto 90px;padding:0 34px;display:grid;grid-template-columns:repeat(3,1fr);gap:34px}
.jcard{display:block;background:var(--paper);border:1px solid var(--line);transition:transform .3s,box-shadow .3s}
.jcard:hover{transform:translateY(-4px);box-shadow:0 22px 44px rgba(42,29,16,.13)}
.jc-img{aspect-ratio:3/2;overflow:hidden;background:#ece3d5}
.jc-img img{width:100%;height:100%;object-fit:cover;transition:transform 1s cubic-bezier(.2,.7,.2,1)}
.jcard:hover .jc-img img{transform:scale(1.05)}
.jc-body{padding:26px 26px 30px}
.jc-cat{font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:var(--gold-deep)}
.jcard h2{font-size:24px;margin:12px 0 10px;line-height:1.22}
.jcard p{color:#6f6353;font-size:14px;line-height:1.7}
.jc-more{display:inline-block;margin-top:16px;font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--gold-deep);border-bottom:1px solid var(--gold);padding-bottom:3px}
@media(max-width:900px){.jgrid{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.jgrid{grid-template-columns:1fr}}

/* ---------- article ---------- */
.art-hero{text-align:center;padding:72px 24px 18px;max-width:820px;margin:0 auto}
.art-hero .cat{font-size:10.5px;letter-spacing:.24em;text-transform:uppercase;color:var(--gold-deep)}
.art-hero h1{font-size:clamp(32px,5vw,54px);margin:16px 0 0}
.art-meta{margin-top:20px;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.art-lead-img{max-width:1000px;margin:36px auto 0;padding:0 24px}
.art-lead-img img{width:100%;aspect-ratio:16/8;object-fit:cover}
.article{max-width:720px;margin:0 auto;padding:46px 24px 32px;font-size:17px;color:#3f3527;line-height:1.85}
.article p{margin:0 0 22px}
.article .lead{font-size:20px;color:var(--ink);line-height:1.7}
.article h2{font-size:clamp(26px,3.2vw,34px);margin:46px 0 16px}
.article h3{font-size:21px;margin:30px 0 10px;color:var(--caramel)}
.article ul,.article ol{margin:0 0 22px 22px}
.article li{margin-bottom:10px}
.article strong{color:var(--ink);font-weight:500}
.article blockquote{border-left:3px solid var(--gold);padding:6px 0 6px 24px;margin:30px 0;font-family:var(--serif);font-style:italic;font-size:22px;color:var(--caramel);line-height:1.4}
.article a{color:var(--gold-deep);border-bottom:1px solid var(--line)}
.callout{background:var(--cream);border:1px solid var(--line);padding:26px 28px;margin:32px 0}
.callout h3{margin:0 0 8px}
.callout p{margin:0;color:#6f6353;font-size:15.5px}
.faq{max-width:720px;margin:6px auto 0;padding:0 24px 54px}
.faq h2{font-family:var(--serif);font-size:clamp(26px,3vw,34px);margin-bottom:14px}
.faq details{border-top:1px solid var(--line);padding:16px 0}
.faq details:last-child{border-bottom:1px solid var(--line)}
.faq summary{font-family:var(--serif);font-size:20px;color:var(--ink);cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:14px}
.faq summary::-webkit-details-marker{display:none}
.faq summary:after{content:"+";color:var(--gold-deep);font-family:var(--sans)}
.faq details[open] summary:after{content:"–"}
.faq details p{margin-top:12px;color:#6f6353;font-size:15.5px;line-height:1.75}
.art-cta{background:var(--espresso);color:#efe2cf;text-align:center;padding:74px 24px}
.art-cta .eyebrow{color:var(--gold-soft)}
.art-cta h2{color:#faf2e1;font-size:clamp(26px,3vw,42px);margin-top:12px}
.art-cta p{color:#c4b393;max-width:460px;margin:16px auto 28px;font-size:15.5px}
.btn{display:inline-block;font-family:var(--sans);font-size:11.5px;letter-spacing:.22em;text-transform:uppercase;padding:16px 36px;background:var(--gold);color:#1c1308;transition:.3s;border:1px solid var(--gold)}
.btn:hover{background:var(--gold-soft);border-color:var(--gold-soft)}
.btn-ghost{background:transparent;color:var(--gold-soft);border-color:rgba(217,189,134,.5)}
.btn-ghost:hover{background:rgba(217,189,134,.1)}

/* ---------- footer ---------- */
.jfoot{background:#0f0a05;color:rgba(233,220,196,.6);text-align:center;padding:62px 24px 34px}
.jfoot-logo{height:70px;width:auto;margin:0 auto 18px;opacity:.95}
.jfoot p{max-width:420px;margin:0 auto;font-size:13.5px;line-height:1.8}
.jfoot-links{margin-top:22px;font-size:12px;letter-spacing:.14em;text-transform:uppercase}
.jfoot-links a{opacity:.8;transition:.25s}
.jfoot-links a:hover{color:var(--gold-soft);opacity:1}
.jfoot-social{margin-top:16px;font-size:12px;letter-spacing:.14em;text-transform:uppercase}
.jfoot-social a{opacity:.82;color:var(--gold-soft);transition:.25s}
.jfoot-social a:hover{opacity:1}
.jfoot-copy{margin-top:20px;font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;opacity:.5}

.guide-disclaimer{max-width:720px;margin:28px auto 10px;padding:0 26px}
.guide-disclaimer p{margin:0;padding:16px 22px;background:var(--cream);border:1px solid var(--line);border-left:3px solid var(--gold);border-radius:2px;font-size:12.5px;font-style:italic;line-height:1.7;letter-spacing:.02em;color:var(--muted);text-align:center}