/*
 * JO26 GRAFIX hybrid styles.
 * Ordinary section design is stored in Elementor. This file only keeps the
 * cinematic hero behavior, background blend, and mobile safeguards.
 */

body.elementor-page-2347 {
	overflow-x: clip;
	background: #08070d;
}

body.elementor-page-2347 .elementor,
body.elementor-page-2347 .elementor-section {
	max-width: 100%;
	overflow-x: clip;
}

body.elementor-page-2347 .grafix-hero,
body.elementor-page-2347 .elementor-section:has(.grafix-hero-title) {
	position: relative;
	isolation: isolate;
	min-height: 760px;
	display: flex;
	align-items: center;
	background:
		linear-gradient(180deg, rgba(4, 4, 8, 0.46), rgba(4, 4, 8, 0.86)),
		url("../../../../uploads/2026/07/grafix-space-hero.png") center center / cover no-repeat !important;
	background-attachment: fixed !important;
}

body.elementor-page-2347 .grafix-hero::after,
body.elementor-page-2347 .elementor-section:has(.grafix-hero-title)::after {
	position: absolute;
	inset: auto 0 0;
	z-index: -1;
	height: 34%;
	content: "";
	background: linear-gradient(180deg, rgba(8, 7, 13, 0), #08070d);
}

body.elementor-page-2347 .grafix-hero-panel > .elementor-widget-wrap,
body.elementor-page-2347 .elementor-column:has(.grafix-hero-title) > .elementor-widget-wrap {
	max-width: 940px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}

body.elementor-page-2347 .grafix-primary-button .elementor-button:hover,
body.elementor-page-2347 .grafix-secondary-button .elementor-button:hover {
	transform: translateY(-2px);
}

@media (max-width: 767px) {
	body.elementor-page-2347 .grafix-hero,
	body.elementor-page-2347 .elementor-section:has(.grafix-hero-title) {
		min-height: 680px;
		background-attachment: scroll !important;
	}

	body.elementor-page-2347 .grafix-primary-button,
	body.elementor-page-2347 .grafix-secondary-button,
	body.elementor-page-2347 .grafix-primary-button .elementor-button,
	body.elementor-page-2347 .grafix-secondary-button .elementor-button {
		width: 100%;
	}
}