/* ========================================
                Frontpage {DESKTOP}
                [START]
========================================= */

@media (min-width: 1200px) {

    .hero-overlay-cta {
        font-size: 2.5rem;
    }

    .highlights {
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        width: 80%;
    }

    .highlight__title {
        font-size: 1.25rem;
    }


    /* ========================================
                    About us
                    [START]
    ========================================= */

    .about-us__inner {
        width: 80%;
    }

    .about-us__text {
        width: 50%;
        margin-left: -220px;
        z-index: 1;
    }
    
    .about-us__title {
        font-size: 3.5rem;
        text-shadow: 1px 1px rgb(0, 0, 0, 50%);
    }

    .about-us__description {
        font-size: 1.375rem;
        text-shadow: 1px 1px #000;
    }

    .about-us__img {
        display: block;
        width: 80%;
        height: 440px;
        object-fit: cover;
        filter: grayscale(.2);
        mask-composite: intersect;
        mask-image: linear-gradient(-90deg, #000 40%, transparent), 
                    linear-gradient(0deg, #000 60%, transparent), 
                    linear-gradient(180deg, #000 80%, transparent), 
                    linear-gradient(90deg, #000 80%, transparent);
    }

    /* ========================================
                    About us
                    [END]
    ========================================= */


    /* ========================================
                    Selling
                    [START]
    ========================================= */

    .selling__inner {
        width: 80%;
    }

    .selling__title {
        font-size: 3.5rem;
    }

    .selling__text {
        width: 50%;
    }

    .selling__img {
        display: block;
        width: 50%;
        /* opacity: 0;
        transform: translateX(140px); */
    }

    /* .selling__img.animated-item.visible {
        animation: fade-in-right 2.5s forwards;
    } */

    /* ========================================
                    Selling
                    [END]
    ========================================= */

    .news__title {
        margin-left: 10%;
        font-size: 3rem;
    }


    /* ========================================
                    Reviews
                    [START]
    ========================================= */

    .reviews__inner {
        width: 70%;
    }

    .l-reviews__user-reviews {
        mask-composite: intersect;
        mask-image: linear-gradient(90deg, #000 80%, transparent),
                    linear-gradient(-90deg, #000 80%, transparent);
    }

    .reviews__user-review {
        width: calc( (100% / 2) - (var(--space-xl) / 2) );
    }

    .reviews__user-review:not(.slick-current) {
        filter: brightness(70%) blur(1px);
    }

    .reviews__total {
        margin-left: auto;
        margin-right: 0;
    }

    .reviews__total__score {
        flex-direction: row;
        column-gap: var(--space-xs);
    }

    /* ========================================
                    Reviews
                    [END]
    ========================================= */

}

/* ========================================
                Frontpage {DESKTOP}
                [END]
========================================= */