.hero-section[data-v-21883383] {
    padding: 280px 10px;
    text-align: center;
    color: #fff;
    box-shadow: #00000038 0 28px 40px -18px, #00000038 0 12px 24px -12px, #ffffff0f 0 -6px 12px inset
}

.hero-block[data-v-21883383] {
    background: #0006;
    padding: 24px 16px
}

.hero-content[data-v-21883383] {
    margin: 0 auto
}

.hero-title[data-v-21883383] {
    font-size: 2.5rem;
    font-weight: 500;
    margin-bottom: 10px;
    line-height: 1.2
}

.hero-subtitle[data-v-21883383] {
    font-size: 1.1rem;
    font-weight: 300;
    margin: 0;
    opacity: .9;
    line-height: 1.5
}

@media (max-width: 768px) {
    .hero-section[data-v-21883383] {
        padding: 160px 20px
    }

    .hero-title[data-v-21883383] {
        font-size: 2rem
    }

    .hero-subtitle[data-v-21883383] {
        font-size: 1rem
    }
}

@media (max-width: 480px) {
    .hero-section[data-v-21883383] {
        padding: 160px 15px
    }

    .hero-title[data-v-21883383] {
        font-size: 1.8rem
    }
}