/* ============================================================
   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;
}

@media(max-width:900px){
  .manifesto{grid-template-columns:1fr}
  .moldura{aspect-ratio:4/3.6;box-shadow:12px 12px 0 var(--menta)}
}