index-main/assets/css/template/_home.scss

.section--home {

    .btn--bold-inline {
        text-transform: none;
        margin-top: calc(var(--spacing)*1.5);

        svg {
            width: 12px;
            height: 12px;
            top: 0px;
        }

    }



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

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


    @media #{$medium-up} {

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

        .section--inner {
            max-width: 1280px;
            margin: calc(var(--spacing)*3) 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);
        }

        .btn--bold-inline {
            color: var(--color-txt-light);
            border-color: var(--color-txt-light);
            height: calc(var(--h-block) * 0.75);
            // margin: 0 auto;
            margin-top: calc(var(--spacing)*0.75);

            a {
                padding: 0 1ch;
                padding-top: 2px;
            }

            svg {
                fill: var(--color-txt-light);
            }
        }
    }








}




#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-family: var(--title);
        font-size: 45px;
        line-height: 1.1;
        max-width: 26ch;

        @media #{$x-small} {
            font-size: 34px;
        }
    }

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



}


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