/* Ink About page */

.ink-about-why .ink-h2--sm { margin-top: 14px; text-wrap: balance; }

/* Team grid: the dark head cell fills the first slot so 5 members make two full rows */
.ink-team__head {
    display: flex;
    flex-direction: column;
    background: var(--ink);
}
.ink-team__head .ink-h2 { margin-top: 14px; }
.ink-team__head .ink-body { margin-top: 20px; max-width: 26em; }

.ink-member { display: flex; flex-direction: column; }
.ink-member__photo {
    aspect-ratio: 5 / 4;
    border-bottom: var(--rule) solid var(--ink);
}
.ink-member__photo img { object-position: 50% 30%; }
.ink-member__role { margin-top: 6px; }
.ink-member__skills {
    display: flex;
    flex-wrap: wrap;
    gap: 4px 0;
    margin-top: 10px;
}
.ink-member__skills li + li::before {
    content: "/";
    margin: 0 10px;
    color: var(--grey-500);
}
.ink-member__bio { margin-top: 14px; }

/* Closing CTA: title left, copy and button right */
.ink-cta--split > .ink-cell:last-child > p:first-child { margin-top: 0; }

@media (max-width: 1100px) {
    .ink-member .ink-h3 { font-size: 22px; line-height: 28px; }
}

/* Tablet: one member per row, photo left, text right */
@media (max-width: 860px) and (min-width: 561px) {
    .ink-member { display: grid; grid-template-columns: 38% 1fr; }
    .ink-member__photo {
        aspect-ratio: auto;
        min-height: 280px;
        border-bottom: 0;
        border-right: var(--rule) solid var(--ink);
    }
    .ink-member__photo img { position: absolute; inset: 0; }
}

@media (max-width: 560px) {
    .ink-member__photo { aspect-ratio: 4 / 3; }
}