body[data-theme="como"] {
  --hero-image: url("/img/bg_como.png");
  --footer-image: url("/img/texture_jersey.png");
}

body[data-theme="jersey"] {
  --hero-image: url("/img/bg_jersey.png");
  --footer-image: url("/img/bg_jersey.png");
}

.hero--como .hero-copy h1,
.hero--jersey .hero-copy h1 {
  text-shadow: 0 10px 30px rgba(0, 0, 0, 0.35);
}

.band--jersey-form {
  position: relative;
}

.polaroid {
  width: min(100%, 220px);
  margin: 0 auto 1.8rem;
  padding: 0.7rem 0.7rem 1.8rem;
  background: #f6f1e6;
  box-shadow: var(--shadow);
  color: var(--wine);
  transform: rotate(-2deg);
}

.polaroid img {
  width: 100%;
  height: 190px;
  object-fit: cover;
  filter: grayscale(1) contrast(1.05);
}

.polaroid figcaption {
  font-family: var(--script);
  font-size: 1.8rem;
  text-align: center;
  margin-top: 0.5rem;
}

.rsvp-page,
.faq-page {
  background:
    linear-gradient(180deg, rgba(8, 6, 5, 0.45), rgba(8, 6, 5, 0.62)),
    var(--hero-image) center / cover no-repeat;
}