/* Hero. */

.hero {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    position: relative;

    min-height: 740px;
    padding-bottom: var(--i2);
}

.hero .breadcrumbs {
    padding-top: var(--header);
}

.hero-background {
    position: absolute;
    inset: 0;

    z-index: -1;
}

.hero-background img {
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.hero-content hr {
    margin: var(--i4) calc(var(--container-margin) * -1);

    opacity: .2;
    border: 0 none;
    border-bottom: 1px solid currentColor;
}

/* Hero. */