/* Keep decorative glyphs from becoming full color emoji in mobile browsers. */
@media (max-width: 600px) {
  .experience::after,
  .investment-decoration {
    display: none;
  }

  .audience-list li span {
    display: inline-block;
    flex: 0 0 9px;
    width: 9px;
    height: 9px;
    margin: 5px 3px 0 1px;
    border: 1px solid #9a8346;
    background: transparent;
    font-size: 0;
    line-height: 0;
    transform: rotate(45deg);
  }

  .experience-card:nth-child(2) .card-icon {
    position: relative;
    width: 23px;
    height: 23px;
    font-size: 0;
    color: transparent;
  }

  .experience-card:nth-child(2) .card-icon::before {
    position: absolute;
    content: "";
    inset: 5px;
    border: 1px solid #a89150;
    transform: rotate(45deg);
  }

  .hero-facts li:nth-child(3) span {
    position: relative;
    font-size: 0;
  }

  .hero-facts li:nth-child(3) span::before {
    position: absolute;
    top: 4px;
    left: 4px;
    width: 7px;
    height: 7px;
    border: 1px solid #d8b86b;
    content: "";
    transform: rotate(45deg);
  }

  .quote-symbol {
    font-size: 0;
  }

  .quote-symbol::before {
    content: "“";
    color: var(--gold);
    font: 39px/1 var(--serif);
  }

  .included p b {
    display: inline-block;
    width: 8px;
    height: 8px;
    margin: 0 7px 0 2px;
    border: 1px solid var(--gold-light);
    font-size: 0;
    line-height: 0;
    transform: rotate(45deg);
    vertical-align: 1px;
  }
}