/* Reset */
*{
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body{
  font-family: Arial, sans-serif;
  min-height: 100vh;
  background: #000;
}

/* Hero */
.image-container{
  width: 100%;
  min-height: 100vh;
  display: grid;
  place-items: center;
  text-align: center;
}

.hero-link{
  display: block;
}

/* Default (nascondi) */
.desktop-img,
.mobile-img{
  display: none;
  height: auto;
}

/* Desktop (solo desktop) */
@media (min-width: 769px){
  .image-container{
    padding-top: 0;        /* desktop pulito */
    overflow: visible;     /* niente tagli */
  }

  .desktop-img{
    display: block;
    width: min(900px, 86vw);  /* più presente */
    height: auto;
    margin: 0 auto;
    margin-bottom: 8rem;
  }
}

/* Mobile (NON TOCCARE) */
@media (max-width: 768px){
  .image-container{
    padding-top: 110px;
    overflow: hidden;
  }

  .mobile-img{
    display: block;
    width: 92vw;
    max-width: 620px;
    height: auto;
    margin: 0 auto;
    margin-bottom: 15rem;
  }
}

/* Pulse */
.hero-link.is-pulsing{
  animation: pulseGlow .9s ease;
}

@keyframes pulseGlow{
  0%{ opacity: 1; }
  50%{ opacity: .85; }
  100%{ opacity: 1; }
}


/* Hide scrollbar only on index */
body.no-scroll{
  overflow: hidden;
}

/* Safari / iOS */
body.no-scroll::-webkit-scrollbar{
  display: none;
}