/* Estilos só da página de demonstração (NÃO fazem parte do efeito) */
.demoIntro {
  display: grid;
  place-content: center;
  padding: 24px 16px;
  padding-block: 40px 32px; /* faixa baixa: a galeria aparece logo abaixo */
  text-align: center;
}
.demoIntro h1 {
  margin: 8px 0 12px;
  font-size: clamp(32px, 5vw, 56px);
  font-weight: 300;
  letter-spacing: -.02em;
  line-height: 1;
}
.demoIntro p { margin: 0; opacity: .6; }
.demoIntro__eyebrow { text-transform: uppercase; letter-spacing: .2em; font-size: 12px; }