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

.terminal-mission-log {
    display: grid;
    gap: 0.5rem;
    color: var(--accent);
    font-size: 0.84rem;
    line-height: 1.65;
}

.terminal-mission-log p {
    margin: 0;
}

.terminal-mission-log p::before {
    content: "> ";
    color: var(--highlight);
}

.terminal-staff-grid {
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.terminal-staff-card {
    display: grid;
    gap: 1rem;
    padding: 1rem;
    border: 1px solid var(--line);
    background: rgba(9, 15, 11, 0.88);
    align-content: start;
    transition: all 300ms ease;
}

.terminal-staff-card:hover {
    border-color: #00FA9A;
    box-shadow: 0 0 8px rgba(0, 250, 154, 0.4);
}

.terminal-staff-photo {
    aspect-ratio: 4 / 5;
    border: 1px solid rgba(137, 162, 122, 0.34);
    overflow: hidden;
    background: linear-gradient(180deg, rgba(14, 18, 15, 0.92), rgba(8, 10, 9, 0.98));
}

.terminal-staff-photo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    filter: grayscale(1) contrast(120%);
    transition: filter 300ms ease;
}

.terminal-staff-card:hover .terminal-staff-photo img {
    filter: sepia(100%) hue-rotate(90deg) saturate(300%) contrast(120%);
}

.terminal-staff-placeholder {
    width: 100%;
    height: 100%;
    display: grid;
    place-items: center;
    color: var(--muted);
    font-size: 2rem;
}

.terminal-staff-role {
    color: var(--highlight);
    font-size: 0.7rem;
    letter-spacing: 0.08rem;
    text-transform: uppercase;
    border: 1px solid var(--highlight);
    width: fit-content;
    padding: .3rem;
}

.terminal-socials {
    display: flex;
    flex-wrap: wrap;
    gap: 0.55rem;
}

.terminal-social-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.15rem;
    height: 2.15rem;
    border: 1px solid var(--line);
    background: rgba(7, 11, 8, 0.76);
}

.terminal-social-link img {
    width: 1rem;
    height: 1rem;
    filter: brightness(0) saturate(100%) invert(87%) sepia(8%) saturate(739%) hue-rotate(29deg) brightness(99%) contrast(90%);
}

.terminal-card-copy {
    margin: 0;
    color: var(--muted);
    font-size: 0.84rem;
    line-height: 1.7;
}

@media (max-width: 1080px) {
    .terminal-staff-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 900px) {
    .terminal-grid--two,
    .terminal-staff-grid {
        grid-template-columns: 1fr;
    }
}