/* ============================================================
   lianbang-quality-hero
   Figma: 847:629 (bg + 25% 黑色蒙层) + 847:631 (eyebrow, 白字)
          + 847:630 (title, 白字)
   Design: 1280×504px | Type A（全铺背景 + 居中内容）
   ============================================================ */

.lianbang-quality-hero {
	position: relative;
	display: flex;
	align-items: center;
	margin-left: calc(50% - 50vw);
	margin-right: calc(50% - 50vw);
	min-height: 504px;
	background-color: #0d2c56; /* 无图时的深蓝占位 */
	overflow: hidden;
}

.lianbang-quality-hero__bg {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	pointer-events: none;
}

/* 25% 黑色蒙层（Figma: bg-[rgba(0,0,0,0.25)]），保证白字可读 */
.lianbang-quality-hero__overlay {
	position: absolute;
	inset: 0;
	background-color: rgba(0, 0, 0, 0.25);
	pointer-events: none;
}

.lianbang-quality-hero__inner {
	position: relative;
	z-index: 1;
	max-width: 1600px;
	width: 100%;
	margin: 0 auto;
	padding: 0 30px;
	box-sizing: border-box;
}

/* Eyebrow — SF Pro Bold 32px, 白色（Figma 847:631）*/
.lianbang-quality-hero__eyebrow {
	margin: 0 0 46px 0;
	font-family: 'SF Pro Text', 'Nunito Sans', sans-serif;
	font-weight: 700;
	font-size: 32px;
	line-height: 1.25;
	color: #ffffff;
}

/* Title — Montserrat Bold 40px, 白色, max-width 534px（Figma 847:630）*/
.lianbang-quality-hero__title {
	margin: 0;
	max-width: 534px;
	font-family: 'Montserrat', sans-serif;
	font-weight: 700;
	font-size: 40px;
	line-height: 1.2;
	color: #ffffff;
}

/* ══════════════════════════════════════════════════════════════
   响应式
   ══════════════════════════════════════════════════════════════ */

@media (max-width: 1023px) {
	.lianbang-quality-hero {
		min-height: 420px;
	}
	.lianbang-quality-hero__eyebrow {
		font-size: 26px;
		margin-bottom: 32px;
	}
	.lianbang-quality-hero__title {
		font-size: 34px;
		max-width: 460px;
	}
}

@media (max-width: 767px) {
	.lianbang-quality-hero {
		min-height: 340px;
	}
	.lianbang-quality-hero__inner {
		padding: 0 20px;
	}
	.lianbang-quality-hero__eyebrow {
		font-size: 20px;
		margin-bottom: 20px;
	}
	.lianbang-quality-hero__title {
		font-size: 26px;
		max-width: 100%;
	}
}