/* ░░░ SEZIONE CHI TI ACCOMPAGNA ░░░ */


.sezione-beige{


  background:#a87344;      /* beige—rame */


  color:#232323;


  position:relative;


  padding:0 0 160px;


  overflow:hidden;


}





/* onda sopra a tutto */


.sezione-beige .wave-separator{


  width:100vw;


  overflow:hidden;


  line-height:0;


  position:relative;


  margin-top:-1px;


  z-index:3;


}


.sezione-beige .wave-separator svg{


  transform:rotate(180deg);


  transform-origin:center;


}





.sezione-beige .wave-separator2 {


  position: absolute;


  left: 0;


  bottom: 0;


  width: 100%;


  overflow: hidden;


  line-height: 0;


  z-index: 3; /* oppure quello che serve rispetto agli altri elementi */


  margin: 0;  /* elimina eventuali gap */


  padding: 0;


}


.sezione-beige .wave-separator2 svg {


  display: block;


  width: 100%;


  height: 80px;


  transform-origin: center;


}





/* │ HEADLINE │ */


.orientamento-headline2 {


  font-family:'Playfair Display',serif;


  font-size:clamp(2rem,4vw,2.8rem);


  font-weight:600;


  color:#fff;


  margin:6vh 0 3vh;


  position:relative;


  z-index:2;


  text-align: center;


}





@media (max-width: 768px) {


  .sezione-beige .wave-separator2 svg.chi-wave {


    height: 24px;


  }


}





.arrow-down-svg2 {


  position: absolute;


  bottom: 500px;


  left: 50%;


  transform: translateX(-50%);


  animation: bounce-arrow 2s infinite;


  z-index: 3;


}





@keyframes bounce-arrow {


  0%, 100% {


    transform: translateX(-50%) translateY(0);


  }


  50% {


    transform: translateX(-50%) translateY(8px);


  }


}





/* video di sfondo */


.chi-video-bg{


  position:absolute;


  top:0; left:0;


  width:100vw;


  height:100%;


  object-fit:cover;


  object-position:center;


  opacity:.20;            /* trasparenza */


  pointer-events:none;


  z-index:1;              /* sotto al contenuto */


}








/* ── MOBILE (<768 px) ── */


@media (max-width:768px){


 





  .chi-video-bg {


    width: 100% !important;                /* usa la larghezza del contenitore, non 100vw */


    left: 50%     !important;              /* sposta il punto di ancoraggio al centro */


    transform: translateX(-50%) !important;/* e riallinea al centro */


    object-fit: cover !important;          /* assicura il cover corretto */


  }





}