/*
 * X115 homepage — motion conservativo
 * Solo animazioni sugli elementi esistenti: nessun testo, blocco o layout aggiunto.
 */

.x115-home-v2 .x115-home-hero,
.x115-home-v2 .x115-v2-hero-media,
.x115-home-v2 .x115-v2-method-video-wrap{
  --x115-video-y:0px;
  --x115-video-scale:1.015;
  --x115-copy-y:0px;
  --x115-copy-opacity:1;
}

/* Hero: movimento allo scroll, senza effetti sovrapposti al video. */
.x115-home-v2 .x115-home-hero-copy{
  transform:translate3d(0,var(--x115-copy-y),0);
  opacity:var(--x115-copy-opacity);
  will-change:transform,opacity;
}

.x115-home-v2 .x115-v2-hero-media .x115-hero-goccia{
  transform:translate3d(0,var(--x115-video-y),0) scale(var(--x115-video-scale));
  transform-origin:center center;
  will-change:transform;
}

/* Pilastri: contenuto e posizione originali, solo microinterazione e reveal. */
@media(min-width:861px){
  .x115-home-v2 .x115-v2-trust-item{
    position:relative;
    overflow:hidden;
    transition:background-color .28s ease,transform .28s ease;
  }

  .x115-home-v2 .x115-v2-trust-item:after{
    content:"";
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    height:2px;
    background:var(--x115-gold);
    transform:scaleX(0);
    transform-origin:left center;
    transition:transform .34s cubic-bezier(.2,.8,.2,1);
  }

  .x115-home-v2 .x115-v2-trust-item:hover{
    background:#fff;
    transform:translateY(-3px);
  }

  .x115-home-v2 .x115-v2-trust-item:hover:after{
    transform:scaleX(1);
  }
}

/* Metodo: il video esistente acquista profondità durante lo scroll. */
.x115-home-v2 .x115-v2-method-video-frame{
  transform:translate3d(0,var(--x115-method-y,0px),0) scale(var(--x115-method-scale,1));
  transform-origin:center center;
  will-change:transform;
}

.x115-home-v2 .x115-v2-method-video-wrap:before{
  transform:translate3d(var(--x115-ring-x,0px),var(--x115-ring-y,0px),0) scale(var(--x115-ring-scale,1));
  transform-origin:center center;
  will-change:transform;
}

.x115-home-v2 .x115-v2-method-choice{
  position:relative;
  isolation:isolate;
}

.x115-home-v2 .x115-v2-method-choice:before{
  content:"";
  position:absolute;
  z-index:-1;
  inset:0;
  background:linear-gradient(90deg,rgba(185,144,73,.075),rgba(185,144,73,0) 76%);
  transform:scaleX(0);
  transform-origin:left center;
  transition:transform .36s cubic-bezier(.2,.8,.2,1);
}

.x115-home-v2 .x115-v2-method-choice:hover:before,
.x115-home-v2 .x115-v2-method-choice:focus-within:before{
  transform:scaleX(1);
}

.x115-home-v2 .x115-v2-method-index{
  transition:opacity .28s ease,transform .28s ease;
}

.x115-home-v2 .x115-v2-method-choice:hover .x115-v2-method-index,
.x115-home-v2 .x115-v2-method-choice:focus-within .x115-v2-method-index{
  opacity:1;
  transform:translateX(4px);
}

/* Entrata progressiva degli elementi esistenti. */
html.x115-motion-ready .x115-home-v2 .x115-v2-trust-item,
html.x115-motion-ready .x115-home-v2 .x115-v2-method-copy,
html.x115-motion-ready .x115-home-v2 .x115-v2-method-video-wrap,
html.x115-motion-ready .x115-home-v2 .x115-soft-cta .x115-shell{
  opacity:0;
  transform:translate3d(0,22px,0);
  transition:opacity .72s ease,transform .72s cubic-bezier(.2,.75,.25,1);
}

html.x115-motion-ready .x115-home-v2 .x115-v2-trust-item.x115-inview,
html.x115-motion-ready .x115-home-v2 .x115-v2-method-copy.x115-inview,
html.x115-motion-ready .x115-home-v2 .x115-v2-method-video-wrap.x115-inview,
html.x115-motion-ready .x115-home-v2 .x115-soft-cta .x115-shell.x115-inview{
  opacity:1;
  transform:translate3d(0,0,0);
}

html.x115-motion-ready .x115-home-v2 .x115-v2-trust-item:nth-child(2){transition-delay:.07s}
html.x115-motion-ready .x115-home-v2 .x115-v2-trust-item:nth-child(3){transition-delay:.14s}
html.x115-motion-ready .x115-home-v2 .x115-v2-trust-item:nth-child(4){transition-delay:.21s}

@media(max-width:860px){
  .x115-home-v2 .x115-v2-hero-media .x115-hero-mobile-video{
    transform:translate3d(0,var(--x115-video-y),0) scale(var(--x115-video-scale));
    transform-origin:center center;
    will-change:transform;
  }
}

@media(prefers-reduced-motion:reduce){
  .x115-home-v2 .x115-home-hero-copy,
  .x115-home-v2 .x115-v2-hero-media video,
  .x115-home-v2 .x115-v2-method-video-frame,
  .x115-home-v2 .x115-v2-method-video-wrap:before{
    transform:none!important;
    transition:none!important;
    animation:none!important;
  }

  html.x115-motion-ready .x115-home-v2 .x115-v2-trust-item,
  html.x115-motion-ready .x115-home-v2 .x115-v2-method-copy,
  html.x115-motion-ready .x115-home-v2 .x115-v2-method-video-wrap,
  html.x115-motion-ready .x115-home-v2 .x115-soft-cta .x115-shell{
    opacity:1!important;
    transform:none!important;
    transition:none!important;
  }
}
