.flm-principles { padding: 0; }
/* Butt the four bands — kill the root block-gap between them. */
.flm-principles > * { margin-block-start: 0; }
/* Section label sits inside the first band's copy, above the kicker: a leading
   pink tick + "What We Stand For". ~25% larger than the reference comp; no
   slide counter. */
.flm-principles__eyebrow { display: inline-flex; align-items: center; gap: 0.72rem; margin: 0 0 1rem; font-family: var(--wp--preset--font-family--plex); font-weight: 600; font-size: clamp(1rem, 1.5vw, 1.2rem); letter-spacing: 0.2em; text-transform: uppercase; color: var(--wp--preset--color--text-primary); text-shadow: 0 1px 10px rgba(0,0,0,0.5); }
.flm-principles__eyebrow::before { content: ''; flex: none; width: 2px; height: 1.15em; background: var(--wp--preset--color--text-muted); }
/* ~50% taller than before (was clamp(320px, 62svh, 620px)) so each principle reads
   as a near-full-screen, information-rich band. */
.flm-principles__band { position: relative; min-height: clamp(480px, 90svh, 900px); display: flex; overflow: hidden; }
.flm-principles__img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; display: block; }
.flm-principles__scrim { position: absolute; inset: 0; background:
  linear-gradient(90deg, rgba(3,9,16,0.92) 0%, rgba(3,9,16,0.5) 46%, rgba(3,9,16,0.05) 82%),
  linear-gradient(0deg, rgba(3,9,16,0.85) 0%, rgba(3,9,16,0) 60%); }
.flm-principles__copy { position: relative; z-index: 1; align-self: flex-end; width: min(92vw, 1180px); margin-inline: auto; padding-block: clamp(2rem, 5vw, 3.5rem); color: var(--wp--preset--color--text-primary); }
.flm-principles__kicker { margin: 0 0 0.7rem; font-family: var(--wp--preset--font-family--plex); font-weight: 600; font-size: 0.82rem; letter-spacing: 0.18em; text-transform: uppercase; color: var(--wp--preset--color--text-muted); }
.flm-principles__head { margin: 0 0 0.7rem; font-family: var(--wp--preset--font-family--plex); font-weight: 600; font-size: clamp(2rem, 5vw, 3.75rem); line-height: 1.08; max-width: 20ch; text-shadow: 0 2px 16px rgba(0,0,0,0.5); }
.flm-principles__sub { margin: 0 0 1.4rem; max-width: 52ch; font-weight: 300; font-size: clamp(1.05rem, 1.7vw, 1.4rem); line-height: 1.55; color: #dfe6ec; text-shadow: 0 1px 10px rgba(0,0,0,0.45); }
.flm-principles__proof { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 0.55rem 1.9rem; max-width: 62ch; }
.flm-principles__proof li { position: relative; padding-left: 1.15rem; font-size: clamp(0.95rem, 1.25vw, 1.15rem); line-height: 1.5; color: #eef2f5; text-shadow: 0 1px 8px rgba(0,0,0,0.55); }
.flm-principles__proof li::before { content: '\203A'; position: absolute; left: 0; color: var(--wp--preset--color--text-muted); font-weight: 700; }
