/* Top padding trimmed vs bottom (BugHerd g30638379 "remove some space" —
   the pinned innovations stage above already ends with dead room). */
.flm-f5principles { padding-block: clamp(1.25rem, 3vw, 2.5rem) clamp(2.5rem, 6vw, 5rem); padding-inline: 0; }
.flm-f5principles__inner { width: min(92vw, 1840px); margin-inline: auto; }
.flm-f5principles__title { color: var(--wp--preset--color--text-primary); font-weight: 600; font-size: clamp(1.75rem, 3vw, 2.75rem); line-height: 1.15; margin: 0 0 clamp(2rem, 5vw, 4rem); max-width: 28ch; }
.flm-f5principles__list { display: flex; flex-direction: column; gap: clamp(2.5rem, 6vw, 5rem); }
.flm-f5principles__item { display: grid; grid-template-columns: minmax(120px, 22%) 1fr; gap: clamp(1.5rem, 4vw, 3.5rem); align-items: start; padding-top: clamp(1.5rem, 4vw, 3rem); border-top: 1px solid color-mix(in srgb, var(--wp--preset--color--text-soft) 28%, transparent); }
.flm-f5principles__num { color: var(--wp--preset--color--text-primary); font-weight: 300; font-size: clamp(3.5rem, 9vw, 8rem); line-height: 0.9; letter-spacing: -0.02em; }
.flm-f5principles__name { color: var(--wp--preset--color--text-primary); font-weight: 600; font-size: clamp(1.5rem, 2.2vw, 2rem); margin: 0 0 1rem; }
.flm-f5principles__body { color: var(--wp--preset--color--text-secondary); font-weight: 300; line-height: 1.6; font-size: var(--wp--preset--font-size--body); margin: 0 0 1.5rem; max-width: 52ch; }
.flm-f5principles__video { width: 100%; border-radius: 6px; display: block; aspect-ratio: 16 / 9; object-fit: cover; background: var(--wp--preset--color--surface-base); }
@media (max-width: 768px) { .flm-f5principles__item { grid-template-columns: 1fr; gap: 1rem; } }

/* (2026-08-07) The earlier mobile pull-up (negative margin sliding this section
   over the pinned stage's tail) read as an "odd scroll problem" on staging
   (BugHerd g30638785) — replaced by capping the pinned stage height in
   f5-innovations.css, which removes the dead band at the source. */