/* ==========================================================================
   Hero
   ========================================================================== */

.home-hero {
	position: relative;
	min-height: 100vh;
	overflow: hidden;
	display: flex;
	align-items: end;
	padding: calc( 8rem + var(--menu-height) ) 0 8rem 0;
}

.home-hero:before {
	position: absolute;
	content: "";
	z-index: 1;
	
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
	
	background-color: rgba(0, 0, 0, .4);
}

.home-hero .hero-image {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    
    object-fit: cover;
    object-position: center top;
    z-index: 0;
    will-change: transform;
	z-index: 0;
}

.home-hero .container {
	position: relative;
	z-index: 2;
}

.home-hero__content {
	
}

.home-hero__content .accent {
	color: var(--white-1);
}

.home-hero__content .title-1 {
	color: var(--white-1);
}

.home-hero__content .text {
	color: var(--white-2);
	margin: 3.2rem 0 4rem 0;
}

.home-hero__content .flex {
	display: flex;
	flex-wrap: wrap;
	gap: 2.4rem;
	margin-bottom: 2.4rem;
}

.home-hero__content .text .button {
	
}

.home-hero__content .text-s {
	color: var(--white-3);
}