.blog-index-list{background:var(--white);padding:5rem 2rem}.blog-index-list__header{text-align:center;margin-bottom:0}.blog-index-list__sub{margin-top:.5rem;text-align:center}.blog-index-list__inner{max-width:800px;margin:0 auto;display:flex;flex-direction:column;gap:4rem}.blog-index-empty{font-family:var(--font-body);color:var(--navy);text-align:center;font-size:18px;opacity:.6}.blog-card{padding-top:2rem}.blog-card:first-child{padding-top:0}.blog-card__date{font-family:var(--font-body);font-size:14px;letter-spacing:.15em;text-transform:uppercase;color:var(--gold);margin:0 0 .75rem}.blog-card__title{font-family:var(--font-heading);font-weight:400;color:var(--navy);font-size:clamp(22px,2.5vw,30px);line-height:1.2;margin:0 0 1rem}.blog-card__title a{color:inherit;text-decoration:none;transition:color .2s ease}@media (hover:hover){.blog-card__title a:hover{color:var(--gold)}}.blog-card__description{font-family:var(--font-body);font-size:18px;line-height:1.7;color:var(--navy);margin:0 0 1.25rem;opacity:.85}.blog-card__link{font-family:var(--font-body);font-size:14px;letter-spacing:.1em;text-transform:uppercase;color:var(--gold);text-decoration:none;font-weight:500;transition:opacity .2s ease}@media (hover:hover){.blog-card__link:hover{opacity:.7}}@media (max-width:768px){.blog-index-list{padding:3rem 1.5rem}.blog-index-list__inner{gap:3rem}}