/* ============================================================
   Contact Hero — Section 01
   Figma 828:1419 / 828:1713
   左：Anton 60px 标题 + Montserrat Bold 20px 副标题 + Medium 16px 描述
   右：产品/工厂图片（677×519px）
   背景：白→#d0e4ff 渐变，高度 625px
   设计基准 1280px
   ============================================================ */

.sparta-contact-hero {
	position: relative;
	width: 100%;
	height: 625px;
	background: linear-gradient( 180deg, #ffffff 0%, #d0e4ff 100% );
	overflow: hidden;
}

/* ── 内容层 ── */
.sparta-contact-hero__inner {
	position: relative;
	max-width: 1280px;
	margin: 0 auto;
	height: 100%;
}

/* ── 左侧文字块 ── */
/* Figma: left 39px, top 316px（页面坐标）→ 去掉 header 150px → section top 166px */
.sparta-contact-hero__text {
	position: absolute;
	left: 39px;
	top: 166px;
	width: 436px;
}

/* 大标题：Anton 60px #012f73，line-height 70px */
.sparta-contact-hero__title {
	font-family: 'Anton', sans-serif;
	font-size: 60px;
	font-weight: 400;
	line-height: 70px;
	color: #012f73;
	margin: 0 0 26px 0;
}

/* 副标题：Montserrat Bold 20px #012f73 */
.sparta-contact-hero__subtitle {
	font-family: 'Montserrat', sans-serif;
	font-size: 20px;
	font-weight: 700;
	line-height: 25px;
	color: #012f73;
	margin: 0 0 50px 0;
}

/* 描述：Montserrat Medium 16px #043580 */
.sparta-contact-hero__desc {
	font-family: 'Montserrat', sans-serif;
	font-size: 16px;
	font-weight: 500;
	line-height: 25px;
	color: #043580;
	margin: 0;
}

/* ── 右侧图片 ── */
/* Figma: left 564px, top 203px（页面）→ section top: 203-150=53px */
.sparta-contact-hero__image {
	position: absolute;
	left: 564px;
	top: 53px;
	width: 677px;
	height: 519px;
	overflow: hidden;
}

.sparta-contact-hero__image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

/* ── 响应式 ── */
@media ( min-width: 1800px ) {
	.sparta-contact-hero {
		height: 720px;
	}
	.sparta-contact-hero__inner {
		max-width: 1600px;
	}
	.sparta-contact-hero__text {
		left: 60px;
		top: 160px;
		width: 520px;
	}
	.sparta-contact-hero__title {
		font-size: 72px;
	}
	.sparta-contact-hero__image {
		left: 700px;
		top: 60px;
		width: 840px;
		height: 600px;
	}
}

@media ( min-width: 768px ) and ( max-width: 1279px ) {
	.sparta-contact-hero {
		height: auto;
		min-height: 480px;
		padding: 60px 32px;
	}
	.sparta-contact-hero__inner {
		position: static;
		display: flex;
		flex-direction: column;
		gap: 40px;
	}
	.sparta-contact-hero__text {
		position: static;
		width: 100%;
	}
	.sparta-contact-hero__image {
		position: static;
		width: 100%;
		height: 360px;
	}
	.sparta-contact-hero__title {
		font-size: 48px;
		line-height: 56px;
	}
}

@media ( max-width: 767px ) {
	.sparta-contact-hero {
		height: auto;
		padding: 48px 16px;
	}
	.sparta-contact-hero__inner {
		position: static;
		display: flex;
		flex-direction: column;
		gap: 32px;
	}
	.sparta-contact-hero__text {
		position: static;
		width: 100%;
	}
	.sparta-contact-hero__image {
		position: static;
		width: 100%;
		height: 240px;
	}
	.sparta-contact-hero__title {
		font-size: 36px;
		line-height: 44px;
		margin-bottom: 16px;
	}
	.sparta-contact-hero__subtitle {
		font-size: 16px;
		margin-bottom: 24px;
	}
	.sparta-contact-hero__desc {
		font-size: 14px;
	}
}