/* ============================================================
   Manifesto — foto com parallax + texto
   ============================================================ */
.manifesto{
  display:grid;
  grid-template-columns:1fr 1.05fr;
  gap:clamp(44px,7vw,92px);
  align-items:center;
}

/* --- moldura da foto: cartão com sombra sólida colorida --- */
.moldura{
  position:relative;
  aspect-ratio:4/4.6;
  overflow:hidden;
  border-radius:var(--raio-g);
  background:var(--uva-leve);
  box-shadow:16px 16px 0 var(--menta);
  opacity:0;
  transform:translateY(30px) rotate(-1.5deg) scale(.97);
  transition:opacity .9s var(--ease),transform .9s var(--ease-pulo),box-shadow .6s var(--ease);
}
.moldura.visivel{opacity:1;transform:none}
.moldura:hover{box-shadow:22px 22px 0 var(--sol)}
.moldura img{
  width:100%;height:112%;
  object-fit:cover;
  filter:saturate(1.1);
  transition:transform 1.2s var(--ease)}
.moldura:hover img{transform:scale(1.04)}

/* --- texto --- */
.manifesto-texto h3{
  font-size:clamp(2.2rem,4.6vw,3.6rem);
  margin:20px 0 22px;
}
.assinatura{margin-top:30px}

/* --- números em cartões --- */
.numeros{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:12px;
  margin-top:40px;
}
.numeros div{
  padding:22px 18px;
  border-radius:var(--raio-m);
  background:var(--cartao);
  box-shadow:var(--sombra-p);
  transition:transform .45s var(--ease-pulo),box-shadow .45s var(--ease);
}
.numeros div:hover{transform:translateY(-6px);box-shadow:var(--sombra-m)}
.numeros div:nth-child(1){background:var(--coral-leve)}
.numeros div:nth-child(2){background:var(--menta-leve)}
.numeros div:nth-child(3){background:var(--sol-leve)}
.numeros b{
  display:block;
  font-family:var(--display);
  font-weight:800;
  font-size:clamp(2rem,3.4vw,2.7rem);
  line-height:1;
  letter-spacing:-.04em;
  color:var(--tinta);
}
.numeros span{
  display:block;
  margin-top:6px;
  font-size:.76rem;
  font-weight:600;
  letter-spacing:.04em;
  color:var(--tinta-tenue);
}

@media(max-width:900px){
  .manifesto{grid-template-columns:1fr}
  .moldura{aspect-ratio:4/3.6;box-shadow:12px 12px 0 var(--menta)}
}
@media(max-width:520px){
  .numeros{grid-template-columns:1fr 1fr}
  .numeros div:nth-child(3){grid-column:span 2}
}