/* =========================================================
   JOURNAL
   ========================================================= */
.page-journal main { background: var(--bone); color: var(--ink); }

/* ---------- latest essay ---------- */
.jfeature { padding-block: clamp(24px, 4vw, 64px) clamp(80px, 10vw, 150px); }
.jfeat { display: grid; grid-template-columns: 1.4fr 1fr; gap: clamp(28px, 4vw, 72px); align-items: end; }
.jfeat__media { aspect-ratio: 16 / 11; border-radius: var(--radius); overflow: hidden; background: var(--bone-2); }
.jfeat__media img { position: relative; top: -7%; width: 100%; height: 114%; object-fit: cover; transition: scale 1.4s var(--ease-out); }
.jfeat:hover .jfeat__media img { scale: 1.04; }
.jfeat__body { display: grid; gap: 22px; padding-bottom: 8px; }
.jfeat__kicker { display: flex; gap: 14px; flex-wrap: wrap; opacity: 0.6; }
.jfeat__title { font-size: clamp(30px, 3.4vw, 60px); font-weight: 300; line-height: 1.06; letter-spacing: -0.02em; }
.jfeat__excerpt { opacity: 0.7; max-width: 48ch; }

/* ---------- list ---------- */
.jlist { padding-bottom: clamp(96px, 12vw, 180px); }
.jlist .toolbar { background: var(--bone); }
.jlist__showing { opacity: 0.55; }
.jlist .rows { margin-top: clamp(16px, 2vw, 32px); }

@media (max-width: 767px) {
  .jfeat { grid-template-columns: 1fr; }
}