/* blog.css — blog page only (shared via style.css) */
.blog-hero{text-align:center;padding:48px 0 28px}
.blog-hero h1{font-size:clamp(1.9rem,4vw,2.8rem);font-weight:800;letter-spacing:-.02em}
.blog-hero p{color:var(--ec-muted);font-size:.92rem;max-width:520px;margin:.7rem auto 0}
.post{position:relative;margin-bottom:8px}
.post-img{position:relative;border-radius:20px;overflow:hidden}
.post-img img{width:100%;height:280px;object-fit:cover;display:block;background:#eee}
.post-img::before{content:"";position:absolute;top:-2px;right:44px;width:44px;height:44px;background:#fff;border-radius:0 0 18px 18px;z-index:2}
.post-arrow{position:absolute;top:-12px;right:12px;width:44px;height:44px;border-radius:50%;background:#E7DEF8;display:flex;align-items:center;justify-content:center;font-size:1.1rem;color:#111;z-index:3}
.post-meta{font-size:.78rem;color:#888;margin-top:.8rem}
.post-meta span{margin:0 .4rem}
.post h5{font-size:1rem;font-weight:700;line-height:1.4;margin-top:.35rem;color:#111}
.post a:hover h5{color:var(--ec-purple)}
/* cta */
.cta-img{border-radius:24px;object-fit:cover;width:100%;height:480px}
.cta-box{display:flex;flex-direction:column;justify-content:center;height:100%;padding:10px 0 10px 32px}
.cta-title{font-size:clamp(2rem,4vw,3.3rem);font-weight:800;line-height:1.08;letter-spacing:-.03em}
.cta-text{color:#2b2b2b;font-size:1rem;max-width:440px}
.cta-btn{background:#7E3FD6;color:#fff;border-radius:100px;padding:.8rem 2rem;font-weight:600}
.cta-btn:hover{background:#5C1FAF;color:#fff}
@media(max-width:991px){
  .post-img img{height:220px}
  .cta-img{height:340px}
  .cta-box{padding:8px 0 0;text-align:center;align-items:center}
  .cta-text{margin:0 auto}
}