/* Blog: index cards + article page */
.bl-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(24px,3vw,44px)}
.bl-card{display:flex;flex-direction:column}
.bl-link{text-decoration:none;color:var(--ink)}
.bl-img{display:block;width:100%;aspect-ratio:16/11;object-fit:cover;border-radius:6px;background:var(--paper-2);margin-bottom:16px}
.bl-img-none{display:block;background:linear-gradient(140deg,var(--paper-2),#dedcd6)}
.bl-t{display:block;font:580 clamp(18px,1.5vw,21px)/1.25 var(--f-disp);letter-spacing:-.022em;margin-bottom:10px}
.bl-d{color:var(--ink-soft);font-size:15px;line-height:1.62;margin-bottom:14px;flex:1}
.bl-more{font-size:14.5px;align-self:flex-start}
@media(hover:hover){.bl-link:hover .bl-t{color:var(--red)}.bl-link:hover .bl-img{filter:saturate(1.06)}}

.post-hero{padding:clamp(30px,5vh,60px) 0 clamp(26px,4vh,48px);background:var(--paper)}
.post-hero-in{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:clamp(28px,4vw,64px);align-items:center}
.post-h1{font-weight:560;letter-spacing:-.038em;line-height:1.06;font-size:clamp(30px,3.6vw,48px);margin:0 0 20px;max-width:20ch}
.post-lede{font-size:clamp(16px,1.25vw,17.5px);line-height:1.72;color:var(--ink-soft);max-width:60ch}
.post-lede + .post-lede{margin-top:12px}
.post-photo{margin:0;border-radius:8px;overflow:hidden;max-width:940px;box-shadow:0 34px 60px -40px rgba(0,0,0,.45)}
.post-photo img{display:block;width:100%;height:auto}
.post-body{max-width:820px;padding-bottom:var(--sec-pad)}
.post-body p{color:var(--ink-soft);font-size:16.5px;line-height:1.75;margin-bottom:16px}
.post-body a{color:var(--ink);text-decoration:underline;text-decoration-color:var(--red);text-underline-offset:3px}
@media(hover:hover){.post-body a:hover{color:var(--red)}}
.post-h2{font:560 clamp(23px,2.2vw,31px)/1.14 var(--f-disp);letter-spacing:-.03em;margin:clamp(34px,4vh,50px) 0 14px}
.post-h3{font:580 clamp(19px,1.6vw,22px)/1.2 var(--f-disp);letter-spacing:-.022em;margin:26px 0 10px}
.post-list{list-style:none;margin:0 0 18px;padding:0;display:grid;gap:10px}
.post-list li{display:flex;gap:12px;align-items:flex-start;padding:13px 16px;background:var(--white);border:1px solid var(--line);border-radius:6px;color:var(--ink-soft);line-height:1.6}
.post-list b,.post-list strong{color:var(--ink);font-weight:580}
.post-tick{flex:none;display:grid;place-items:center;width:20px;height:20px;margin-top:2px;border-radius:50%;background:rgba(196,0,0,.1)}
.post-tick svg{width:12px;height:12px;fill:none;stroke:var(--red);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.post-cast{margin:26px 0 22px;padding:14px;border:1px solid var(--line);border-radius:8px;background:var(--white)}
.post-cast iframe{display:block;border:0;border-radius:4px}
.post-back{margin-top:clamp(30px,4vh,46px);padding-top:22px;border-top:1px solid var(--line)}
@media(max-width:980px){.bl-grid{grid-template-columns:1fr 1fr}.post-hero-in{grid-template-columns:1fr}}
@media(max-width:620px){.bl-grid{grid-template-columns:1fr}}