.blog-index{background:var(--color-obsidian);min-height:70vh;padding:120px 0 96px}.blog-index-breadcrumb{letter-spacing:.06em;text-transform:uppercase;color:#ffffff73;align-items:center;gap:10px;margin-bottom:28px;font-size:.8rem;display:flex}.blog-index-breadcrumb a{color:#ffffffb3;text-decoration:none}.blog-index-breadcrumb a:hover{color:var(--color-champagne)}.blog-index-title{font-family:var(--font-heading);color:var(--color-champagne);margin-bottom:14px;font-size:clamp(2rem,4.5vw,3rem)}.blog-index-subtitle{color:#ffffffb8;max-width:62ch;margin-bottom:56px;line-height:1.7}.blog-index-list{flex-direction:column;gap:20px;margin:0;padding:0;list-style:none;display:flex}.blog-index-link{border:1px solid var(--border-dark);background:#0e132299;border-radius:14px;grid-template-columns:260px 1fr;gap:28px;padding:20px;text-decoration:none;transition:border-color .4s,transform .4s cubic-bezier(.16,1,.3,1);display:grid}.blog-index-link:hover{border-color:#ebdcc259;transform:translateY(-2px)}.blog-index-thumb{aspect-ratio:16/10;border-radius:10px;display:block;position:relative;overflow:hidden}.blog-index-img{object-fit:cover;filter:brightness(.85)}.blog-index-body{flex-direction:column;justify-content:center;gap:10px;display:flex}.blog-index-date{letter-spacing:.08em;text-transform:uppercase;color:#ffffff73;font-size:.78rem}.blog-index-heading{font-family:var(--font-heading);color:var(--color-champagne);margin:0;font-size:clamp(1.15rem,2.2vw,1.5rem);line-height:1.3}.blog-index-excerpt{color:#ffffffb3;font-size:.9rem;line-height:1.6}.blog-index-more{letter-spacing:.06em;color:var(--color-champagne);font-size:.82rem}@media (max-width:700px){.blog-index{padding:96px 0 72px}.blog-index-link{grid-template-columns:1fr;gap:18px}}