/* Blog pages, on top of site.css */
.blog-head{padding:clamp(36px,6vw,80px) var(--pad) clamp(20px,3vw,36px);background:radial-gradient(90% 120% at 80% 0,#fff 0,var(--lav) 60%,var(--lav2) 100%)}
.blog-head h1{font-size:clamp(42px,6.6vw,92px);line-height:.98;letter-spacing:-.04em;margin-bottom:.3em}
.blog-list{padding:clamp(28px,4vw,48px) var(--pad) clamp(48px,7vw,88px)}
.blog-list .post-grid,.post .post-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(16px,2vw,24px);list-style:none;margin:0;padding:0}
@media (max-width:860px){.blog-list .post-grid,.post .post-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:540px){.blog-list .post-grid,.post .post-grid{grid-template-columns:minmax(0,1fr)}}
.post-head,.post-hero,.post-body{max-width:760px;margin-inline:auto;padding-inline:20px}
.post-head{padding-top:clamp(24px,4vw,48px)}
.crumb{margin:0 0 12px;font:500 13px var(--mono);letter-spacing:.08em;text-transform:uppercase}
.crumb a{color:var(--accent);text-decoration:none}
.post-head h1{font-size:clamp(36px,5.4vw,60px);line-height:1.02;letter-spacing:-.035em}
.meta{color:var(--muted);margin:14px 0 22px;font-size:15px}
.post-hero{margin-block:0 clamp(20px,3vw,32px)}
.post-hero img{border-radius:22px;width:100%}
.post-body{font-size:18px;line-height:1.68;padding-bottom:clamp(40px,6vw,72px)}
.post-body>:first-child{margin-top:0}
.post-body h2{font-size:clamp(26px,3.2vw,34px);line-height:1.1;letter-spacing:-.025em;margin:1.7em 0 .5em}
.post-body h3{font-size:22px;line-height:1.2;letter-spacing:-.02em;margin:1.4em 0 .4em}
.post-body a{color:var(--accent)}
.post-body li{margin-block:.3em}
.post-body blockquote{margin:1.2em 0;padding:.2em 0 .2em 18px;border-left:3px solid var(--accent);color:#454B57}
.post-body table{border-collapse:collapse;width:100%;font-size:16px;display:block;overflow-x:auto}
.post-body th,.post-body td{border-bottom:1px solid var(--line);padding:9px 12px 9px 0;text-align:left;vertical-align:top}
.move{margin:1.5em 0;background:var(--lav);border-radius:20px;padding:12px 16px 14px}
.move canvas{display:block;width:100%;aspect-ratio:16/9}
.move figcaption{font:500 13px var(--mono);letter-spacing:.05em;text-transform:uppercase;color:var(--muted);margin-top:6px}
.sources{margin-top:2.4em;padding-top:1.2em;border-top:1px solid var(--line);font-size:15.5px}
.sources h2{font-size:22px;margin:0 0 .5em}
.sources ol{margin:0;padding-left:1.2em}
.sources small{color:var(--muted)}
.cta-card{margin-top:2em;padding:clamp(22px,3vw,32px);border-radius:24px;background:var(--accent);color:#fff}
.cta-card h2{font-size:clamp(25px,3vw,32px);margin:0 0 .3em;color:#fff}
.cta-card p{margin:0 0 18px;color:#DCE5FF}
.cta-card .btn.ink{color:#fff;text-decoration:none}
.fine{font-size:14px;color:var(--muted);line-height:1.5}
.post .blog-strip{padding:0 var(--pad) clamp(48px,7vw,88px);border-top:1px solid var(--line);padding-top:clamp(28px,4vw,44px)}
.post .blog-strip h2{font-size:clamp(26px,3vw,34px);margin-bottom:.7em}