:root{--blog-bg:#f8f6f3;--blog-card:#fff;--blog-primary:#7b8d79;--blog-text:#333;--blog-radius:22px;--blog-shadow:0 15px 35px rgba(0, 0, 0, .08)}.blog-hero{min-height:60vh;display:flex;align-items:center;justify-content:center;text-align:center;color:#fff;background:linear-gradient(rgba(0,0,0,.45),rgba(0,0,0,.45)),url(../images/blog-hero.jpg) center/cover no-repeat}.blog-hero h1{font-size:clamp(2.5rem, 5vw, 4.5rem);font-weight:700;margin-bottom:15px}.blog-hero p{max-width:700px;margin:auto;font-size:1.15rem}.blog-featured{padding:80px 0}.featured-post{display:grid;grid-template-columns:1.3fr 1fr;gap:40px;align-items:center;padding:20px}.featured-post img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:var(--blog-radius);display:block;box-shadow:var(--blog-shadow)}.featured-post .content{padding:20px}.badge{display:inline-block;background:var(--blog-primary);color:#fff;border-radius:50px;padding:8px 14px;margin-bottom:12px}.meta{font-size:.9rem;color:#777;margin-bottom:12px}.featured-post h2{font-size:2.2rem;margin-bottom:20px;line-height:1.2}.blog-card{background:var(--blog-card);border-radius:var(--blog-radius);overflow:hidden;box-shadow:var(--blog-shadow);transition:.35s;height:100%}.blog-card:hover{transform:translateY(-8px)}.blog-card img{width:100%;aspect-ratio:16/9;object-fit:cover;display:block}.blog-card h3{font-size:1.35rem;line-height:1.3;margin:15px 0}.blog-card p{color:#666}.blog-card .p-3{padding:1.5rem!important}.btn,.btn-primary,.btn-outline-primary{border-radius:999px;padding:.8rem 1.5rem;transition:.3s}.btn-primary{background:var(--blog-primary);border-color:var(--blog-primary)}.btn-primary:hover{filter:brightness(.92)}.pagination,.nav-links{display:flex;justify-content:center;gap:12px;margin:60px 0}.page-numbers{width:46px;height:46px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#fff;color:#333;box-shadow:var(--blog-shadow);text-decoration:none}.page-numbers.current{background:var(--blog-primary);color:#fff}.blog-cta{padding:90px 20px;text-align:center;background:var(--blog-bg)}.blog-cta h2{font-size:2.4rem;margin-bottom:20px}.blog-cta p{max-width:700px;margin:0 auto 25px}@media (max-width:991px){.featured-post{grid-template-columns:1fr}.featured-post .content{padding:0}}@media (max-width:767px){.blog-hero{min-height:45vh}.blog-hero h1{font-size:2.4rem}.featured-post h2{font-size:1.8rem}.blog-card{margin-bottom:25px}}