.page-hero {
    padding-top: 220px;
    padding-bottom: 60px;
    padding-inline: 20px;
    min-height: 400px;
    border-radius: 0 0 var(--wp--custom--border-radius--block) var(--wp--custom--border-radius--block);

    :is(h1, h2, h3, h4, h5, h6, p) {
        color: var(--wp--preset--color--accent-2);
    }

    .home & {
        min-height: 70vh;
    }

    @media screen and (min-width: 769px) {
        padding-bottom: 150px;
        padding-inline: var(--wp--preset--spacing--40);
        border-radius: var(--wp--custom--border-radius--block);
    }

    @media screen and (min-width: 1024px) {
        padding-bottom: 150px;
    }
}