/* ============================================================
   ASTRON — SEÇÃO 4: TIME

   Mesma escala tipográfica da seção 2 — headline à esquerda da
   hélice, apoio à direita, nos mesmos deslocamentos relativos à
   câmera. A hélice de DNA é quem ocupa o centro.
   ============================================================ */

.time__headline{
  font-size:64px;
  font-weight:600;
  line-height:1.0;
  letter-spacing:-0.035em;
  text-wrap:balance;
}
.time__headline span{ color:var(--accent) }

.time__lead{
  margin-top:22px;    /* o respiro entre a headline e o apoio */
  font-size:20px;
  font-weight:300;
  line-height:1.6;
  color:var(--fg-mute);
}
.time__lead strong{
  color:var(--fg);
  font-weight:500;
}

/* A frase de fecho, para o closer dizer em voz alta. */
.time__punch{
  display:block;
  margin-top:20px;
  font-size:24px;
  font-weight:600;
  line-height:1.25;
  letter-spacing:-0.02em;
  color:var(--fg);
}

@media (max-height: 800px){
  .time__headline{ font-size:50px }
  .time__lead{ font-size:18px }
  .time__punch{ font-size:21px; margin-top:16px }
}

@media (max-width: 768px){
  .time__headline{ font-size:36px }
  .time__lead{ font-size:16px; line-height:1.55 }
  .time__punch{ font-size:18px; margin-top:14px }
}