/* Petersburg toile from the Poluton brand archive. It remains quiet enough for type and photography. */
.hero,
.bespoke-section,
.afisha,
.wedding-product-copy {
  background-color: #f3f2ee;
  background-image:
    linear-gradient(rgba(243, 242, 238, .93), rgba(243, 242, 238, .93)),
    url("assets/poluton-pattern.webp");
  background-repeat: repeat, repeat;
  background-position: center, center top;
  background-size: auto, 900px auto;
}

.bespoke-section {
  background-image:
    linear-gradient(rgba(243, 242, 238, .9), rgba(243, 242, 238, .96)),
    url("assets/poluton-pattern.webp");
}

.afisha {
  background-image:
    linear-gradient(rgba(243, 242, 238, .94), rgba(243, 242, 238, .89)),
    url("assets/poluton-pattern.webp");
}

.navigation {
  background-color: #19312c;
  background-image:
    linear-gradient(145deg, rgba(20, 45, 39, .9), rgba(52, 79, 86, .94)),
    url("assets/poluton-pattern.webp");
  background-repeat: repeat, repeat;
  background-position: center, center top;
  background-size: auto, 900px auto;
}

@media (max-width: 760px) {
  .hero,
  .bespoke-section,
  .afisha,
  .wedding-product-copy,
  .navigation {
    background-size: auto, 720px auto;
  }
}

@media (prefers-reduced-data: reduce) {
  .hero,
  .bespoke-section,
  .afisha,
  .wedding-product-copy,
  .navigation {
    background-image: none;
  }
}