/* ==================================================
   ACCREDITATION
   ================================================== */

.accreditation {
    padding-block:64px
}

.accreditation h1, .accreditation h2, /* ==================================================
   SCOPE
   ================================================== */

.scope h2 {
    font-family:Arial, sans-serif;
    line-height:1.1;
    margin:0;
    font-weight:800;
    letter-spacing:-.04em
}

.accreditation h1 {
    font-size:clamp(2rem, 3vw, 2.45rem)
}

.accreditation h2 {
    font-size:clamp(1.9rem, 2.6vw, 2.25rem)
}

.accreditation__head {
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:10%;
    align-items:start
}

.accreditation__lead {
    max-width:490px;
    font-size:1rem;
    color:#526277;
    margin:15px 0 29px
}

.accreditation__certificate-label {
    margin-bottom:14px
}

.accreditation__facts>p {
    margin:3px 0 25px;
    max-width:560px
}

.accreditation dl {
    margin:0 0 29px;
    display:grid;
    gap:0;
    border-top:1px solid var(--line)
}

.accreditation dl div {
    display:grid;
    grid-template-columns:1.35fr 1fr;
    gap:20px;
    border-bottom:1px solid var(--line);
    padding:11px 0
}

.accreditation dt {
    font-size:.72rem;
    text-transform:uppercase;
    letter-spacing:.06em;
    color:#627286;
    font-weight:800
}

.accreditation dd {
    margin:0;
    font-weight:800;
    font-size:.84rem
}

/* ==================================================
   CERTIFICATE
   ================================================== */

.certificate {
    margin:54px auto 0;
    background:var(--gray);
    padding:27px;
    text-align:center;
    width:min(100%, 580px)
}

.certificate img {
    display:block;
    width:min(100%, 440px);
    margin:auto;
    box-shadow:0 12px 26px #0d254625
}

.certificate figcaption {
    font-size:.68rem;
    text-transform:uppercase;
    letter-spacing:.08em;
    font-weight:800;
    margin-top:15px;
    color:#596a7e
}

.scope {
    background:var(--blue);
    color:#fff;
    padding:53px 0
}

.scope__inner {
    display:flex;
    gap:30px;
    align-items:center;
    justify-content:space-between
}

.scope h2 {
    font-size:clamp(1.8rem, 3vw, 2.8rem);
    max-width:690px
}

.scope .eyebrow {
    margin-bottom:10px
}

/* ==================================================
   RESPONSIVE ≤700px
   ================================================== */

@media(max-width:700px) {
    .accreditation {
        padding-block:42px
    }

    .accreditation__head {
        grid-template-columns:1fr;
        gap:36px
    }

    .accreditation__lead {
        margin-bottom:36px
    }

    .certificate {
        margin-top:36px;
        padding:17px
    }

    .scope__inner {
        display:block
    }

    .scope .button {
        margin-top:24px
    }
}