.blog-hero{background:var(--color-bg);border-radius:0 0 1em 1em;color:var(--color-txt);margin-bottom:2em;padding:2em 0}.blog-hero,.blog-hero.pink{--color-bg:var(--pink);--color-txt:var(--black)}.blog-hero.blue{--color-bg:var(--blue-600);--color-txt:var(--off-white)}.blog-hero.red{--color-bg:var(--red);--color-txt:var(--off-white)}.blog-hero.yellow{--color-bg:var(--yellow-600);--color-txt:var(--black)}.blog-hero.green{--color-bg:var(--green-300);--color-txt:var(--off-white)}.blog-hero-wrap{display:flex;flex-direction:column;width:100%}.blog-hero-img{background:var(--black-10);border-radius:1em;height:57vw;margin-bottom:2.5em;overflow:hidden;width:100%}.blog-hero-info{display:flex;flex-direction:column;gap:1em;width:100%}.blog-hero-date{font-size:.8em;font-weight:700;margin-top:1em}.blog-hero-excerpt{font-size:.9em;font-weight:600}.blog-hero-title{width:100%}@media (min-width:1000px){.blog-hero>.sub-wrapper{align-items:stretch;display:grid;gap:4em;grid-template-columns:1.2fr 1fr}.blog-hero-img{height:auto;min-height:500px;position:relative}.blog-hero-img .full{position:absolute}.blog-hero-info{align-self:center}.blog-hero-title>*{font-size:.9em}}