.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{font-family:var(--font-urbanist),sans-serif;color:#1a1a1a;margin:0 0 .75rem;font-size:clamp(1.75rem,3.5vw,2.25rem);font-weight:700;line-height:1.2}.blog-index-direct-answer{font-family:var(--font-outfit),sans-serif;color:#1a1a1a;margin:0 0 .65rem;font-size:clamp(.9rem,1.55vw,1.05rem);font-weight:600;line-height:1.65}.blog-index-intro{font-family:var(--font-outfit),sans-serif;color:#4d525f;margin:0;font-size:clamp(.9rem,1.55vw,1.05rem);font-weight:400;line-height:1.65}.blog-index-list{flex-direction:column;gap:1.5rem;width:calc(100% - 3rem);max-width:900px;margin:0 auto 3rem;display:flex}.case-studies-group{flex-direction:column;gap:1.5rem;margin:0;display:flex}.case-studies-subheading{font-family:var(--font-urbanist),sans-serif;color:#1a1a1a;border:none;margin:.5rem 0 0;padding:0;font-size:clamp(1rem,1.35vw,1.125rem);font-weight:700;line-height:1.3}.case-studies-group:first-of-type .case-studies-subheading{margin-top:0}.case-studies-group+.case-studies-group{margin-top:.25rem}.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{font-family:var(--font-urbanist),sans-serif;color:#5b71f6;text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;font-weight:700}.blog-index-card-title{font-family:var(--font-urbanist),sans-serif;color:#1a1a1a;margin:.5rem 0 .75rem;font-size:clamp(1.125rem,1.5vw,1.375rem);font-weight:700;line-height:1.3}.blog-index-card-excerpt{font-family:var(--font-outfit),sans-serif;color:#4d525f;margin:0;font-size:clamp(.8125rem,1.5vw,.95rem);font-weight:400;line-height:1.6}@media (max-width:768px){.blog-index-hero,.blog-index-list{width:calc(100% - 2rem)}}
