/* Visual narrativi solo nel masthead: nessuna modifica a dimensioni, padding o navigazione. */
body.mast-vendi .mast,body.mast-compra .mast,body.mast-ripara .mast{isolation:isolate}
body.mast-vendi .mast-inner,body.mast-compra .mast-inner,body.mast-ripara .mast-inner{position:relative;z-index:1}
body.mast-vendi .mast::before,body.mast-compra .mast::before,body.mast-ripara .mast::before{content:"";position:absolute;z-index:0;inset:0;background-color:#000;background-repeat:no-repeat;background-size:cover;background-position:center;pointer-events:none}
body.mast-vendi .mast::before{background-image:linear-gradient(90deg,rgba(0,0,0,.06),rgba(0,0,0,.82) 29%,#000 42%,#000 58%,rgba(0,0,0,.82) 71%,rgba(0,0,0,.06)),url('assets/hero/hero-vendi-narrativa-v3.webp')}
body.mast-compra .mast::before{background-image:linear-gradient(90deg,rgba(0,0,0,.06),rgba(0,0,0,.82) 29%,#000 42%,#000 58%,rgba(0,0,0,.82) 71%,rgba(0,0,0,.06)),url('assets/hero/hero-compra-narrativa-v3.webp')}
body.mast-ripara .mast::before{background-image:linear-gradient(90deg,rgba(0,0,0,.06),rgba(0,0,0,.82) 29%,#000 42%,#000 58%,rgba(0,0,0,.82) 71%,rgba(0,0,0,.06)),url('assets/hero/hero-ripara-narrativa-v3.webp')}
@media(max-width:700px){
  body.mast-vendi .mast::before,body.mast-compra .mast::before,body.mast-ripara .mast::before{background-position:center;background-image:linear-gradient(90deg,rgba(0,0,0,.22),rgba(0,0,0,.9) 32%,#000 43%,#000 57%,rgba(0,0,0,.9) 68%,rgba(0,0,0,.22)),var(--mast-visual)}
  body.mast-vendi{--mast-visual:url('assets/hero/hero-vendi-narrativa-v3.webp')}
  body.mast-compra{--mast-visual:url('assets/hero/hero-compra-narrativa-v3.webp')}
  body.mast-ripara{--mast-visual:url('assets/hero/hero-ripara-narrativa-v3.webp')}
}