.gh-cover {
    position: relative;
    min-height: var(--cover-height, 50vh);
    padding-top: 6.4rem;
    padding-bottom: 6.4rem;
}

.gh-cover-image {
    position: absolute;
    inset: 0;
    z-index: -1;
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.has-serif-title:not([class*=" gh-font-heading"]):not([class^="gh-font-heading"]) .gh-cover-title {
    font-family: var(--gh-font-heading, var(--font-serif));
}

.has-serif-body:not([class*=" gh-font-body"]):not([class^="gh-font-body"]) .gh-cover-description {
    font-family: var(--gh-font-body, var(--font-serif));
}