/* Sezione: hero a tre colonne con slideshow (home) */
.hero{display:grid;grid-template-columns:var(--col-side) var(--col-mid) var(--col-side);height:100vh;min-height:max(56.9vw,100vh);max-height:100vh}
.hero__left{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding-left:15.75vw;position:relative;z-index:2}
.hero__title{font-size:var(--fs-hero);color:var(--ts-sand);white-space:nowrap}
.hero__left .btn{margin-top:1.8vw;width:19.25vw;text-align:center;padding-inline:0}
.hero__slides{position:relative;overflow:hidden}
.hero__slides img{position:absolute;inset:0;width:100%;height:100%!important;object-fit:cover;opacity:0}
.hero__slides img.is-active{opacity:1}
.hero__right{display:flex;align-items:center;padding-left:3.1vw;position:relative;z-index:2}
.hero__right .copy{width:17.5vw;color:var(--ts-sand);line-height:1.8}

@media (max-width:1024px){
  .hero{height:auto;max-height:none;min-height:42vh}
  .hero__left{padding:110px 3vw 6vw 8vw}
  .hero__left .btn{width:auto;padding-inline:2.4em}
  .hero__right{padding:6vw 4vw 6vw 3vw}
  .hero__right .copy{width:auto}
}
@media (max-width:767px){
  .hero{grid-template-columns:1fr;min-height:0}
  .hero__left{min-height:63vh;box-sizing:border-box;padding:48vw 11% 8vw}
  .hero__left .btn{width:100%;font-size:3.3vw}
  .hero__slides{min-height:120vw}
  .hero__right{padding:8% 8% 11%}
}