/* ============================================================
   MUWAN PALASSA — The Journal index (home.php).
   The canopy register: night hero, the latest entry as one
   documentary card, earlier entries in a grid on the forest
   floor. Shared chrome (bands, book band, marquee, journal
   rows, ambient layer) lives in main.css.
   ============================================================ */

/* ---------- hero (night tank — the log opens) ---------- */
.jr-hero{
  padding: calc(var(--header-h) + clamp(3.5rem, 9vw, 6.5rem)) 0 clamp(3.5rem, 9vw, 6rem);
  position:relative;
  background:
    radial-gradient(110% 60% at 74% 100%, rgba(192,137,78,.10), transparent 62%),
    linear-gradient(180deg, var(--night) 0%, #17211A 62%, var(--forest) 100%);
}
.jr-hero .field-note{ margin-bottom:var(--s-3); }
.jr-hero h1{ max-width:12em; }
.hero-line{ display:block; overflow:hidden; padding-bottom:.08em; margin-bottom:-.08em; }
.hero-line-inner{ display:block; will-change:transform; }
.jr-hero .hero-lede{ margin-top:var(--s-3); font-size:var(--fs-600); line-height:1.55; color:var(--khaki); max-width:34em; }

/* ---------- the journey line: this page's material stops ---------- */
.journey path{ stroke: url(#jrJourneyGrad); }

/* ---------- latest entry — the documentary card (night) ---------- */
.jr-latest{
  --sec-bg:
    radial-gradient(120% 55% at 22% 0%, rgba(192,137,78,.07), transparent 60%),
    linear-gradient(180deg, var(--forest) 0%, var(--night) 40%, var(--night) 100%);
  padding-top: clamp(3rem, 7vw, 5.5rem);
}
.jr-latest-label{ margin-bottom:var(--s-3); color:var(--bronze); }
.jr-flag{ display:grid; gap:clamp(1.75rem, 4.5vw, 3.5rem); align-items:center; }
@media (min-width:56em){ .jr-flag{ grid-template-columns:1.08fr .92fr; } }
.jr-flag-media{ display:block; text-decoration:none; }
.jr-flag-figure{
  border-radius:var(--radius); /* straight-ish documentary frame — no arch in the dark */
  overflow:hidden; aspect-ratio:16/10.5; background:var(--night);
}
.jr-flag-figure img{ width:100%; height:112%; object-fit:cover; will-change:transform; transition:transform 1.2s var(--ease-out); }
.jr-flag-media:hover .jr-flag-figure img,
.jr-flag-media:focus-visible .jr-flag-figure img{ transform:scale(1.045); }
.jr-flag-copy .field-note{ display:block; }
.jr-flag-copy h2{ margin-top:.6rem; font-size:var(--fs-800); max-width:14em; }
.jr-flag-copy h2 a{ color:var(--ivory); text-decoration:none; transition:color var(--dur) var(--ease-out); }
.jr-flag-copy h2 a:hover, .jr-flag-copy h2 a:focus-visible{ color:var(--sand); }
.jr-excerpt{ margin-top:1rem; color:var(--khaki); }
.jr-flag-copy .textlink{ margin-top:1.4rem; }

/* ---------- earlier entries — the grid (forest floor) ---------- */
.jr-archive{
  --sec-bg:
    radial-gradient(120% 50% at 80% 0%, rgba(192,137,78,.06), transparent 60%),
    linear-gradient(180deg, var(--night) 0%, var(--forest) 24%, var(--forest) 100%);
}
.jr-grid{ display:grid; gap:clamp(1.75rem, 4vw, 2.75rem) clamp(1.5rem, 3vw, 2.25rem); }
@media (min-width:44em){ .jr-grid{ grid-template-columns:repeat(2, 1fr); } }
@media (min-width:66em){ .jr-grid{ grid-template-columns:repeat(3, 1fr); } }
.jr-card-link{ display:block; text-decoration:none; color:var(--ivory); }
.jr-card-figure{
  border-radius:var(--radius); overflow:hidden; aspect-ratio:4/3; background:var(--night);
}
.jr-card-figure img{ width:100%; height:108%; object-fit:cover; will-change:transform; transition:transform 1.2s var(--ease-out); }
.jr-card-link:hover .jr-card-figure img,
.jr-card-link:focus-visible .jr-card-figure img{ transform:scale(1.045); }
.jr-card .field-note{ display:block; margin-top:1.1rem; }
.jr-card h3{ margin-top:.4rem; font-size:var(--fs-600); color:var(--ivory); }
.jr-card h3 .go{ display:inline-flex; width:.85em; height:.85em; color:var(--bronze); vertical-align:baseline; transition:transform var(--dur) var(--ease-out); }
.jr-card h3 .go svg{ width:100%; height:100%; }
.jr-card-link:hover h3 .go{ transform:translateX(5px); }
.jr-card .jr-excerpt{ margin-top:.5rem; font-size:.98rem; }

/* photography placeholder (missing featured image) — rammed-earth strata,
   soft documentary rectangle (the arch stays reserved for the day's images) */
.jr-ph{
  position:relative;
  background: var(--strata), var(--sand);
  display:flex; align-items:flex-end; justify-content:center;
  padding-bottom:1.2rem;
}
.jr-ph::before{
  content:""; position:absolute; inset:0;
  background:linear-gradient(180deg, rgba(243,235,219,.5), rgba(243,235,219,0) 45%, rgba(143,61,27,.16));
}
.jr-ph .stamp{ position:absolute; top:22%; left:50%; transform:translateX(-50%); color:var(--clay-deep); opacity:.85; }
.jr-ph .earthblock-label{ position:relative; z-index:1; margin:0; }

/* ---------- pagination (mono instrument voice on dark) ---------- */
.jr-pagination{ margin-top:clamp(2.5rem, 6vw, 4rem); }
.jr-pagination .nav-links{
  display:flex; flex-wrap:wrap; align-items:baseline; gap:.5rem 1.4rem;
  border-top:1px solid var(--line-dark); padding-top:1.4rem;
}
.jr-pagination .page-numbers{
  font-family:var(--mono); font-size:.78rem; letter-spacing:.16em; text-transform:uppercase;
  color:var(--khaki); text-decoration:none; padding:.3rem .15rem;
  transition:color var(--dur) var(--ease-out);
}
.jr-pagination a.page-numbers:hover, .jr-pagination a.page-numbers:focus-visible{ color:var(--bronze); }
.jr-pagination .page-numbers.current{ color:var(--ivory); border-bottom:2px solid var(--bronze); }