.blog-directory{padding-top:56px}.blog-category-card,.blog-post-card{display:grid;grid-template-columns:minmax(260px,.95fr) 1.05fr;border:1px solid var(--line);background:#ebe6db;min-height:390px}.blog-category-card picture,.blog-post-card picture{overflow:hidden;background:#70835e}.blog-category-card img,.blog-category-card picture,.blog-post-card img,.blog-post-card picture{display:block;width:100%;height:100%}.blog-category-card img,.blog-post-card img{object-fit:cover;transition:transform .3s}.blog-category-card:hover img,.blog-post-card:hover img{transform:scale(1.025)}.blog-category-card>div,.blog-post-card>div{align-self:end;padding:38px}.blog-category-card h2,.blog-post-card h2{font-size:clamp(42px,4vw,62px);margin:0 0 16px}.blog-category-card p:not(.kicker),.blog-post-card p:not(.kicker){font-size:17px;line-height:1.6;max-width:520px}.blog-category-card .text-link,.blog-post-card .text-link{display:inline-block;margin-top:13px}.blog-category-hero{padding:80px 0;background:var(--green);color:#fff}.blog-category-hero-grid{display:grid;grid-template-columns:1fr minmax(340px,.9fr);grid-gap:70px;gap:70px;align-items:center}.blog-category-hero .text-link{display:inline-block;margin-bottom:48px}.blog-category-hero h1{font:800 clamp(64px,8vw,116px)/.86 var(--font-display);text-transform:uppercase;margin:0 0 24px}.blog-category-hero p:not(.kicker){font-size:18px;line-height:1.6;max-width:560px}.blog-category-hero picture{display:block;aspect-ratio:4/3;overflow:hidden}.blog-category-hero img{display:block;width:100%;height:100%;object-fit:cover}.blog-post-grid{display:grid;grid-template-columns:1fr}.blog-article{padding-bottom:100px}.blog-post-hero{border-bottom:1px solid var(--line);background:var(--bone)}.blog-post-hero .shell{padding:76px 0 58px}.blog-post-hero .text-link{display:inline-block;margin-bottom:46px}.blog-post-hero .kicker{color:var(--clay)}.blog-post-hero h1{font:800 clamp(58px,8vw,118px)/.86 var(--font-display);text-transform:uppercase;margin:0 0 28px;max-width:980px}.blog-post-hero p:not(.kicker){font-size:20px;line-height:1.55;max-width:680px;margin:0}.blog-post-hero picture{display:block;height:min(52vw,620px);overflow:hidden;background:#70835e}.blog-post-hero img,.blog-post-hero picture{width:100%}.blog-post-hero img{height:100%;display:block;object-fit:cover;object-position:center}.article-body{width:min(740px,calc(100% - 56px));margin:0 auto;padding-top:64px}.article-body p{font-size:18px;line-height:1.72;text-wrap:pretty}.article-body a:not(.button){color:var(--green);font-weight:700;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}.article-body .article-intro{font-size:23px;line-height:1.6;margin:0 0 46px}.article-body h2{font:800 48px/.91 var(--font-display);text-transform:uppercase;margin:65px 0 16px}.article-body h3{font:800 29px/1 var(--font-display);text-transform:uppercase;margin:0 0 10px}.article-visual{margin:52px 0;background:#ded9cf}.article-visual img,.article-visual picture{display:block;width:100%}.article-visual img{max-height:560px;object-fit:contain;mix-blend-mode:multiply}.article-callout{margin-top:68px;padding:46px;background:var(--green);color:#fff}.article-callout h2{margin-top:0}.article-callout .button{background:var(--bone);border-color:var(--bone);color:var(--ink);margin-top:10px}.article-faq{border-top:1px solid var(--ink);margin-top:80px;padding-top:8px}.article-faq>div{padding:26px 0;border-bottom:1px solid var(--line)}.article-faq p{margin:0}@media(max-width:800px){.blog-category-card,.blog-category-hero-grid,.blog-post-card{grid-template-columns:1fr}.blog-category-card picture,.blog-post-card picture{min-height:260px}.blog-category-card>div,.blog-post-card>div{padding:28px}.blog-category-hero{padding:56px 0}.blog-category-hero .text-link{margin-bottom:34px}.blog-category-hero h1{font-size:72px}.blog-category-hero picture{margin-top:8px}.blog-post-hero .shell{padding:56px 0 42px}.blog-post-hero .text-link{margin-bottom:34px}.blog-post-hero h1{font-size:62px}.blog-post-hero p:not(.kicker){font-size:18px}.blog-post-hero picture{height:310px}.article-body{padding-top:44px}.article-body .article-intro{font-size:20px}.article-body h2{font-size:39px;margin-top:52px}.article-body p{font-size:17px}.article-visual{margin:40px 0}.article-callout{padding:30px}.article-faq{margin-top:60px}}