/* Introduction — page styles (Figma 258:1253). Shared pieces live in /css/site.css. */

:root {
  --intro-trust-top: clamp(56px, 5.73vw, 110px);
  --intro-about-top: clamp(72px, 7.24vw, 139px);
  --intro-models-top: clamp(24px, 2.4vw, 46px);
  --intro-head-gap: clamp(24px, 1.57vw, 30px);
  --intro-quote-col: 550px;
  --intro-cta-pad: clamp(64px, 8.44vw, 162px);
}

/* 2. trust strip */
.intro-trust { padding-top: var(--intro-trust-top); }

/* 3. about split */
.intro-about { padding-top: var(--intro-about-top); }
.intro-about .spot { top: -54px; right: max(-160px, calc(50% - 901px)); }

/* 4. testimonial */
.intro-testimonial__quote { margin: 0; }
.intro-testimonial .split__body { max-width: var(--intro-quote-col); }

/* 5. featured models */
.intro-models { padding-top: var(--intro-models-top); }
.intro-models .ghost-head { margin-bottom: var(--intro-head-gap); }
.intro-models__spot { top: -121px; left: max(-160px, calc(50% - 718px)); }
.intro-models__swirl { top: -62px; left: max(-120px, calc(50% - 877px)); }

/* 6. CTA band */
.intro-cta { position: relative; z-index: 1; }
.intro-cta .cta-band--full { padding-top: var(--intro-cta-pad); padding-bottom: var(--intro-cta-pad); }
.intro-cta .btn-row { flex: 0 1 auto; width: calc(var(--btn-w) * 2 + 18px); max-width: 100%; }

@media (max-width: 991px) {
  .intro-testimonial .split__body { max-width: none; }
  .intro-about .split__media { margin-top: 32px; }
  .intro-models__swirl { display: none; }
}