.blog-section{padding:6rem 2rem;background:#444;font-family:var(--font-sans);color:white;position:relative;overflow:hidden}.blog-heading{text-align:center;font-size:2.8rem;font-weight:700;margin-bottom:4rem;color:#f9a451;position:relative}.blog-container{display:flex;justify-content:center;gap:2.5rem;flex-wrap:wrap}.blog-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#3333338c;border-radius:1.25rem;box-shadow:0 8px 30px rgba(0,0,0,.3);border:1px solid rgba(0,0,0,.315);overflow:hidden;max-width:340px;transition:transform .3s ease,box-shadow .3s ease;display:flex;flex-direction:column;justify-content:space-between;color:white;min-height:700px}.blog-card:hover{transform:translateY(-8px);box-shadow:0 12px 40px rgba(0,0,0,.4)}.blog-image-wrapper{width:100%;height:220px;overflow:hidden;border-bottom:1px solid rgba(255,255,255,.1)}.blog-img{width:100%;height:100%;object-fit:cover}.blog-details{display:flex;flex-direction:column;justify-content:space-between;padding:1.5rem;height:70%;box-sizing:border-box}.blog-title{font-size:1.3rem;font-weight:700;color:white;margin:0 0 .8rem}.blog-snippet{font-size:1rem;color:rgba(255,255,255,.85);line-height:1.5;position:absolute;top:25rem;left:6;width:100%;padding-right:3rem}.blog-read-btn{background:#f9a451;color:white;font-weight:600;padding:.6rem 1.2rem;border:none;border-radius:6px;cursor:pointer;align-self:flex-start;transition:background .3s ease}.blog-read-btn:hover{background:#e68c30}@media (max-width:768px){.blog-heading{font-size:2rem}.blog-card{max-width:100%}}