.blog-index-page{background:#fff;width:100%;min-height:100vh}.blog-index-page .headroom{z-index:9999!important}.blog-index-page .navbar{z-index:9999}.blog-index-hero{width:calc(100% - 3rem);margin:.5rem auto 2rem;padding:clamp(2rem,4vw,3rem)}.blog-index-hero-wrapper{text-align:center;max-width:900px;margin:0 auto}.blog-index-heading{color:#000;margin:0 0 .75rem;font-family:Urbanist,sans-serif;font-size:clamp(1.75rem,3.5vw,2.25rem);font-weight:700;line-height:1.2}.blog-index-intro{color:#4d525f;margin:0;font-family:Urbanist,sans-serif;font-size:clamp(1rem,1.5vw,1.25rem);font-weight:400;line-height:1.6}.blog-index-list{flex-direction:column;gap:1.5rem;width:calc(100% - 3rem);max-width:900px;margin:0 auto 3rem;display:flex}.blog-index-card{background:#fff;border-radius:.75rem;padding:clamp(1.25rem,2vw,1.5rem);transition:box-shadow .2s;box-shadow:0 2px 8px #0000000f}.blog-index-card:hover{box-shadow:0 4px 16px #0000001a}.blog-index-card-link{color:inherit;text-decoration:none;display:block}.blog-index-card-type{color:#5b71f6;text-transform:uppercase;letter-spacing:.05em;font-family:Urbanist,sans-serif;font-size:.75rem;font-weight:700}.blog-index-card-title{color:#000;margin:.5rem 0 .75rem;font-family:Urbanist,sans-serif;font-size:clamp(1.125rem,1.5vw,1.375rem);font-weight:700;line-height:1.3}.blog-index-card-excerpt{color:#4d525f;margin:0;font-family:Urbanist,sans-serif;font-size:clamp(.9375rem,1.25vw,1rem);font-weight:400;line-height:1.5}@media (max-width:768px){.blog-index-hero,.blog-index-list{width:calc(100% - 2rem)}}