@charset "UTF-8";
/**
 * LUXE ENTRY Concept ページ（Concept (LUXE)）スタイル
 *
 * Concept.dc.html デザインの移植。templates/page-concept.php でのみ読み込む
 * （inc/setup.php で条件付き enqueue）。ページヒーロー・タイル・CTA は
 * css/style.css の共通部品（.luxe-hero / .luxe-tiles / .luxe-cta）を再利用する。
 */

/* ============================================================
 * ③ ステートメント + 写真
 * ============================================================ */
.luxe-concept-statement {
	padding: 40px var(--luxe-pad-x) 110px;
	max-width: var(--luxe-maxw);
	margin: 0 auto;
	display: grid;
	grid-template-columns: 1fr 0.9fr;
	gap: 80px;
	align-items: center;
}

.luxe-concept-statement__text {
	font-family: var(--luxe-mincho);
	font-size: 16px;
	line-height: 2.3;
	color: #4a443c;
	letter-spacing: 0.04em;
}

.luxe-concept-statement__em {
	color: #9a7f63;
}

.luxe-concept-statement__brand {
	font-style: italic;
	font-family: var(--luxe-serif);
	font-size: 19px;
}

.luxe-concept-statement__media {
	position: relative;
}

.luxe-concept-statement__img {
	display: block;
	width: 100%;
	height: 500px;
	object-fit: cover;
	position: relative;
	z-index: 1;
}

/* ============================================================
 * ④ 暗背景プルクォート
 * ============================================================ */
.luxe-concept-quote {
	background: var(--luxe-dark);
	color: #ece4d8;
	padding: 120px var(--luxe-pad-x);
	text-align: center;
}

.luxe-concept-quote__inner {
	max-width: 840px;
	margin: 0 auto;
}

.luxe-concept-quote__script {
	font-size: 44px;
	color: var(--luxe-gold-2);
	margin-bottom: 30px;
}

.luxe-concept-quote__text {
	font-family: var(--luxe-mincho);
	font-size: 18px;
	line-height: 2.2;
	color: #e0d6c8;
	letter-spacing: 0.05em;
}

.luxe-concept-quote__em {
	color: #f4eee5;
}

/* ============================================================
 * ⑤ Know · Try · Reach（共通タイルを使用）
 * ============================================================ */
.luxe-concept-keywords {
	padding: 104px var(--luxe-pad-x);
	max-width: var(--luxe-maxw);
	margin: 0 auto;
}

/* ============================================================
 * レスポンシブ
 * ============================================================ */
@media (max-width: 860px) {
	.luxe-concept-statement {
		grid-template-columns: 1fr;
		gap: 44px;
		padding: 24px var(--luxe-pad-x) 72px;
	}
	.luxe-concept-statement__img { height: 380px; }

	.luxe-concept-quote { padding: 72px var(--luxe-pad-x); }
	.luxe-concept-quote__script { font-size: 34px; }
	.luxe-concept-quote__text { font-size: 16px; }

	.luxe-concept-keywords { padding: 64px var(--luxe-pad-x) 72px; }
}