/* Pixel-measured against amazon-design-refs/sections/big-insight-narrative.png
   (1719x3900 reference). The crop's top ~1000px is solid accent blue with a
   partial video-panel/play-icon visible — confirmed (via a full-height pixel
   scan) to be spillover from the preceding Case Studies section's own blue
   background, not real content for this scene; this block's design starts
   from the dark-bg content only.

   Line-band measurement (white-pixel row clustering, not guessed): both
   paragraphs share the same ~119-120px line pitch at this reference width;
   the bold closing line's own band height (~64px) closely matches each
   paragraph line's band height (~63-68px) — same font-size as the
   paragraphs, distinguished by weight (700 vs 400) rather than size. No
   exact type spec was provided, so the actual font-size/line-height below
   are a reasonable estimate derived from that measured line pitch, not a
   pixel-exact value — flagged the same way as other non-critical
   typographic estimates elsewhere in this project. Text was originally
   left-aligned to match the reference crop, switched to centered
   2026-08-06 per direct request, then reverted back to left-aligned
   2026-08-09 (direct request, comparing against the reference crop again)
   — the reference is genuinely left-aligned. "eciciencies" is preserved
   verbatim from the reference — likely a typo for "efficiencies" in the
   source design, not silently corrected. The first paragraph was also
   split into two at "INVNT." / "We can do..." 2026-08-09, matching the
   reference's own paragraph break — it had been merged into one string
   with a double space at that seam instead of a real break. */

.rds-big-insight {
	width: 100%;
	background: #111419;
	padding: clamp(4rem, 10vw, 8rem) clamp(1.5rem, 8vw, 9rem);
	box-sizing: border-box;
	padding-bottom: 0;
}

.rds-big-insight__body {
	max-width: 50rem;
	margin: 0 auto;
	text-align: left;
}

.rds-big-insight__paragraph {
	margin: 0 0 clamp(2rem, 5vw, 3.5rem);
	color: #ffffff;
	font-family: "Ember Modern Display", sans-serif;
	font-weight: 400;
}

/* Without this, the last paragraph's own bottom margin collapses straight
   through `.rds-big-insight` (no padding-bottom to block it, 2026-08-11)
   and out past the section's own background, appearing as a blank gap
   before the next section instead of space inside this one. */
.rds-big-insight__paragraph:last-child {
	margin-bottom: 0;
}

/* Closing statement is its own full-viewport, centered frame — split out
   from the paragraphs section (2026-08-06, "this needs to be in its own
   section that takes full viewport centered. scroll snap") rather than
   trailing at the bottom of `.rds-big-insight__body`. Shares
   `.rds-big-statement` (base.css) for its actual type styling, same
   tag/scale as What's Next Intro's "So, What comes next?" heading
   (2026-08-06, "have it same tag/style like this text"). The compound
   selector here is just to win the cascade against `.rds-big-statement`'s
   own `color` (equal specificity, base.css loads after this file) — its
   dark-on-white default would otherwise go invisible against this
   section's dark background. */
.rds-big-insight-closing {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 100vh;
	width: 100%;
	background: #111419;
	padding: clamp(2rem, 6vw, 5rem);
	box-sizing: border-box;
	overflow: hidden;
	isolation: isolate;
	text-align: center;
	padding-bottom: 19vw;
}

.rds-big-insight-closing__clip-art {
	position: absolute;
	inset: 0;
	z-index: 11;
	display: block;
	width: 103%;
	height: 100%;
	transform: translateY(56%) rotate(-6deg);
	pointer-events: none;
}

.rds-big-insight-closing .rds-big-insight-closing__text {
	position: relative;
	z-index: 1;
	max-width: 60rem;
	color: #ffffff;
}