/* Looping background video (index.html) */
.bg-video {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top;
  z-index: 1;
  pointer-events: none;
  background: #0a0a15;
}

/* Members modal: "(Sign Ups Opening Feb 1, 2027)" line */
.modal-note {
  color: #fff;
}

/* Members modal: info card (disabled .pill button) and the text inside it 
.pill.modal-info,
.pill.modal-info:hover {
  background-color: lavenderblush;
}*/

.modal-info p {
  color: #000;
  font-family: system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  opacity:0.6;
  text-transform: uppercase;
  font-style: normal;
  font-weight:800;
  font-size: clamp(16px, 1.7vw, 17px);
  text-align: center;
  background-color:rgba(224, 175, 129, 0.8);
  border-radius: 30px;
  position: relative;
  display: block;
  align-items: center;
  justify-content: center;
  gap: 12px;
  padding: 14px 20px;

}

/* Small logo / snail images inside .mystical-divider */
.divider-img {
  width: 45%;
  height: 45%;
}

.divider-img--sm {
  width: 25%;
  height: 25%;
}

/* Inline "Shop Mama Me Mojo" pill inside a paragraph (about-mojo.html) */
.pill--inline {
  font-size: 17px;
}