/* Journal (journal.html) — notes from the studio, one article per section */
.jr { scroll-margin-block-start: 90px; }
.jr + .jr { border-block-start: 1px solid var(--line); }
.jr__inner { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: clamp(28px, 5vw, 80px); align-items: start; }
.jr__media { position: relative; aspect-ratio: 4 / 3; overflow: hidden; border-radius: var(--r-lg); background: var(--bg-2); }
.jr__title { margin: var(--sp-4) 0 var(--sp-5); }
.jr__body p:not(.nt__meta) { max-inline-size: 60ch; margin: 0 0 var(--sp-4); color: var(--fg-2); font-size: var(--fs-body); line-height: var(--lh-body); }
.nt__meta { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; color: var(--fg-2); }
.nt__tag { padding: 5px 11px; border-radius: var(--r-pill); background: color-mix(in srgb, var(--fg) 7%, transparent); color: var(--fg); font-size: 0.78rem; font-weight: 500; }
.nt__dot { color: var(--fg-3); }
@media (max-width: 860px) { .jr__inner { grid-template-columns: 1fr; } }