.blogs-index-page{padding:40px 0 80px;min-height:60vh}.blogs-index-container{max-width:1200px;margin:0 auto;padding:0 24px}.blogs-index-header{text-align:center;margin-bottom:56px;padding:0 24px;box-shadow:none}.blogs-index-header:before{content:"";display:block;width:60px;height:3px;background:linear-gradient(90deg,#ea580c,#f97316);margin:0 auto 28px}.blogs-index-title{font-family:var(--font-fraunces),Georgia,serif;font-size:clamp(36px,5vw,52px);font-weight:700;color:#121212;margin:0 0 16px;letter-spacing:-.02em;text-transform:uppercase}.blogs-index-subtitle{font-family:var(--font-manrope);font-size:18px;font-weight:400;color:#6b7280;margin:0;letter-spacing:.02em;max-width:480px;margin-inline:auto}.blogs-index-empty,.blogs-index-loading{text-align:center;padding:80px 20px;color:#6b7280}.blogs-index-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px}.blogs-index-card{display:flex;flex-direction:column;background:white;border-radius:12px;overflow:hidden;box-shadow:0 2px 16px rgba(0,0,0,.08);border:1px solid rgba(0,0,0,.06);text-decoration:none;color:inherit;transition:transform .3s ease,box-shadow .3s ease}.blogs-index-card:hover{transform:translateY(-4px);box-shadow:0 8px 32px rgba(0,0,0,.12)}.blogs-index-card-image{position:relative;height:200px;background:#f3f4f6}.blogs-index-card-img{object-fit:cover;object-position:center;transition:transform .4s ease}.blogs-index-card:hover .blogs-index-card-img{transform:scale(1.05)}.blogs-index-card-content{padding:20px}.blogs-index-card-category{display:inline-block;font-size:12px;font-weight:600;color:#ff4c00;text-decoration:none;margin-bottom:8px}.blogs-index-card-category:hover{text-decoration:underline}.blogs-index-card-title{font-size:18px;font-weight:600;color:#111827;margin:0 0 8px;line-height:1.35}.blogs-index-card-excerpt,.blogs-index-card-title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.blogs-index-card-excerpt{font-size:14px;color:#6b7280;margin:0 0 12px;line-height:1.5}.blogs-index-card-date{display:flex;align-items:center;gap:6px;font-size:13px;color:#9ca3af}@media (max-width:768px){.blogs-index-header{margin-bottom:32px}.blogs-index-header:before{margin-bottom:12px}.blogs-index-title{font-size:28px}}