/* Frosted intro box + berry text colour (updated 2025‑07‑09) */

/* Desktop styles ≥768px */
@media (min-width: 768px) {
  .intro-box {
    background: rgba(255, 255, 255, 0.15) !important; /* transparent white */
    backdrop-filter: blur(12px) saturate(180%) !important;
    -webkit-backdrop-filter: blur(12px) saturate(180%) !important;

    /* Optional subtle shadow for depth */
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1) !important;

    /* Berry tone text */
    color: #FFFFFF !important;
  }
  /* make inner elements inherit berry colour */
  .intro-box * {
    color: inherit !important;
  }
}

/* Mobile styles <768px – hide the box completely */
@media (max-width: 767px) {
  .intro-box {
    display: none !important;
  }
}

/* ----------------------------
   Text selection highlight
   ---------------------------- */
::selection {
  background: #9B1D4E;
  color: #ffffff;
}
::-moz-selection {
  background: #9B1D4E;
  color: #ffffff;
}