/**
 * LB Capabilities: Hero
 * Figma 1787:1456 — full-bleed photo, h:620px
 * Text column x:732 w:506 (right side), vertically centred (top 84 / bottom 85)
 * Type A (full-bleed breakout) + __inner standard (max-width:1600px)
 */

/* ── Full-bleed breakout ───────────────────────────────────── */
.lianbang-capabilities-hero {
	position: relative;
	margin-left:  calc(50% - 50vw);
	margin-right: calc(50% - 50vw);
	width: auto;
	min-height: 620px;
	background-color: #0b1220;
	overflow: hidden;
	display: flex;
	align-items: center;
}

.lianbang-capabilities-hero__media,
.lianbang-capabilities-hero__bg {
	position: absolute;
	inset: 0;
	display: block;
	width: 100%;
	height: 100% !important;
	max-width: none;
}

/* Figma 图片偏移 left:-6.98% top:-7.54% → 焦点略偏左上 */
.lianbang-capabilities-hero__bg {
	object-fit: cover;
	object-position: 30% 40%;
}

/* 右半边文字区加暗，换浅色图时白字仍可读 */
.lianbang-capabilities-hero__overlay {
	position: absolute;
	inset: 0;
	background: linear-gradient(90deg, rgba(0,0,0,0) 35%, rgba(0,0,0,0.55) 100%);
	pointer-events: none;
}

/* ── Inner container ───────────────────────────────────────── */
.lianbang-capabilities-hero__inner {
	position: relative;
	z-index: 1;
	box-sizing: border-box;
	width: 100%;
	max-width: 1600px;
	margin: 0 auto;
	padding: 0 30px;
	display: flex;
	justify-content: flex-end;
}

/* Figma x:732→1238 超出右侧 gutter 28px；这里贴齐 gutter，与 Header 右缘对齐 */
.lianbang-capabilities-hero__content {
	flex: 0 1 506px;
	padding: 72px 0;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}

/* Title — Montserrat ExtraBold 64px / 75px, white */
.lianbang-capabilities-hero__title {
	margin: 0;
	font-family: 'Montserrat', sans-serif;
	font-weight: 800;
	font-size: 64px;
	line-height: 75px;
	color: #fff;
}

/* Desc — 字号/行高走全站 p[class*="__desc"]（18px / 1.6），这里只定颜色与间距 */
.lianbang-capabilities-hero__desc {
	margin: 17px 0 0;
	color: #fff;
}

/* ── Button ─────────────────────────────────────────────────── */
/* Figma 1780:1068: border 2px white, 212×52, radius 26, text + arrow 居中 */
.lianbang-capabilities-hero__btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 12px;
	box-sizing: border-box;
	min-width: 212px;
	height: var(--lb-btn-h, 52px);
	margin-top: 32px;
	padding: 0 23px;
	border: 2px solid #fff;
	border-radius: var(--lb-btn-radius, 26px);
	background-color: transparent;
	text-decoration: none;
	transition: background-color 0.2s ease, border-color 0.2s ease;
}

.lianbang-capabilities-hero__btn:hover,
.lianbang-capabilities-hero__btn:focus-visible {
	background-color: #f28a1a;
	border-color: #f28a1a;
	text-decoration: none;
}

.lianbang-capabilities-hero__btn-text {
	font-family: var(--lb-font-body);
	font-weight: 700;
	font-size: var(--lb-btn-font-size, 18px);
	line-height: var(--lb-btn-line-height, 20px);
	color: #fff;
	white-space: nowrap;
}

.lianbang-capabilities-hero__btn-icon {
	display: flex;
	flex-shrink: 0;
	width: 20px;
	height: 20px;
}

/* ── ≥1600：文字列随屏幕放宽 ──────────────────────────────── */
@media (min-width: 1600px) {
	.lianbang-capabilities-hero {
		min-height: 700px;
	}

	.lianbang-capabilities-hero__content {
		flex-basis: 600px;
	}
}

/* ── Tablet ─────────────────────────────────────────────────── */
@media (max-width: 1279px) {
	.lianbang-capabilities-hero {
		min-height: 560px;
	}

	.lianbang-capabilities-hero__content {
		flex-basis: 460px;
		padding: 72px 0;
	}

	.lianbang-capabilities-hero__title {
		font-size: 48px;
		line-height: 1.15;
	}
}

/* ── Mobile：文字全宽、靠下，蒙层改为自下而上 ───────────────── */
@media (max-width: 767px) {
	.lianbang-capabilities-hero {
		min-height: 520px;
		align-items: flex-end;
	}

	.lianbang-capabilities-hero__overlay {
		background: linear-gradient(180deg, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0.7) 60%);
	}

	.lianbang-capabilities-hero__inner {
		padding: 0 20px;
	}

	.lianbang-capabilities-hero__content {
		flex-basis: 100%;
		padding: 160px 0 48px;
	}

	/* 标题字号由全站手机 Hero 规则统一为 32 / 40 */
	.lianbang-capabilities-hero__desc {
		margin-top: 14px;
	}

	.lianbang-capabilities-hero__btn {
		margin-top: 24px;
	}
}