/* IKI — correzione inquadratura botanica, senza tagliare i fiori.
 * L'immagine originale è un PNG/WebP con trasparenza: l'uso precedente
 * di object-fit:cover ritagliava le estremità superiori dei ramoscelli.
 * CONTAIN + ancoraggio in basso + contenitore correttamente proporzionato.
 */
.v4-hero-flora-front {
  /* 1672x940 => ratio 1.7787. A desktop, 1100px richiede ~619px. */
  height:clamp(440px,68%,680px);
  bottom:-2%;
  width:min(78%,1130px);
  right:-3.5%;
  overflow:visible;
}
.v4-hero-flora-front>img {
  object-fit:contain!important;
  object-position:center bottom!important;
  width:100%;
  height:100%;
  max-width:100%;
}
.v4-hero-flora-back {
  height:clamp(320px,50%,500px);
  bottom:-2%;
  width:min(78%,1130px);
  right:-4%;
}
.v4-hero-flora-back>img {
  object-fit:contain!important;
  object-position:center bottom!important;
  width:100%;height:100%;max-width:100%;
}
/* A soft left fade protects the typography, not a vertical clip of petals. */
.v4-hero-flora-front {
  mask-image:linear-gradient(to right,transparent 0%,rgba(0,0,0,.2) 14%,#000 35%,#000 100%);
}
.v4-hero-flora-back {
  mask-image:linear-gradient(to right,transparent 0%,rgba(0,0,0,.18) 15%,#000 39%,#000 100%);
}
.v4-hero-stage {overflow:hidden}

/* Picture must remain fully visible on compact screen too. */
@media(max-width:1140px) and (min-width:821px){
  .v4-hero-flora-front {width:86%;height:65%;right:-7%;bottom:-2%}
  .v4-hero-flora-back {width:83%;height:48%;right:-7%;bottom:-3%}
}
@media(max-width:820px){
  .v4-hero-flora-front{
    width:100%;
    height:clamp(220px,37%,340px);
    bottom:-1.2%;
    right:0;
    mask-image:none;
  }
  .v4-hero-flora-back{
    width:100%;
    height:clamp(220px,39%,355px);
    bottom:-2%;
    right:0;
    mask-image:none;
  }
}
@media(max-width:540px){
  .v4-hero-flora-front {
    width:105%;
    height:clamp(210px,35%,292px);
    right:-2.5%;
    bottom:-1%;
  }
  .v4-hero-flora-back {
    width:105%;
    height:clamp(210px,37%,312px);
    right:-2.5%;
    bottom:-1%;
  }
}