.section--home {

    .title-section {
        font-weight: normal;
        font-size: var(--fs-big);
        margin-bottom: calc(var(--spacing)*1);
    }

    .description-section {
        max-width: 42ch;
        font-size: var(--fs-normal);
        line-height: 1.1;
    }

    .btn--home{
        margin-top: calc(var(--spacing)*2);
    }


    @media #{$medium-up} {

        border-bottom: var(--border-light);

        .section--inner {
            max-width: 1280px;
            margin: calc(var(--spacing)*4) auto;
            display: grid;
            --gap: calc(var(--padding-body)*2);
            grid-template-columns: 1fr 640px;
            grid-gap: var(--gap);
        }


        .col-left {
            height: 100%;
            display: flex;
            flex-direction: column;
            align-items: flex-start;

        }

        .col-right {
            width: 100%;
            height: 100%;
        }


    }

    @media #{$medium} {

        // &#home__investigations,
        // &#home__hero {
        //     border-bottom: var(--border-light);
        // }

        // .section--inner {
        //     margin-top: calc(var(--spacing)*3);
        //     margin-bottom: calc(var(--spacing)*4);
        // }

        // .col-left {
        //     display: flex;
        //     flex-wrap: wrap;
        //     align-items: flex-end;
        //     justify-content: space-between;
        //     margin-bottom: calc(var(--spacing)*2);

        //     .title-section {
        //         width: 100%;
        //     }

        // }
    }

    @media #{$x-small} {
        // .section--inner {
        //     margin-top: calc(var(--spacing)*2);
        //     margin-bottom: calc(var(--spacing)*4);
        //     margin-bottom: 0px;
        // }

        // .col-left{
        //     margin-bottom: calc(var(--spacing)*1.5);
        // }


        // .title-section {
        //     margin-bottom: calc(var(--spacing)*0.25);
        // }

        // .description-section {
        //     max-width: 42ch;
        //     font-size: var(--fs-normal);
        // }

    
    }








}




#home__investigations {

    .home-investigations-slider {
        max-width: 500px;
        height: auto;
    }

    .card--article {

        .time-alone {
            display: block;
        }

        .dl,
        .pin {
            display: none;
        }
    }


}


#home__hero {
    margin-top: calc(var(--spacing)*3);
    margin-bottom: calc(var(--spacing)*3);

    @media #{$x-small} {
        margin-top: calc(var(--spacing)*2.5);
        padding-bottom: calc(var(--spacing)*1.5);
        margin-bottom: 0px;

    }


    .section--inner {
        display: block;
    }

    .baseline {
        font-size: var(--fs-big);
        line-height: 1.1;
        max-width: 32ch;
    }

    button {
        margin-top: calc(var(--spacing)*1);
    }



}


#home__folders {
    .card--folder {
        margin-bottom: calc(var(--spacing)*0.5);
    }
}



@media #{$medium} {

    .section--home:not(#home-hero) {      
        border-bottom: var(--border);
        padding-bottom: calc(var(--spacing)*4);
        margin-bottom: calc(var(--spacing)*4);

        .col-left{
            margin-bottom: calc(var(--spacing)*3); 
        }
    }

    #home__hero{
        height: calc(100vh - var(--header-h));
        margin: 0!important;
        border-bottom: none!important;
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        padding-bottom: 25vh!important;
    
    }

    #home__investigations{
        margin-top:  0px;
    }

}