.mgp-root {
	--mgp-fade-rgb-color: 0, 0, 0;
	position: relative;
	width: 100%;
	overflow: hidden;
	background-color: #0a0a0a;
	box-sizing: border-box;
}
.mgp-root *, .mgp-root *:before, .mgp-root *:after { box-sizing: border-box; }
.mgp-root img { max-width: none; }

.mgp-header { position: relative; z-index: 2; display: flex; justify-content: center; align-items: center; min-height: 100vh; padding: 2vw; }
.mgp-visuals { position: absolute; top: 0; left: 0; width: 100%; height: 120%; object-fit: cover; }
.mgp-layers { position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; }

.mgp-layer-img { position: absolute; top: -17.5%; left: 0; width: 100%; height: 117.5%; pointer-events: none; }
.mgp-layer-img img { width: 100%; height: 100%; object-fit: cover; display: block; }

.mgp-layer-title { position: absolute; top: 0; left: 0; display: flex; justify-content: center; align-items: center; width: 100%; height: 100vh; }
.mgp-title { position: relative; margin: 0 0 0.1em; text-align: center; text-transform: none; font-family: Arial, sans-serif; font-size: 11vw; font-weight: 800; line-height: 1; color: #fff; }

.mgp-fade {
	position: absolute; bottom: 0; left: 0; z-index: 30; width: 100%; height: 20%;
	background: linear-gradient(to top,
		rgba(var(--mgp-fade-rgb-color), 1) 0%, rgba(var(--mgp-fade-rgb-color), 0.738) 19%,
		rgba(var(--mgp-fade-rgb-color), 0.541) 34%, rgba(var(--mgp-fade-rgb-color), 0.382) 47%,
		rgba(var(--mgp-fade-rgb-color), 0.278) 56.5%, rgba(var(--mgp-fade-rgb-color), 0.194) 65%,
		rgba(var(--mgp-fade-rgb-color), 0.126) 73%, rgba(var(--mgp-fade-rgb-color), 0.075) 80.2%,
		rgba(var(--mgp-fade-rgb-color), 0.042) 86.1%, rgba(var(--mgp-fade-rgb-color), 0.021) 91%,
		rgba(var(--mgp-fade-rgb-color), 0.008) 95.2%, rgba(var(--mgp-fade-rgb-color), 0.002) 98.2%,
		transparent 100%);
}

.mgp-line { position: absolute; bottom: -1px; left: 0; z-index: 20; width: 100%; height: 2px; background-color: #000; }

.mgp-content { position: relative; display: flex; justify-content: center; align-items: center; min-height: 100vh; padding: 2vw; }
.mgp-content-icon { position: relative; width: 8em; }
.mgp-content-icon img, .mgp-content-icon svg { width: 100%; height: auto; display: block; color: #efeeec; }

@media screen and (max-width: 767px) { .mgp-title { font-size: 14vw; } }