.hero-cover {
    width: 100%;
}

.hero-cover .field-field_media_image .field-item {
    display: flex;;
}

.hero-cover img {
    width: 100%;
    height: auto;
    object-fit: cover;
}

.hero-content {
    display: flex;
    background-color: var(--color-background);
    z-index: 1;
    position: relative;
}

.hero-content .field-field_body {
    padding: 32px;
    flex: 2;

}

.hero-content .field-field_links {
    padding: 32px;
    flex: 1;
}

.hero-title .field-field_title {
    text-align: center;
    font-size: min(19vw, 250px);
    font-weight: 300;
}

.in-view.hero-title .field-field_title {
    animation: fade-up 1s ease-out forwards
}

.hero-content .field-field_links {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.hero-content .field-field_links a {
    text-transform: uppercase;
    white-space: nowrap;
}

.hero-content .field-field_links a::before {
    display: inline;
    content: "[ ";
}

.hero-content .field-field_links a::after {
    display: inline;
    content: " ]";
}


@media (min-width:721px) {
    .hero-content {
        gap: 32px;
    }

    .hero-content .field-field_body .field-item {
        width: 50%;
    }
    
    .hero-content .field-field_links {
        border-left: 1px solid;
    }
}

@media (max-width:720px) {
    .hero-cover img {
        height: calc(100vh - (min(19vw, 250px) * 1.4) - 71px);
    }

    .hero-content {
        flex-direction: column;
    }

    .hero-content .field-field_body {
        padding: 20px;
    }

    .hero-content .field-field_links {
        padding: 20px;
    }
    
    .hero-content .field-field_links {
        border-top: 1px solid;
    }
}