.yumin-page-hero { position: relative; aspect-ratio: var(--yumin-page-hero-aspect, 1920 / 869); min-height: 0; display: grid; align-items: end; isolation: isolate; overflow: hidden; color: #fff; background-color: #273630; background-image: var(--yumin-page-hero-image); background-position: var(--yumin-page-hero-position-x, 50%) var(--yumin-page-hero-position-y, 50%); background-size: cover; }
.yumin-page-hero__veil { position: absolute; inset: 0; z-index: 0; pointer-events: none; background: linear-gradient(90deg, rgba(0, 0, 0, var(--yumin-page-hero-overlay-start, 62%)) 0%, rgba(0, 0, 0, .34) 55%, rgba(0, 0, 0, var(--yumin-page-hero-overlay-end, 12%)) 100%); }
.yumin-page-hero__inner { position: relative; z-index: 1; min-width: 0; padding-block: 0 min(5.1042vw, 98px); }
/*
 * 所有公开内页以 Products 首屏为唯一文字基准。页面变体只能定义背景与遮罩，
 * 不能借由专属类改变文字轨道、宽度、字号、间距或垂直锚点。
 */
.yumin-page-hero__content { width: min(100%, 1200px); min-width: 0; }
.yumin-page-hero__eyebrow { max-width: 100%; margin: 0 0 28px; color: #fff; font: 700 28px/1.2 Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif; letter-spacing: 0; text-transform: none; }
.yumin-page-hero__title { width: min(100%, 1200px); margin: 0; color: #fff; font-family: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif; font-size: 60px; font-weight: 800; line-height: .98; letter-spacing: 0; }
.yumin-page-hero__description { width: min(100%, 760px); margin: 30px 0 0; color: #fff; font-family: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif; font-size: 26px; font-weight: 500; line-height: 2.3846; }
/* 文字按统一响应式档位收紧；首屏画布始终维持 1920:869。 */
@media (max-width: 1200px) {
	.yumin-page-hero__eyebrow { margin-bottom: 24px; font-size: 22px; }
	.yumin-page-hero__title { font-size: 52px; }
	.yumin-page-hero__description { margin-top: 24px; font-size: 24px; line-height: 1.8; }
}
@media (max-width: 900px) {
	.yumin-page-hero__eyebrow { margin-bottom: 18px; font-size: 18px; }
	.yumin-page-hero__title { font-size: 42px; }
	.yumin-page-hero__description { margin-top: 18px; font-size: 20px; line-height: 1.6; }
}
@media (max-width: 700px) {
	/* 根据实际视口连续缩放，避免 390px 左右双行标题占满固定比例的首屏。 */
	.yumin-page-hero__inner { padding-block: 0 clamp(16px, 5.1042vw, 32px); }
	.yumin-page-hero__eyebrow { margin-bottom: clamp(5px, 1.282vw, 9px); font-size: clamp(10px, calc(.7692vw + 8px), 13px); line-height: 1.2; }
	.yumin-page-hero__title { font-size: clamp(20px, calc(3.0769vw + 10px), 28px); line-height: 1.05; }
	.yumin-page-hero__description { margin-top: clamp(6px, 2.0513vw, 11px); font-size: clamp(10px, calc(1.5385vw + 5px), 14px); line-height: 1.42; }
}

/*
 * Global Presence 沿用公共首屏的内容、可访问性和响应式文字结构，仅由 variant
 * 提供 PSD 固定的完整拼贴视觉。拼贴属于批准的主题设计素材，不允许后台替换或
 * 拆分，避免维护时打破设计稿中的网格比例、深浅层级与文字安全区。
 */
.yumin-page-hero--global-presence {
	/* 合成图原始比例为 1920:869，容器直接继承共享比例，避免窄屏裁掉拼贴。 */
	background-color: #005e5b;
	background-image: var(--yumin-global-presence-hero);
	background-position: center top;
	background-size: 100% 100%;
	background-repeat: no-repeat;
}
.yumin-page-hero--global-presence .yumin-page-hero__veil { display: none; }

@media (max-width: 700px) {
	/* 窄屏保留完整拼贴素材，文字层由共享首屏的断点规则收紧。 */
	.yumin-page-hero--global-presence {
		background-image: var(--yumin-global-presence-hero);
		background-position: center;
	}
	.yumin-page-hero--global-presence .yumin-page-hero__veil { display: block; background: rgba(0, 56, 53, .68); }
}