.blog-hero{float:left;float:left;background-position:50%;flex-direction:column;align-items:flex-start;width:100%;padding:0;position:relative}.blog-hero .date{color:#666;white-space:nowrap}.blog-hero .hero-card{border-radius:12px;width:100%;min-height:300px;position:relative;overflow:hidden}.blog-hero .hero-card .hero-media{position:absolute;inset:0}.blog-hero .hero-card .hero-media>span,.blog-hero .hero-card .hero-media img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.blog-hero .hero-card .hero-overlay{flex-direction:column;justify-content:center;max-width:500px;padding:30px;display:flex;position:absolute;inset:0}.blog-hero .hero-card .hero-overlay h1{color:#fff;font-weight:400}.blog-hero .hero-card .hero-overlay .description{float:left;color:#fff;width:100%;font-size:16px}.blog-hero .hero-card .blog-header-gradient{background:linear-gradient(270deg,#0000 0%,#000000ab 80%);border-radius:12px;width:100%;position:absolute;top:0;bottom:0;left:0}.blog-hero .hero-card .hero-meta{grid-gap:7px;color:#fff;background:linear-gradient(#0000 0%,#00000069 80%);border-radius:12px;align-items:center;padding:10px;display:flex;position:absolute;bottom:0;right:0}.blog-hero .hero-card .hero-meta .avatar{background:#fff 50%/cover no-repeat;border-radius:100%;flex:0 0 25px;width:25px;height:25px}.blog-hero .hero-card .hero-meta .author{color:#fff;font-family:Inter;font-size:12px;font-weight:500}@media screen and (max-width:780px){.block-blogheader .blog-header-text{width:auto;right:20px}}@media (max-width:980px){.blog-hero .hero-card{min-height:250px}.blog-hero .hero-card .hero-overlay{max-width:100%;padding:25px}.blog-hero .hero-card .hero-overlay h1{font-size:24px}.blog-hero .hero-card .hero-overlay .description{font-size:15px}.blog-hero .hero-card .hero-meta{padding:8px}.blog-hero .hero-card .hero-meta .avatar{flex:0 0 22px;width:22px;height:22px}.blog-hero .hero-card .hero-meta .author{font-size:11px}}@media (max-width:480px){.blog-hero .hero-card{min-height:200px}.blog-hero .hero-card .hero-overlay{padding:20px}.blog-hero .hero-card .hero-overlay h1{font-size:20px}.blog-hero .hero-card .hero-overlay .description{font-size:14px}.blog-hero .hero-card .hero-meta{padding:6px}.blog-hero .hero-card .hero-meta .avatar{flex:0 0 20px;width:20px;height:20px}.blog-hero .hero-card .hero-meta .author{font-size:10px}}