.profile {
    --color-canyon-coral: #E35205;
    --color-dandelion-dark: #C99700;
    --color-glacier-gray-dark: #51534A;
    --color-glacier-gray-light: #D0D0CE;
    --color-gray-blue: #3D7384;
    --color-gray-green: #8CBDA7;
    --color-hosta-green-dark: #00966C;
    --color-hosta-green-light: #71CC98;
    --color-light-light-blue: #E0ECF2;
    --color-light-blue: #B8D7E3;
    --color-light-green: #CCEDDA;
    --color-light-melon: #E7C7B5;
    --color-medium-melon: #D98F69;
    --color-light-light-melon: #FAF4F1;
    --color-light-yellow: #F4E7B0;
    --color-pacific-blue: #005F86;
    --color-rich-black: #272727;
    --color-silt-brown: #5D4534;
    --color-stillwater-blue: #6AA2B9;
    --font-weight-normal: 400;
    --font-weight-bold: 600;
    font-weight: var(--font-weight-normal);
    display: grid;
    grid-template-areas: "portrait header"
                         "portrait content";
    gap: 2em;
    grid-template-columns: 12em auto;
    grid-template-rows: 1fr auto;
    color: var(--color-glacier-gray-dark);
    padding-block: 2em;
    border-bottom: 2px solid var(--color-light-blue);
}

.profile:last-child {
    border-bottom: none;
}

.profile-image {
    grid-area: portrait;
}

.profile-image .image {
    aspect-ratio: 3/4;
    object-fit: cover;
    display: block;
}

.profile-header {
    grid-area: header;
}

.profile-content {
    grid-area: content;
}

.profile-name {
    color: var(--color-pacific-blue);
    margin: 0;
    font-size: 1.5em;
    font-weight: var(--font-weight-normal);
}

.single-board .profile-name {
    font-size: 2em;
}

.profile-affiliation {
    font-weight: var(--font-weight-bold);
}

.profile-role {
    color: var(--color-pacific-blue);
    font-weight: var(--font-weight-bold);
    text-transform: uppercase;
}

.profile .cta {
    background-color: var(--color-medium-melon);
    border-color: var(--color-medium-melon);
    font-weight: var(--font-weight-bold);
    margin-top: 1em;
    letter-spacing: 0.05em;
}