.blog-banner-has-bg{background-size:cover;background-position:top;background-repeat:no-repeat;position:relative;width:100%;overflow:hidden;padding:100px 20px;color:#fff;min-height:45rem}
.blog-banner-overlay{position:absolute;inset:0;background:linear-gradient(180deg,transparent 67%,#f0f0f010 74%,#f0f0f020 85%,#f0f0f0 100%),linear-gradient(0deg,transparent 65%,#f0f0f010 75%,#000 95%)}
.blog-banner-content{display:flex;justify-content:space-between;align-items:center;position:relative;grid-template-columns:1fr 1fr;padding-top:8rem;width:100%;gap:40px}
.blog-banner-left{text-align:left;width:26%}
.blog-banner-center{text-align:center}
.blog-banner-right{width:33%;text-align:left}
.blog-banner-title{font-family:Oswald,sans-serif;font-weight:700;font-size:90px;line-height:1;letter-spacing:0;text-transform:uppercase;color:#fff;text-shadow:0 0 4px rgba(0,0,0,.25);margin:0}
.title-desktop{display:block}
.title-mobile{display:none}
.blog-banner-subtitle{font-size:26px;font-weight:700;margin-bottom:8px;color:#fff}
.subtitle-desktop{display:block}
.subtitle-mobile{display:none}
.blog-banner-description{font-size:18px;line-height:1.3;font-family:Inter,sans-serif;color:#fff}
.blog-banner-description,.blog-banner-right,.blog-banner-subtitle{text-shadow:0 0 24px rgba(0,0,0,.91)}
@media screen and (max-width:768px){
.blog-banner-has-bg{padding:60px 0;min-height:31.1rem}
.blog-banner-content{flex-direction:column;align-items:center;text-align:center;gap:0;margin-top:6rem;padding:0}
..blog-banner-left{font-size:55px}
.blog-banner-left,.blog-banner-right{width:100%;text-align:left;margin-bottom:-10px}
.blog-banner-title{font-size:60px;line-height:.95;margin-bottom:20px}
.title-desktop{display:none}
.title-mobile{display:block;word-spacing:-6px}
.blog-banner-subtitle{font-size:30px;line-height:1;letter-spacing:-.3px;margin:0;text-shadow:none}
.blog-banner-subtitle br{display:none}
.subtitle-desktop{display:none}
.subtitle-mobile{display:block}
.blog-banner-description{line-height:1.3;font-family:Inter;font-size:16px;padding-top:.7em}
}
.blog-banner-scroll{display:none;justify-content:center;margin-top:2rem}
.blog-banner-scroll svg{width:48px;height:48px;animation:bounce 2s infinite}
@keyframes bounce{
0%,100%{transform:translateY(0)}
50%{transform:translateY(6px)}
}
@media screen and (max-width:768px){
.blog-banner-scroll{display:flex}
}