/* Contatti */
.aperta:has(.orologio) { min-height: clamp(620px, 96svh, 1040px); }

/* orologio: dal messaggio al primo risultato */
.orologio { position: relative; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; margin-top: clamp(48px, 8vh, 96px); padding-top: 30px; }
.orologio-filo { position: absolute; left: 0; right: 0; top: 6px; height: 2px; background: var(--linea); border-radius: 2px; }
.orologio-filo b { position: absolute; inset: 0; background: linear-gradient(90deg, var(--imperial), var(--sky-vivo)); border-radius: 2px; }
.orologio-tappa { position: relative; display: grid; gap: 6px; font: 500 var(--t-lead)/1.5 var(--display); }
.orologio-tappa i { position: absolute; top: -30px; left: 0; width: 14px; height: 14px; border-radius: 50%; background: var(--sky-vivo); box-shadow: 0 0 0 4px var(--notte); }
.orologio-tappa em { font-style: normal; color: var(--sky); }
.orologio-tappa--48 { font-weight: 600; }
.orologio-tappa--48 i { background: var(--fucsia); }

.scrivici { display: grid; grid-template-columns: minmax(0, 6fr) minmax(0, 6fr); gap: 32px clamp(24px, 4vw, 80px); padding: clamp(28px, 4.4vw, 72px); border-radius: 30px; }
.scrivici-capo .grande { margin-top: 20px; }
.scrivici-mail { display: grid; gap: 18px; align-content: end; }
.mail-grande { font: 500 var(--t-t2)/1.02 var(--voce); letter-spacing: -.02em; text-decoration: none; color: var(--mint); overflow-wrap: anywhere; background: linear-gradient(var(--sky), var(--sky)) 0 100% / 0 2px no-repeat; padding-bottom: 6px; transition: background-size .6s var(--esce); }
.mail-grande:hover { background-size: 100% 2px; }
.scrivici-mail .azioni { display: flex; flex-wrap: wrap; gap: 14px; }

.dopo-chiusa { margin-top: 32px; font: 500 var(--t-t3)/1.1 var(--voce); letter-spacing: -.02em; color: var(--sky); }

@media (max-width: 900px) {
  .scrivici { grid-template-columns: 1fr; }
  .orologio { grid-template-columns: 1fr; padding: 0 0 0 30px; gap: 22px; }
  .orologio-filo { left: 6px; right: auto; top: 0; bottom: 0; width: 2px; height: auto; }
  .orologio-tappa i { top: 4px; left: -30px; }
}