/*--------------------------------------------------------------
# Block Layout & Contents
--------------------------------------------------------------*/
.home-background {
    display: flex;
    flex-direction: column;
    color: var(--color-body-light);
    padding-block: var(--margin-vertical-normal);
    padding-inline: 4vw;
    background-repeat: repeat;
    background-position: top center;
    background-size: auto 563px;
    background-color: var(--color-bg-section);
}

.home-background > .block-contents {
    display: flex;
    flex-direction: column;
    position: relative;
    z-index: 3;
    width: 100%;
    max-width: var(--max-width);
    margin-inline: auto;
    gap: 1.5rem;
}

/*--------------------------------------------------------------
# Block Layout & Contents - Background
--------------------------------------------------------------*/
.home-background.anchor {
    position: relative;
}

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
.home-background .entry-title {
    margin: 0;
    color: var(--color-secondary-light);
}

.home-background > .block-contents .entry-content {
    width: 100%;
    max-width: var(--max-width);
    margin-inline: auto;
    color: var(--color-body-light);
}

.home-background.no_bg .entry-title {
    color: var(--color-secondary-darker);
}

.home-background.no_bg .entry-content {
    color: var(--color-secondary-dark);
}