/* ==========================================================================
   MODULE: components/photo-section (.wzs-sec + .wzs-sec--ink + .wzs-photo + .wzs-lead)
   사진 배경 풀블리드 섹션. 배경 이미지는 인라인 style="--wzs-photo:url(...)" 로 주입.
   ========================================================================== */

.wzs-sec {
	position: relative;
	padding: var(--wzs-space-8) var(--wzs-space-4);
	color: var(--wzs-white);
}

.wzs-sec.wzs-photo {
	background-image:
		linear-gradient(180deg, rgba(16, 24, 40, 0.55) 0%, rgba(16, 24, 40, 0.75) 100%),
		var(--wzs-photo);
	background-size: cover;
	background-position: center;
}

.wzs-sec--ink {
	background: var(--wzs-ink);
}

.wzs-sec-inner {
	max-width: var(--wzs-container);
	margin: 0 auto;
}

/* 사진 위에 얹는 리드 텍스트 */
.wzs-lead {
	max-width: 640px;
}

.wzs-lead-eyebrow {
	display: block;
	font-size: var(--wzs-fs-sm);
	font-weight: 700;
	letter-spacing: 0.04em;
	color: var(--wzs-amber);
	margin-bottom: var(--wzs-space-2);
}

.wzs-lead h2,
.wzs-lead h1 {
	color: var(--wzs-white);
	font-size: var(--wzs-fs-4xl);
}

.wzs-lead p {
	margin-top: var(--wzs-space-3);
	font-size: var(--wzs-fs-lg);
	color: rgba(255, 255, 255, 0.85);
	line-height: var(--wzs-lh-article);
}