/* 
BACKGROUND
*/
#home_p-hero {
    min-height: 100dvh;
    max-height: 100dvh;
    background: black;
    z-index: 5;
}
body[data-template="home"] #home_p-hero {background: white;}

#home_p-hero video {opacity: .75;}
body[data-template="home"] #home_p-hero video {opacity: 0;}


/* 
SCROLL
*/
#home_p-scroll--container {
    min-height: 100dvh;
    max-height: 100dvh;
    width: fit-content;
    margin: 0 auto;
    z-index: 120;
}

body[data-template="home"] #home_p-scroll--container button {opacity: 0;}



/* 
MAIN
*/
#home_p-main {
    /* margin-top: 100dvh; */
    row-gap: var(--size-xxl);
    background: white;
    z-index: 10;
}
@media only screen and (min-width: 768px) {
    #home_p-main {
        row-gap: var(--size-xxxl);
    }
}

@media only screen and (min-width: 1096px) {
    #home_p-main {
        padding-top: var(--size-xxl);
    }
}


/* BLOCKS */
#home_p-blocks {row-gap: var(--size-xxl);}
@media only screen and (min-width: 1096px) {
    #home_p-blocks {row-gap: var(--size-xxxl);}
}


/* SERVICES */
#home_p-services > h3 {
    grid-column: 1/-1;
    width: fit-content;
    height: fit-content;
}

#home_p-services > ul {
    margin-top: 1em;
    grid-column: 1/-1;
    columns: 2;
}

#home_p-services li {width: fit-content;}
#home_p-services a {transition: opacity 500ms;}

#home_p-slideshow {
    grid-column: 1/-1;
    min-width: 100vw;
    max-width: 100vw;
    margin: var(--size) -1rem 0;
    column-gap: var(--size-s);
    overflow: hidden;
}

.home_p-services--figure {
    min-width: 100vw;
    max-width: 100vw;
}

.home_p-services--figure figcaption {
    margin-top: .25em;
    padding: 0 1rem;
}

@media only screen and (min-width: 768px) {
    #home_p-services > h3 {grid-column: 1/3;}
    #home_p-services > ul {
        grid-column: 3/-1;
        margin-top: 0;
        columns: unset !important;
    }

    #home_p-slideshow {
        grid-column: 1/-1;
        min-width: 100vw;
        max-width: 100vw;
        margin: var(--size-m) -1rem 0;
        column-gap: var(--size-s);
        overflow: hidden;
    }

    .home_p-services--figure {
        min-width: 66vw;
        max-width: 66vw;
    }

    .home_p-services--figure figcaption {padding: 0;}
}

@media only screen and (min-width: 1096px) {
    #home_p-services > h3 {
        grid-column: 1/7;
        margin-left: var(--size-l);
    }

    #home_p-services > ul {
        grid-column: 7/-1;
        columns: 2;
        column-gap: var(--size);
    }

    .home_p-services--figure {
        top: 0;
        min-width: unset;
        max-width: unset;
        display: none;
    }
}

@media only screen and (min-width: 2048px) {
    #home_p-services > ul {columns: 4;}
}

@media (hover: hover) {
    #home_p-services:hover a {opacity: .25;}
    #home_p-services a:hover {opacity: 1;}
}




/* NEWS */
#home_p-news h3 {margin-bottom: var(--size);}
#home_p-news .--column {
    grid-column: 1/-1;
    row-gap: var(--size);
}
@media only screen and (min-width: 768px) {
    #home_p-news .--column {grid-column: span 3;}
}
@media only screen and (min-width: 1096px) {
    #home_p-news .--column {grid-column: span 6;}
}