/* ==========================================================================
   OUR STORY & TEAM   body.page-our-story-team
   ==========================================================================
   Section by id: #values. Everything else is a shared component.
   ========================================================================== */

body.page-our-story-team {
    .hero__frame { --hero-frame-max: 69.1%; }   /* the board's 1243 of 1800 */
    /* the team cards' names, roles and bios in black, as the board draws them */
    .team-card :is(h3, p, p:first-of-type) { color: #000; }
}

/* Values: the heading left, the "read more" button right, on one baseline,
   above the values row's top rule */
#values > :first-child {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: clamp(1rem, 2vw, 1.5rem);
    margin-bottom: clamp(1.75rem, 2.125vw, 3.1875rem);   /* heading -> rule: the board's 51 */
    > *, p, .btn { margin: 0; }      /* the button's own margins held it high */
    h2 {
        margin: 0;
        color: var(--prime);
        font-size: clamp(1.6rem, 2.6vw, 2.375rem);
    }
}