.front-hero {
    overflow: hidden;

    @media screen and (min-width: 1025px) {
        &::before {
            content: '';
            position: absolute;
            top: 0;
            left: 50%;
            transform: translateX(-50%);
            width: 1px;
            height: 100%;
            background: var(--color-grey-92);
        }
    }
}

.front-hero__container {
    @media screen and (min-width: 1025px) {
        display: grid;
        grid-template-columns: 1fr 1fr;
    }
}

.front-hero__left-column {
    @media screen and (min-width: 1025px) {
        padding-right: 16px;
        margin-bottom: 40px;
    }
}

.front-hero__left-column-inner {
    padding-top: 241px;
    padding-bottom: 252px;
    border-top: 1px solid var(--color-grey-92);
    border-bottom: 1px solid var(--color-grey-92);

    @media screen and (max-width: 1024px) {
        padding-block: 54px;
        margin-bottom: 34px;
    }
}

.front-hero__title {
    margin-bottom: 20px;
}

.front-hero__description {
    font-size: 18px;
    line-height: 23.4px;
    margin-bottom: 28px;

    & > *:not(:last-child) {
        margin-bottom: 24px;
    }
}

.front-hero__image {
    @media screen and (min-width: 1025px) {
        width: 47%;
        position: absolute;
        z-index: -1;
        right: 0;
        left: unset;
        height: auto;
        top: 50%;
        transform: translateY(-50%);

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

    @media screen and (max-width: 767px) {
        display: none;
    }
}

.front-hero__image-mobile {
    @media screen and (min-width: 768px) {
        display: none;
    }
}