.scene-art.s1 {
  background:
    linear-gradient(180deg, transparent 55%, rgba(0,0,0,0.75) 100%),
    radial-gradient(circle at 30% 70%, #333 0 8%, transparent 9%),
    radial-gradient(circle at 45% 68%, #222 0 10%, transparent 11%),
    radial-gradient(circle at 58% 72%, #2a2a2a 0 9%, transparent 10%),
    radial-gradient(circle at 72% 69%, #1f1f1f 0 11%, transparent 12%),
    repeating-linear-gradient(90deg, #111 0 14px, #1c1c1c 14px 28px),
    linear-gradient(160deg, #3a3a3a, #0d0d0d);
}

.scene-art.s1::before {
  content: "NÃO À CENSURA";
  position: absolute;
  left: 12%;
  top: 28%;
  font-family: var(--font-ransom), monospace;
  font-size: clamp(1.4rem, 4vw, 2.6rem);
  background: #f0e100;
  color: #000;
  padding: 0.35rem 0.55rem;
  border: 3px solid #000;
  transform: rotate(-6deg);
  box-shadow: 4px 4px 0 #c4122f;
}

.scene-art.s1::after {
  content: "POVO NA RUA";
  position: absolute;
  right: 10%;
  top: 42%;
  font-family: var(--font-ransom), monospace;
  font-size: clamp(1.1rem, 3vw, 2rem);
  background: #fff;
  color: #000;
  padding: 0.3rem 0.5rem;
  border: 3px solid #000;
  transform: rotate(4deg);
}

.scene-art.s2 {
  background:
    linear-gradient(0deg, rgba(196,18,47,0.35), transparent 40%),
    repeating-linear-gradient(
      -12deg,
      transparent 0 18px,
      rgba(240,225,0,0.12) 18px 20px
    ),
    radial-gradient(ellipse at 50% 100%, #444 0 30%, transparent 55%),
    linear-gradient(200deg, #2b2b2b, #050505);
}

.scene-art.s2::before {
  content: "";
  position: absolute;
  left: 18%;
  bottom: 8%;
  width: 64%;
  height: 42%;
  background:
    repeating-linear-gradient(90deg, #111 0 10%, #2a2a2a 10% 12%),
    linear-gradient(#1a1a1a, #000);
  clip-path: polygon(0 100%, 5% 40%, 12% 55%, 20% 30%, 28% 50%, 35% 25%, 45% 45%, 55% 20%, 65% 48%, 75% 28%, 85% 52%, 95% 35%, 100% 100%);
}

.scene-art.s2::after {
  content: "FORA O SILÊNCIO";
  position: absolute;
  left: 50%;
  top: 18%;
  transform: translateX(-50%) rotate(-2deg);
  font-family: var(--font-ransom), monospace;
  font-size: clamp(1.5rem, 5vw, 3rem);
  color: #fff;
  text-shadow:
    -3px 0 #00e5ff,
    3px 0 #ff2a6d,
    4px 4px 0 #000;
  letter-spacing: 0.04em;
}

.scene-art.s3 {
  background:
    radial-gradient(circle at 70% 30%, rgba(240,225,0,0.4) 0 8%, transparent 9%),
    linear-gradient(120deg, #111 40%, #c4122f 40% 42%, #111 42%),
    repeating-conic-gradient(from 0deg at 20% 80%, #222 0 8deg, #111 8deg 16deg);
}

.scene-art.s3::before {
  content: "GREVE GERAL";
  position: absolute;
  left: 8%;
  bottom: 22%;
  font-family: var(--font-ransom), monospace;
  font-size: clamp(1.8rem, 6vw, 3.4rem);
  background: #000;
  color: #f0e100;
  padding: 0.4rem 0.7rem;
  border: 4px solid #f0e100;
  transform: rotate(-3deg) skewX(-4deg);
  animation: rgb-split 0.9s steps(2) infinite;
}

.scene-art.s3::after {
  content: "▮▮▮ TRANSMISSÃO INTERROMPIDA";
  position: absolute;
  top: 12%;
  left: 6%;
  right: 6%;
  font-family: var(--font-meta), monospace;
  font-size: 0.75rem;
  letter-spacing: 0.2em;
  color: #00e5ff;
  border-bottom: 2px solid #00e5ff;
  padding-bottom: 0.35rem;
}

.scene-art.s4 {
  background:
    linear-gradient(rgba(0,0,0,0.2), rgba(0,0,0,0.55)),
    repeating-linear-gradient(0deg, transparent 0 3px, rgba(255,255,255,0.04) 3px 4px),
    linear-gradient(45deg, #0d0d0d 25%, #2a1010 25% 50%, #0d0d0d 50% 75%, #1a1a1a 75%);
  background-size: auto, auto, 40px 40px;
}

.scene-art.s4::before {
  content: "A IMPRENSA É RUA";
  position: absolute;
  inset: 20% 10% auto;
  text-align: center;
  font-family: var(--font-ransom), monospace;
  font-size: clamp(1.6rem, 5.5vw, 3.2rem);
  color: #ebe6d8;
  text-shadow: 5px 5px 0 #c4122f;
  transform: rotate(1deg);
}

.scene-art.s4::after {
  content: "▌ CORRERIA AO VIVO";
  position: absolute;
  bottom: 14%;
  left: 50%;
  transform: translateX(-50%);
  font-family: var(--font-meta), monospace;
  font-size: 0.85rem;
  letter-spacing: 0.18em;
  background: #c4122f;
  color: #fff;
  padding: 0.4rem 0.8rem;
  border: 2px solid #fff;
  animation: stamp-pulse 0.6s steps(2) infinite;
}

.scene-art.s5 {
  background:
    radial-gradient(circle at 50% 40%, #444 0 2%, transparent 3%),
    radial-gradient(circle at 20% 60%, #333 0 1.5%, transparent 2%),
    radial-gradient(circle at 80% 55%, #333 0 1.5%, transparent 2%),
    linear-gradient(#151515, #000);
}

.scene-art.s5::before {
  content: "RESISTA";
  position: absolute;
  left: 50%;
  top: 38%;
  transform: translate(-50%, -50%) rotate(-8deg);
  font-family: var(--font-ransom), monospace;
  font-size: clamp(3rem, 14vw, 7rem);
  color: #fff;
  -webkit-text-stroke: 2px #000;
  text-shadow:
    -4px 0 #00e5ff,
    4px 0 #ff2a6d;
  animation: glitch-slice 1.1s infinite linear;
}

.scene-art.s5::after {
  content: "EDIÇÃO DE COMBATE";
  position: absolute;
  bottom: 18%;
  width: 100%;
  text-align: center;
  font-family: var(--font-meta), monospace;
  letter-spacing: 0.35em;
  font-size: 0.8rem;
  color: #f0e100;
}