.BlogBanner{position:relative;min-height:22rem;display:grid;place-items:center;padding:var(--ut-space-12) var(--ut-space-6);isolation:isolate;background-color:hsl(var(--foreground));background-position:50%;background-size:cover;background-repeat:no-repeat;background-attachment:fixed}.BlogBanner:after{content:"";position:absolute;inset:0;background:hsl(var(--foreground)/.65);z-index:-1}.BlogBanner__copy{max-width:48rem;text-align:center;color:hsl(var(--background));overflow-wrap:anywhere}.BlogBanner h1,.BlogBanner h2{font-size:var(--ut-type-desktop-display);line-height:var(--ut-leading-desktop-display);font-weight:var(--ut-weight-display)}.BlogBanner p{margin-top:var(--ut-space-4);font-size:var(--ut-type-desktop-card);line-height:var(--ut-leading-desktop-card)}.BlogBanner--preview{background-attachment:scroll;font-family:var(--font-unitrocas)}@media(hover:none),(max-width:1023px),(pointer:coarse),(prefers-reduced-motion:reduce){.BlogBanner{background-attachment:scroll}}@supports(-webkit-touch-callout:none){.BlogBanner{background-attachment:scroll}}@media(max-width:639px){.BlogBanner{min-height:16rem;padding-block:var(--ut-space-8)}.BlogBanner h1,.BlogBanner h2{font-size:var(--ut-type-hero);line-height:var(--ut-leading-hero)}.BlogBanner p{font-size:var(--ut-type-body);line-height:var(--ut-leading-body)}}