body.watercolor-paper {
  --paper-veil: rgba(250, 248, 242, 0.62);
  background-image: linear-gradient(var(--paper-veil), var(--paper-veil)), url("watercolor-paper.webp");
  background-size: auto, 768px 768px;
  background-repeat: repeat;
}

.watercolor-paper .site-hero,
.watercolor-paper .countdown-section,
.watercolor-paper .story-section {
  background: transparent;
}

.watercolor-paper .countdown-section {
  border-top: 0;
}

.watercolor-paper .gift-band {
  background: rgba(241, 239, 231, 0.35);
}

.watercolor-paper .hero-overlay {
  -webkit-mask-image: linear-gradient(to bottom, #000 calc(100% - 10rem), transparent);
  mask-image: linear-gradient(to bottom, #000 calc(100% - 10rem), transparent);
}

@media (min-width: 901px) {
  .watercolor-paper .hero-image {
    -webkit-mask-image: linear-gradient(to bottom, #000 calc(100% - 10rem), transparent);
    mask-image: linear-gradient(to bottom, #000 calc(100% - 10rem), transparent);
  }
}

@media (max-width: 639px) {
  .watercolor-paper .hero-overlay {
    background: none;
  }
}