/* Journal page: a magazine index. One big lead story, then a plain list of titles with a thumbnail. */
.jn-lead{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1fr);gap:40px;align-items:center;margin:56px 0 72px}
.jn-lead img{width:auto;max-width:100%;height:auto;max-height:560px;border-radius:32px}
.jn-lead-txt{display:flex;flex-direction:column;gap:14px}
.jn-lead b{font-family:var(--display);font-weight:800;font-size:clamp(32px,3.6vw,52px);line-height:1.02;letter-spacing:-.02em}
.jn-lead-txt>span:not(.jn-cat){color:var(--grey);font-size:19px}
.jn-lead small{font-weight:700;color:var(--grey)}
.jn-lead:hover b{color:var(--emberText)}
.jn-cat{align-self:flex-start;font-weight:800;font-size:14px;color:var(--emberText);background:var(--t-orange);border-radius:999px;padding:4px 12px}
.jn-cats{display:flex;gap:8px;flex-wrap:wrap;padding-bottom:20px;border-bottom:3px solid var(--ink)}
.jn-cats button{border:0;cursor:pointer;font:700 15px var(--body);color:var(--grey);background:none;padding:10px 14px;border-radius:999px;min-height:42px}
.jn-cats button[aria-pressed=true]{background:var(--ink);color:var(--ground)}
.jn-list{padding-bottom:140px}
.jn-list li>*{display:grid;grid-template-columns:150px minmax(0,1fr) 120px 120px;gap:24px;align-items:center;padding:22px 0;border-bottom:1.5px solid var(--line)}
.jn-list li .jn-cat{justify-self:start}
.jn-list b{font-family:var(--display);font-weight:800;font-size:clamp(20px,2vw,28px);line-height:1.15}
.jn-list small{font-weight:700;color:var(--grey);font-size:14px}
.jn-list img{width:84px;height:112px;object-fit:cover;border-radius:16px;justify-self:end}
.jn-list a:hover b{color:var(--emberText)}
.jn-list .soon b{color:var(--grey)}.jn-list .soon img{opacity:.55}
.jn-empty{color:var(--grey);padding:40px 0 140px}
@media (max-width:900px){.jn-lead{grid-template-columns:minmax(0,1fr);gap:20px}
  .jn-list li>*{grid-template-columns:minmax(0,1fr) 88px;grid-template-areas:"c i" "t i" "s i";gap:6px 16px}
  .jn-list .jn-cat{grid-area:c}.jn-list b{grid-area:t}.jn-list small{grid-area:s}.jn-list img{grid-area:i;width:88px;height:88px}}
.jp-t{font-size:clamp(40px,5vw,72px);max-width:20ch;margin-top:12px}
.jp .crumbs{font-weight:700;color:var(--grey);font-size:14px;margin-bottom:18px}.jp .crumbs a:hover{color:var(--emberText)}
.jp-img{width:100%;max-width:520px;aspect-ratio:3/4;object-fit:cover;border-radius:32px;margin-top:28px}
.jp-cta{background:var(--t-orange);border-radius:24px;padding:24px}
.jp-next{padding:0 0 120px}.jp-next h2{font-size:clamp(28px,3vw,40px);margin-bottom:20px}
.jp-next ul{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.jp-next a{display:flex;flex-direction:column;gap:6px}.jp-next img{width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:20px}
.jp-next small{font-weight:800;color:var(--emberText);font-size:13px}.jp-next b{font-family:var(--display);font-size:20px;line-height:1.15}
@media (max-width:900px){.jp-next ul{grid-template-columns:minmax(0,1fr)}}