.dynamic-page-hero {
    position: relative;
    overflow: hidden;
    color: #fff;
    background-image: var(--page-hero-bg);
    background-size: cover;
    background-position: center;
}

.dynamic-page-hero .container {
    position: relative;
    z-index: 2;
}

.dynamic-page-hero .section-eyebrow {
    color: #61d4ff;
}

.dynamic-page-hero p {
    max-width: 720px;
    color: #e7f1ff;
    font-size: 1.12rem;
}

.page-hero-overlay {
    position: absolute;
    inset: 0;
    background:
        linear-gradient(90deg, rgba(4, 20, 43, .92), rgba(8, 102, 214, .48)),
        radial-gradient(circle at 90% 12%, rgba(97, 212, 255, .25), transparent 28%);
}