/* The Journal — minimalist two-column index. Ivory, charcoal, restrained copper. */
.journal-page{background:#faf7f0;color:#23272e}
.jr-wrap{max-width:1040px}
.jr-intro{padding:96px 0 48px;border-bottom:1px solid #ded5c5}
.jr-kicker{font:500 11px/1 var(--sans);letter-spacing:.34em;text-transform:uppercase;color:#8e5730;margin:0 0 22px}
.jr-intro h1{font:500 clamp(2.4rem,4.6vw,4rem)/1.08 var(--serif);color:#1d2228;letter-spacing:-.005em;margin:0 0 20px;max-width:820px}
.jr-lead{font:400 clamp(1rem,1.25vw,1.12rem)/1.75 var(--sans);color:#5b6066;max-width:700px;margin:0}
.jr-list{padding:8px 0 40px}
.jr-entry{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(20px,4vw,64px);padding:34px 0;border-bottom:1px solid #ded5c5;scroll-margin-top:110px}
.jr-head{display:flex;gap:22px;align-items:baseline}
.jr-num{font:500 12px/1 var(--sans);letter-spacing:.2em;color:#8e5730;flex:none;min-width:24px}
.jr-title{font:500 clamp(1.45rem,2.1vw,1.85rem)/1.2 var(--serif);color:#1d2228;margin:0}
.jr-title a{color:inherit;text-decoration:none;border-bottom:1px solid transparent}
.jr-title a:hover{border-bottom-color:#8e5730}
.jr-preview{font:400 15.5px/1.7 var(--sans);color:#4a4f56;margin:0 0 14px;max-width:560px}
.jr-meta{display:flex;flex-wrap:wrap;gap:18px;align-items:center;margin:0;font:500 10.5px/1 var(--sans);letter-spacing:.24em;text-transform:uppercase;color:#5b6066}
.jr-status{color:#8e5730;border-top:1px solid rgba(142,87,48,.45);padding-top:8px}
.jr-meta time{letter-spacing:.14em}
.jr-read{color:#8e5730;text-decoration:none;border-bottom:1px solid rgba(142,87,48,.45)}
.jr-thumb{display:block;width:100%;max-width:560px;aspect-ratio:16/9;object-fit:cover;margin:0 0 16px;border:1px solid #ded5c5}
.jr-closing{padding:56px 0 96px}
.jr-closing p{font:italic 400 clamp(1.4rem,2.2vw,1.8rem)/1.4 var(--serif);color:#8e5730;text-align:center;margin:0}
/* published article pages can reuse these */
.jr-article{max-width:740px;margin:0 auto;padding:80px 0 90px}
.jr-article h1{font:500 clamp(2.2rem,4vw,3.4rem)/1.1 var(--serif);color:#1d2228;margin:0 0 14px}
.jr-article .jr-meta{margin-bottom:34px}
.jr-article p,.jr-article li{font:400 17px/1.85 var(--sans);color:#2f343b}
.jr-article h2{font:500 1.9rem/1.2 var(--serif);color:#1d2228;margin:42px 0 12px}
.jr-references{margin-top:48px;padding-top:22px;border-top:1px solid #ded5c5}
.jr-references h2{font:500 11px/1 var(--sans);letter-spacing:.3em;text-transform:uppercase;color:#8e5730;margin:0 0 14px}
.jr-references li{font-size:14.5px;line-height:1.7;color:#4a4f56}
@media (max-width:760px){
  .jr-intro{padding:64px 0 36px}
  .jr-entry{grid-template-columns:1fr;gap:12px;padding:28px 0}
  .jr-head{gap:16px}
}

/* five menu items: keep the header on one line at laptop widths */
@media (min-width:1001px) and (max-width:1320px){
  .cosmic-header .nav-links{gap:clamp(12px,1.5vw,22px)}
  .cosmic-header .nav-links a{letter-spacing:1.5px;white-space:nowrap}
  .cosmic-header .brand-title{letter-spacing:2px}
  .cosmic-header .brand img{width:46px;height:46px}
  .cosmic-header .header-action{padding:10px 13px;letter-spacing:1.6px}
}

/* Journal as a section inside The Within */
.jr-section{background:#faf7f0;border-top:1px solid #ded5c5;scroll-margin-top:90px}
.jr-section .jr-intro{padding:84px 0 40px}
.jr-h{font:500 clamp(2.2rem,4vw,3.4rem)/1.1 var(--serif);color:#1d2228;letter-spacing:-.005em;margin:0 0 18px;max-width:820px}
.jr-section .jr-closing{padding:48px 0 80px}

/* Seven menu items: collapse to the "Menu" button below 1200px so nothing overflows */
@media (max-width:1199px){
  .cosmic-header .header-action{display:none}
  .cosmic-header .menu-toggle{display:block}
  .cosmic-header .nav-links{display:none;position:absolute;top:100%;left:0;right:0;background:#09282D;padding:12px 24px 20px;border-bottom:1px solid #887251;flex-direction:column;gap:0}
  .cosmic-header .nav-links.open{display:flex}
  .cosmic-header .nav-links a{border-bottom:1px solid rgba(201,167,115,.22);padding:14px 2px;color:#fff}
  .cosmic-header .nav-request{display:block!important;color:#f0cb8a!important}
}


/* Interactive Sample invitation on The Celestial */
.sample-invite{margin-top:26px;max-width:520px}
.btn-sample{display:inline-flex;align-items:center;gap:10px;padding:13px 22px;border:1px solid #d4ba82;background:#28686A;color:#f6efe1;font:500 12px/1 var(--sans);letter-spacing:.2em;text-transform:uppercase;border-radius:2px;transition:box-shadow .3s,background .3s}
.btn-sample span{color:#d4ba82}
.btn-sample:hover,.btn-sample:focus-visible{background:#327A7C;box-shadow:0 0 0 1px #d4ba82,0 0 22px rgba(212,186,130,.45)}
.sample-invite p{font-size:14px;line-height:1.6;margin:10px 0 0;opacity:.85}
@media (prefers-reduced-motion:reduce){.btn-sample{transition:none}}

/* Seven-item header: keep every tab on one line */
.cosmic-header .nav-links a{white-space:nowrap}

/* Desktop: brand and "Request a Reading" on the top line, all tabs centered on a second line */
@media (min-width:1200px){
  .cosmic-header .header-inner{flex-wrap:wrap;row-gap:0;min-height:0;padding-top:10px}
  .cosmic-header .brand{order:1}
  .cosmic-header .header-action{order:2;margin-left:auto}
  .cosmic-header .nav-links{order:3;flex:1 0 100%;justify-content:center;gap:clamp(24px,2.6vw,46px);border-top:1px solid rgba(201,167,115,.2);margin-top:10px}
  .cosmic-header .nav-links a{padding:13px 0 12px;letter-spacing:2.2px}
}

/* World feature images: one clean frame per image (Celestial, Terrestrial, Within) */
.reference-visual-section{padding:clamp(40px,5vw,64px) 0;overflow:hidden}
.reference-visual-layout{grid-template-columns:minmax(240px,440px) 1fr}
.world-figure{margin:0;position:relative;overflow:hidden;aspect-ratio:680/600;border:1px solid #b99d78;border-radius:2px;box-shadow:0 22px 36px rgba(0,0,0,.28);background:#09282D;line-height:0}
.world-figure img,.reference-visual-layout .world-figure img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 40%;border:0;box-shadow:none;aspect-ratio:auto;max-height:none}
@media (max-width:760px){
  .reference-visual-layout{grid-template-columns:1fr;gap:26px}
  .world-figure{width:100%;max-width:440px;margin:0 auto}
}