/* Atlas Estates · Journal
   Editorial layout for the article index and article pages. Reads on top of legal.css,
   which supplies the shared nav and page tokens. */

:root{
  --jr-forest:#0A3D2E; --jr-forest-deep:#062A1F; --jr-cream:#F6F1E7; --jr-cream-2:#EFE7D6;
  --jr-paper:#FBF8F2; --jr-brass:#B8924D; --jr-terra:#C06B4A; --jr-ink:#1A1410;
  --jr-ink-dim:#6b5f55; --jr-line:#E7DFD0; --jr-line-2:#d6c9ae;
}

body.journal{
  background:var(--jr-paper); color:var(--jr-ink);
  font-family:'DM Sans',system-ui,sans-serif; margin:0;
}

.jr-wrap{ max-width:1140px; margin:0 auto; padding:3rem 1.25rem 5rem; }

.jr-eyebrow{
  font-family:'DM Sans',sans-serif; font-size:11px; font-weight:500;
  letter-spacing:.22em; text-transform:uppercase; color:var(--jr-terra); margin-bottom:.75rem;
}

/* ── Index header ─────────────────────────────────────────── */
.jr-head{ max-width:46rem; margin-bottom:3.5rem; }
.jr-head h1{
  font-family:'Fraunces',Georgia,serif; font-weight:400;
  font-size:clamp(2rem,5vw,3.4rem); line-height:1.05; letter-spacing:-.015em;
  color:var(--jr-forest); margin:0; text-wrap:balance;
}
.jr-lede{ color:var(--jr-ink-dim); font-size:1.05rem; line-height:1.75; margin:1.25rem 0 0; max-width:38rem; }

/* ── Index grid ───────────────────────────────────────────── */
.jr-grid{ display:grid; grid-template-columns:repeat(auto-fill,minmax(19rem,1fr)); gap:2.5rem 2rem; }
.jr-card-link{ text-decoration:none; color:inherit; display:block; }
.jr-card-img{ aspect-ratio:4/3; overflow:hidden; background:var(--jr-cream); margin-bottom:1.25rem; }
.jr-card-img img{ width:100%; height:100%; object-fit:cover; display:block; transition:transform .7s cubic-bezier(.2,.8,.2,1); }
.jr-card:hover .jr-card-img img{ transform:scale(1.04); }
.jr-card-body h2{
  font-family:'Fraunces',Georgia,serif; font-weight:400; font-size:1.5rem; line-height:1.2;
  color:var(--jr-forest); margin:0 0 .6rem; text-wrap:balance; transition:color .3s ease;
}
.jr-card:hover .jr-card-body h2{ color:var(--jr-terra); }
.jr-card-body p{ color:var(--jr-ink-dim); font-size:.95rem; line-height:1.7; margin:0 0 1rem; }
.jr-meta{
  display:flex; flex-wrap:wrap; gap:.4rem; align-items:center;
  font-size:.78rem; color:var(--jr-ink-dim); padding-top:.9rem; border-top:1px solid var(--jr-line);
}

/* ── Empty state ──────────────────────────────────────────── */
.jr-empty{ max-width:34rem; padding:3rem 0 4rem; }
.jr-empty h1,.jr-empty h2{
  font-family:'Fraunces',Georgia,serif; font-weight:400; color:var(--jr-forest);
  font-size:clamp(1.5rem,3.5vw,2.1rem); margin:0 0 .75rem;
}
.jr-empty p{ color:var(--jr-ink-dim); line-height:1.75; }

/* ── Article page ─────────────────────────────────────────── */
.jr-article{ max-width:44rem; }
.jr-crumb{ font-size:.78rem; color:var(--jr-ink-dim); margin-bottom:2rem; display:flex; gap:.5rem; }
.jr-crumb a{ color:var(--jr-ink-dim); }
.jr-art-head h1{
  font-family:'Fraunces',Georgia,serif; font-weight:400;
  font-size:clamp(1.9rem,4.6vw,2.9rem); line-height:1.1; letter-spacing:-.015em;
  color:var(--jr-forest); margin:0; text-wrap:balance;
}
.jr-standfirst{
  font-family:'Instrument Serif',Georgia,serif; font-style:italic;
  font-size:1.2rem; line-height:1.6; color:var(--jr-ink-dim); margin:1.1rem 0 0;
}
.jr-art-head .jr-meta{ margin-top:1.5rem; }
.jr-art-img{ margin:2.5rem 0; }
.jr-art-img img{ width:100%; height:auto; display:block; }

