.blog-hero{align-items:center;background-image:var(--hero-image);background-position:50%;background-repeat:no-repeat;background-size:cover;display:flex;min-height:clamp(450px,60vw,550px);overflow:hidden;padding:200px 0 clamp(60px,8vw,120px);position:relative}.blog-hero h1{color:#fff!important}.blog-hero-overlay{background:linear-gradient(90deg,rgba(0,0,0,.82),rgba(0,0,0,.7) 35%,rgba(0,0,0,.35) 65%,rgba(0,0,0,.15));inset:0;position:absolute}.page-center{margin:auto;position:relative;width:min(1280px,92%);z-index:2}.blog-hero-content{color:#fff;max-width:700px}.blog-category{align-items:center;background:#db5111;border-radius:5px;color:#fff;display:inline-flex;font-size:13px;font-weight:700;letter-spacing:.5px;margin-bottom:24px;padding:8px 14px;text-transform:uppercase}.blog-hero h1{color:#fff;font-size:clamp(34px,5vw,62px);font-weight:700;line-height:1.15;margin:0 0 28px}.blog-meta{display:flex;flex-wrap:wrap;gap:18px 28px;margin-bottom:30px}.meta-item{align-items:center;color:hsla(0,0%,100%,.95);display:flex;font-size:15px;gap:8px;line-height:1.4}.meta-item svg{flex-shrink:0;height:18px;stroke:currentColor;stroke-width:1.8;width:18px}.blog-tags{display:flex;flex-wrap:wrap;gap:10px}.blog-tags a{align-items:center;border:1px solid hsla(0,0%,100%,.7);border-radius:4px;color:#fff;display:inline-flex;font-size:14px;justify-content:center;padding:8px 16px;text-decoration:none;transition:.3s ease}.blog-tags a:hover{background:#ef6b11;border-color:#ef6b11}@media (min-width:1600px){.page-center{width:min(1400px,90%)}.blog-hero-content{max-width:760px}}@media (max-width:1200px){.blog-hero h1{max-width:650px}}@media (max-width:991px){.blog-hero{background-position:50%;min-height:550px;padding:70px 0}.blog-hero-content{max-width:100%}.blog-meta{gap:15px 20px}}@media (max-width:767px){.blog-hero{align-items:flex-end;min-height:500px;padding:50px 0}.blog-hero-overlay{background:rgba(0,0,0,.7)}.blog-category{font-size:12px;margin-bottom:18px}.blog-hero h1{font-size:34px;line-height:1.2;margin-bottom:22px}.blog-meta{align-items:flex-start;flex-direction:column;gap:12px;margin-bottom:22px}.meta-item{font-size:14px}.blog-tags{gap:8px}.blog-tags a{font-size:13px;padding:8px 12px}}@media (max-width:480px){.blog-hero{min-height:450px}.blog-hero h1{font-size:30px}.blog-category{padding:7px 12px}}