/* Hero Story Overlay block styles */
.jwa-hero-story-overlay {
    position: relative;
    overflow: hidden;
    padding-bottom: clamp(4rem, 8vw, 6rem);
}

.jwa-hero-story-overlay__media {
    position: relative;
}

.jwa-hero-story-overlay__image-wrapper {
    position: relative;
    overflow: hidden;
    min-height: clamp(22rem, 60vw, 40rem);
}

.jwa-hero-story-overlay__content {
    margin-top: 0;
}

.jwa-hero-story-overlay--has-media .jwa-hero-story-overlay__content {
    margin-top: clamp(-14rem, -32vw, -9rem);
}

@media (min-width: 768px) {
    .jwa-hero-story-overlay--has-media .jwa-hero-story-overlay__content {
        margin-top: clamp(-12rem, -26vw, -8rem);
    }
}

@media (min-width: 1024px) {
    .jwa-hero-story-overlay--has-media .jwa-hero-story-overlay__content {
        margin-top: clamp(-10rem, -20vw, -7rem);
    }
}

.jwa-hero-story-overlay__card {
    position: relative;
    z-index: 30;
}

.jwa-hero-story-overlay__story {
    position: relative;
}

.jwa-hero-story-overlay__section-subtitle {
    font-family: var(--font-aktiv-grotesk, 'Aktiv Grotesk', sans-serif);
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: var(--jwa-color-accent, #505bda);
    margin: 0;
}

.jwa-hero-story-overlay__card .content-block-description p {
    margin: 0;
}

.jwa-hero-story-overlay__card .content-block-description p + p {
    margin-top: 1.25rem;
}