/* Intro Statement — centered navy heading + paragraph (Figma section #3). */
.intro-statement {
    background: #fff;
    padding: 92px 0 72px;
    text-align: center;
}
/* Align the container with the hero text (same max-width + side padding). */
.intro-statement .container {
    max-width: 1440px;
    width: 100%;            /* beat the bundle's .container { width:85% } (<1600px) so it aligns with the hero */
    padding-left: 86px;
    padding-right: 86px;
}
@media (max-width: 991px) {
    .intro-statement .container { padding-left: 24px; padding-right: 24px; }
}
.intro-statement__heading {
    color: var(--ct-navy);
    font-family: 'Poppins', sans-serif;
    font-weight: 700;
    font-size: clamp(34px, 4.6vw, 85px);
    line-height: 1.18; /* = 100px at the 85px cap; scales with the fluid size */
    margin: 0 0 26px;
}
/* Body copy — 26px/300 across both variants (centered + left) for consistency. */
.intro-statement__body {
    color: var(--ct-navy);
    font-family: 'Albert Sans', sans-serif;
    font-size: 26px;
    font-weight: 300;
    line-height: 1.6;
    max-width: 1180px;
    margin: 0 auto;
}
@media (max-width: 767px) {
    .intro-statement { padding: 50px 0 50px; }
    .intro-statement__body { font-size: 20px; }
}

/* Optional eyebrow / breadcrumb above the heading. */
.intro-statement__eyebrow {
    color: var(--ct-navy);
    font-family: 'Albert Sans', sans-serif;
    font-weight: 600;
    font-size: 15px;
    letter-spacing: 0.3px;
    margin: 0 0 18px;
}
.intro-statement__eyebrow a {
    color: inherit;
    text-decoration: none;
}
.intro-statement__eyebrow a:hover,
.intro-statement__eyebrow a:focus {
    text-decoration: underline;
}

/* Left-aligned variant (e.g. High Schoolers "I can make it"). */
.intro-statement--left {
    text-align: left;
}
.intro-statement--left .intro-statement__body {
    margin-left: 0;
    margin-right: 0;
    max-width: 1180px;
}
.intro-statement--left .intro-statement__heading {
    font-size: clamp(46px, 7.4vw, 85px);
    letter-spacing: -1px;
}