/* MXPGAMING homepage responsive authority.
   Loaded last so the homepage uses one coherent sizing system instead of
   historical max-width patches fighting each other. */

body.home{
	--mxp-home-gutter:clamp(24px,5vw,160px);
	--mxp-home-shell-max:2200px;
	--mxp-home-ratio-w:1672;
	--mxp-home-ratio-h:941;
	--mxp-home-surface-top:#08051f;
	--mxp-home-surface-mid:#090625;
	--mxp-home-surface-join:#09071c;
	--mxp-home-surface-deep:#0b0828;
	--mxp-home-top-gap:clamp(18px,2.5svh,40px);
	--mxp-home-bottom-gap:clamp(18px,2.5svh,36px);
	--mxp-home-scroll-gap:clamp(8px,1.2svh,14px);
	--mxp-home-scroll-size:clamp(44px,2.7vw,52px);
	--mxp-home-dots-space:clamp(18px,2svh,24px);
	--mxp-home-fit-height:calc(100svh - var(--header-h,64px) - var(--mxp-home-top-gap) - var(--mxp-home-dots-space) - var(--mxp-home-scroll-size) - var(--mxp-home-scroll-gap) - var(--mxp-home-bottom-gap));
	--mxp-home-shell-width:min(var(--mxp-home-shell-max),calc(100% - (var(--mxp-home-gutter) * 2)));
	--mxp-home-news-shell-max:1120px;
	--mxp-home-news-shell-width:min(var(--mxp-home-news-shell-max),calc(100% - (var(--mxp-home-gutter) * 2)));
}

body.home #site-content{
	background:linear-gradient(180deg,var(--mxp-home-surface-top) 0%,var(--mxp-home-surface-mid) 52%,var(--mxp-home-surface-deep) 100%)!important;
}

body.home .mxp-home-hero,
body.home #projects.mxp-home-hero{
	position:relative!important;
	z-index:31!important;
	min-height:auto!important;
	height:auto!important;
	display:flex!important;
	flex-direction:column!important;
	align-items:center!important;
	justify-content:flex-start!important;
	padding:calc(var(--header-h,64px) + var(--mxp-home-top-gap)) 0 var(--mxp-home-bottom-gap)!important;
	overflow:visible!important;
	background:linear-gradient(180deg,var(--mxp-home-surface-top) 0%,var(--mxp-home-surface-mid) 74%,var(--mxp-home-surface-join) 100%)!important;
}

body.home .mxp-home-hero>.container,
body.home .mxp-home-news-section>.container{
	width:100%!important;
	max-width:none!important;
	margin:0 auto!important;
	padding-left:0!important;
	padding-right:0!important;
	display:flex!important;
	flex-direction:column!important;
	align-items:center!important;
	box-sizing:border-box!important;
}

body.home .mxp-home-hero-card{
	width:var(--mxp-home-shell-width)!important;
	max-width:var(--mxp-home-shell-max)!important;
	margin-left:auto!important;
	margin-right:auto!important;
	box-sizing:border-box!important;
}

body.home .mxp-home-news-card{
	width:var(--mxp-home-news-shell-width)!important;
	max-width:var(--mxp-home-news-shell-max)!important;
	margin-left:auto!important;
	margin-right:auto!important;
	box-sizing:border-box!important;
}

body.home .mxp-home-slider,
body.home .mxp-home-hero-card .project-carousel{
	width:100%!important;
	max-width:100%!important;
	height:auto!important;
	min-height:0!important;
	max-height:none!important;
	aspect-ratio:var(--mxp-home-ratio-w) / var(--mxp-home-ratio-h)!important;
	background:#06143d!important;
	overflow:visible!important;
}

