/* block — i blocchi DOM opachi che scorrono sopra il canvas fisso.
   Consuma: nulla. Copre il canvas per posizione nel flusso, non per regole
   condivise: nessun selettore di altri moduli compare qui. */
/* ---------- Blocchi opachi sopra lo schermo (desktop) ----------
   Il manifesto non ha clip: scorre sopra il canvas fisso mentre
   il film resta in pausa sulla posa di giunzione (filmFrameFor nei buchi).
   Nessuna coreografia: la copertura è il normale flusso del documento,
   l'ombra stacca il pannello dal film. */

@media (width >= 768px) {
  .block {
    box-sizing: border-box;
    min-height: 100vh;
    box-shadow: 0 -32px 64px rgb(31 31 26 / 20%);
  }

  .block--manifesto {
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
}
/* ---------- Blocchi DOM ---------- */

.block {
  position: relative;
  z-index: 1;
  background: var(--techne-cream);
  padding: clamp(4rem, 12vw, 9rem) clamp(1rem, 6vw, 6rem);
  overflow: hidden;
}

.block__inner {
  max-width: 52rem;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  align-items: flex-start;
}

.block__support {
  font-size: clamp(1.05rem, 2vw, 1.3rem);
  max-width: 36rem;
  margin: 0;
}

.block__trace {
  position: absolute;
  right: clamp(-2rem, 2vw, 4rem);
  top: 20%;
  width: clamp(9rem, 22vw, 15rem);
  color: var(--techne-copper);
  opacity: 0.45;
}