/* blog */
.blog-head{padding-top:56px;padding-bottom:36px;border-bottom:2px dashed var(--barn)}
.blog-head h1{font-size:clamp(46px,7vw,104px);line-height:.95;letter-spacing:-.01em;margin-top:12px;max-width:16ch}
.blog-head .lede{font-family:var(--mono);font-size:17px;line-height:1.65;max-width:58ch;margin-top:22px}
.blog-list{padding-top:48px;padding-bottom:88px}
.post-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px 28px;margin:0;padding:0;list-style:none}
.post-card{display:flex;flex-direction:column;gap:14px;background:var(--card);border:1px solid var(--line);color:var(--barn);text-decoration:none;height:100%}
.post-card:hover{color:var(--barn);border-color:var(--barn)}
.post-card .pic{aspect-ratio:4/3;overflow:hidden;background:var(--ainsley)}
.post-card .pic img{width:100%;height:100%;object-fit:cover}
.post-card .meta{padding:0 18px;font-family:var(--mono);font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:var(--bourbon)}
.post-card h2{padding:0 18px;font-size:clamp(24px,2.2vw,30px);line-height:1.12}
.post-card p{padding:0 18px 20px;font-size:16px;line-height:1.55;color:var(--muted)}
.post-card.feature{grid-column:1/-1;flex-direction:row}
.post-card.feature .pic{flex:0 0 52%;aspect-ratio:auto;min-height:340px}
.post-card.feature .body{display:flex;flex-direction:column;gap:14px;padding:28px 0;justify-content:center}
.post-card.feature h2{font-size:clamp(32px,3.6vw,48px)}
.blog-empty{font-family:var(--mono);font-size:17px;line-height:1.65;max-width:58ch}

.post{padding-top:48px;padding-bottom:96px}
.post-wrap{max-width:760px;margin:0 auto;padding-left:var(--gutter);padding-right:var(--gutter)}
.post .back{font-family:var(--mono);font-size:14px;text-decoration:none;color:var(--blue)}
.post h1{font-size:clamp(40px,5.6vw,72px);line-height:1;letter-spacing:-.01em;margin-top:14px}
.post .byline{margin-top:18px;font-family:var(--mono);font-size:15px;color:var(--muted)}
.post .cover{margin:32px calc(var(--gutter) * -1) 0}
.post .cover img{width:100%;max-height:560px;object-fit:cover}
.post .post-body{margin-top:36px;font-size:19px;line-height:1.75}
.post .post-body .ricos-content,.post .post-body .ricos-content *{color:var(--barn)}
.post .post-body h2,.post .post-body h3{font-family:var(--display);font-weight:400}
.post .post-body a{color:var(--cranberry)}
.post-more{margin-top:72px;padding-top:36px;border-top:2px dashed var(--barn)}
.post-more h2{font-size:clamp(28px,3vw,40px);margin-bottom:24px}
.post-cta{margin-top:48px;display:flex;flex-wrap:wrap;gap:14px;align-items:center}
@media (max-width:900px){.post-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.post-card.feature{flex-direction:column}.post-card.feature .pic{flex:none;min-height:0;aspect-ratio:4/3}.post-card.feature .body{padding:0 0 22px}.post-card.feature .meta,.post-card.feature h2,.post-card.feature p{padding-left:18px;padding-right:18px}}
@media (max-width:640px){.post-grid{grid-template-columns:1fr}.blog-head{padding-top:32px}.post .cover{margin-left:calc(var(--gutter) * -1);margin-right:calc(var(--gutter) * -1)}}

.post .post-body .ricos-content p,.post .post-body .ricos-content li,.post .post-body .ricos-content span{font-family:var(--body)!important;font-size:19px!important;line-height:1.75!important}
.post .post-body .ricos-content h1,.post .post-body .ricos-content h2,.post .post-body .ricos-content h3{font-family:var(--display)!important;font-weight:400!important;line-height:1.1!important}
.post .post-body .ricos-content h2{font-size:clamp(28px,3vw,38px)!important;margin-top:1.4em}
.post .post-body .ricos-content img{max-width:100%;height:auto}