.stories {
    margin-block: 3rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 2rem;
}

hr {
    width: 60%;
}

.page-header {
    text-align: left;
    padding-block-start: 5%;
    font-size: clamp(20%, 3.3rem, 11vw);
    font-weight: bold;
}

.page-header, .page-subtitle, .page-cover-footnote {
    padding-inline: 3%;
}

.image-overlay {
    background-image: linear-gradient(to top, rgba(0, 0, 0, 0.62) 65%, rgba(0, 0, 0, 0));
    justify-content: start;
    align-items: start;
    flex-direction: column;
    gap: 2rem;
}

.page-subtitle, .page-cover-footnote {
    color: white;
}

.page-cover-footnote {
    font-size: clamp(15%, 1.3rem, 7vw);
}

.page-subtitle {
    font-size: clamp(25%, 1.7rem, 9vw);
    max-width: clamp(20rem, 50vw, 50vw);
    font-family: sans-serif;
    flex-grow: 1;
    line-height: 2;
}