.journal-catalog{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(18px,3vw,42px);margin:32px 0 56px}
.journal-card{display:block;text-decoration:none;color:inherit;min-width:0}
.journal-card img{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;border-radius:16px}
.journal-card div{padding:16px 2px}.journal-card h2{font-size:clamp(22px,2.2vw,32px);line-height:1.15;margin:8px 0}.journal-card p{font-size:16px;margin:0;line-height:1.55}
.journal-card:hover h2,.journal-back:hover{text-decoration:underline}
.journal-card:focus-visible,.journal-page a:focus-visible{outline:3px solid #72472c;outline-offset:4px}
.journal-hero{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:5%;margin:28px 0 45px}
.journal-hero img{width:100%;height:auto;aspect-ratio:1;object-fit:cover;border-radius:18px}
.journal-hero h1{font-size:clamp(34px,4.2vw,66px);line-height:1.08;margin:16px 0;overflow-wrap:anywhere}
.journal-page .copy{max-width:720px;margin:0 auto;font-size:18px;line-height:1.65}.copy h2{line-height:1.2;margin:1.5em 0 .5em}.copy .src{border-top:1px solid #bdafa4;margin-top:36px}.src a{display:block;text-decoration:underline;margin:8px 0;overflow-wrap:anywhere}
@media(max-width:900px){.journal-catalog{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.journal-catalog,.journal-hero{grid-template-columns:1fr}.journal-hero{gap:16px}.journal-page .copy{font-size:17px}}