/* Manifiesto: la frase fijada entre el hero y las fechas.
   Parte de styles/ — se cargan en orden desde index.html. */

.manifiesto { position: relative; height: 240vh; }
.manifiesto__pin {
  position: sticky; top: 0;
  min-height: 100svh;
  display: grid; grid-template-columns: minmax(0, 1fr);
  align-content: center; gap: 1.6rem;
  padding: 0 var(--bleed);
  max-width: var(--maxw); margin-inline: auto;
}
.manifiesto__kicker {
  margin: 0; font-family: var(--mono); font-size: .72rem;
  letter-spacing: .28em; text-transform: uppercase; color: var(--oro);
}
.manifiesto__frase {
  margin: 0; max-width: min(24ch, 100%);
  font-family: var(--display); font-variation-settings: 'wdth' 110;
  font-weight: 500;
  font-size: clamp(1.7rem, 5.2vw, 4.4rem);
  line-height: 1.06; letter-spacing: -.02em; text-wrap: balance;
}
.manifiesto__lema {
  margin: 0;
  font-family: var(--display); font-variation-settings: 'wdth' 125;
  font-weight: 900; font-size: clamp(1.5rem, 6vw, 4rem);
  text-transform: uppercase; letter-spacing: -.01em;
  color: transparent; -webkit-text-stroke: 1.2px var(--oro);
}

@media (max-width: 780px) {
  .manifiesto { height: 180vh; }   /* menos recorrido fijado en pantalla chica */
}