@charset "UTF-8";
/* =====================================================================
 *  AI×Web 記事LP  ―  ai_web_article.css
 *  Design : Editorial / Dawn-Gradient / Silent Luxury
 *  Palette: 11-step Universal Optimality  (#0D0D0D → #FFFFFF)
 *  Scope  : body.aiwa-page 名前空間で Cocoon 完全遮断
 * ===================================================================== */

/* ───────────────────────────────────────────────────────────────
   1.  RESET / SCOPE
   ─────────────────────────────────────────────────────────────── */
body.aiwa-page,
body.aiwa-page *,
body.aiwa-page *::before,
body.aiwa-page *::after {
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	-webkit-text-size-adjust: 100%;
}

body.aiwa-page {
	/* ── 11-step palette ─────────────────────── */
	--awa-c1:  #0D0D0D; /* 深淵 Abyss   */
	--awa-c2:  #1A1A1A; /* 影   Shade   */
	--awa-c3:  #262626; /* 境界 Edge    */
	--awa-c4:  #333333; /* 兆光 Glimmer */
	--awa-c5:  #404040; /* 微光 Dimlight*/
	--awa-c6:  #555555; /* 灯   Lamp    */
	--awa-c7:  #707070; /* 昇光 Rise    */
	--awa-c8:  #9C9C9C; /* 明層 Layer（可読性向上のため明度アップ） */
	--awa-c9:  #B6B6B6; /* 透明 Clear（可読性向上のため明度アップ） */
	--awa-c10: #CFCFCF; /* 光冠 Halo    */
	--awa-c11: #FFFFFF; /* 白耀 Blaze   */

	/* ── accent / semantic ──────────────────── */
	--awa-gold:      #C9A96E;
	--awa-gold-lt:   #E4CB94;
	--awa-ink:       #EDEDED;
	--awa-ink-dim:   #B8B8B8;
	--awa-ink-mute:  #7A7A7A;
	--awa-line:      rgba(255,255,255,0.10);
	--awa-gold-deep: #8B5E14; /* 明トーン専用・深く彩度の高い琥珀（"くすみ"を排除） */

	/* ── typography scale ───────────────────── */
	--awa-serif:  'Noto Serif JP', 'Cormorant Garamond', 'YuMincho', 'Hiragino Mincho ProN', serif;
	--awa-sans:   'Noto Sans JP', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', sans-serif;
	--awa-latin:  'Cormorant Garamond', 'Noto Serif JP', serif;

	/* ── measure ────────────────────────────── */
	--awa-measure: 42rem;      /* 本文の理想幅（読みやすさ最優先） */
	--awa-gutter:  clamp(1.25rem, 4vw, 2.5rem);

	margin: 0;
	background: var(--awa-c1);
	color: var(--awa-ink);
	font-family: var(--awa-sans);
	font-size: 17px;
	line-height: 1.95;
	font-feature-settings: "palt" 1;
	overflow-x: hidden;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	scroll-behavior: smooth;
	line-break: strict;        /* 行頭に句読点・閉じ括弧等が来ないよう禁則処理を厳格化 */
	word-break: normal;        /* 本文の日本語は通常の改行規則を維持 */
	overflow-wrap: break-word; /* 長い英単語・URL等がはみ出す場合のみ安全に折り返す */
}

body.aiwa-page a          { color: inherit; text-decoration: none; }
body.aiwa-page img        { max-width: 100%; height: auto; display: block; }
body.aiwa-page button     { font: inherit; color: inherit; background: transparent; border: 0; cursor: pointer; }
body.aiwa-page .pc        { display: inline; }
@media (max-width: 720px) {
	body.aiwa-page .pc    { display: none; }
}

/* ───────────────────────────────────────────────────────────────
   1.5A  日本語の改行制御（見出し・短文フレーズの単語割れ防止）
   ─────────────────────────────────────────────────────────────── */
body.aiwa-page .awa-hero__title,
body.aiwa-page .awa-hero__q,
body.aiwa-page .awa-hero__sub,
body.aiwa-page .awa-hero__lede,
body.aiwa-page .awa-hero__eyebrow,
body.aiwa-page .awa-cta__title,
body.aiwa-page .awa-cta__lede,
body.aiwa-page .awa-cta__eyebrow,
body.aiwa-page .awa-chapter__title,
body.aiwa-page .awa-chapter__no,
body.aiwa-page .awa-p--emphasis,
body.aiwa-page .awa-p--closing,
body.aiwa-page .awa-quote,
body.aiwa-page .awa-card__title,
body.aiwa-page .awa-compare__label,
body.aiwa-page .awa-stat__label,
body.aiwa-page .awa-metric__label,
body.aiwa-page .awa-timeline__label,
body.aiwa-page .awa-questions li {
	word-break: keep-all;       /* 単語・句の意味のまとまりの途中で改行しない */
	overflow-wrap: break-word;  /* 極端に狭い画面でのみ安全に折り返す（保険） */
}

/* ───────────────────────────────────────────────────────────────
   1.5B  環境光パーティクル（Ember → Silver Dust）
   ─────────────────────────────────────────────────────────────── */
body.aiwa-page .awa-bgfx {
	position: fixed;
	inset: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	pointer-events: none;
	mix-blend-mode: screen;
	opacity: 0.8;
}
@media (max-width: 640px) {
	body.aiwa-page .awa-bgfx { opacity: 0.5; }
}
@media (prefers-reduced-motion: reduce) {
	body.aiwa-page .awa-bgfx { display: none; }
}

/* ───────────────────────────────────────────────────────────────
   2.  上端 プログレスバー
   ─────────────────────────────────────────────────────────────── */
body.aiwa-page .awa-progress {
	position: fixed;
	top: 0; left: 0; right: 0;
	height: 2px;
	background: rgba(255,255,255,0.04);
	z-index: 100;
	pointer-events: none;
}
body.aiwa-page .awa-progress__bar {
	display: block;
	height: 100%;
	width: 0%;
	background: linear-gradient(90deg, var(--awa-gold), var(--awa-gold-lt), var(--awa-c11));
	box-shadow: 0 0 12px rgba(201,169,110,0.6);
	transition: width 0.15s ease-out;
}

/* ───────────────────────────────────────────────────────────────
   3.  NAV
   ─────────────────────────────────────────────────────────────── */