/* ── Prose ────────────────────────────────────────────────── */
.jr-prose{ margin-top:2.5rem; font-size:1.05rem; line-height:1.8; color:var(--jr-ink); }
.jr-prose > *:first-child{ margin-top:0; }
.jr-prose p{ margin:0 0 1.4rem; }
.jr-prose h2{
  font-family:'Fraunces',Georgia,serif; font-weight:400; font-size:1.65rem; line-height:1.25;
  color:var(--jr-forest); margin:2.8rem 0 1rem; text-wrap:balance;
}
.jr-prose h3{
  font-family:'Fraunces',Georgia,serif; font-weight:500; font-size:1.25rem; line-height:1.3;
  color:var(--jr-forest); margin:2.2rem 0 .8rem; text-wrap:balance;
}
.jr-prose h4{ font-size:1.02rem; font-weight:600; color:var(--jr-forest); margin:1.8rem 0 .6rem; }
.jr-prose ul,.jr-prose ol{ margin:0 0 1.4rem; padding-left:1.3rem; }
.jr-prose li{ margin-bottom:.6rem; }
.jr-prose blockquote{
  margin:2rem 0; padding:1.1rem 1.5rem; background:var(--jr-cream);
  border-left:3px solid var(--jr-brass);
}
.jr-prose blockquote p{
  margin:0; font-family:'Instrument Serif',Georgia,serif; font-style:italic;
  font-size:1.15rem; line-height:1.6; color:var(--jr-forest);
}
.jr-prose hr{ border:0; border-top:1px solid var(--jr-line); margin:2.5rem 0; }
.jr-prose a{ color:var(--jr-forest); text-decoration:underline; text-underline-offset:2px; }
.jr-prose a:hover{ color:var(--jr-terra); }
.jr-prose strong{ font-weight:600; }

/* ── Article CTA ──────────────────────────────────────────── */
.jr-cta{
  margin:4rem 0 2rem; padding:2rem 2rem 2.25rem;
  background:var(--jr-forest); color:var(--jr-cream);
}
.jr-cta .jr-eyebrow{ color:var(--jr-brass); }
.jr-cta h2{
  font-family:'Fraunces',Georgia,serif; font-weight:400; font-size:1.7rem; line-height:1.2;
  margin:0 0 .75rem; color:var(--jr-cream);
}
.jr-cta p{ color:rgba(246,241,231,.8); line-height:1.75; margin:0 0 1.5rem; }
.jr-cta a{ color:var(--jr-brass); }
.jr-cta-actions{ display:flex; flex-wrap:wrap; gap:.75rem; }
.jr-btn{
  display:inline-flex; align-items:center; padding:.8rem 1.4rem;
  background:var(--jr-brass); color:var(--jr-forest-deep);
  font-size:.88rem; font-weight:500; text-decoration:none; border-radius:2px;
  transition:background .3s ease;
}
.jr-btn:hover{ background:#D9B574; }
.jr-btn-ghost{ background:transparent; color:var(--jr-cream); border:1px solid rgba(246,241,231,.35); }
.jr-btn-ghost:hover{ background:rgba(246,241,231,.1); }

.jr-back{ margin-top:2.5rem; font-size:.9rem; }
.jr-back a{ color:var(--jr-forest); text-decoration:none; }
.jr-back a:hover{ text-decoration:underline; }

/* ── Footer ───────────────────────────────────────────────── */
.jr-foot{ background:var(--jr-forest); color:var(--jr-cream); margin-top:4rem; }
.jr-foot-inner{
  max-width:1140px; margin:0 auto; padding:3rem 1.25rem;
  display:flex; flex-wrap:wrap; gap:2rem; justify-content:space-between;
}
.jr-foot-brand{ font-family:'Fraunces',Georgia,serif; font-size:1.25rem; margin-bottom:.5rem; }
.jr-foot p{ color:rgba(246,241,231,.7); font-size:.9rem; margin:0; max-width:24rem; line-height:1.7; }
.jr-foot-links{ display:flex; flex-wrap:wrap; gap:1.25rem; align-items:flex-start; }
.jr-foot-links a{ color:rgba(246,241,231,.85); font-size:.88rem; text-decoration:none; }
.jr-foot-links a:hover{ color:var(--jr-brass); }

@media (max-width:640px){
  .jr-wrap{ padding:2rem 1.1rem 3.5rem; }
  .jr-cta{ padding:1.6rem 1.4rem 1.9rem; }
}
@media (prefers-reduced-motion: reduce){
  .jr-card-img img{ transition:none; }
  .jr-card:hover .jr-card-img img{ transform:none; }
}