.home-intro .img-slider-container {
    grid-area: 1/1/span 4/span 14;
    z-index: 1;
    height: 100vh;
    height: 100dvh;
}

.home-intro .img-slider-container .media-container {
    height: 100vh;
    height: 100dvh;
}

/* .home-intro .img-slider-container .media-container::after {
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: linear-gradient(0deg, rgba(255,255,255,.85) 0%, rgba(255,255,255,0) 60%);
} */

.home-intro .home-intro-logo {
    grid-area: 1/2/1/span 12;
    max-width: max(120px, 14.0625vw);
    margin-top: max(24px, 2.1875vw);
    position: relative;
    z-index: 1;
}

.home-intro .content-container {
    display: flex;
    flex-direction: column;
    left: var(--grid-padding);
    bottom: max(96px, 5.625vw);
    z-index: 2;
}

.home-intro .headline {
    margin-bottom: max(16px, 2.5vw);
    max-width: 32ch;
	line-height: 1.8;
    width: fit-content; 
}

.home-intro .headline span {
    background-color: var(--white);
    padding: .125em .5em;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
    border-radius: 100vmin;
}

.home-intro .default-btn {
    grid-area: 4/2/4/span 6;
}

.home-intro .slider-nav {
    grid-area: 4/8/4/span 6;
    margin-bottom: max(64px, 5.625vw);
    margin-right: max(40px, 3.125vw);
    position: relative;
    z-index: 2;
}

.home-intro .slider-nav .slidecount {
    margin-right: 12px;
}

@media (max-width: 767.98px) {
    .home-intro .img-slider-container {
        grid-area: 1/1/span 5/span 14;
    }

    .home-intro .default-btn {
        grid-area: 4/2/4/span 12;
    }

    .home-intro .slider-nav {
        grid-area: 5/2/5/span 12;
        justify-self: center;
        margin-bottom: var(--grid-padding);
        margin-right: 0;
    }  
}