/* V10.12: scoped header repair for Download and Cantiere only. */
.route-download .download-state{
  position:relative;
  isolation:isolate;
  min-height:clamp(490px,42vw,590px);
  padding:clamp(58px,6vw,96px) clamp(310px,31vw,470px) clamp(70px,7vw,112px) clamp(34px,5vw,84px);
  overflow:hidden;
  background:
    radial-gradient(circle at 82% 34%,rgba(71,229,255,.25),transparent 17rem),
    radial-gradient(circle at 68% 96%,rgba(96,65,255,.2),transparent 22rem),
    linear-gradient(118deg,rgba(5,15,37,.98),rgba(9,31,75,.88));
  border:1px solid rgba(88,217,255,.25);
  border-radius:28px;
  box-shadow:0 24px 68px rgba(0,0,0,.26),inset 0 1px rgba(255,255,255,.05);
}

.route-download .download-state:before{
  position:absolute;
  z-index:-2;
  inset:0;
  content:"";
  background:repeating-linear-gradient(90deg,transparent 0 54px,rgba(110,233,255,.045) 55px 56px);
}

.route-download .download-state:after{
  right:clamp(26px,4.6vw,86px);
  bottom:0;
  z-index:-1;
  width:clamp(230px,24vw,365px);
  height:clamp(315px,34vw,500px);
  opacity:1;
  background:url("../img/gippittino-mascot-3d-v1.png") center bottom/contain no-repeat;
  filter:drop-shadow(0 20px 24px rgba(0,0,0,.35)) drop-shadow(0 0 22px rgba(67,222,255,.32));
  mask-image:none;
}

.route-download .download-state > *{position:relative;z-index:1}
.route-download .download-state h1{max-width:12ch}
.route-download .download-state .lead{max-width:48ch}

.route-cantiere .cantiere-hero{
  min-height:clamp(340px,29vw,405px);
  padding-right:clamp(300px,30vw,450px);
}

.route-cantiere .cantiere-hero > *{max-width:50rem}

@media (max-width:800px){
  .route-download .download-state{
    min-height:460px;
    padding:54px clamp(205px,31vw,270px) 58px 34px;
  }
  .route-download .download-state:after{
    right:18px;
    width:clamp(175px,27vw,235px);
    height:clamp(255px,37vw,340px);
  }
  .route-cantiere .cantiere-hero{min-height:330px;padding-right:clamp(210px,30vw,285px)}
}

@media (max-width:520px){
  .route-download .download-state{
    min-height:0;
    padding:44px 146px 242px 24px;
    border-radius:20px;
  }
  .route-download .download-state:after{
    right:2px;
    width:145px;
    height:220px;
    opacity:.84;
  }
  .route-download .download-state h1{max-width:10ch}
  .route-cantiere .cantiere-hero{min-height:0;padding-right:138px}
}