body{background:#f6f1e8}.blog-page{font-family:var(--font-family-primary);color:#1f2a24}.blog-index-hero{position:relative;padding:clamp(4rem,10vw,7rem) 0 clamp(2.5rem,6vw,4.5rem);overflow:hidden;background:linear-gradient(135deg,#fff5e7,#e8f6ef)}.blog-index-hero:before,.blog-index-hero:after{content:"";position:absolute;border-radius:999px;opacity:.45;filter:blur(0px);pointer-events:none}.blog-index-hero:before{width:320px;height:320px;background:radial-gradient(circle,#ffd8a8 0%,transparent 70%);top:-120px;right:-60px}.blog-index-hero:after{width:260px;height:260px;background:radial-gradient(circle,#bfead5 0%,transparent 70%);bottom:-120px;left:-80px;animation:blogFloat 18s ease-in-out infinite}@keyframes blogFloat{0%,to{transform:translateY(0)}50%{transform:translateY(12px)}}.blog-index-hero__eyebrow{text-transform:uppercase;letter-spacing:.2em;font-size:.75rem;font-weight:600;color:#5a6f63}.blog-index-hero__title{font-family:var(--font-family-heading);font-size:clamp(2.5rem,5vw,4.1rem);margin:var(--space-4) 0;color:#1e2b26}.blog-index-hero__subtitle{max-width:640px;font-size:clamp(1.05rem,1.4vw,1.35rem);line-height:1.6;color:#41524a}.blog-index{padding:clamp(2rem,6vw,4rem) 0 clamp(4rem,8vw,6rem)}.blog-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:clamp(1.5rem,4vw,2.5rem)}.blog-card{display:flex;flex-direction:column;gap:var(--space-4);background:#fff;border-radius:20px;padding:var(--space-7);border:1px solid rgba(47,67,59,.12);box-shadow:0 20px 40px #1a201c14;transition:transform .2s ease,box-shadow .2s ease}.blog-card:hover{transform:translateY(-6px);box-shadow:0 24px 50px #1a201c1f}.blog-card__meta{display:flex;flex-wrap:wrap;gap:var(--space-3);font-size:.85rem;color:#6b7f74}.blog-card__title{font-family:var(--font-family-heading);font-size:1.6rem;color:#1e2b26;margin:0}.blog-card__description{font-size:1rem;line-height:1.7;color:#44554d;margin:0}.blog-card__cta{margin-top:auto;font-weight:600;color:#1f6f5b;display:inline-flex;align-items:center;gap:var(--space-2)}.blog-card__cta:after{content:">";transition:transform .2s ease}.blog-card:hover .blog-card__cta:after{transform:translate(4px)}@media(max-width:720px){.blog-card{padding:var(--space-6)}}