/* === Blog Hero Section === */
.section-blog-hero {
    background-color: var(--color-moonlight);
    padding: 80px 0 40px;

}

.blog-hero-inner {
    text-align: center;
}

.blog-hero__title {
    font-family: var(--font-display);
    font-weight: 600;
    font-size: 62px;
    line-height: 100%;
    color: #000;
}

.blog-hero__subtitle {
    font-family: var(--font-body);
    font-weight: 400;
    font-size: 20px;
    line-height: 164%;
    color: #000;
    max-width: 611px;
    margin: 24px auto 0;
}