.dark-bg-hero {
    position: relative;
    overflow: hidden;
    background: linear-gradient(93deg, #0F1D2C 0%, #0C2C4D 100%);
}

.dark-bg-hero::before {
    content: "";
    position: absolute;
    inset: 0;
    background-image:
        linear-gradient(to right, rgba(170,205,235,.08) 1px, transparent 1px),
        linear-gradient(to bottom, rgba(170,205,235,.08) 1px, transparent 1px);

    background-size: 2.5rem 2.5rem;
    opacity: .75;
    mask-image: radial-gradient( ellipse at center, black 20%, rgba(0,0,0,.8) 50%, transparent 100% );
    -webkit-mask-image: radial-gradient( ellipse at center, black 20%, rgba(0,0,0,.8) 50%, transparent 100%);
    pointer-events: none;
}

.dark-bg-hero > * {
    position: relative;
    z-index: 1;
}

.dark-bg-hero .container {
    padding-block: clamp(3rem, 2.6479rem + 1.5023vw, 4rem);
}
.dark-bg-hero .container .ymx-eyebrow-large {
    margin-bottom: var(--space-xs);
}
.dark-bg-hero .container h1.ymx-large {
    margin-bottom: var(--space-2xs);
}
.dark-bg-hero .ymx-paragraph-large {
    text-wrap: balance;
}