body.home .mxp-home-slider .carousel-slide{
	overflow:hidden!important;
	background-image:var(--mxp-slide-desktop,linear-gradient(135deg,#0b0828 0%,#181246 50%,#211968 100%))!important;
	background-size:contain!important;
	background-position:center!important;
	background-repeat:no-repeat!important;
	image-rendering:auto!important;
	backface-visibility:hidden!important;
	transform:translateZ(0)!important;
	filter:saturate(1.015) contrast(1.01)!important;
	isolation:isolate!important;
	will-change:opacity!important;
}

body.home .mxp-home-slider .carousel-slide::before{
	content:""!important;
	position:absolute!important;
	inset:0!important;
	z-index:0!important;
	pointer-events:none!important;
	background:inherit!important;
	background-image:inherit!important;
	background-size:inherit!important;
	background-position:inherit!important;
	background-repeat:inherit!important;
	opacity:.18!important;
	filter:blur(.32px) saturate(1.035) brightness(1.012)!important;
	transform:translateZ(0) scale(1.002)!important;
	mix-blend-mode:screen!important;
}

body.home .mxp-home-slider .carousel-slide>.slide-caption{
	position:relative!important;
	z-index:2!important;
}

body.home .mxp-home-slider .slide-dots{
	position:absolute!important;
	left:50%!important;
	right:auto!important;
	top:calc(100% + clamp(8px,1.1svh,14px))!important;
	bottom:auto!important;
	transform:translateX(-50%)!important;
	z-index:28!important;
	display:flex!important;
	align-items:center!important;
	justify-content:center!important;
	gap:clamp(8px,1vw,12px)!important;
	width:auto!important;
	height:auto!important;
	margin:0!important;
	padding:0!important;
	pointer-events:auto!important;
}

body.home .mxp-home-slider::before,
body.home .mxp-home-slider::after,
body.home .mxp-home-hero-card::after{
	content:none!important;
	display:none!important;
}

body.home .mxp-home-scroll-cursor{
	position:relative!important;
	align-self:flex-end!important;
	top:auto!important;
	bottom:auto!important;
	right:auto!important;
	left:auto!important;
	width:var(--mxp-home-scroll-size)!important;
	height:var(--mxp-home-scroll-size)!important;
	margin:calc(var(--mxp-home-dots-space) + var(--mxp-home-scroll-gap)) calc((100% - var(--mxp-home-shell-width)) / 2 + clamp(12px,1.2vw,22px)) 0 0!important;
	z-index:42!important;
	background:rgba(6,5,26,.64)!important;
	border-color:rgba(245,196,73,.52)!important;
	box-shadow:0 8px 22px rgba(0,0,0,.42),0 0 18px rgba(245,196,73,.22)!important;
	backdrop-filter:none!important;
	-webkit-backdrop-filter:none!important;
	color:var(--gold)!important;
}

body.home .mxp-home-scroll-cursor:hover,
body.home .mxp-home-scroll-cursor:focus-visible{
	background:rgba(6,5,26,.64)!important;
	border-color:rgba(245,196,73,.52)!important;
	box-shadow:0 8px 22px rgba(0,0,0,.42),0 0 18px rgba(245,196,73,.22)!important;
	backdrop-filter:none!important;
	-webkit-backdrop-filter:none!important;
	color:var(--gold)!important;
	animation-play-state:running!important;
}

body.home .mxp-home-news-section{
	position:relative!important;
	z-index:20!important;
	margin-top:-1px!important;
	padding-top:clamp(72px,8vw,128px)!important;
	background:linear-gradient(180deg,var(--mxp-home-surface-join) 0%,#0a0822 34%,var(--mxp-home-surface-deep) 100%)!important;
}

body.home .mxp-home-news-section::before{
	background:linear-gradient(180deg,var(--mxp-home-surface-join) 0%,rgba(9,7,28,0) 100%)!important;
}

body.home .mxp-home-news-card .news-area{
	width:100%!important;
	max-width:100%!important;
}

@media(min-width:761px) and (max-height:1100px){
	body.home{
		--mxp-home-shell-width:min(1900px,calc(100% - (var(--mxp-home-gutter) * 2)),calc(var(--mxp-home-fit-height) * var(--mxp-home-ratio-w) / var(--mxp-home-ratio-h)));
	}
}

@media(max-width:560px){
	body.home{
		--mxp-home-gutter:14px;
		--mxp-home-shell-max:680px;
		--mxp-home-news-shell-max:680px;
		--mxp-home-scroll-size:42px;
		--mxp-home-dots-space:22px;
		--mxp-home-top-gap:clamp(24px,9svh,86px);
		--mxp-home-bottom-gap:18px;
		--mxp-home-scroll-gap:14px;
		--mxp-home-shell-width:min(680px,calc(100% - 28px));
		--mxp-home-news-shell-width:min(680px,calc(100% - 28px));
	}

	body.home .mxp-home-hero,
	body.home #projects.mxp-home-hero{
		min-height:auto!important;
		justify-content:flex-start!important;
		padding-top:calc(var(--header-h,64px) + var(--mxp-home-top-gap))!important;
		padding-bottom:clamp(30px,7svh,58px)!important;
	}

	body.home .mxp-home-slider,
	body.home .mxp-home-hero-card .project-carousel{
		aspect-ratio:1122 / 1402!important;
	}

	body.home .mxp-home-slider .carousel-slide{
		background-image:var(--mxp-slide-mobile,var(--mxp-slide-desktop,linear-gradient(135deg,#0b0828 0%,#181246 50%,#211968 100%)))!important;
	}

	body.home .mxp-home-scroll-cursor{
		position:relative!important;
		align-self:flex-end!important;
		top:auto!important;
		right:auto!important;
		bottom:auto!important;
		left:auto!important;
		margin:calc(var(--mxp-home-dots-space) + var(--mxp-home-scroll-gap)) calc((100% - var(--mxp-home-shell-width)) / 2 + 12px) 0 0!important;
	}

	body.home .mxp-home-slider .slide-dots{
		top:calc(100% + 10px)!important;
	}
}

@media(max-width:420px){
	body.home{
		--mxp-home-gutter:14px;
		--mxp-home-shell-width:calc(100% - 28px);
		--mxp-home-news-shell-width:calc(100% - 28px);
		--mxp-home-scroll-size:42px;
	}
}