/**
 *	Homepage styles
 *	
 *	slideshow is separate
 *	content is in style.css
 */

#homepage-slideshow .homepage-start-free-btn {
	position: absolute;
	z-index: 25;
	bottom: calc(var(--top-margin) + 3.25rem);
	right: var(--side-margin);
	top: auto;
	display: inline-block;
	padding: 0.75rem 1.5rem;
	background: #fff;
	color: #111;
	text-decoration: none;
	font-weight: 600;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	font-size: 0.8rem;
	transition: filter 0.2s ease;
}

#homepage-slideshow .homepage-start-free-btn:hover,
#homepage-slideshow .homepage-start-free-btn:focus-visible {
	filter: brightness(0.92);
}

@media screen and (max-width: 35em) {
	#homepage-slideshow .homepage-start-free-btn {
		bottom: calc(var(--top-margin) + 3rem);
		padding: 0.65rem 1.1rem;
		font-size: 0.72rem;
	}
}

#homepage-mission {
	opacity: 0;
}

#homepage-mission .excerpt {
	position: relative;
	display: inline-block;
	left: 50%;
	transform: translateX(-50%);
	width: 66%;
}
#homepage-mission .excerpt.inv {
	color: var(--clr-dark);
}

#homepage-editorial {
	--inter-section: 2rem;
	--flex-gap: 2rem;
}

#homepage-editorial.flex {
	justify-content: center;
}
	
@media screen and (max-width: 35em) {
	#homepage-mission .excerpt {
		width: 100%;
	}
}