.coach-grid {
    counter-reset: coach;
}

.coach {
    counter-increment: coach;
    position: relative;
}

.coach::after {
    content: counter(coach, decimal-leading-zero);
    position: absolute;
    top: 1rem;
    right: 1rem;
    z-index: 2;
    display: grid;
    width: 2.25rem;
    height: 2.25rem;
    place-items: center;
    background: rgba(10, 10, 10, .82);
    color: var(--cream);
    font: 600 .68rem 'DM Sans', sans-serif;
    letter-spacing: .08em;
    backdrop-filter: blur(6px);
}

.coach img {
    filter: saturate(.88) contrast(1.03);
    transition: transform .5s ease, filter .5s ease;
}

.coach:hover img {
    filter: saturate(1) contrast(1.03);
}

.coach-lead {
    display: grid;
    grid-template-columns: minmax(0, 1.08fr) minmax(0, .92fr);
    background: var(--black);
    color: var(--cream);
}

.lead-coaches {
    background: var(--cream);
}

.coach-grid-leads {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.coach-lead .coach-media {
    min-height: 100%;
}

.coach-lead img {
    height: 100%;
    aspect-ratio: auto;
}

.coach-lead .coach-copy {
    justify-content: flex-end;
    padding: 2.25rem;
}

.coach-lead .coach-role {
    color: var(--gold);
}

.coach-lead h3 {
    font-size: clamp(2.8rem, 5vw, 4.5rem);
}

.coach-lead p {
    color: rgba(245, 240, 225, .67);
    font-size: 1rem;
}

[hidden] {
    display: none !important;
}

.coach-no-image {
    grid-column: auto;
    display: flex;
    min-height: 290px;
}

@media (max-width: 640px) {
    .coach-grid-leads {
        grid-template-columns: 1fr;
    }

    .coach-lead {
        display: flex;
    }

    .coach-lead img {
        height: auto;
        aspect-ratio: 4 / 3;
    }

    .coach-lead .coach-copy {
        padding: 1.3rem;
    }

    .coach-lead h3 {
        font-size: 2rem;
    }

    .coach-lead p {
        font-size: .92rem;
    }
}
.join-actions{display:grid;gap:.7rem}
.join-actions a{grid-column:auto!important;justify-self:stretch!important;justify-content:space-between}
.join-actions a:last-child{border:1px solid rgba(245,240,225,.45);background:transparent;color:var(--cream)}
.join-actions a.join-actions__coaching{border-color:var(--gold);background:transparent;color:var(--gold)}
.coach-safeguarding{max-width:1280px;margin:5rem auto 0;padding:1.6rem 1.8rem;display:grid;grid-template-columns:minmax(180px,.35fr) minmax(0,1.65fr);align-items:center;gap:2rem;background:#f5f0e1;border-left:5px solid var(--gold);color:var(--black)}
.coach-safeguarding h2{margin-top:.25rem;font-size:2rem}
.coach-safeguarding__copy{display:flex;align-items:center;justify-content:space-between;gap:2rem}
.coach-safeguarding__copy p{max-width:760px;color:rgba(10,10,10,.66);font-size:.9rem;line-height:1.6}
.coach-safeguarding__copy a{flex:0 0 auto;color:var(--black);font-size:.7rem;font-weight:800;letter-spacing:.07em;text-decoration:none;text-transform:uppercase;white-space:nowrap}
@media(max-width:1024px){.join-panel .join-actions{grid-column:2;justify-self:stretch}}
@media(max-width:1320px){.coach-safeguarding{margin-right:2rem;margin-left:2rem}}
@media(max-width:760px){.coach-safeguarding{margin:3.5rem 1.15rem 0;padding:1.4rem;grid-template-columns:1fr;gap:1rem}.coach-safeguarding__copy{align-items:flex-start;flex-direction:column;gap:1rem}.coach-safeguarding__copy a{white-space:normal}}
@media(max-width:640px){.join-panel .join-actions{grid-column:auto}.join-actions a{width:100%}}
