/* Tessitura Brera — video originali 2026, filmati orizzontali.
   Un'unica inquadratura continua e proporzionata su tutta la superficie del banner. */
.home .hero-visual.hero-visual-video {background:#19342c; isolation:isolate}
.home .hero-visual-video .hero-image {display:none}
.brera-video-scene {
  position:absolute; inset:0; z-index:0; overflow:hidden;
  pointer-events:none; isolation:isolate; background:#233e34;
}
.brera-video-scene .brera-background-video,
.brera-video-scene .video-still {
  position:absolute; inset:0; display:block;
  width:100%;height:100%;max-width:100%;
  object-fit:cover;object-position:center center;
  mask-image:none;-webkit-mask-image:none;
  filter:saturate(.86) contrast(1.03);
}
.brera-video-scene .video-still {z-index:0}
.brera-video-scene .brera-background-video {z-index:1;opacity:0;transition:opacity .3s ease}
.brera-video-scene .brera-background-video.is-playing {opacity:1}
.hero-video-scene::after,
.cta-video-scene::after {content:"";position:absolute;inset:0;z-index:2;pointer-events:none}
/* Il testo occupa la parte sinistra, dunque e' piu' scura del resto del video. */
.hero-video-scene::after {
  background:linear-gradient(90deg,rgba(16,43,33,.88) 0%,rgba(18,46,36,.70) 38%,rgba(19,42,33,.32) 73%,rgba(19,42,33,.18) 100%);
}
.home .hero-visual-video .hero-visual-text {position:relative;z-index:2}
.home .hero-visual-video .hero-visual-bottom {z-index:3}
.home .hero-visual-video .hero-vertical {z-index:2;color:#f3ede2;text-shadow:0 1px 8px #102119b5}
/* Banner prodotti: lo sfondo e' un secondo filmato orizzontale, nastro beige e verde. */
.home-products-cta.nastri-cta:has(.cta-video-scene) {background:#213c30;isolation:isolate}
.home-products-cta.nastri-cta:has(.cta-video-scene)::before {display:none}
.home-products-cta.nastri-cta .cta-video-scene {z-index:0}
.cta-video-scene::after {background:linear-gradient(90deg,rgba(16,46,35,.65),rgba(16,46,35,.52)),rgba(9,22,15,.12)}
.home-products-cta.nastri-cta:has(.cta-video-scene)::after {z-index:1}
.home-products-cta.nastri-cta:has(.cta-video-scene) .nastri-cta-inner {position:relative;z-index:2}
@media (max-width:700px) {
  .hero-video-scene .brera-background-video,.hero-video-scene .video-still {object-position:57% center}
  .hero-video-scene::after {background:linear-gradient(0deg,rgba(16,43,33,.96) 0%,rgba(16,43,33,.81) 31%,rgba(16,43,33,.28) 90%)}
  .cta-video-scene .brera-background-video,.cta-video-scene .video-still {object-position:58% center}
  .cta-video-scene::after {background:rgba(15,43,32,.60)}
}
@media (prefers-reduced-motion:reduce) {
  .brera-video-scene .brera-background-video {display:none!important}
}