.blog-index-page{background-color:var(--stone-50);color:var(--navy-900)}.blog-hero{background:var(--navy-900);color:var(--white);text-align:center;padding:120px 0 60px;position:relative;overflow:hidden}.blog-hero-content{z-index:2;max-width:800px;margin:0 auto;padding:0 24px;position:relative}.hero-badge{color:var(--gold);text-transform:uppercase;letter-spacing:1px;background:#c8a95126;border:1px solid #c8a96e4d;border-radius:30px;margin-bottom:24px;padding:6px 16px;font-size:.9rem;font-weight:600;display:inline-block}.blog-hero h1{margin-bottom:24px;font-size:clamp(2.5rem,5vw,4rem);line-height:1.1}.blog-hero p{color:var(--stone-200);max-width:600px;margin:0 auto;font-size:1.25rem}.blog-grid-section{padding:80px 0}.blog-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:32px;display:grid}.blog-card{background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);border:1px solid var(--stone-200);flex-direction:column;transition:transform .3s,box-shadow .3s;display:flex;overflow:hidden}.blog-card:hover{box-shadow:var(--shadow-xl);border-color:var(--gold-border);transform:translateY(-5px)}.blog-card-image-wrapper{aspect-ratio:16/10;background-color:var(--white);padding:2.5rem;position:relative;overflow:hidden}.blog-card-image-wrapper img{object-fit:contain;width:100%;height:100%;transition:transform .5s}.blog-card:hover .blog-card-image-wrapper img{transform:scale(1.05)}.blog-category-badge{background-color:var(--white);color:var(--navy-800);text-transform:uppercase;letter-spacing:.5px;box-shadow:var(--shadow-sm);border-radius:30px;padding:6px 14px;font-size:.75rem;font-weight:700;position:absolute;top:16px;right:16px}.blog-card-content{flex-direction:column;flex-grow:1;padding:32px 24px;display:flex}.blog-card-meta{color:var(--stone-500);gap:16px;margin-bottom:12px;font-size:.85rem;display:flex}.blog-card-meta span{align-items:center;gap:6px;display:flex}.blog-card-content h2{font-size:1.35rem;font-family:var(--font-heading);color:var(--navy-900);margin-bottom:12px;font-weight:600;line-height:1.3;transition:color .2s}.blog-card-content h2:hover{color:var(--navy-600)}.blog-card-content p{color:var(--stone-600);flex-grow:1;margin-bottom:24px;font-size:.95rem;line-height:1.6}.read-more-btn{color:var(--navy-800);align-items:center;gap:8px;margin-top:auto;font-size:.95rem;font-weight:600;transition:gap .2s;display:inline-flex}.read-more-btn:hover{gap:12px}@media (width<=768px){.blog-hero{padding:100px 0 40px}.blog-grid{grid-template-columns:1fr}}