/* Final Project Results – single project section.
   Figma 6736:2793 – full-bleed 1880, 80px top/bottom padding, three stacked
   groups 50px apart: the 1430 header column, the 1430 centred body copy, and
   the full-bleed tabs + photo carousel (css/project/photo-gallery.css).
   Vertical margins belong to css/project/00-base.css, so only the inline
   centring margins are set here. */
/* Figma 6736:2793 sits at x=0 and is 1920 wide — the card is not inset by 20 a
   side, and neither are the tab row (6877:11177) or the photo carousel
   (6877:11187) inside it; only the heading and the body copy hold the 1430
   column. The 1880 cap used to pull all four in by 20. */
.single-project-section-results {
    padding: 80px 0;
    border-radius: 32px;
    overflow: hidden;
    background: #FFFFFF;
}

.single-project-section-results .single-project-results {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

/* 50 between the groups, except the body copy: it continues the lead sentence
   above it, so it follows on the 22 the paragraphs inside it already use
   rather than reading as a separate group. */
.single-project-section-results .single-project-results > * + * {
    margin-top: 50px;
}

.single-project-section-results .single-project-results__head + .single-project-results__text {
    margin-top: 22px;
}

/* .container-new carries a max-width but no width, so as a flex item it would
   shrink to its content instead of holding the 1430 column. */
.single-project-section-results .container-new {
    width: 100%;
}

.single-project-section-results .single-project-results__head {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 18px;
}

/* Figma 6777:8136 – 136 x 40. The stroke is drawn inside the frame, so the
   30/10 Figma padding becomes a 29/9 CSS padding plus the 1px border, and the
   text box is the 20px Figma reports (Chrome's `normal` would give 19). */
.single-project-section-results .single-project-results__badge {
    display: inline-flex;
    align-items: center;
    box-sizing: border-box;
    padding: 9px 29px;
    border: 1px solid #ACACAC;
    border-radius: 36px;
    background: #FAFAFA;
    font-family: Montserrat, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.25;
    letter-spacing: normal;
    color: #7F7F7F;
    white-space: nowrap;
}

/* Figma 6777:8137 – one 1430-wide line, box height 40 (32 x 1.25). Chrome's
   `normal` for Unbounded is 1.1875, which would make the line 38px. */
.single-project-section-results .single-project-results__title {
    width: 100%;
    margin: 0;
    padding: 0;
    font-family: Unbounded, sans-serif;
    font-size: 32px;
    font-weight: 400;
    line-height: 1.25;
    letter-spacing: normal;
    text-align: center;
    text-transform: uppercase;
    color: #171B1C;
}

/* Figma 6778:8225 – one centred 1430 column of prose, paragraphs separated by
   a blank line rather than by a margin scale. */
.single-project-section-results .single-project-results__text {
    font-family: Montserrat, sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #7F7F7F;
}

.single-project-section-results .single-project-results__text p,
.single-project-section-results .single-project-results__text ul,
.single-project-section-results .single-project-results__text ol {
    margin: 0 0 22px;
    font-family: Montserrat, sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: normal;
    letter-spacing: normal;
    color: #7F7F7F;
}

.single-project-section-results .single-project-results__text li {
    font-size: 18px;
    line-height: normal;
    letter-spacing: normal;
    color: #7F7F7F;
}

.single-project-section-results .single-project-results__text > *:last-child {
    margin-bottom: 0;
}

@media screen and (max-width: 1023px) {
    .single-project-section-results {
        padding: 50px 0;
    }

    .single-project-section-results .single-project-results > * + * {
        margin-top: 30px;
    }
}

@media screen and (max-width: 767px) {
    .single-project-section-results {
        padding: 40px 0;
    }

    .single-project-section-results .single-project-results__title {
        font-size: 24px;
    }

    .single-project-section-results .single-project-results__text,
    .single-project-section-results .single-project-results__text p,
    .single-project-section-results .single-project-results__text ul,
    .single-project-section-results .single-project-results__text ol,
    .single-project-section-results .single-project-results__text li {
        font-size: 16px;
    }
}