/*
Lamy LP — Why Lamy (Phase 6)

Locked copy V2.5 Section 6 contains H2 + a single paragraph block (split
visually into two sentences in design). No "reason cards" — the W-strategy
grid in the Phase 6 prompt has nothing to populate, so the section renders
as a simple typography block: section label + H2 + paragraphs.

Section alternation: --bg-primary (#050505), alternating from
What We Connect (#0A0A0A).

Purple Accent F (atmospheric wash): top-right corner (corner position 1).
Authority section will use a DIFFERENT corner.

Mobile-first: paragraphs stack at all viewports.
*/

/* ============================================================
   Section
   ============================================================ */
.lp-why-lamy {
	position: relative;
	overflow: hidden;
	background: var(--bg-primary);
	padding-inline: clamp(64px, 10vw, 128px);
	/* Phase 8.9.6: desktop max 96px -> 64px (round 2 spacing reduction).
	   Phase 8.9.8: round 3 reduction - clamp(48, 8vw, 64) -> clamp(32, 5vw, 40). */
	padding-block: clamp(32px, 5vw, 40px);
}

.lp-why-lamy > .lp-divider-gradient {
	height: 1px;
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
	margin-block: clamp(48px, 8vw, 96px);
	margin-block-start: 0;
	background: var(--accent-gradient);
	border: 0;
}

/* Purple Accent Location F — top-right corner wash */
.lp-why-lamy__bg-glow {
	position: absolute;
	top: -10%;
	right: -10%;
	width: 60%;
	height: 70%;
	background: radial-gradient(circle, var(--purple-atmosphere) 0%, transparent 70%);
	filter: blur(100px);
	opacity: 0.10;
	z-index: 0;
	pointer-events: none;
}

.lp-why-lamy .lp-container {
	position: relative;
	z-index: 1;
}

/* ============================================================
   Pill section label (scoped — same pattern as Problem / Growth / Connect)
   ============================================================ */
.lp-why-lamy .lp-section-label {
	display: inline-block;
	font-family: 'Heebo', sans-serif;
	font-size: 14px;
	font-weight: 600;
	padding: 6px 14px;
	background: rgba(212, 175, 55, 0.1);
	border: 1px solid var(--gold-primary);
	border-radius: 999px;
	color: var(--gold-highlight);
	margin-bottom: 16px;
	letter-spacing: 0.02em;
	text-transform: none;
}

.lp-why-lamy .lp-section-label::before,
.lp-why-lamy .lp-section-label::after {
	content: none;
}

/* ============================================================
   Heading
   ============================================================ */
.lp-why-lamy__heading {
	font-family: 'Rubik', 'Heebo', sans-serif;
	font-weight: 800;
	font-size: clamp(28px, 4vw, 48px);
	/* Phase 11.3 (Item 8): gold (was --text-heading white). Whole H2
	   highlighted — mirrors the .lp-final-form-mid__h2 pattern where the
	   entire CTA heading is gold, vs the per-phrase accent spans used
	   in hero/final-form H1/H2. */
	color: var(--gold-highlight);
	text-wrap: balance;
	letter-spacing: -0.01em;
	line-height: 1.15;
	margin: 0 0 24px 0;
	max-width: 28ch;
}

/* ============================================================
   Body — locked-copy paragraph block
   ============================================================ */
.lp-why-lamy__body {
	display: flex;
	flex-direction: column;
	gap: clamp(12px, 1.5vw, 18px);
	max-width: 720px;
}

.lp-why-lamy__paragraph {
	font-family: 'Heebo', sans-serif;
	font-weight: 400;
	font-size: clamp(16px, 1.4vw, 17px);
	color: var(--text-body);
	line-height: 1.8;
	margin: 0;
	text-wrap: pretty;
}