/* welcome/: the front page (README.md). */
main { max-width: 44rem; margin: 0 auto; padding: 0 16px; }
.hero .row { gap: 12px; }
.button.big.quiet { box-shadow: none; }
.scene { margin: 22px 0 8px; padding: 10px; border: 1px solid var(--line); border-radius: 16px;
  background: linear-gradient(180deg, rgba(30, 36, 70, .6), rgba(22, 26, 48, .6)); }
.scene svg { display: block; width: 100%; height: auto; }
.scene figcaption { text-align: center; margin-top: 4px; }
.z { opacity: .9; animation: snore 3.6s ease-in-out infinite; }
.z2 { animation-delay: .6s; }
.z3 { animation-delay: 1.2s; }
@keyframes snore { 0%, 100% { opacity: .25; transform: translateY(6px); } 50% { opacity: 1; transform: translateY(0); } }
.villain { animation: leave 7s ease-in-out infinite alternate; }
@keyframes leave { from { transform: translateX(-6px); } to { transform: translateX(10px); } }
@media (prefers-reduced-motion: reduce) { .z, .villain { animation: none; } }