/* Seção "Quem é" — prefixo qu- */
.qu-secao{--qu-sangra:max(var(--margem), calc((100vw - 76rem) / 2));background:linear-gradient(to bottom in oklab,var(--papel) 0,var(--papel) calc(100% - clamp(22rem,46vw,40rem)),var(--parede-1) 100%)}
.qu-grade{
  display:grid;
  grid-template-columns:minmax(0,6fr) minmax(0,6fr);
  grid-template-areas:"lado cab" "lado corpo" "fecho fecho";
  grid-template-rows:auto 1fr auto;
  column-gap:clamp(2.5rem,6.5vw,6rem);
  align-items:start;
}
.qu-lado{grid-area:lado}
/* o retrato sai pela borda esquerda da página: ele ocupa a parede inteira */
.qu-foto{margin:0 0 0 calc(-1 * var(--qu-sangra));border-radius:0 var(--raio) 0 0;overflow:hidden;background:var(--parede-3);
  -webkit-mask-image:linear-gradient(to bottom,#000 80%,rgb(0 0 0 / .55) 91%,transparent 100%);mask-image:linear-gradient(to bottom,#000 80%,rgb(0 0 0 / .55) 91%,transparent 100%)}
.qu-foto img{display:block;width:100%;height:auto}

/* ficha: a legenda do retrato */
.qu-fatos{margin-top:.4rem;font-variant-numeric:tabular-nums}
.qu-fatos div{display:grid;grid-template-columns:8.5rem minmax(0,1fr);gap:1rem;padding:.8rem 0;border-bottom:1px solid var(--fio)}
.qu-fatos div:last-child{border-bottom:0}
.qu-fatos dt{font-size:.875rem;letter-spacing:.02em;color:var(--tinta-apagada);padding-top:.12em}
.qu-fatos dd{font-size:1rem;line-height:1.45;color:var(--tinta)}

.qu-cab{grid-area:cab;padding-top:clamp(2.6rem,7vw,6rem)}
.qu-nome{font-size:clamp(3.4rem,7.6vw,7rem);line-height:.9;letter-spacing:-.02em}
.qu-registro{margin-top:1.5rem;font-size:1rem;letter-spacing:.02em;color:var(--tinta-suave)}
.qu-registro span{margin-inline:.35em;color:var(--vinho)}

.qu-corpo{grid-area:corpo;margin-top:clamp(2.5rem,5.5vw,4.5rem)}
.qu-apresenta{max-width:31rem}
.qu-apresenta p{text-indent:-.42em}
.qu-liga{margin-top:clamp(2rem,4vw,3rem)}
.qu-vozes{margin-top:1.2rem;display:grid;gap:1.1rem;max-width:34rem}
.qu-vozes li{position:relative;padding-left:1.25rem;font-size:var(--t-texto);line-height:1.6;color:var(--tinta)}
.qu-vozes li::before{content:"";position:absolute;left:2px;top:.35em;bottom:.35em;width:1px;background:var(--vinho);opacity:.55}
.qu-vozes q{quotes:"“" "”"}

.qu-equipe{margin-top:clamp(2rem,4vw,3rem);padding-top:1.4rem;border-top:1px solid var(--fio);max-width:34rem;font-size:1rem;line-height:1.6;color:var(--tinta-suave)}
.qu-equipe q{display:block;margin-top:.35rem;quotes:"“" "”";font-family:var(--serifa);font-style:italic;font-size:1.35rem;line-height:1.3;color:var(--tinta)}
.qu-equipe-quem{display:block;margin-top:.5rem;font-size:.875rem;color:var(--tinta-apagada)}

/* fecho: duas frases, uma de cada vez */
.qu-fecho{grid-area:fecho;margin-top:clamp(4rem,9vw,8rem)}
.qu-fecho-liga{font-size:1rem;line-height:1.6;color:var(--tinta-suave);max-width:26rem}
.qu-fecho-frase{margin-top:1.4rem}
.qu-fecho-frase p{font-family:var(--serifa);font-style:italic;font-size:clamp(1.9rem,8.7vw,7.2rem);line-height:1.02;letter-spacing:-.014em;color:var(--vinho)}
.qu-lei,.qu-eu{display:block;white-space:nowrap}
.qu-lei{color:var(--tinta);margin-left:-.42em}
.qu-eu{padding-left:1.72em}
.qu-fecho-frase .wf-dele-quem{margin-top:1.4rem}
/* o gesto: a segunda frase chega depois, com tinta */
.wf-js .qu-eu{opacity:.14;transform:translateX(-.35em);transition:opacity 1.5s var(--lento) .9s,transform 1.6s var(--suave) .9s}
.wf-js .wf-visto .qu-eu{opacity:1;transform:none}

@media (max-width:700px){
  .qu-grade{grid-template-columns:minmax(0,1fr);grid-template-areas:"cab" "foto" "corpo" "fatos" "fecho";grid-template-rows:none}
  .qu-lado{display:contents}
  .qu-cab{padding-top:0}
  .qu-foto{grid-area:foto;margin:2rem calc(-1 * var(--margem)) 0;border-radius:0}
  .qu-corpo{margin-top:1.2rem}
  .qu-fatos{grid-area:fatos;margin-top:2.4rem;border-top:1px solid var(--fio)}
  .qu-fatos div{grid-template-columns:7.5rem minmax(0,1fr)}
}
@media (prefers-reduced-motion:reduce){.wf-js .qu-eu{opacity:1;transform:none}}