/* HWZ inner-page additions */
.hwz-blog-hero{padding:56px 0 48px;background:var(--cream)}
.hwz-blog-hero-inner{max-width:820px}.hwz-blog-hero .display{font-size:clamp(2.7rem,5vw,4.7rem);line-height:.98;margin:8px 0 14px}.hwz-blog-hero .copy{max-width:640px;font-size:15px;line-height:1.65;margin:0}
.hwz-blog-index{padding:88px 0 110px;background:#fff}.hwz-blog-index .archive-grid{grid-template-columns:repeat(3,1fr)}
.hwz-blog-index .blog-card{height:100%}.hwz-blog-index .blog-image img{width:100%;aspect-ratio:4/3;object-fit:cover}
.hwz-page-hero{padding:84px 0;background:var(--aqua)}.hwz-page-hero .display{font-size:clamp(3rem,5.5vw,5.4rem);line-height:.98;margin:10px 0 16px}
.page-template-page-contact .content-area.narrow{padding-top:72px;padding-bottom:96px}
.page-template-page-contact .hwz-form{background:var(--cream);padding:34px;border-radius:4px}

/* WordPress adds class="blog" to BODY on the posts index; main.css also uses .blog for the homepage blog section. Prevent the homepage section padding from shifting the entire /blog/ page. */
body.blog{padding:0!important;background:#fff!important}

@media(max-width:900px){.hwz-blog-index .archive-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:680px){.hwz-blog-hero{padding:44px 0 38px}.hwz-blog-hero .display{font-size:clamp(2.35rem,10vw,3.4rem);margin:7px 0 12px}.hwz-blog-hero .copy{font-size:14px;line-height:1.6}.hwz-page-hero{padding:62px 0}.hwz-blog-index{padding:62px 0 80px}.hwz-blog-index .archive-grid{grid-template-columns:1fr}.page-template-page-contact .hwz-form{padding:24px}}