/* Frase branca primeiro, complemento amarelo depois, palavra por palavra. */
.mentor-story { background: var(--preto); position: relative; padding-block: 80px; }
.mentor-story__stage { width: 100%; max-width: 1120px; margin-inline: auto; padding-inline: var(--lateral); }
.mentor-story__pairs { display: grid; gap: 80px; }
.mentor-story__pair { text-align: center; }
.mentor-story__pair h2, .mentor-story__pair h3 {
  font: 400 clamp(2.4rem, min(6.4vw, 9svh), 5.6rem)/1.06 var(--titulo);
  letter-spacing: .005em;
  text-transform: uppercase;
  text-wrap: balance;
  -webkit-text-stroke: .015em currentColor;
}
.mentor-story__lead, .mentor-story__answer { display: block; }
.mentor-story__lead { color: var(--branco); --lit-color: var(--branco); }
.mentor-story__answer { color: var(--amarelo); --lit-color: var(--amarelo); margin-top: 20px; }
.mentor-story__word { display: inline-block; color: var(--lit-color); }
.mentor-story__note { color: var(--suave); font-size: .88rem; line-height: 1.6; max-width: 580px; margin: 24px auto 0; }
/* Mais que o dobro de percurso, incluindo uma pausa de leitura em cada par. */
.mentor-story--pinned { height: 820svh; padding: 0; }
.mentor-story--pinned .mentor-story__stage { position: sticky; top: var(--story-header, 72px); height: calc(100svh - var(--story-header, 72px)); display: flex; flex-direction: column; justify-content: center; padding-block: 24px; }
.mentor-story--pinned .mentor-story__pairs { gap: 0; }
.mentor-story--pinned .mentor-story__pair { grid-area: 1 / 1; align-self: center; opacity: 0; pointer-events: none; transition: opacity 180ms ease-out; }
.mentor-story--pinned .mentor-story__pair[data-active] { opacity: 1; pointer-events: auto; }
.mentor-story--pinned .mentor-story__word { color: rgba(247,247,247,.16); transition: color 140ms ease-out; }
.mentor-story--pinned .mentor-story__word.is-lit { color: var(--lit-color); }
.mentor-story--pinned .mentor-story__answer { opacity: 0; transition: opacity 180ms ease-out; }
.mentor-story--pinned .has-answer .mentor-story__answer { opacity: 1; }
.mentor-story--pinned .mentor-story__note { opacity: 0; transition: opacity 180ms ease-out; }
.mentor-story--pinned .is-complete .mentor-story__note { opacity: 1; }
/* Alternativa em janelas baixas: revelação por bloco, sem fixar a rolagem. */
.mentor-story--flow .mentor-story__word { color: rgba(247,247,247,.16); }
.mentor-story--flow .is-visible .mentor-story__word { animation: mentor-word-light 300ms ease-out var(--word-delay) both; }
.mentor-story--flow .mentor-story__note { opacity: 0; }
.mentor-story--flow .is-visible .mentor-story__note { animation: mentor-note-light 300ms ease-out var(--note-delay) both; }
@keyframes mentor-word-light { from { color: rgba(247,247,247,.16); } to { color: var(--lit-color); } }
@keyframes mentor-note-light { from { opacity: 0; } to { opacity: 1; } }
@media (min-width: 900px) and (min-height: 650px) and (max-height: 749px) {
 .mentor-story--pinned .mentor-story__pair h2, .mentor-story--pinned .mentor-story__pair h3 { font-size: clamp(2.2rem, min(6.4vw, 7.2svh), 5.6rem); }
}
@media (max-width: 767px) {
 .mentor-story { padding-block: 64px; }
 .mentor-story__pairs { gap: 64px; }
 .mentor-story__pair + .mentor-story__pair { border-top: 1px solid var(--linha); padding-top: 48px; }
 .mentor-story__pair h2, .mentor-story__pair h3 { font-size: clamp(2rem, 8vw, 3.2rem); }
}
/* Mobile: one white/yellow pair at a time, with predictable wrapping. */
@media (max-width: 899px) {
  #problema.mentor-story .mentor-story__stage { padding-inline: 24px; }
  #problema.mentor-story .mentor-story__pair h2,
  #problema.mentor-story .mentor-story__pair h3 {
    font-size: clamp(30px, 8.2vw, 38px) !important;
    line-height: 1.13 !important;
    letter-spacing: .01em;
    word-spacing: .08em;
    -webkit-text-stroke: .008em currentColor;
    max-inline-size: 22ch;
    margin-inline: auto;
  }
  #problema.mentor-story .mentor-story__answer { margin-top: 24px; }
  #problema.mentor-story .mentor-story__note { font-size: 13px; line-height: 1.6; max-width: 32ch; }
  #problema.mentor-story--pinned { height: 660svh; padding: 0; }
  #problema.mentor-story--pinned .mentor-story__stage { padding-block: 24px; }
  #problema.mentor-story--pinned .mentor-story__pairs { gap: 0; }
  #problema.mentor-story--pinned .mentor-story__pair { transition: none; }
  #problema.mentor-story--pinned .mentor-story__pair + .mentor-story__pair { border: 0; padding-top: 0; }
  #problema.mentor-story--pinned .mentor-story__scroll.rolagem__aviso { margin-bottom: 32px; font-size: 13px; }
  #problema.mentor-story--pinned .rolagem__anel { width: 60px; height: 60px; margin-top: 14px; }
}
@media (prefers-reduced-motion: reduce) {
 .mentor-story { height: auto !important; padding-block: 64px !important; }
 .mentor-story .mentor-story__stage { position: static; height: auto; display: block; padding-block: 0; }
 .mentor-story .mentor-story__pairs { gap: 64px; }
 .mentor-story .mentor-story__pair { grid-area: auto; opacity: 1; }
 .mentor-story .mentor-story__word { animation: none; transition: none; color: var(--lit-color); }
 .mentor-story .mentor-story__answer, .mentor-story .mentor-story__note { opacity: 1; animation: none; transition: none; }
}