/* HOME TEXT */
.block.--h_text .--title,
.block.--h_text .--text {grid-column: 1/-1;}

.block.--h_text .--text p:nth-of-type(odd) {grid-column: 2/-1;}
.block.--h_text .--text p:nth-of-type(even) {grid-column: 1/-1;}

.block.--h_text .--text {
    margin-top: 1em;
    row-gap: 1em;
}

@media only screen and (min-width: 1096px) {
    .block.--h_text .--title {grid-column: 2/-2;}
    .block.--h_text .--text p:nth-of-type(odd) {grid-column: 3/-2;}
    .block.--h_text .--text p:nth-of-type(even) {grid-column: 2/-2;}
}
 

 

/* 
HOME NUMBERS
*/
.block.--h_numbers {
    padding: 0 var(--size-m);
    row-gap: var(--size-l);
}
.block.--h_numbers .--container {grid-column: 1/-1;}
.block.--h_numbers .--description {margin-top: var(--size-s);}

@media only screen and (min-width: 768px) {
    .block.--h_numbers {column-gap: var(--size-m);}
    .block.--h_numbers .--container {grid-column: span 3;}
}

@media only screen and (min-width: 1096px) {
    .block.--h_numbers {
        padding: 0 var(--size-m);
        column-gap: var(--size-l);
        row-gap: var(--size-xl);
    }

    .block.--h_numbers .--container {
        padding: 0;
        margin: 0 auto;
    }

    .block.--h_numbers .--description {
        margin: 0 0 0 var(--size);
        max-width: 13rem;
    }
}




/* 
PROJECT MEDIA
*/
.block.--p_media.--slideshow .--container{
    scroll-snap-type: x mandatory;
    overflow-x: auto;
    overflow-y: hidden;
}

.block.--p_media.--slideshow figure {scroll-snap-align: center;}

.block-p_media--slideshow-nav {
    right: var(--size);
    bottom: var(--size);
    left: var(--size);
    gap: var(--size-s);
}

.block-p_media--slideshow-nav button {
    width: var(--size);
    height: var(--size);
    background: rgba(200,200,200,.5);
    backdrop-filter: blur(6px);
    border-radius: 2px;
    transition: background 250ms;
}

.block-p_media--slideshow-nav button.--active {background: rgba(200, 200, 200, .95);}




/* VIDEO PLAYER */
.video_player-block[data-status='stop'] .--controls-container {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: fit-content;
    margin: auto;
}

.video_player-block:not([data-status='stop']) .--controls-container {
    right: 0;
    bottom: 0;
    left: 0;
}

.video_player-block .--controls {column-gap: var(--size);}

.video_player-block[data-status='stop'] .--toggle,
.video_player-block[data-status='stop'] .--progress,
.video_player-block[data-status='stop'] .--volume {display: none;}

.video_player-block:not([data-status='stop']) .--start {display: none;}

.video_player-block .--progress {width: 100%;}
.video_player-block .--prog-mark {
    top: calc(50% - 3px);
    left: 0;
    height: 6px;
    background: rgba(255, 255, 255, .75);
}
.video_player-block .--prog-line {
    top: calc(50% - 1px);
    right: 0;
    width: 100%;
    height: 2px;
    background: rgba(255, 255, 255, .75);
}





/* 
PROJECT TEXT
*/
.block.--p_text {
    padding-top: 0;
    padding-bottom: 0;
}
@media only screen and (min-width: 768px) {
    .block.--p_text {padding: var(--size);}
}
@media only screen and (min-width: 1096px) {
    .block.--p_text {padding: var(--size) var(--size-m) var(--size) var(--size);}
}



/* 
PROJECT HIGHLIGHT
*/
.block.--p_highlight {padding: var(--size-m);}
@media only screen and (min-width: 768px) {
    .block.--p_highlight {
        padding: var(--size-l) var(--size-m);
    }
}
@media only screen and (min-width: 1096px) {
    .block.--p_highlight {
        padding: var(--size-xxl) var(--size-xxxl);
    }
}




/* 
VIDEO
*/
.block.--video iframe {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}