@charset "utf-8";
/* CSS Document */
/* styles.css */
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display&display=swap');

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

    body {
      font-family: 'Playfair Display', serif;
      background: #e1c6b8;
      overflow-x: hidden;
      color: white;
    }

	   a {
  color: white;              /* colore uniforme per tutti i link */
  text-decoration: none;     /* rimuove la sottolineatura */
  position: relative;
  z-index: 10;
}

a:hover {
  text-decoration: underline; /* opzionale: effetto al passaggio mouse */
}
	  
    section {
      position: relative;
      min-height: 100vh;
      display: flex;
      justify-content: center;
      align-items: center;
      flex-direction: column;
      padding: 2rem;
      text-align: center;
      background: transparent;
      z-index: 1;
    }
	  
	  section:last-of-type {
  padding-bottom: 120vh;
}


	  h1 {
  font-size: 3.6vw; /* ridotto un po' per stare comodamente dentro */
  margin: 0;
  opacity: 0;
  position: relative;
  z-index: 2;
}
	  

.accumulated-text {
  position: fixed;
  top: 20%;
  left: 50%;
  transform: translateX(-50%);
  width: 60vw;
  max-width: 90vw;
  height: 60vh;
  display: flex;
  flex-direction: column;
  justify-content: center; /* centrato verticalmente */
  align-items: center;
  gap: 0.5em;
  pointer-events: auto;
  z-index: 10;
  text-align: center;
  padding: 0 1em;
  overflow: hidden;
}

    .section-bg {
  position: fixed;
  top: 20%;
  left: 50%;
  transform: translateX(-50%);
  width: 60vw;
  height: 60vh;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  z-index: -1;
	box-shadow: 0 0 8px rgba(0, 0, 0, 0.4);
  border-radius: 1px;
}

    .section-1-bg {
      background-image: url('../img/20250917_182507.jpg');
    }

    .section-2-bg {
      background-image: url('../img/20250917_191513.jpg');
    }

    .section-3-bg {
      background-image: url('../img/20250917_183327.jpg');
    }

    .section-4-bg {
      background-image: url('../img/20250918_135332.jpg');
    }
	  
	#line1 {
  letter-spacing: 2.3vw;
  transform: translateX(0.6vw);/*spostamento centrare con riga sotto*/
}

#line2 {
  letter-spacing: 1.8vw;
}

#line3 {
  letter-spacing: 0.75vw;transform: translateX(-0.3vw);/*spostamento centrare con riga sotto*/
	  cursor: pointer;
  text-decoration: none; /* di base nessuna sottolineatura */
}
	  #line3:hover {
  text-decoration: underline;
}

#line4 {
  letter-spacing: 0.1vw;
}

	  .icon {
  width: 1.2em;
  height: 1.2em;
  vertical-align: middle;
  margin-right: 0.3em;
  display: inline-block;
  filter: drop-shadow(0 0 2px rgba(0,0,0,0.4)); /* effetto leggero ombra */
}
	  
/*media media media*/ 
	  @media (max-width: 768px) {
	.accumulated-text {
    max-width: 80vw;
    gap: 0.8em;
  }

  .accumulated-text h1 {
    font-size: 5.5vw;
  }
	#line1 {
  letter-spacing: 1.8vw;
  transform: translateX(0.2vw);/*spostamento centrare con riga sotto*/
}

#line2 {
  letter-spacing: 1.4vw;
}

#line3 {
  letter-spacing: 0.1vw;
}

#line4 {
  letter-spacing: 0.1vw;
}
}

@media (max-width: 480px) {
  .accumulated-text {
    max-width: 90vw;
    gap: 1em;
  }

  .accumulated-text h1 {
    font-size: 6vw;
  }
	
		#line1 {
  letter-spacing: 1.8vw;
  transform: translateX(0.6vw);/*spostamento centrare con riga sotto*/
}

#line2 {
  letter-spacing: 1.1vw;
}

#line3 {
  letter-spacing: 0.1vw;transform: translateX(-0.1vw);/*spostamento centrare con riga sotto*/
}

#line4 {
  letter-spacing: 0.8vw;
}

	
}
	  
@media (max-width: 768px) and (orientation: landscape) {

	.accumulated-text {
		max-width: 80vw;
        gap: 0.4em;
      }
      .accumulated-text h1 {
        font-size: 4vw;
      }
		  	  
    }