/* ============================================================
   ASTRON — BIO (seção 2, 2ª dobra)

   Bloco de 400px, alinhado à esquerda, na mesma escala tipográfica
   da 1ª dobra. O posicionamento no espaço é idêntico ao de lá —
   ver o comentário no index.html.
   ============================================================ */

.bio__nome {
    font-size: 40px;
    font-weight: 600;
    letter-spacing: -.03em;
    line-height: 1.02;
}

.bio__linhas {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 6px;
    margin-top: 14px;
}

.bio__idade {
    font-size: 17px;
    font-weight: 300;
    color: var(--fg-mute);
}

/* A especialidade é a linha que o closer lê em voz alta. Ela
   ganha respiro em cima e embaixo para não virar item de lista. */
.bio__esp {
    font-size: 22px;
    font-weight: 500;
    line-height: 1.28;
    margin: 18px 0 14px;
    max-width: 18ch;
}

.bio__esp b {
    color: var(--accent);
    font-weight: 500
}

/* Sem marcadores, como no resto da apresentação. */
.bio__item {
    font-size: 14px;
    font-weight: 300;
    line-height: 1.45;
    color: var(--fg-mute);
    max-width: 30ch;
}

.bio__item b {
    color: var(--fg);
    font-weight: 500
}

@media (max-height: 800px) {
    .bio__nome {
        font-size: 33px
    }

    .bio__esp {
        font-size: 18px;
        margin: 13px 0 10px
    }

    .bio__item {
        font-size: 12.5px
    }

    .bio__idade {
        font-size: 15px
    }
}

@media (max-width: 768px) {
    .bio__nome {
        font-size: 26px
    }

    .bio__esp {
        font-size: 16px
    }

    .bio__item {
        font-size: 12px
    }
}