/* =====================================================================
   Portfólio · Sobre mim (texto e ficha)
   ===================================================================== */

.sobre-grade {
    display: grid;
    grid-template-columns: minmax(0, 1.3fr) minmax(0, .9fr);
    gap: clamp(2.5rem, 6vw, 6rem);
    align-items: start;
}

.sobre-texto { max-width: 62ch; }
.sobre-texto p { color: var(--apagado); }
.sobre-texto strong { color: var(--branco); font-weight: 600; }
.sobre-texto .sobre-abertura {
    font-size: var(--t-3);
    line-height: 1.35;
    color: var(--texto);
    letter-spacing: -.01em;
}

.ficha {
    border-top: 2px solid var(--branco);
    margin-top: .6rem;
}
.ficha > div {
    display: grid;
    grid-template-columns: 8.5rem 1fr;
    gap: 1rem;
    padding: 1.1rem 0;
    border-bottom: 1px solid var(--linha);
}
.ficha dt { color: var(--apagado); font-size: .9rem; padding-top: .1rem; }
.ficha dd { color: var(--branco); font-weight: 600; line-height: 1.4; }


@media (max-width: 860px) {
    .sobre-grade { grid-template-columns: 1fr; }
}

@media (max-width: 420px) {
    .ficha > div { grid-template-columns: 1fr; gap: .2rem; }
}