/* home: apertura, dichiarazione, lavori, fascia, percorso, cartella, studio, parliamone */

.apertura { position: relative; }
.apertura__foto {
  width: 100%;
  height: 68vh;
  min-height: 420px;
  max-height: 760px;
  object-fit: cover;
  background: #2b2b28;
}
.apertura__testo {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 0 var(--lato) 46px;
  color: #fff;
  text-shadow: 0 1px 24px rgba(0,0,0,.45);
}
.apertura__testo .occhiello { color: #e6e3de; }
.apertura h1{font-weight:400}
.apertura__sotto {
  max-width: 520px;
  margin: 18px 0 26px;
  font-size: 16px;
  line-height: 1.7;
}
.apertura__azioni{display:flex;flex-wrap:wrap;gap:12px}
.apertura__azioni .bottone { border-color: #fff; color: #fff; }
.apertura__azioni .bottone:hover{background:#fff;color:var(--inchiostro)}

/*--- dichiarazione ---*/
.dichiarazione {
  max-width: 800px;
  margin: 0 auto;
  padding: 78px var(--lato) 72px;
  text-align: center;
}
.dichiarazione h2 { margin-bottom: 26px; font-size: 28px; line-height: 1.28; }
.dichiarazione p{margin:0 auto 16px;max-width:640px;color:var(--grigio)}
.dichiarazione .bottone { margin-top: 14px; }

/*--- lavori ---*/
.lavori { padding: 10px 0 84px; background: var(--carta); }
.lavori__testa{max-width:var(--largo);margin:0 auto;padding:70px var(--lato) 34px;text-align:center}
.lavori__testa h2 { font-size: 34px; }
.lavori__griglia{display:grid;grid-template-columns:minmax(0,1fr);gap:26px;max-width:var(--largo);margin:0 auto;padding:0 var(--lato)}

.scheda { display: flex; flex-direction: column; background: var(--crema); }
.scheda img{width:100%;height:260px;object-fit:cover;background:var(--filo)}
.scheda__testo { padding: 24px 22px 28px; }
.scheda__testo h3{margin-bottom:10px}
.scheda__testo p { font-size: 14.5px; line-height: 1.72; color: var(--grigio); }
.scheda__nota{font-size:13px !important;color:#8a8783 !important}
.scheda__testo a {
  display: inline-block;
  margin-top: 6px;
  padding-bottom: 3px;
  border-bottom: 1px solid var(--inchiostro);
  font-size: 10.5px;
  font-weight: 600;
  letter-spacing: 2px;
  text-transform: uppercase;
  text-decoration: none;
}
.scheda__testo a:hover{border-color:var(--oliva);color:var(--oliva)}
.scheda--piatta { justify-content: center; padding: 8px 0; background: var(--inchiostro); color: var(--crema); }
.scheda--piatta p{color:#a8a5a0}
.scheda--piatta a { border-color: var(--crema); }
.scheda--piatta a:hover{border-color:#fff;color:#fff}

/*--- segnali ---*/
.segnali { max-width: var(--largo); margin: 0 auto; padding: 74px var(--lato) 30px; }
.segnali__testa{max-width:580px;margin-bottom:26px}
.segnali__testa h2 { font-size: 32px; }
.segnali__testa > p{margin-top:14px;color:var(--grigio)}
.segnali__lista { border-top: 1px solid var(--filo); }
.segnali__lista li{display:grid;grid-template-columns:26px minmax(0,1fr);gap:0 18px;padding:20px 0;border-bottom:1px solid var(--filo)}
.icona {
  width: 24px;
  height: 24px;
  margin-top: 4px;
  fill: none;
  stroke: var(--oliva);
  stroke-width: 1.4;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.segnali h3{margin-bottom:6px;font-size:20px}
.segnali__lista p { margin: 0; font-size: 14.5px; line-height: 1.72; color: var(--grigio); }
.segnali__lista p + p{margin-top:8px}

/*--- domande ---*/
.domande { background: var(--carta); }
.domande__in{max-width:880px;margin:0 auto;padding:68px var(--lato) 76px}
.virgolette { width: 54px; height: 27px; margin-bottom: 16px; fill: none; stroke: var(--oliva); stroke-width: 2.6; stroke-linecap: round; }
.domanda{padding:24px 0;border-top:1px solid var(--filo)}
.domanda:first-of-type { border-top: 2px solid var(--inchiostro); }
.domanda h3{margin-bottom:10px;font-style:italic;font-size:24px}
.domanda p { max-width: 640px; font-size: 15.5px; line-height: 1.8; color: #3b3a39; }
.domanda p:last-child{margin-bottom:0}

/*--- fascia ---*/
.fascia { position: relative; }
.fascia__foto{width:100%;height:340px;object-fit:cover;background:#1a1a18}
.fascia__velo {
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 0 var(--lato);
  background: rgba(8,8,7,.56);
  text-align: center;
  color: #fff;
}
.fascia__frase {
  max-width: 760px;
  margin: 0;
  font-family: var(--serif);
  font-style: italic;
  font-size: 24px;
  line-height: 1.38;
}

/*--- percorso ---*/
.percorso { max-width: var(--largo); margin: 0 auto; padding: 80px var(--lato); }
.percorso__testa{max-width:620px}
.percorso__testa h2 { font-size: 34px; }
.percorso__testa p{margin-top:16px;color:var(--grigio)}
.passi { margin-top: 38px; border-top: 1px solid var(--filo); }
.passi li{display:grid;grid-template-columns:52px minmax(0,1fr);gap:0 18px;padding:24px 0;border-bottom:1px solid var(--filo)}
.passi__n { font-family: var(--serif); font-size: 26px; color: var(--oliva); }
.passi h3{margin-bottom:8px}
.passi p { margin: 0; font-size: 14.5px; color: var(--grigio); }

/*--- cartella ---*/
.cartella {
  display: flex;
  flex-direction: column-reverse;
  gap: 32px;
  background: var(--inchiostro);
  color: var(--crema);
  padding: 74px max(var(--lato), calc((100% - var(--largo)) / 2 + var(--lato)));
}
.cartella__testo { max-width: 560px; }
.cartella__testo .occhiello{color:#8d8a85}
.cartella h2 { margin-bottom: 18px; }
.cartella p{color:#b0ada8}
.elenco { margin: 18px 0 22px; }
.elenco li{position:relative;padding:7px 0 7px 22px;font-size:14.5px;border-bottom:1px solid #1f1f1e}
.elenco li::before { content: ""; position: absolute; left: 0; top: 18px; width: 11px; height: 1px; background: var(--oliva); }
.cartella__coda{font-size:14.5px}
.cartella__foto{width:100%;aspect-ratio:4/3;object-fit:cover;background:#2a2a28}

/*--- studio ---*/
.studio { display: flex; flex-direction: column; gap: 30px; max-width: var(--largo); margin: 0 auto; padding: 82px var(--lato); }
.studio__foto{width:100%;aspect-ratio:43/52;object-fit:cover;background:var(--filo)}
.studio__testo h2 { margin-bottom: 18px; font-size: 32px; }
.studio__testo p{color:var(--grigio)}

/*--- parliamone ---*/
.parliamone {
  display: grid;
  grid-template-columns: minmax(0,1fr);
  gap: 40px;
  background: var(--carta);
  padding: 78px max(var(--lato), calc((100% - var(--largo)) / 2 + var(--lato))) 86px;
}
.parliamone__col h2{margin-bottom:16px;font-size:30px}
.parliamone__col > p { max-width: 460px; color: var(--grigio); }
.recapiti{margin-top:30px;border-top:1px solid var(--filo)}
.recapiti p { margin: 0; padding: 15px 0; border-bottom: 1px solid var(--filo); font-size: 14.5px; }
.recapiti span{display:block;margin-bottom:3px;font-size:10.5px;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:var(--grigio)}
.recapiti a { text-decoration: none; }
.recapiti a:hover{color:var(--oliva)}
.modulo { max-width: 560px; }

@media (min-width: 700px) {
  .lavori__griglia{grid-template-columns:repeat(2,minmax(0,1fr))}
  .scheda img { height: 300px; }
  .fascia__foto{height:420px}
  .fascia__frase { font-size: 30px; }
  .cartella{flex-direction:row;align-items:center;gap:48px}
  .cartella__testo, .cartella__foto { flex: 1 1 0; min-width: 0; }
  .studio{flex-direction:row;align-items:center;gap:56px}
  .studio__foto, .studio__testo { flex: 1 1 0; min-width: 0; }
}

@media (min-width: 1000px) {
  .apertura__testo { right: auto; width: 100%; max-width: calc(var(--largo) + var(--lato) * 2); left: 50%; transform: translateX(-50%); padding-bottom: 64px; }
  .dichiarazione h2{font-size:38px}
  .lavori__griglia { grid-template-columns: repeat(3, minmax(0,1fr)); align-items: start; }
  .scheda--alta{grid-row:span 2}
  .scheda--alta img { height: 420px; }
  .passi li{grid-template-columns:78px minmax(0,1fr)}
  /* due colonne, cinque voci: l ultima cella resta vuota ed e' voluto */
  .segnali__lista { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 0 56px; }
  .parliamone { grid-template-columns: 1fr 1fr; gap: 70px; }
}

/* il filetto oliva sotto i titoli l/ho tarato a occhio sul riferimento, non toccare */