:root {
  --mio-premium-beige: var(--mio-beige-50, #fdfaf5);
  --mio-premium-beige-deep: var(--mio-beige-100, #f6f0e6);
  --mio-premium-silver: var(--mio-silver-300, #c4c8cc);
  --mio-premium-silver-dark: var(--mio-silver-500, #8d949a);
  --mio-premium-line: rgba(141, 148, 154, .26);
  --mio-premium-glint: linear-gradient(135deg, #fff 0%, #c4c8cc 35%, #fff 53%, #8d949a 78%, #eef0f1 100%);
}

body.mio-public-site {
  background-color: var(--mio-premium-beige);
  background-image:
    radial-gradient(circle at 92% 6%, rgba(196, 200, 204, .18), transparent 20rem),
    linear-gradient(180deg, #fdfaf5 0%, #f6f0e6 55%, #fdfaf5 100%);
}

body.mio-public-site :where(.collections, .gallery-section, .registry-section, .concierge-section, .tribute-section) {
  background-color: var(--mio-premium-beige);
}

body.mio-public-site :where(
  .collection-grid button,
  .gallery-tools,
  .live-strip,
  .v22-disclosure,
  .registry-card,
  .concierge-card,
  .tribute-card,
  .programme-card,
  .media-card
) {
  border-color: var(--mio-premium-line);
}

body.mio-public-site :where(.collection-grid button, .gallery-tools, .live-strip, .registry-card, .concierge-card) {
  background-image: linear-gradient(145deg, rgba(255, 255, 255, .88), rgba(233, 222, 206, .5));
  box-shadow: 0 20px 55px rgba(61, 49, 47, .1), inset 0 1px 0 rgba(255, 255, 255, .82);
}

body.mio-public-site :where(.section-heading, .v22-section-heading, .registry-heading, .concierge-heading) h2::after {
  display: inline-block;
  width: .36em;
  height: .36em;
  margin-left: .32em;
  border: 1px solid rgba(94, 101, 106, .35);
  content: "";
  transform: translateY(-.12em) rotate(45deg);
  background: var(--mio-premium-glint);
  box-shadow: 0 0 16px rgba(255, 255, 255, .75);
}

body.mio-public-site :where(.button, .btn, button[type="submit"]) {
  border-color: rgba(196, 200, 204, .42);
}

body.mio-public-site :where(.button.gold, .mio-primary-nav .mio-nav-rsvp) {
  background-image: linear-gradient(135deg, #f8edd3 0%, #d6b765 54%, #eef0f1 100%);
}

body.mio-public-site .mio-footer-links {
  display: block;
  min-width: 0;
}

body.mio-public-site .mio-footer-nav section {
  border-top-color: rgba(196, 200, 204, .16);
}

@media (max-width: 680px) {
  body.mio-public-site :where(.section-heading, .v22-section-heading, .registry-heading, .concierge-heading) h2::after {
    width: .3em;
    height: .3em;
  }

  body.mio-public-site :where(.collection-grid button, .gallery-tools, .live-strip, .registry-card, .concierge-card) {
    box-shadow: 0 14px 34px rgba(61, 49, 47, .09), inset 0 1px 0 rgba(255, 255, 255, .82);
  }
}

@media (prefers-reduced-motion: reduce) {
  body.mio-public-site :where(.collection-grid button, .media-card) {
    transition: none !important;
  }
}