.band-text {
    max-width: 36rem;
    margin: 0 auto;
}

.members {
    margin-top: clamp(3.5rem, 7vw, 5rem);
}

.member { --member: var(--line); }

.member-ophelia { --member: var(--ophelia); }
.member-samuel { --member: var(--samuel); }
.member-lorenz { --member: var(--lorenz); }
.member-eluise { --member: var(--eluise); }
.member-ramon { --member: var(--ramon); }
.member-kassandra { --member: var(--kassandra); }

.member-portrait {
    width: 100%;
    aspect-ratio: 1;
    object-fit: cover;
    object-position: 50% 15%;
    border-bottom: 0.375rem solid var(--member);
}

.member-name {
    margin-top: 1.25rem;
    font-family: var(--font-display);
    font-size: var(--character);
}

.member-note {
    margin: 0.375rem 0 0;
    font-family: var(--font-smallcaps);
    font-size: var(--note);
}