/* journal: a single-column feed */
.nav-journal.on{color:var(--ink)} .nav-journal.on::after{transform:scaleX(1)}
.j-wrap{max-width:540px;margin:0 auto;padding:clamp(2rem,5vw,4rem) var(--gutter) 8rem;position:relative;z-index:1}
.j-head{margin-bottom:3rem}
.j-head h1{font-size:clamp(2.6rem,6vw,4rem);line-height:1;margin:0}
.j-intro{font-family:var(--display);font-size:1.25rem;line-height:1.45;color:var(--ink2);margin:1.2rem 0 0}
.post{padding:1.6rem 0;border-top:1px solid var(--line)}
.post img{width:100%;height:auto;display:block;border-radius:4px;border:1px solid var(--line);filter:grayscale(1) contrast(1.06)}
.j-cap{font-family:var(--display);font-size:1.3rem;line-height:1.35;margin:.9rem 0 0;color:var(--ink)}
.j-meta{font-family:var(--mono);font-size:.64rem;letter-spacing:.08em;color:var(--ink3);margin:.5rem 0 0}
.j-meta span{color:var(--chrome3);margin-right:.4rem}
.post.text{padding:2.2rem 0}
.j-date{font-family:var(--mono);font-size:.64rem;letter-spacing:.16em;text-transform:uppercase;color:var(--chrome2);margin:0 0 .7rem}
.j-text{font-family:var(--display);font-size:1.45rem;line-height:1.4;margin:0}
.post:last-child{border-bottom:1px solid var(--line)}
@media (max-width:820px){.nav nav a.nav-journal{display:inline-flex}}