/* OCCO — Journal listing and story pages */
.jr-body{margin-top:60px}
@media (max-width:900px){.jr-body{margin-top:40px}}
.jr-feat{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);gap:clamp(32px,5vw,80px);align-items:center;padding-bottom:80px;margin-bottom:80px;border-bottom:1px solid var(--line);color:var(--ink)}
@media (max-width:900px){.jr-feat{grid-template-columns:1fr;gap:26px;padding-bottom:56px;margin-bottom:56px}}
.jr-feat .fr{aspect-ratio:3/2;overflow:hidden;background:var(--sand);position:relative}
.jr-feat .fr img,.jr-card .fr img,.jr-feat .fr .ph,.jr-card .fr .ph{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 1.4s var(--tr)}
.jr-feat:hover .fr img,.jr-card:hover .fr img{transform:scale(1.03)}
.jr .k,.jr-more .k{display:block;font-size:10px;letter-spacing:.32em;text-transform:uppercase;color:var(--mute)}
.jr-feat h2{font-size:clamp(34px,3.6vw,60px);line-height:1.02;letter-spacing:-.02em;margin:18px 0 20px}
.jr-feat h2 em,.jr-card h3 em{font-style:italic}
.jr-feat p{font-size:15px;line-height:1.75;color:var(--ink);max-width:46ch}
.jr .more{display:inline-block;margin-top:22px;font-size:10.5px;letter-spacing:.26em;text-transform:uppercase;color:var(--ink);border-bottom:.5px solid var(--ink);padding-bottom:3px}
.jr-grid{display:grid;grid-template-columns:repeat(var(--jcols,3),minmax(0,1fr));gap:64px 40px}
@media (max-width:960px){.jr-grid{grid-template-columns:1fr 1fr;gap:48px 24px}}
@media (max-width:600px){.jr-grid{grid-template-columns:1fr;gap:48px}}
.jr-card{display:block;color:var(--ink)}
.jr-card .fr{aspect-ratio:var(--jr,4/3);overflow:hidden;background:var(--sand);position:relative;margin-bottom:20px}
.jr-card h3{font-size:clamp(22px,1.8vw,28px);line-height:1.12;letter-spacing:-.012em;margin:12px 0 10px}
.jr-card p{color:var(--mute);font-size:13.5px;line-height:1.7}
.jr-card .more{margin-top:16px}
.jr-empty{text-align:left;padding:40px 0}
.jr .pag{padding:60px 0 0;margin-top:80px}
.jr-tags a{border-bottom:.5px solid currentColor}
.jr-share div{display:flex;gap:18px;flex-wrap:wrap}
.jr-share a{font-size:10.5px;letter-spacing:.26em;text-transform:uppercase;color:var(--ink);border-bottom:.5px solid var(--ink);padding-bottom:3px}
.jr-back{font-size:10.5px;letter-spacing:.26em;text-transform:uppercase;color:var(--mute);transition:color .2s}
.jr-back:hover{color:var(--ink)}
.jr-more{margin-top:120px;padding-top:60px;border-top:1px solid var(--line)}
@media (max-width:720px){.jr-more{margin-top:72px;padding-top:44px}}
.jr-more-h{display:flex;justify-content:space-between;align-items:baseline;gap:20px;margin-bottom:44px}
.jr-more-h h2{font-size:clamp(30px,3vw,44px)}
.jr-more-h h2 em{font-style:italic}
.jr-more-h a{font-size:10.5px;letter-spacing:.26em;text-transform:uppercase;border-bottom:.5px solid var(--ink);padding-bottom:3px;white-space:nowrap}