.header {
    position: sticky;
    top: 0;
    z-index: 50;
    background: rgba(255, 255, 255, .7);
    backdrop-filter: blur(8px);
    border-bottom: 1px solid var(--neutral-200);
}

.hero {
    padding-block: clamp(3rem, 8vw, 6rem);
}

.hero__title {
    font-size: clamp(2rem, 4vw, 3rem);
}

.hero__subtitle {
    color: var(--neutral-600);
    max-width: 60ch;
}

.section {
    border: 1px solid #3a4056;
    background: var(--card-background);
    border-radius: 12px;
    padding: 1rem;
}

.section__title {
    font-size: var(--fs-2xl);
    margin-bottom: var(--sp-4);
    color: var(--accent-color);
    /* font-size: 1.2rem; */
}