body.aiwa-page .awa-nav {
	position: fixed;
	top: 0; left: 0; right: 0;
	z-index: 90;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 1.1rem clamp(1.25rem, 4vw, 2.5rem);
	background: rgba(13,13,13,0.55);
	backdrop-filter: blur(14px);
	-webkit-backdrop-filter: blur(14px);
	border-bottom: 1px solid transparent;
	transition: background 0.4s ease, border-color 0.4s ease, padding 0.3s ease;
}
body.aiwa-page .awa-nav.is-scrolled {
	background: rgba(13,13,13,0.85);
	border-bottom-color: var(--awa-line);
	padding-top: 0.75rem;
	padding-bottom: 0.75rem;
}
body.aiwa-page .awa-nav__logo {
	font-family: var(--awa-serif);
	font-size: clamp(0.95rem, 1.6vw, 1.1rem);
	font-weight: 700;
	letter-spacing: 0.05em;
	color: var(--awa-ink);
}
body.aiwa-page .awa-nav__logo span {
	color: var(--awa-gold);
	margin: 0 0.15em;
	font-weight: 400;
}
body.aiwa-page .awa-nav__cta {
	display: inline-flex;
	align-items: center;
	gap: 0.6em;
	padding: 0.65em 1.4em;
	border: 1px solid var(--awa-gold);
	border-radius: 999px;
	color: var(--awa-gold-lt);
	font-size: 0.85rem;
	font-weight: 500;
	letter-spacing: 0.06em;
	transition: background 0.3s ease, color 0.3s ease, transform 0.3s ease;
}
body.aiwa-page .awa-nav__cta:hover {
	background: var(--awa-gold);
	color: var(--awa-c1);
	transform: translateY(-1px);
}
@media (max-width: 520px) {
	body.aiwa-page .awa-nav__cta {
		padding: 0.55em 1em;
		font-size: 0.78rem;
	}
}

/* ───────────────────────────────────────────────────────────────
   4.  SECTION 共通（暗→明トーン）
   ─────────────────────────────────────────────────────────────── */
body.aiwa-page .awa-article {
	position: relative;
	overflow: hidden;
}
body.aiwa-page .awa-sec {
	position: relative;
	padding: clamp(6rem, 12vw, 10rem) var(--awa-gutter);
	transition: background 1.2s ease;
}

