:root{--section-sm:1.25rem;--section-md:1.5rem;--section-lg:2rem}.blog-banner{--left-padding:max(calc(50% - 39.75rem),3rem);background-color:#f8f2e8}.blog-banner__image{height:0;overflow:hidden;padding-bottom:56.25%;position:relative;width:100%}.blog-banner__image>*{bottom:0;left:0;-o-object-position:center;object-position:center;position:absolute;right:0;top:0;width:100%}.blog-banner__image img,.blog-banner__image svg,.blog-banner__image>*{height:100%;-o-object-fit:cover;object-fit:cover}.blog-banner__content{display:grid;gap:.75rem;padding:1.25rem 1.5rem 1.25rem 1.25rem}.blog-banner__subtitle{font-family:EB Garamond,sans-serif;font-size:1.438rem;font-style:italic;font-weight:400;text-transform:lowercase}.blog-banner__title{font-family:Oswald,sans-serif;font-size:2.5rem;font-weight:400;line-height:1.05;text-transform:uppercase}@media only screen and (prefers-color-scheme:dark){.blog-banner{background-color:#2f2c44}}@media only screen and (min-width:48em){.blog-banner__title{font-size:3rem}}@media only screen and (min-width:64em){.blog-banner__inner{align-items:center;display:grid;gap:3rem;grid-template-columns:24rem 1fr;padding-inline-start:var(--left-padding)}.blog-banner__image{height:100%;order:1}.blog-banner__content{gap:1rem;order:0;padding:3.75rem 0 5.25rem}}@media only screen and (min-width:80em){.blog-banner__title{font-size:3.562rem}.blog-banner__inner{gap:5.25rem;grid-template-columns:25.75rem 1fr}.blog-banner__image{height:0;height:100%;overflow:hidden;padding-bottom:37.5%;position:relative;width:100%}}