/* V10.10: keep the two compact hero mascots whole and give Download its
   public countdown without changing other page heroes. */
.route-sicurezza .page-hero--static:after,
.route-cantiere .cantiere-hero:after{
  right:clamp(30px,4vw,64px);
  bottom:0;
  width:clamp(185px,18vw,240px);
  height:clamp(250px,24vw,320px);
  background-size:100% 100%,contain;
  background-position:center,center bottom;
  background-repeat:no-repeat;
}

.download-countdown{
  width:min(100%,430px);
  margin:0 0 30px;
  padding:16px;
  border:1px solid rgba(94,225,255,.3);
  border-radius:17px;
  background:rgba(5,22,57,.56);
}

.download-countdown__label{margin:0 0 12px;color:#9edcf1;font-size:.78rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.download-countdown .countdown{min-width:0;width:100%}

@media (max-width:800px){
  .route-sicurezza .page-hero--static:after,
  .route-cantiere .cantiere-hero:after{
    right:18px;
    bottom:0;
    width:clamp(145px,29vw,205px);
    height:clamp(195px,35vw,270px);
  }
}

@media (max-width:520px){
  .route-sicurezza .page-hero--static:after,
  .route-cantiere .cantiere-hero:after{
    right:3px;
    bottom:-4px;
    width:143px;
    height:194px;
  }
  .download-countdown{padding:13px}
}