/* ============================================================
 * Chapter 1 — Het verhaal.
 * Two-column layout: story copy + portrait frame with glow.
 * ============================================================ */

.ch1 {
	min-height: 100vh;
	background: linear-gradient(170deg, var(--ink) 0%, #2a1208 100%);
	display: flex;
	align-items: center;
	padding: 8rem 4rem;
}

.ch1-inner {
	max-width: 1200px;
	margin: 0 auto;
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 8rem;
	align-items: center;
}

.story-highlight {
	margin-top: 2.5rem;
	padding: 1.8rem 2rem;
	border-left: 2px solid var(--ember);
	background: rgba(212, 82, 26, 0.07);
	border-radius: 0 8px 8px 0;
	font-family: 'Cormorant Garamond', Georgia, serif;
	font-size: 1.4rem;
	font-style: italic;
	color: var(--cream);
	line-height: 1.5;
}

.ch1-visual {
	position: relative;
}

.portrait-frame {
	position: relative;
	border-radius: 4px;
	overflow: hidden;
}

.portrait-bg {
	width: 100%;
	aspect-ratio: 3 / 4;
	background: linear-gradient(145deg, #3d1f0e 0%, #1a0f0a 50%, #2c1810 100%);
	border-radius: 4px;
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
	position: relative;
}

.portrait-glow {
	position: absolute;
	width: 300px;
	height: 300px;
	border-radius: 50%;
	background: radial-gradient(circle, rgba(212, 82, 26, 0.25) 0%, transparent 70%);
	top: 20%;
	left: 10%;
	animation: glowPulse 4s ease-in-out infinite;
}

.portrait-emoji {
	font-size: 8rem;
	position: relative;
	z-index: 1;
	filter: drop-shadow(0 0 40px rgba(212, 82, 26, 0.5));
}

.portrait-caption {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	padding: 2rem;
	background: linear-gradient(to top, rgba(26, 15, 10, 0.95), transparent);
}
.portrait-caption p {
	font-family: 'Cormorant Garamond', Georgia, serif;
	font-style: italic;
	font-size: 1.1rem;
	color: rgba(250, 244, 236, 0.8);
}

.portrait-border {
	position: absolute;
	top: -12px;
	right: -12px;
	bottom: 12px;
	left: 12px;
	border: 1px solid rgba(212, 82, 26, 0.3);
	border-radius: 4px;
	pointer-events: none;
}