.blog-section{background:var(--bg-color);padding:80px 0}.blog-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:28px;margin-top:50px;display:grid}.blog-card{background:var(--bg-dark);border:1px solid #f0b90b59;border-radius:24px;width:100%;transition:all .3s;overflow:hidden;box-shadow:0 8px 30px #00000059,inset 0 0 0 1px #f0b90b1a}.blog-card:hover{border-color:#f0b90bd9;transform:translateY(-8px);box-shadow:0 12px 34px #0000006b,0 0 24px #f0b90b38}.blog-image-wrap{padding:16px 16px 0;position:relative}.blog-image{aspect-ratio:16/10;background:linear-gradient(#f0b90b14,#0000001a);border-radius:18px;height:auto;position:relative;overflow:hidden}.blog-image img{object-fit:cover;width:100%;height:100%;transition:transform .5s}.blog-card:hover .blog-image img{transform:scale(1.1)}.blog-category{background:linear-gradient(135deg, var(--text-dark-gold) 0%, var(--text-gold) 100%);color:var(--bg-black);font-size:var(--fs-sm);border-radius:20px;padding:10px 18px;font-weight:600;position:absolute;top:32px;right:32px;box-shadow:0 0 18px #f0b90b66}.blog-content{padding:24px 26px 28px}.blog-meta{flex-wrap:wrap;gap:20px;margin-bottom:15px;display:flex}.blog-date,.blog-author{color:var(--text-light-gold);font-size:var(--fs-sm);align-items:center;gap:6px;display:flex}.blog-date i,.blog-author i{color:var(--text-gold)}.blog-content h3{color:var(--text-gold);margin-bottom:14px;font-size:clamp(22px,1.6vw,28px);font-weight:600;line-height:1.4;transition:color .3s}.blog-card:hover .blog-content h3{color:var(--text-light-gold)}.blog-content p{color:var(--text-light-gold);font-size:var(--fs-sm);max-width:850px;margin-bottom:24px;line-height:1.7}.read-more{color:var(--text-gold);font-weight:600;font-size:var(--fs-md);align-items:center;gap:8px;text-decoration:none;transition:all .3s;display:inline-flex}.read-more:hover{color:var(--text-light-gold);gap:12px}.read-more i{transition:transform .3s}.read-more:hover i{transform:translate(5px)}@media (max-width:1024px){.blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:768px){.blog-section{padding:60px 0}.blog-grid{grid-template-columns:1fr;gap:25px}.blog-image{height:220px}.blog-content{padding:20px 20px 24px}.blog-content h3{font-size:var(--fs-lg)}}@media (max-width:480px){.blog-meta{flex-direction:column;gap:8px}}