/* Real published writing, in the same quiet type and warm paper as the portfolio. */
.journal-hero{padding-block:clamp(64px,8vw,112px) 46px;max-width:1280px}
.journal-hero h1{font-size:var(--title-page);max-width:16ch;line-height:1.06;margin:0 0 28px;text-wrap:balance}
.journal-intro{font-size:var(--text-body);max-width:58ch;color:var(--muted);line-height:1.7}
.journal-list{padding-block:0 50px}
.journal-list-head{display:flex;justify-content:space-between;align-items:baseline;gap:24px;border-top:1px solid var(--line,#d9d1c2);padding-top:26px;margin-bottom:30px}
.journal-list-head h2{font-size:16px;font-weight:600;line-height:1.5;margin:0}
.journal-list-head p{font-size:13px;color:var(--muted);margin:0;max-width:43ch}
.journal-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px 32px}
.journal-card{min-width:0;margin:0}
.journal-card-link{display:flex;flex-direction:column;height:100%;color:inherit;text-decoration:none}
.journal-card-art{aspect-ratio:1.5;overflow:hidden;border-radius:14px;background:var(--paper);isolation:isolate}
.journal-card-art img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease,ease)}
.journal-card-link:hover .journal-card-art img{transform:scale(1.025)}
.journal-card-link:focus-visible{outline:3px solid var(--orange);outline-offset:8px;border-radius:14px}
.journal-card-copy{padding:24px 0 0;display:flex;flex-direction:column;flex:1}
.journal-card-meta{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 18px;color:var(--muted);font-size:12px;line-height:1.6;margin-bottom:15px}
.journal-card h3{font-size:clamp(23px,2.5vw,31px);line-height:1.25;letter-spacing:-.04em;margin:0 0 17px;text-wrap:pretty}
.journal-card p{font-size:var(--text-body,16px);line-height:1.7;color:var(--muted);max-width:52ch;margin:0 0 24px}
.journal-read{display:inline-flex;align-items:center;gap:22px;font-size:13px;font-weight:600;margin-top:auto;align-self:flex-start;padding-bottom:7px;border-bottom:1px solid var(--ink);line-height:1.6}
.journal-read .icon{transition:translate .25s ease}
.journal-card-link:hover .journal-read .icon{translate:3px -3px}
.journal-card-featured{grid-column:1/-1}
.journal-card-featured .journal-card-link{display:grid;grid-template-columns:1.1fr 1fr;gap:clamp(25px,5vw,64px);align-items:center}
.journal-card-featured .journal-card-art{aspect-ratio:1.5}
.journal-card-featured .journal-card-copy{padding:0}
.journal-card-featured h3{font-size:clamp(28px,3vw,38px)}
.journal-preview{padding-block:90px 35px}
.journal-preview .section-head{align-items:end;margin-bottom:34px}
.journal-preview h2{margin-bottom:18px}
.journal-preview-intro{font-size:var(--text-body);color:var(--muted);max-width:45ch;margin:0}
.journal-preview-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px}
.journal-preview .journal-card-art{aspect-ratio:1.8}
.journal-preview .journal-card h3{font-size:clamp(23px,2.3vw,30px)}
@media(max-width:700px){.journal-hero{padding-block:52px 32px}.journal-hero h1{font-size:clamp(38px,10vw,52px);max-width:17ch}.journal-list-head{flex-direction:column;gap:10px}.journal-grid,.journal-preview-grid{grid-template-columns:1fr;gap:38px}.journal-card-featured .journal-card-link{display:flex;gap:0}.journal-card-featured .journal-card-copy{padding-top:24px}.journal-card-featured h3{font-size:28px}.journal-card-meta{font-size:11px}.journal-card h3{font-size:25px}.journal-preview{padding-block:65px 20px}.journal-preview .section-head{align-items:start;gap:24px;flex-wrap:wrap}.journal-preview .journal-card-art{aspect-ratio:1.5}}
@media(prefers-reduced-motion:reduce){.journal-card-art img,.journal-read .icon{transition:none!important;transform:none!important;translate:none!important}}
/* The transparent illustration keeps the complete character within the frame. */
.journal-card-cutout .journal-card-art img{object-fit:contain;padding:8px;box-sizing:border-box}
.journal-card-cutout .journal-card-art{background:var(--paper)}
/* Keep original square illustrations complete, including Bobby's head. */
.journal-card:not(.journal-card-featured) .journal-card-art{aspect-ratio:1.2}
.journal-card:not(.journal-card-featured) .journal-card-art img{object-fit:contain}