/* A single, responsive coming-soon banner for the VALPRO blog. */
.blog-page main{padding-block:48px 64px}
.blog-banner{background:var(--dark);color:#f5f8f2;border-top:4px solid #00c230;padding:78px 56px 82px;text-align:center}
.blog-banner .eyebrow{justify-content:center;font-size:11px;letter-spacing:2px;color:#a6ff4d;margin-bottom:27px}
.blog-banner .eyebrow span{padding-inline:9px}
.blog-banner h1{max-width:860px;margin-inline:auto;font-size:clamp(36px,4.4vw,60px);font-weight:550;line-height:1.13;letter-spacing:-2px;text-wrap:balance}
.blog-banner h1 em{color:#a6ff4d;font-size:1em;font-weight:inherit}
.blog-intro{max-width:710px;margin:28px auto 0;font-size:18px;line-height:1.8;color:#dce9d7}
@media(max-width:760px){.blog-page main{padding-block:28px 40px}.blog-banner{padding:55px 28px 58px}.blog-banner h1{font-size:40px;letter-spacing:-1.5px}.blog-intro{font-size:16px;line-height:1.8;margin-top:24px}}
@media(max-width:420px){.blog-banner{padding:42px 22px 46px}.blog-banner h1{font-size:34px;letter-spacing:-1.1px}.blog-banner .eyebrow{justify-content:center;font-size:9px;letter-spacing:1.3px}.blog-banner .eyebrow span{padding-inline:4px}.blog-intro{font-size:15px}}