/* home */

.main_home {
	position: relative;
	background: url('/site/assets/images/bg_test.jpg') no-repeat center center;
	background-size: cover;
	overflow: hidden;
}

.home_texture {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: url('/site/assets/images/bg_test.jpg') no-repeat center center;
	background-size: cover;
	opacity: 0.5;
	z-index: 1;
	transform: scale(1.05);
	transition: var(--transition);
}

.home_grid {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	flex: 1;
	padding: var(--gap-small);
	z-index: 2;
	backdrop-filter: blur(2px) grayscale(100%);
	transition: backdrop-filter 0.2s ease-in-out, transform 0.2s ease-in-out;

}

.main_home:has(.home_content:hover) .home_grid {
	backdrop-filter: none;
	opacity: 1;
	transform: scale(1);
	transition: backdrop-filter 0.2s ease-in-out, transform 0.2s ease-in-out;
}

.main_home:has(.home_content:hover) .home_texture {
	backdrop-filter: none;
	opacity: 0;
	transition: var(--transition);
}

.home_content {
	max-width: 566px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.hgc_logo {
	width: 100%;
	background: url('/site/assets/images/logo_punched_white.svg') no-repeat center center;
	background-size: contain;
	transition: opacity 0.2s ease-in-out;
}

.hgc_logo img {
	transition: opacity 0.2s ease-in-out;
}

.main_home:has(.home_content:hover) .hgc_logo {
	opacity: 0.5;
	transition: opacity 0.2s ease-in-out;
}

.main_home:has(.home_content:hover) .hgc_logo img {
	opacity: 0;
	transition: opacity 0.2s ease-in-out;
}

.hgc_links {
	width: 100%;
	text-align: left;
	padding-left: 18%;
	padding-block: var(--gap);
}



.hgc_links nav {
	display: flex;
	flex-direction: column;
}

/* default page */

main.eou_default_page{
	padding:20px;
	background-color: var(--off-white, #F2F3F0);	
}

.eou_main_content{
	padding-top:200px;
	font-size:var(--step-0);
}

@media (min-width: 768px) {

	.eou_main_content{
		padding-top:0;
	}
}