body.aiwa-page .awa-sec + .awa-sec {
	position: relative;
}
body.aiwa-page .awa-sec + .awa-sec::before {
	content: "";
	position: absolute;
	top: -90px; left: 0; right: 0;
	height: 180px;
	z-index: 2;
	pointer-events: none;
	backdrop-filter: blur(36px);
	-webkit-backdrop-filter: blur(36px);
	/* 帯の中心を最も強くぼかし、上下端は透明に抜けて"ぼかしの境目"自体を作らない */
	mask-image: linear-gradient(to bottom, transparent, #000 30%, #000 70%, transparent);
	-webkit-mask-image: linear-gradient(to bottom, transparent, #000 30%, #000 70%, transparent);
}

body.aiwa-page .awa-sec__inner {
	max-width: 68rem;
	margin: 0 auto;
	position: relative;
	z-index: 3;
}

/* 11段階トーン割当（滑らかに前進する感覚 / 深淵→白耀） */
body.aiwa-page [data-tone="1"]  { background: var(--awa-c1); }
body.aiwa-page [data-tone="2"]  { background: linear-gradient(to bottom, var(--awa-c1), var(--awa-c2) 20%, var(--awa-c2)); }
body.aiwa-page [data-tone="3"]  { background: linear-gradient(to bottom, var(--awa-c2), var(--awa-c3) 20%, var(--awa-c3)); }
body.aiwa-page [data-tone="4"]  { background: linear-gradient(to bottom, var(--awa-c3), var(--awa-c4) 20%, var(--awa-c4)); }
body.aiwa-page [data-tone="5"]  { background: linear-gradient(to bottom, var(--awa-c4), var(--awa-c5) 20%, var(--awa-c5)); }
body.aiwa-page [data-tone="6"]  { background: linear-gradient(to bottom, var(--awa-c5), var(--awa-c6) 20%, var(--awa-c6)); }
body.aiwa-page [data-tone="7"]  { background: linear-gradient(to bottom, var(--awa-c6), var(--awa-c7) 20%, var(--awa-c7)); }
body.aiwa-page [data-tone="8"]  { background: linear-gradient(to bottom, var(--awa-c7), var(--awa-c8) 20%, var(--awa-c8)); }
body.aiwa-page [data-tone="9"]  { background: linear-gradient(to bottom, var(--awa-c8), var(--awa-c9) 20%, var(--awa-c9)); }
body.aiwa-page [data-tone="10"] { background: linear-gradient(to bottom, var(--awa-c9), var(--awa-c10) 20%, var(--awa-c10)); }
body.aiwa-page [data-tone="11"] { background: linear-gradient(to bottom, var(--awa-c10), var(--awa-c11) 30%, var(--awa-c11)); }

/* =========================================================
   トーン別 文字色オーバーライド（視認性の“原理的完全性”）
   ─ WCAG AA (4.5:1) 以上を全帯域で確保
   =========================================================*/

/* tone 1〜3（深淵・影・境界 / 背景 #0D0D0D〜#262626）
   最暗域。文字は最明色 + わずかに琥珀を混ぜて可読性を最大化。 */
body.aiwa-page [data-tone="1"],
body.aiwa-page [data-tone="2"],
body.aiwa-page [data-tone="3"] {
	color: #F2F2F2;
	--awa-ink:      #F2F2F2;
	--awa-ink-dim:  #CFCFCF;
	--awa-ink-mute: #9A9A9A;
	--awa-line:     rgba(255,255,255,0.10);
}

/* tone 4〜6（兆光・微光・灯 / 背景 #333333〜#555555）
   中間暗域。--ink-dim/mute を明るく引き上げ、埋没を防ぐ。 */
body.aiwa-page [data-tone="4"],
body.aiwa-page [data-tone="5"],
body.aiwa-page [data-tone="6"] {
	color: #F5F5F5;
	--awa-ink:      #F5F5F5;
	--awa-ink-dim:  #DADADA;
	--awa-ink-mute: #B0B0B0;
	--awa-line:     rgba(255,255,255,0.14);
}

/* tone 7（昇光 / 背景 #707070）
   境界帯。まだ暗背景側に寄せ、白系文字を維持。 */
body.aiwa-page [data-tone="7"] {
	color: #FAFAFA;
	--awa-ink:      #FAFAFA;
	--awa-ink-dim:  #E8E8E8;
	--awa-ink-mute: #C8C8C8;
	--awa-line:     rgba(255,255,255,0.20);
}

/* tone 8（明層 / 背景 #8C8C8C）
   反転点。ここから黒系文字へ。 */
body.aiwa-page [data-tone="8"] {
	color: #141414;
	--awa-ink:      #141414;
	--awa-ink-dim:  #2E2E2E;
	--awa-ink-mute: #4A4A4A;
	--awa-line:     rgba(0,0,0,0.18);
}

/* tone 9（透明 / 背景 #A6A6A6）*/
body.aiwa-page [data-tone="9"] {
	color: #0D0D0D;
	--awa-ink:      #0D0D0D;
	--awa-ink-dim:  #262626;
	--awa-ink-mute: #444444;
	--awa-line:     rgba(0,0,0,0.20);
}

/* tone 10（光冠 / 背景 #CFCFCF）*/
body.aiwa-page [data-tone="10"] {
	color: #0A0A0A;
	--awa-ink:      #0A0A0A;
	--awa-ink-dim:  #1E1E1E;
	--awa-ink-mute: #3A3A3A;
	--awa-line:     rgba(0,0,0,0.22);
}

/* tone 11（白耀 / 背景 #FFFFFF ─ CTA最終決断層）*/
body.aiwa-page [data-tone="11"] {
	color: #0D0D0D;
	--awa-ink:      #0D0D0D;
	--awa-ink-dim:  #1A1A1A;
	--awa-ink-mute: #333333;
	--awa-line:     rgba(0,0,0,0.24);
}

/* 明トーン帯域（tone8〜11）に、夜明けの陽だまりを注ぐ暖色グロー
   ─ 無彩色グレーが「曇天」に見える問題を根本解決 ─ */
body.aiwa-page [data-tone="8"]::after,
body.aiwa-page [data-tone="9"]::after,
body.aiwa-page [data-tone="10"]::after,
body.aiwa-page [data-tone="11"]::after {
	content: "";
	position: absolute;
	inset: 0;
	background: radial-gradient(ellipse 70% 55% at 50% 0%, rgba(201,169,110,0.18), transparent 65%);
	pointer-events: none;
	z-index: 0;
}

/* ───────────────────────────────────────────────────────────────
   5.  HERO
   ─────────────────────────────────────────────────────────────── */
body.aiwa-page .awa-sec--hero {
	min-height: 100vh;
	min-height: 100svh;
	display: grid;
	grid-template-columns: 1.15fr 1fr;
	gap: clamp(2rem, 6vw, 5rem);
	align-items: center;
	padding-top: clamp(7rem, 14vh, 10rem);
	padding-bottom: clamp(4rem, 8vh, 7rem);
	overflow: hidden;
}
body.aiwa-page .awa-hero__bg {
	position: absolute;
	inset: 0;
	pointer-events: none;
	z-index: 0;
}
body.aiwa-page .awa-hero__aurora {
	position: absolute;
	top: -20%; left: -10%;
	width: 90%; height: 90%;
	background:
		radial-gradient(closest-side, rgba(201,169,110,0.16), transparent 70%),
		radial-gradient(closest-side, rgba(120, 90, 200, 0.10), transparent 70%);
	background-position: 0 0, 60% 40%;
	background-size: 70% 70%, 60% 60%;
	background-repeat: no-repeat;
	filter: blur(30px);
	animation: awaAurora 22s ease-in-out infinite alternate;
}
@keyframes awaAurora {
	0%   { transform: translate(0,0) scale(1); }
	100% { transform: translate(3%, 2%) scale(1.08); }
}
body.aiwa-page .awa-hero__noise {
	position: absolute; inset: 0;
	background-image:
		radial-gradient(rgba(255,255,255,0.035) 1px, transparent 1px);
	background-size: 3px 3px;
	mix-blend-mode: overlay;
	opacity: 0.4;
}
body.aiwa-page .awa-hero__inner {
	position: relative;
	z-index: 3;
	max-width: 32rem;
	justify-self: end;
	padding: 0 clamp(0.5rem, 2vw, 1.5rem);
}
body.aiwa-page .awa-hero__eyebrow {
	font-family: var(--awa-latin);
	font-size: 0.8rem;
	letter-spacing: 0.3em;
	color: var(--awa-gold-lt);
	margin-bottom: 2rem;
	opacity: 0.85;
}
body.aiwa-page .awa-hero__title {
	font-family: var(--awa-serif);
	font-weight: 700;
	line-height: 1.35;
	letter-spacing: 0.02em;
	color: var(--awa-c11);
}
body.aiwa-page .awa-hero__q {
	display: block;
	font-size: clamp(1.7rem, 4.2vw, 2.9rem);
	background: linear-gradient(120deg, #FFFFFF 0%, #E4CB94 50%, #FFFFFF 100%);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	color: transparent;
	margin-bottom: 0.6em;
}
body.aiwa-page .awa-hero__sub {
	display: block;
	font-size: clamp(1.1rem, 2.2vw, 1.5rem);
	color: var(--awa-ink-dim);
	font-weight: 400;
	letter-spacing: 0.05em;
	line-height: 1.7;
}
body.aiwa-page .awa-hero__lede {
	margin-top: 2.5rem;
	font-size: 0.95rem;
	line-height: 1.9;
	color: var(--awa-ink-mute);
	letter-spacing: 0.05em;
}
body.aiwa-page .awa-hero__scroll {
	margin-top: 3.5rem;
	display: flex;
	align-items: center;
	gap: 1rem;
}
body.aiwa-page .awa-hero__scroll-line {
	display: inline-block;
	width: 3.5rem;
	height: 1px;
	background: var(--awa-gold);
	position: relative;
	overflow: hidden;
}
body.aiwa-page .awa-hero__scroll-line::after {
	content: "";
	position: absolute; top: 0; left: -100%;
	width: 100%; height: 100%;
	background: linear-gradient(90deg, transparent, var(--awa-c11), transparent);
	animation: awaScrollLine 2.6s ease-in-out infinite;
}
@keyframes awaScrollLine {
	0%   { left: -100%; }
	100% { left: 100%; }
}
body.aiwa-page .awa-hero__scroll-label {
	font-family: var(--awa-latin);
	letter-spacing: 0.3em;
	font-size: 0.75rem;
	color: var(--awa-gold-lt);
}

body.aiwa-page .awa-hero__figure {
	position: relative;
	z-index: 3;
	width: 100%;
	max-width: 32rem;
	aspect-ratio: 1 / 1;
	justify-self: start;
}

@media (max-width: 900px) {
	body.aiwa-page .awa-sec--hero {
		grid-template-columns: 1fr;
		text-align: left;
	}
	body.aiwa-page .awa-hero__inner,
	body.aiwa-page .awa-hero__figure {
		justify-self: stretch;
		max-width: 100%;
	}
	body.aiwa-page .awa-hero__figure {
		order: -1;
		aspect-ratio: 1 / 1;
		max-width: 22rem;
		margin: 0 auto 2rem;
	}
}

/* ───────────────────────────────────────────────────────────────
   6.  画像共通 ─ 1:1 正方形＋ぼかしマスク
   ─────────────────────────────────────────────────────────────── */
body.aiwa-page .awa-figmask {
	position: relative;
	width: 100%;
	aspect-ratio: 1 / 1;
	overflow: hidden;
	border-radius: 6px;
	/* 境界をフワッとぼかす統一マスク */
	-webkit-mask-image: radial-gradient(ellipse at center,
		#000 0%, #000 55%, rgba(0,0,0,0.7) 75%, transparent 100%);
	mask-image: radial-gradient(ellipse at center,
		#000 0%, #000 55%, rgba(0,0,0,0.7) 75%, transparent 100%);
	filter: saturate(1.02);
	transition: transform 1.4s cubic-bezier(0.2, 0.6, 0.2, 1);
}
body.aiwa-page .awa-figmask::after {
	content: "";
	position: absolute; inset: 0;
	background: radial-gradient(ellipse at center, transparent 55%, rgba(0,0,0,0.15) 100%);
	pointer-events: none;
}
body.aiwa-page .awa-figmask img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 1.6s cubic-bezier(0.2, 0.6, 0.2, 1);
}
body.aiwa-page .awa-figure:hover .awa-figmask img {
	transform: scale(1.03);
}

body.aiwa-page [data-tone="8"]  .awa-figmask img,
body.aiwa-page [data-tone="9"]  .awa-figmask img,
body.aiwa-page [data-tone="10"] .awa-figmask img,
body.aiwa-page [data-tone="11"] .awa-figmask img {
	filter: saturate(1.05) brightness(1.04) sepia(0.05);
}

/* 章内配置：左右振り分け（フロート的な余白運用） */
body.aiwa-page .awa-figure {
	position: relative;
	width: min(22rem, 100%);
	margin: 2.5rem auto 3rem;
	aspect-ratio: 1 / 1;
}
@media (min-width: 900px) {
	body.aiwa-page .awa-figure--right {
		float: right;
		margin: 0.5rem 0 2rem 2.5rem;
		width: min(24rem, 45%);
		shape-outside: circle(50%);
	}
	body.aiwa-page .awa-figure--left {
		float: left;
		margin: 0.5rem 2.5rem 2rem 0;
		width: min(24rem, 45%);
		shape-outside: circle(50%);
	}
	body.aiwa-page .awa-figure--full {
		width: min(30rem, 80%);
		margin: 3rem auto;
		float: none;
	}
}

/* ───────────────────────────────────────────────────────────────
   7.  章の見出し
   ─────────────────────────────────────────────────────────────── */
body.aiwa-page .awa-chapter__head {
	max-width: 48rem;
	margin: 0 auto 3.5rem;
	text-align: center;
	position: relative;
}
body.aiwa-page .awa-chapter__no {
	display: inline-block;
	font-family: var(--awa-latin);
	font-size: 0.85rem;
	letter-spacing: 0.4em;
	color: var(--awa-gold-lt);
	margin-bottom: 1.2rem;
	position: relative;
	padding: 0 1.5rem;
}
body.aiwa-page .awa-chapter__no::before,
body.aiwa-page .awa-chapter__no::after {
	content: "";
	position: absolute; top: 50%;
	width: 2rem; height: 1px;
	background: currentColor;
	opacity: 0.5;
}
body.aiwa-page .awa-chapter__no::before { right: 100%; }
body.aiwa-page .awa-chapter__no::after  { left: 100%; }

body.aiwa-page .awa-chapter__title {
	font-family: var(--awa-serif);
	font-weight: 700;
	font-size: clamp(1.5rem, 3.4vw, 2.3rem);
	line-height: 1.55;
	letter-spacing: 0.03em;
	color: var(--awa-ink);
}

/* 明るいトーン章では見出しナンバーはより深い金褐色に */
body.aiwa-page [data-tone="8"] .awa-chapter__no,
body.aiwa-page [data-tone="9"] .awa-chapter__no,
body.aiwa-page [data-tone="10"] .awa-chapter__no,
body.aiwa-page [data-tone="11"] .awa-chapter__no {
	color: var(--awa-gold-deep);
}
/* tone7 はまだ暗側寄りのため、金色系を維持 */
body.aiwa-page [data-tone="7"] .awa-chapter__no {
	color: var(--awa-gold-lt);
}


/* ───────────────────────────────────────────────────────────────
   8.  本文
   ─────────────────────────────────────────────────────────────── */
body.aiwa-page .awa-body {
	max-width: var(--awa-measure);
	margin: 0 auto;
	position: relative;
}
body.aiwa-page .awa-body::after {
	content: "";
	display: block;
	clear: both;
}
body.aiwa-page .awa-p {
	font-size: clamp(1rem, 1.15vw, 1.05rem);
	line-height: 2.0;
	letter-spacing: 0.04em;
	color: var(--awa-ink);
	margin: 0 0 1.8em;
}
body.aiwa-page .awa-p strong {
	font-weight: 700;
	color: var(--awa-gold-lt);
	background: linear-gradient(to bottom, transparent 65%, rgba(201,169,110,0.14) 65%);
	padding: 0 0.1em;
}
body.aiwa-page [data-tone="8"] .awa-p strong,
body.aiwa-page [data-tone="9"] .awa-p strong,
body.aiwa-page [data-tone="10"] .awa-p strong,
body.aiwa-page [data-tone="11"] .awa-p strong {
	color: #6E5028;
	background: linear-gradient(to bottom, transparent 65%, rgba(201,169,110,0.35) 65%);
}

body.aiwa-page .awa-p--emphasis {
	font-family: var(--awa-serif);
	font-size: clamp(1.15rem, 1.9vw, 1.35rem);
	line-height: 1.9;
	text-align: center;
	margin: 3rem 0;
	color: var(--awa-gold-lt);
	letter-spacing: 0.06em;
}
body.aiwa-page [data-tone="8"] .awa-p--emphasis,
body.aiwa-page [data-tone="9"] .awa-p--emphasis,
body.aiwa-page [data-tone="10"] .awa-p--emphasis,
body.aiwa-page [data-tone="11"] .awa-p--emphasis {
	color: #6E5028;
}


/* 引用（Prologue / Epilogue） */
body.aiwa-page .awa-quote {
	position: relative;
	margin: 3rem auto;
	padding: 2rem 2.5rem;
	max-width: 42rem;
	font-family: var(--awa-serif);
	font-size: clamp(1.05rem, 1.8vw, 1.25rem);
	line-height: 2.0;
	letter-spacing: 0.05em;
	color: var(--awa-ink);
	border-top: 1px solid var(--awa-line);
	border-bottom: 1px solid var(--awa-line);
	text-align: center;
}
body.aiwa-page .awa-quote::before,
body.aiwa-page .awa-quote::after {
	position: absolute;
	font-family: var(--awa-latin);
	font-size: 3.5rem;
	line-height: 1;
	color: var(--awa-gold);
	opacity: 0.35;
}
body.aiwa-page .awa-quote::before {
	content: "“";
	top: 0.2rem; left: 0.5rem;
}
body.aiwa-page .awa-quote::after {
	content: "”";
	bottom: -0.8rem; right: 0.8rem;
}
body.aiwa-page .awa-quote strong {
	color: var(--awa-gold-lt);
	font-weight: 700;
}
/* 明トーンでは金色系がボヤけるので深い金褐色に */
body.aiwa-page [data-tone="8"]  .awa-quote strong,
body.aiwa-page [data-tone="9"]  .awa-quote strong,
body.aiwa-page [data-tone="10"] .awa-quote strong,
body.aiwa-page [data-tone="11"] .awa-quote strong {
	color: #6E5028;
}


/* 3つの問い（Prologue） */
body.aiwa-page .awa-questions {
	list-style: none;
	margin: 2.5rem 0 3rem;
	padding: 2rem clamp(1.2rem, 3vw, 2.2rem);
	background: rgba(255,255,255,0.02);
	border-left: 2px solid var(--awa-gold);
	border-radius: 0 4px 4px 0;
}
/* 明トーンでは黒側の半透明に反転 */
body.aiwa-page [data-tone="8"]  .awa-questions,
body.aiwa-page [data-tone="9"]  .awa-questions,
body.aiwa-page [data-tone="10"] .awa-questions,
body.aiwa-page [data-tone="11"] .awa-questions {
	background: rgba(0,0,0,0.05);
}

body.aiwa-page .awa-questions li {
	position: relative;
	padding: 0.9em 0 0.9em 4.5em;
	font-size: 1.02rem;
	line-height: 1.8;
	border-bottom: 1px dashed var(--awa-line);
}
body.aiwa-page .awa-questions li:last-child {
	border-bottom: 0;
}
body.aiwa-page .awa-questions__mark {
	position: absolute;
	left: 0; top: 50%;
	transform: translateY(-50%);
	font-family: var(--awa-latin);
	font-size: 1.1rem;
	letter-spacing: 0.15em;
	color: var(--awa-gold-lt);
	background: rgba(201,169,110,0.10);
	padding: 0.3em 0.7em;
	border-radius: 2px;
}

/* ───────────────────────────────────────────────────────────────
   9.  第1章 stat
   ─────────────────────────────────────────────────────────────── */
body.aiwa-page .awa-stat {
	margin: 3rem auto;
	padding: 2.5rem 2rem;
	max-width: 34rem;
	text-align: center;
	border: 1px solid var(--awa-line);
	border-radius: 4px;
	background: linear-gradient(180deg, rgba(255,255,255,0.02), transparent);
}
body.aiwa-page [data-tone="8"]  .awa-stat,
body.aiwa-page [data-tone="9"]  .awa-stat,
body.aiwa-page [data-tone="10"] .awa-stat,
body.aiwa-page [data-tone="11"] .awa-stat {
	background: linear-gradient(180deg, rgba(0,0,0,0.05), transparent);
}
/* 変更後 */
body.aiwa-page [data-tone="8"]  .awa-stat__num,
body.aiwa-page [data-tone="9"]  .awa-stat__num,
body.aiwa-page [data-tone="10"] .awa-stat__num,
body.aiwa-page [data-tone="11"] .awa-stat__num,
body.aiwa-page [data-tone="8"]  .awa-timeline__row--highlight .awa-timeline__value,
body.aiwa-page [data-tone="9"]  .awa-timeline__row--highlight .awa-timeline__value,
body.aiwa-page [data-tone="10"] .awa-timeline__row--highlight .awa-timeline__value,
body.aiwa-page [data-tone="11"] .awa-timeline__row--highlight .awa-timeline__value,
body.aiwa-page [data-tone="8"]  .awa-cost__row--note .awa-cost__price,
body.aiwa-page [data-tone="9"]  .awa-cost__row--note .awa-cost__price,
body.aiwa-page [data-tone="10"] .awa-cost__row--note .awa-cost__price,
body.aiwa-page [data-tone="11"] .awa-cost__row--note .awa-cost__price {
	background: linear-gradient(135deg, var(--awa-gold-deep) 10%, #C9902E 50%, var(--awa-gold-deep) 90%);
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;
	-webkit-text-fill-color: transparent;
}

body.aiwa-page .awa-stat__num {
	font-family: var(--awa-latin);
	font-size: clamp(3.2rem, 8vw, 5rem);
	line-height: 1;
	font-weight: 600;
	color: var(--awa-gold-lt);
	letter-spacing: -0.02em;
	margin-bottom: 0.6rem;
}
body.aiwa-page .awa-stat__label {
	font-size: 0.95rem;
	line-height: 1.9;
	color: var(--awa-ink-dim);
	letter-spacing: 0.04em;
}

/* ───────────────────────────────────────────────────────────────
   10.  第3章 metrics（3カラム）
   ─────────────────────────────────────────────────────────────── */
body.aiwa-page .awa-metrics {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 1rem;
	margin: 3rem 0;
}
@media (max-width: 640px) {
	body.aiwa-page .awa-metrics {
		grid-template-columns: 1fr;
		gap: 0.75rem;
	}
}
body.aiwa-page .awa-metric {
	position: relative;
	text-align: center;
	padding: 2rem 1rem 1.6rem;
	border: 1px solid var(--awa-line);
	border-radius: 4px;
	background: linear-gradient(180deg, rgba(255,255,255,0.03), transparent);
	transition: transform 0.5s ease, border-color 0.5s ease;
}
body.aiwa-page [data-tone="8"]  .awa-metric,
body.aiwa-page [data-tone="9"]  .awa-metric,
body.aiwa-page [data-tone="10"] .awa-metric,
body.aiwa-page [data-tone="11"] .awa-metric {
	background: linear-gradient(180deg, rgba(0,0,0,0.05), transparent);
}
body.aiwa-page [data-tone="8"]  .awa-metric__num,
body.aiwa-page [data-tone="9"]  .awa-metric__num,
body.aiwa-page [data-tone="10"] .awa-metric__num,
body.aiwa-page [data-tone="11"] .awa-metric__num,
body.aiwa-page [data-tone="8"]  .awa-metric__unit,
body.aiwa-page [data-tone="9"]  .awa-metric__unit,
body.aiwa-page [data-tone="10"] .awa-metric__unit,
body.aiwa-page [data-tone="11"] .awa-metric__unit {
	color: #6E5028;
}

body.aiwa-page .awa-metric:hover {
	transform: translateY(-4px);
	border-color: var(--awa-gold);
}
body.aiwa-page .awa-metric__num {
	display: inline-block;
	font-family: var(--awa-latin);
	font-size: clamp(2.8rem, 6vw, 3.6rem);
	line-height: 1;
	font-weight: 600;
	color: var(--awa-gold-lt);
	vertical-align: baseline;
}
body.aiwa-page .awa-metric__unit {
	display: inline-block;
	font-family: var(--awa-latin);
	font-size: 1.3rem;
	color: var(--awa-gold);
	vertical-align: top;
	margin-left: 0.15em;
	margin-top: 0.4em;
}
body.aiwa-page .awa-metric__label {
	margin-top: 0.8rem;
	font-size: 0.85rem;
	line-height: 1.7;
	color: var(--awa-ink-dim);
	letter-spacing: 0.04em;
}

/* ───────────────────────────────────────────────────────────────
   11.  第4章 compare（広告 vs Web）
   ─────────────────────────────────────────────────────────────── */
body.aiwa-page .awa-compare {
	display: grid;
	grid-template-columns: 1fr auto 1fr;
	align-items: stretch;
	gap: 1rem;
	margin: 3rem 0;
}
@media (max-width: 640px) {
	body.aiwa-page .awa-compare {
		grid-template-columns: 1fr;
	}
	body.aiwa-page .awa-compare__vs {
		text-align: center;
		padding: 0.5rem 0;
	}
}
body.aiwa-page .awa-compare__col {
	padding: 2rem 1.5rem;
	border: 1px solid var(--awa-line);
	border-radius: 4px;
	text-align: center;
	transition: transform 0.5s ease, border-color 0.5s ease;
}
body.aiwa-page .awa-compare__col--ad {
	background: linear-gradient(180deg, rgba(255,255,255,0.02), transparent);
	opacity: 0.85;
}
body.aiwa-page .awa-compare__col--asset {
	background: linear-gradient(180deg, rgba(201,169,110,0.10), transparent);
	border-color: rgba(201,169,110,0.4);
}
/* 明トーン反転 */
body.aiwa-page [data-tone="8"]  .awa-compare__col--ad,
body.aiwa-page [data-tone="9"]  .awa-compare__col--ad,
body.aiwa-page [data-tone="10"] .awa-compare__col--ad,
body.aiwa-page [data-tone="11"] .awa-compare__col--ad {
	background: linear-gradient(180deg, rgba(0,0,0,0.04), transparent);
}
body.aiwa-page [data-tone="8"]  .awa-compare__col--asset .awa-compare__label,
body.aiwa-page [data-tone="9"]  .awa-compare__col--asset .awa-compare__label,
body.aiwa-page [data-tone="10"] .awa-compare__col--asset .awa-compare__label,
body.aiwa-page [data-tone="11"] .awa-compare__col--asset .awa-compare__label {
	color: #6E5028;
}

body.aiwa-page .awa-compare__label {
	font-family: var(--awa-serif);
	font-size: 1.1rem;
	font-weight: 700;
	letter-spacing: 0.1em;
	margin-bottom: 1rem;
}
body.aiwa-page .awa-compare__col--asset .awa-compare__label {
	color: var(--awa-gold-lt);
}
body.aiwa-page .awa-compare__icon {
	font-size: 2.5rem;
	line-height: 1;
	margin-bottom: 1rem;
}
body.aiwa-page .awa-compare__desc {
	font-size: 0.9rem;
	line-height: 1.9;
	color: var(--awa-ink-dim);
}
body.aiwa-page .awa-compare__vs {
	display: flex;
	align-items: center;
	justify-content: center;
	font-family: var(--awa-latin);
	font-size: 1.2rem;
	letter-spacing: 0.2em;
	color: var(--awa-ink-mute);
}

/* ───────────────────────────────────────────────────────────────
   12.  第5章 timeline
   ─────────────────────────────────────────────────────────────── */
body.aiwa-page .awa-timeline {
	margin: 3rem 0;
	padding: 2rem;
	border: 1px solid var(--awa-line);
	border-radius: 4px;
	background: rgba(0,0,0,0.15);
}
body.aiwa-page [data-tone="8"]  .awa-timeline,
body.aiwa-page [data-tone="9"]  .awa-timeline,
body.aiwa-page [data-tone="10"] .awa-timeline,
body.aiwa-page [data-tone="11"] .awa-timeline {
	background: rgba(255,255,255,0.35);
}

body.aiwa-page .awa-timeline__row {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	gap: 1rem;
	padding: 0.9rem 0;
	border-bottom: 1px dashed var(--awa-line);
	font-family: var(--awa-serif);
	flex-wrap: wrap;
}
body.aiwa-page .awa-timeline__row:last-child { border-bottom: 0; }
body.aiwa-page .awa-timeline__label {
	font-size: 0.9rem;
	letter-spacing: 0.1em;
	color: var(--awa-ink-dim);
}
body.aiwa-page .awa-timeline__value {
	font-family: var(--awa-latin);
	font-size: clamp(1.4rem, 3.2vw, 1.9rem);
	color: var(--awa-ink);
	letter-spacing: 0.02em;
}
body.aiwa-page .awa-timeline__row--highlight .awa-timeline__value {
	color: var(--awa-gold-lt);
	font-size: clamp(1.7rem, 4vw, 2.3rem);
}
body.aiwa-page .awa-timeline__note {
	flex-basis: 100%;
	text-align: right;
	font-family: var(--awa-sans);
	font-size: 0.82rem;
	color: var(--awa-ink-mute);
	margin-top: 0.4rem;
}

/* ───────────────────────────────────────────────────────────────
   13.  第6章 cards + cost
   ─────────────────────────────────────────────────────────────── */
body.aiwa-page .awa-cards {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 1rem;
	margin: 3rem 0;
}
@media (max-width: 640px) {
	body.aiwa-page .awa-cards {
		grid-template-columns: 1fr;
	}
}
body.aiwa-page .awa-card {
	position: relative;
	padding: 2rem 1.5rem;
	background: rgba(255,255,255,0.05);
	border: 1px solid var(--awa-line);
	border-radius: 4px;
	transition: transform 0.5s ease, background 0.5s ease;
}
body.aiwa-page .awa-card:hover {
	transform: translateY(-4px);
	background: rgba(255,255,255,0.08);
}
/* 明トーン反転（tone8以降は黒側の半透明でカードを浮かせる） */
body.aiwa-page [data-tone="8"]  .awa-card,
body.aiwa-page [data-tone="9"]  .awa-card,
body.aiwa-page [data-tone="10"] .awa-card,
body.aiwa-page [data-tone="11"] .awa-card {
	background: rgba(0,0,0,0.06);
}
body.aiwa-page [data-tone="8"]  .awa-card:hover,
body.aiwa-page [data-tone="9"]  .awa-card:hover,
body.aiwa-page [data-tone="10"] .awa-card:hover,
body.aiwa-page [data-tone="11"] .awa-card:hover {
	background: rgba(0,0,0,0.10);
}
body.aiwa-page [data-tone="8"]  .awa-card__no,
body.aiwa-page [data-tone="9"]  .awa-card__no,
body.aiwa-page [data-tone="10"] .awa-card__no,
body.aiwa-page [data-tone="11"] .awa-card__no {
	color: #6E5028;
	opacity: 0.55;
}

body.aiwa-page .awa-card__no {
	position: absolute;
	top: 1.2rem; right: 1.4rem;
	font-family: var(--awa-latin);
	font-size: 2.6rem;
	line-height: 1;
	color: var(--awa-gold);
	opacity: 0.4;
	font-weight: 600;
}
body.aiwa-page .awa-card__title {
	font-family: var(--awa-serif);
	font-size: 1.1rem;
	line-height: 1.7;
	color: var(--awa-ink);
	margin-bottom: 0.8rem;
	padding-right: 3rem;
}
body.aiwa-page .awa-card__desc {
	font-size: 0.92rem;
	line-height: 1.9;
	color: var(--awa-ink-dim);
}

body.aiwa-page .awa-cost {
	margin: 2.5rem 0;
	padding: 1.6rem 2rem;
	border-left: 2px solid var(--awa-gold);
	background: rgba(255,255,255,0.04);
	border-radius: 0 4px 4px 0;
}
body.aiwa-page [data-tone="8"]  .awa-cost,
body.aiwa-page [data-tone="9"]  .awa-cost,
body.aiwa-page [data-tone="10"] .awa-cost,
body.aiwa-page [data-tone="11"] .awa-cost {
	background: rgba(0,0,0,0.05);
}

body.aiwa-page .awa-cost__row {
	display: flex;
	justify-content: space-between;
	align-items: baseline;
	gap: 1rem;
	padding: 0.7rem 0;
	border-bottom: 1px dashed var(--awa-line);
	flex-wrap: wrap;
}
body.aiwa-page .awa-cost__row:last-child { border-bottom: 0; }
body.aiwa-page .awa-cost__scale {
	font-size: 0.92rem;
	color: var(--awa-ink-dim);
}
body.aiwa-page .awa-cost__price {
	font-family: var(--awa-latin);
	font-size: 1.15rem;
	color: var(--awa-ink);
	letter-spacing: 0.02em;
}
body.aiwa-page .awa-cost__row--note .awa-cost__price {
	color: var(--awa-gold-lt);
}

/* ───────────────────────────────────────────────────────────────
   14.  終わりに（Epilogue）
   ─────────────────────────────────────────────────────────────── */
body.aiwa-page .awa-sec--outro {
	padding-bottom: clamp(8rem, 16vw, 12rem);
}
body.aiwa-page .awa-p--closing {
	font-family: var(--awa-serif);
	text-align: center;
	margin: 4rem 0 0;
	line-height: 2.2;
	letter-spacing: 0.08em;
}
body.aiwa-page .awa-p--closing span {
	display: block;
	font-size: clamp(1.05rem, 2vw, 1.25rem);
	color: var(--awa-ink-dim);
}
body.aiwa-page .awa-p--closing strong {
	display: block;
	font-size: clamp(1.4rem, 3vw, 1.9rem);
	color: var(--awa-gold-lt);
	background: none;
	padding: 0;
	margin-top: 0.4em;
	font-weight: 700;
	letter-spacing: 0.05em;
}
body.aiwa-page [data-tone="9"]  .awa-p--closing strong,
body.aiwa-page [data-tone="10"] .awa-p--closing strong,
body.aiwa-page [data-tone="11"] .awa-p--closing strong {
	color: #6E5028;
}


/* ───────────────────────────────────────────────────────────────
   15.  FINAL CTA（光冠→白耀）
   ─────────────────────────────────────────────────────────────── */
body.aiwa-page .awa-sec--cta {
	text-align: center;
	padding: clamp(6rem, 14vw, 10rem) var(--awa-gutter);
	position: relative;
	overflow: hidden;
}
body.aiwa-page .awa-sec--cta::before {
	content: "";
	position: absolute;
	top: 50%; left: 50%;
	width: 90vmin; height: 90vmin;
	transform: translate(-50%, -50%);
	background: radial-gradient(closest-side, rgba(201,169,110,0.35), transparent 65%);
	pointer-events: none;
	filter: blur(20px);
}
body.aiwa-page .awa-cta__inner {
	position: relative;
	z-index: 3;
	max-width: 44rem;
	margin: 0 auto;
}
body.aiwa-page .awa-cta__eyebrow {
	font-family: var(--awa-latin);
	font-size: 0.85rem;
	letter-spacing: 0.4em;
	color: #6E5028;
	margin-bottom: 1.5rem;
}

body.aiwa-page .awa-cta__title {
	font-family: var(--awa-serif);
	font-size: clamp(1.8rem, 4.5vw, 2.9rem);
	line-height: 1.5;
	font-weight: 700;
	color: #0D0D0D;
	letter-spacing: 0.04em;
	margin-bottom: 1.5rem;
}
body.aiwa-page .awa-cta__lede {
	font-size: 1rem;
	line-height: 2;
	color: #2A2A2A;
	margin-bottom: 3rem;
	letter-spacing: 0.04em;
}
body.aiwa-page .awa-cta__actions {
	display: flex;
	flex-direction: column;
	gap: 1rem;
	align-items: center;
	justify-content: center;
}
body.aiwa-page .awa-cta__note {
	margin-top: 1rem;
	font-size: 0.78rem;
	color: var(--awa-ink-dim);
	letter-spacing: 0.02em;
}
@media (min-width: 640px) {
	body.aiwa-page .awa-cta__actions {
		flex-direction: row;
	}
}

/* ボタン共通 */
body.aiwa-page .awa-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 0.8em;
	padding: 1.15em 2.2em;
	min-width: 18rem;
	border-radius: 999px;
	font-family: var(--awa-serif);
	font-size: 1.02rem;
	font-weight: 700;
	letter-spacing: 0.06em;
	transition: transform 0.3s ease, box-shadow 0.3s ease, background 0.3s ease;
	position: relative;
	overflow: hidden;
}
body.aiwa-page .awa-btn__arrow {
	transition: transform 0.3s ease;
}
body.aiwa-page .awa-btn:hover .awa-btn__arrow {
	transform: translateX(4px);
}

body.aiwa-page .awa-btn--primary {
	background: #0D0D0D;
	color: #F5E9D0;
	box-shadow:
		0 8px 30px rgba(0,0,0,0.35),
		inset 0 0 0 1px rgba(201,169,110,0.5);
}
body.aiwa-page .awa-btn--primary:hover {
	transform: translateY(-2px);
	box-shadow:
		0 14px 40px rgba(0,0,0,0.4),
		inset 0 0 0 1px var(--awa-gold);
}

body.aiwa-page .awa-btn--ghost {
	background: transparent;
	color: #0D0D0D;
	box-shadow: inset 0 0 0 1.5px #0D0D0D;
}
body.aiwa-page .awa-btn--ghost:hover {
	background: #0D0D0D;
	color: #F5E9D0;
	transform: translateY(-2px);
}

/* ───────────────────────────────────────────────────────────────
   16.  PAGETOP
   ─────────────────────────────────────────────────────────────── */
body.aiwa-page .awa-ptop {
	position: fixed;
	right: 1.5rem; bottom: 1.5rem;
	z-index: 80;
	width: 3rem; height: 3rem;
	border-radius: 50%;
	background: rgba(13,13,13,0.7);
	color: var(--awa-gold-lt);
	backdrop-filter: blur(8px);
	-webkit-backdrop-filter: blur(8px);
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	border: 1px solid var(--awa-gold);
	opacity: 0;
	pointer-events: none;
	transition: opacity 0.4s ease, transform 0.4s ease;
	transform: translateY(10px);
}
body.aiwa-page .awa-ptop.is-visible {
	opacity: 1;
	pointer-events: auto;
	transform: translateY(0);
}
body.aiwa-page .awa-ptop:hover {
	background: var(--awa-gold);
	color: var(--awa-c1);
}
body.aiwa-page .awa-ptop__icon {
	width: 1rem; height: 1rem;
	display: block;
}
body.aiwa-page .awa-ptop__label {
	font-family: var(--awa-latin);
	font-size: 0.55rem;
	letter-spacing: 0.15em;
	margin-top: 0.15rem;
	display: none;
}

/* ───────────────────────────────────────────────────────────────
   17.  FOOTER
   ─────────────────────────────────────────────────────────────── */
body.aiwa-page .awa-footer {
	background: #0A0A0A;
	color: var(--awa-ink-dim);
	padding: 3rem var(--awa-gutter);
	text-align: center;
	border-top: 1px solid rgba(201,169,110,0.2);
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 1.2rem;
}
body.aiwa-page .awa-footer__logo {
	font-family: var(--awa-serif);
	font-size: 1.05rem;
	font-weight: 700;
	letter-spacing: 0.05em;
	color: #F0F0F4;
}
body.aiwa-page .awa-footer__logo span {
	color: var(--awa-gold);
	margin: 0 0.15em;
	font-weight: 400;
}
body.aiwa-page .awa-footer__copy {
	font-size: 0.78rem;
	letter-spacing: 0.08em;
	color: #6E6E6E;
}
body.aiwa-page .awa-footer__links {
	display: flex;
	gap: 1.5rem;
	flex-wrap: wrap;
	justify-content: center;
}
body.aiwa-page .awa-footer__link {
	font-size: 0.85rem;
	color: var(--awa-gold-lt);
	letter-spacing: 0.05em;
	position: relative;
	padding-bottom: 2px;
	transition: color 0.3s ease;
}
body.aiwa-page .awa-footer__link::after {
	content: "";
	position: absolute;
	left: 0; bottom: 0;
	width: 100%; height: 1px;
	background: currentColor;
	transform: scaleX(0);
	transform-origin: left;
	transition: transform 0.3s ease;
}
body.aiwa-page .awa-footer__link:hover::after {
	transform: scaleX(1);
}

body.aiwa-page .awa-footer__op {
	width: 100%;
	max-width: 420px;
	margin-top: 0.4rem;
	padding-top: 1rem;
	border-top: 1px solid rgba(201,169,110,0.2);
	text-align: center;
}
body.aiwa-page .awa-footer__op summary {
	cursor: pointer; list-style: none;
	font-size: 0.72rem; letter-spacing: 0.06em;
	color: #6E6E6E;
}
body.aiwa-page .awa-footer__op summary::-webkit-details-marker { display: none; }
body.aiwa-page .awa-footer__op summary::before { content: "▸ "; }
body.aiwa-page .awa-footer__op[open] summary::before { content: "▾ "; }
body.aiwa-page .awa-footer__op-body { margin-top: 0.6rem; }
body.aiwa-page .awa-footer__op-body p { margin: 0 0 4px; font-size: 0.72rem; color: #6E6E6E; }
body.aiwa-page .awa-footer__op-contact {
	display: inline-flex; align-items: center; gap: 6px;
	margin-top: 4px;
	font-size: 0.72rem; letter-spacing: 0.02em;
	color: var(--awa-gold-lt);
	border: 1px solid rgba(201,169,110,0.4);
	border-radius: 20px;
	padding: 4px 12px;
	transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease;
}
body.aiwa-page .awa-footer__op-contact:hover {
	background: var(--awa-gold);
	color: #0A0A0A;
	border-color: var(--awa-gold);
}

/* ───────────────────────────────────────────────────────────────
   18.  SCROLL REVEAL
   ─────────────────────────────────────────────────────────────── */
body.aiwa-page .awa-reveal {
	opacity: 0;
	transform: translateY(28px);
	transition: opacity 1.1s cubic-bezier(0.2, 0.6, 0.2, 1),
				transform 1.1s cubic-bezier(0.2, 0.6, 0.2, 1);
	will-change: opacity, transform;
}
body.aiwa-page .awa-reveal.is-in {
	opacity: 1;
	transform: translateY(0);
}
@media (prefers-reduced-motion: reduce) {
	body.aiwa-page .awa-reveal {
		opacity: 1;
		transform: none;
		transition: none;
	}
	body.aiwa-page .awa-hero__aurora,
	body.aiwa-page .awa-hero__scroll-line::after {
		animation: none;
	}
}

/* ───────────────────────────────────────────────────────────────
   19.  Small screen tuning
   ─────────────────────────────────────────────────────────────── */
@media (max-width: 640px) {
	body.aiwa-page { font-size: 16px; }
	body.aiwa-page .awa-sec { padding-left: 1.25rem; padding-right: 1.25rem; }
	body.aiwa-page .awa-chapter__head { margin-bottom: 2.5rem; }
	body.aiwa-page .awa-quote { padding: 1.5rem 1.2rem; }
	body.aiwa-page .awa-questions { padding: 1.5rem 1rem; }
	body.aiwa-page .awa-questions li { padding-left: 4em; }
	body.aiwa-page .awa-figure { margin: 2rem auto; width: min(20rem, 100%); }
	body.aiwa-page .awa-btn { min-width: 100%; }
}