.blog-page-hero{background-image:linear-gradient(90deg,rgba(8,35,24,.86),rgba(8,35,24,.4)),url("../img/blog-hero-spruce-path.png")}
.blog-archive{padding-top:70px;padding-bottom:85px}
.blog-archive .section__head{margin-bottom:25px}
.blog-archive .blog-card{height:100%}
.blog-archive .blog-card>a{display:block;color:inherit;text-decoration:none}
.blog-archive .blog-card>a>img{display:block}
.blog-archive .blog-card__body{min-height:118px}
.blog-archive .blog-card h3{font-size:15px}
.blog-archive .blog-card p{margin-bottom:6px}
.blog-archive__empty{grid-column:1/-1;padding:50px;border:1px dashed var(--line);border-radius:14px;color:var(--muted);text-align:center}
.article-page-hero{min-height:560px;background-image:linear-gradient(180deg,rgba(8,31,21,.24),rgba(8,31,21,.9)),var(--article-image);background-position:center;background-size:cover}
.article-page-hero .page-hero__inner{justify-content:flex-end}
.article-page-hero .page-hero__back{display:inline-flex;width:auto;margin-bottom:28px}
.article-page-hero time{display:inline-block;width:auto;margin:0 0 28px 24px;color:#dec087;font-size:10px;font-weight:900;line-height:1;letter-spacing:.13em}
.article-page-hero h1{max-width:840px;margin-top:12px}
.article-page-hero p{max-width:700px}
.article-layout{width:min(900px,calc(100% - 40px));margin:auto;padding:70px 0 95px;display:grid;grid-template-columns:minmax(0,650px) 210px;gap:60px}
.article-content{color:#403d36;font-size:16px;line-height:1.85}
.article-content>p:first-child{font-size:19px;color:var(--dark)}
.article-content h2,.article-content h3{margin:40px 0 15px;color:var(--dark);font-family:var(--serif);font-weight:400;line-height:1.15}.article-content h2{font-size:36px}.article-content h3{font-size:27px}
.article-content img{max-width:100%;height:auto;border-radius:14px}.article-content a{color:var(--green)}
.article-content blockquote{margin:30px 0;padding:22px 26px;border-left:3px solid var(--gold);background:var(--cream-2);color:var(--dark);font:400 22px/1.5 var(--serif)}
.article-aside{position:sticky;top:25px;align-self:start;padding:22px;border:1px solid var(--line);border-radius:13px;background:var(--cream-2)}.article-aside small{font-size:8px;font-weight:900;letter-spacing:.12em}.article-aside strong{display:block;margin:8px 0 17px;color:var(--dark);font:400 22px var(--serif)}.article-aside .btn{width:100%;justify-content:center}
@media(max-width:760px){.blog-archive{padding-top:50px}.article-layout{grid-template-columns:1fr;padding:50px 0 70px}.article-aside{position:static}}