.jrg{--min:240px;display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--min),1fr));grid-auto-flow:dense;gap:6px;margin:1rem 0;padding:0;box-sizing:border-box}
.jrg.jrm{grid-auto-rows:4px}
.jrg-i{position:relative;display:block;aspect-ratio:var(--r);overflow:hidden;line-height:0;background:#8883}
.jrg-w{grid-column:span 2}
.jrg-i,.jrg-b{align-self:start}
.jrg-b{display:block}
.jrg-txt{margin:.5rem .2rem 0;font-size:.85rem;line-height:1.45;opacity:.8}
.jrg-i img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s}
.jrg-i:hover img{transform:scale(1.2)}
.jrg-t{position:absolute;left:0;right:0;bottom:0;padding:.6rem .8rem .4rem;font:500 .8rem/1.2 system-ui,sans-serif;text-transform:uppercase;letter-spacing:.06em;color:#fff;background:linear-gradient(transparent,#000b);opacity:0.6;transition:opacity .3s}
.jrg-i:hover .jrg-t,.jrg-i:focus-visible .jrg-t{opacity:1;display:block;background:linear-gradient(transparent,#000b)}
@media(hover:none){.jrg-t{opacity:1}}
.jrg-n{position:absolute;top:.5rem;left:.5rem;background:#c1272d;color:#fff;font:700 .65rem/1 system-ui,sans-serif;padding:.3rem .45rem;letter-spacing:.08em}
@media(max-width:600px){.jrg{--min:150px;gap:3px;padding:0 3px}}
.jrr{display:flex;flex-wrap:wrap;gap:.4rem;margin:0}
.jrr a{padding:.3rem .65rem;border:1px solid currentColor;border-radius:2rem;font:.8rem system-ui,sans-serif;text-decoration:none;opacity:.7}
.jrr a:hover,.jrr a[aria-current]{opacity:1;background:#c1272d;border-color:#c1272d;color:#fff}
.jrg-intro{margin:.5rem 0 1rem;opacity:.8;font-size:.95rem;font-style:italic}
.jrn{display:flex;gap:1rem;margin:1.5rem 0;font-size:.9rem}
.jrn a{text-decoration:none;text-transform:uppercase;letter-spacing:.06em;opacity:.8}
.jrn a:hover{opacity:1}
.jrn-o{margin-left:auto;text-align:right}
.jrp-c{color:inherit;text-decoration:none !important}
.jrp-i{display:block;aspect-ratio:var(--r);overflow:hidden;line-height:0;background:#8883}
.jrp-i img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s}
.jrp-c:hover .jrp-i img{transform:scale(1.05)}
.jrp-c b{display:block;margin-top:.5rem;font-size:1rem;text-transform:uppercase;letter-spacing:.06em;font-weight: 400;}
.jrp-c small{display:block;margin-top:.25rem;font-size:.85rem;line-height:1.45;opacity:.8;font-weight: 300;color: #333;}
.jrs{position:relative;height:min(80vh,680px);overflow:hidden;touch-action:pan-y}
.jrs-s{position:absolute;inset:0;margin:0;opacity:0;transition:opacity .9s;pointer-events:none}
.jrs-s.on{opacity:1;pointer-events:auto}
.jrs-s a,.jrs-s img{display:block;width:100%;height:100%}
.jrs-s img{object-fit:contain;object-position:right bottom}
.jrs-b{position:absolute;top:45%;background:none;border:0;color:#fff;font-size:2.2rem;line-height:1;padding:.5rem .8rem;cursor:pointer;opacity:0;transition:opacity .3s;text-shadow:0 0 6px #000}
.jrs:hover .jrs-b{opacity:.9}
.jrs-p{left:0}.jrs-n{right:0}
@media(hover:none){.jrs-b{display:none}}
@media(prefers-reduced-motion:reduce){.jrs-s{transition:none}}