.header-hero-content {
    padding-block: 3rem;
    padding-inline: 3rem;
    display: grid;
    margin: 0 auto;
    grid-template-columns: 2fr 0.7fr;
    grid-column: 1 / -1;
    grid-row: 1 / -1;
    grid-template-rows: max-content max-content;
    gap: 24px;
}

@media (max-width: 768px) {
    .header-hero-content {
        grid-template-columns: 1fr;
        padding: 1.5rem;
    }
}

.header-hero-title {
    grid-column: 1;
    grid-row: 1;

    font-family: Inter;
    font-size: 36px;
    font-weight: 700;
    line-height: 120%; /* 43.2px */

    background: var(--Gold-Gradient, linear-gradient(90deg, #F0E389 0%, #FFB200 50%, #B78700 100%));
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;

    text-wrap: balance;
    margin-bottom: 0px;
}

.header-hero-description {
    grid-column: 1;
    grid-row: 2;
    color: white;

    p {
        margin-top: 0px;

        @media (min-width: 991px) {
            font-size: 20px;
        }
    }
}

.header-hero-background {
    grid-column: 1/ -1;
    grid-row: 1 / -1;
    z-index: -1;
    position: relative;

    img {
        width: 100%;
        height: 100%;
        object-fit: cover;    /* Ensures image covers area without distortion */
        object-position: center;
        position: absolute;
    }
}

.header-hero-background::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(96deg, rgba(0, 0, 0, 0.75) 43.57%, rgba(102, 102, 102, 0.75) 100%);
    mix-blend-mode: multiply;
}