.jr-post{border-top:1px solid var(--line);grid-template-rows:auto auto auto auto;grid-template-columns:240px 1fr;align-items:start;column-gap:28px;padding:26px 0;text-decoration:none;display:grid;position:relative}.jr-post__media{border-radius:0 var(--r-card)var(--r-card)var(--r-card);border:1px solid var(--line);background:repeating-linear-gradient(135deg,var(--slate-100)0 14px,var(--slate-50)14px 28px);height:150px;transition:box-shadow var(--dur)var(--ease-out);grid-area:1/1/5;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.jr-post__media:before{content:"";background:var(--blue-500);z-index:2;width:30px;height:3px;position:absolute;top:0;left:0}.jr-post__media img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.jr-post__media .jr-post__tag{font-family:var(--font-mono);letter-spacing:.07em;color:var(--slate-500);text-transform:uppercase;background:var(--card);border:1px solid var(--line);border-radius:var(--r-1);padding:5px 10px;font-size:10.5px}.jr-post:hover .jr-post__media{box-shadow:var(--shadow-2)}.jr-post__cat{font-family:var(--font-sans);font-weight:var(--fw-semi);letter-spacing:.1em;text-transform:uppercase;color:var(--navy-900);grid-area:1/2;font-size:11px}.jr-post h3{letter-spacing:-.01em;color:var(--ink-900);grid-area:2/2;margin-top:9px;font-size:21px;line-height:1.26}.jr-post:hover h3{color:var(--blue-600)}.jr-post p{max-width:66ch;color:var(--slate-600);grid-area:3/2;margin-top:10px;font-size:14.5px;line-height:1.6}.jr-post__meta{font-family:var(--font-mono);color:var(--slate-400);text-transform:uppercase;grid-area:4/2;margin-top:12px;font-size:12px}@media (max-width:620px){.jr-post{grid-template-columns:1fr}.jr-post__media{grid-area:auto/1;margin-bottom:14px}.jr-post__cat,.jr-post h3,.jr-post p,.jr-post__meta{grid-column:1}}