.blog-hero{padding:6rem 0 4rem;background:linear-gradient(180deg,#f9fbf9,#ffffff);text-align:center}.hero-content h1{color:#1a1a1a;margin-bottom:1.5rem;line-height:1.1}.blog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));grid-gap:2.5rem;gap:2.5rem}.blog-card{background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,.05);transition:all .4s cubic-bezier(.165,.84,.44,1);height:100%;display:flex;flex-direction:column;border:1px solid #f0f0f0}.blog-card:hover{transform:translateY(-10px);box-shadow:0 20px 40px rgba(0,0,0,.1);border-color:var(--primary)}.blog-card__image-container{position:relative;height:240px;overflow:hidden}.blog-card__image{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}.blog-card:hover .blog-card__image{transform:scale(1.05)}.blog-card__category{position:absolute;top:1.5rem;left:1.5rem;background:rgba(255,255,255,.9);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:.4rem 1.2rem;border-radius:2rem;font-size:.75rem;font-weight:700;color:var(--primary);text-transform:uppercase;letter-spacing:1px}.blog-card__body{padding:2rem;display:flex;flex-direction:column;flex-grow:1}.blog-details{margin-bottom:.8rem}.blog-date{font-size:.8rem;color:#888;font-weight:500}.blog-card__title{font-size:1.4rem;font-weight:700;color:#1a1a1a;margin-bottom:1rem;line-height:1.4;-webkit-line-clamp:2;line-clamp:2}.blog-card__excerpt,.blog-card__title{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.blog-card__excerpt{color:#666;font-size:.95rem;line-height:1.6;margin-bottom:2rem;-webkit-line-clamp:3;line-clamp:3}.blog-card__footer{margin-top:auto;display:flex;justify-content:space-between;align-items:center;padding-top:1.5rem;border-top:1px solid #f5f5f5}.read-more-btn{font-size:.9rem;font-weight:700;color:#1a1a1a;text-transform:uppercase;letter-spacing:.5px}.arrow-icon{font-size:1.2rem;transition:transform .3s ease}.blog-card:hover .arrow-icon{transform:translateX(8px);color:var(--primary)}@media (max-width:768px){.blog-grid{grid-template-columns:1fr}.blog-hero{padding:4rem 1rem 2rem}.hero-content h1{font-size:2.2rem}}