.el-blog-hero{background-color:#000;position:relative;overflow:hidden}.el-blog-hero__wrapper{overflow:hidden;width:100%}.el-blog-hero__inner{position:relative;padding-bottom:177.6%;width:100%}.el-blog-hero__image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .25s ease-out}.el-blog-hero:hover .el-blog-hero__image{transform:scale(1.02)}.el-blog-hero__text-container{position:absolute;display:flex;flex-direction:column;align-items:center;width:calc(100vw - 24px);z-index:2;bottom:0;left:50%;transform:translate(-50%);text-align:center;padding-bottom:32px}.el-blog-hero__text-container.el-size-mobile--tiny .el-title{letter-spacing:.2rem;line-height:.8}.el-blog-hero__body{max-width:75%;width:100%;margin:24px auto 0;font-weight:400;font-size:12px;line-height:160%;letter-spacing:.075rem;text-align:center;color:var(--title-accent-font-color, #fff)}.el-blog-hero__body a:hover{color:var(--title-accent-font-color, #fff)!important;text-decoration:none}.el-blog-hero__shadow-under-logo{position:absolute;top:0;left:0;width:100%;height:calc(2rem + 6vw);background:linear-gradient(to bottom,#00000080,#00000059 20%,#00000026,#0000);opacity:var(--shadow-under-logo-opacity-mobile, 1);pointer-events:none;z-index:1}.el-blog-hero__radial-shadow{position:absolute;inset:0;background:#000;opacity:var(--shadow-opacity-mobile, 1);pointer-events:none}.el-blog-hero__social-links{display:flex;gap:1rem;margin-top:24px}.el-blog-hero__social-link{display:block;transition:transform .3s}.el-blog-hero__social-link:hover{transform:scale(1.08)}.el-blog-hero__social-link--icon{width:3rem;height:3rem;object-fit:contain}@media screen and (width >= 500px){.el-blog-hero__inner{padding-bottom:140%}.el-blog-hero__body{max-width:460px;margin-top:24px;font-size:15px;letter-spacing:.08rem}}@media screen and (width >= 768px){.el-blog-hero__inner{padding-bottom:50%}.el-blog-hero__text-container{top:50%;bottom:auto;transform:translate(-50%,-35%);padding-bottom:0}.el-blog-hero__body{margin-top:44px}.el-blog-hero__shadow-under-logo{opacity:var(--shadow-under-logo-opacity-desktop, 1)}.el-blog-hero__radial-shadow{opacity:var(--shadow-opacity-desktop, 1)}}@media screen and (width <= 340px){.el-blog-hero__text-container .el-title{font-size:28px}}