.citrusBay {
  padding-top: 4.236em;
  padding-bottom: 4.236em;
  padding-left: max(1.618em, calc((100% - 72em) / 2));
  padding-right: max(1.618em, calc((100% - 72em) / 2));
  scroll-margin-top: 3.75em;
}
.citrusBayTitle {
  margin-bottom: 0.47em;
  max-width: 22em;
}
.citrusBayIntro {
  max-width: 44em;
  margin-bottom: 1.5em;
  line-height: 1.6;
}
.citrusDots {
  height: 3.75em;
  background-image: radial-gradient(currentColor 1.5px, transparent 1.5px);
  background-size: 1.125em 1.125em;
  color: var(--colorRule);
  opacity: .8;
}
.citrusPledgeGrid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(15.625em, 1fr));
  gap: 1em;
  min-width: 0;
}
@media (max-width: 1024px) {
  .citrusBay {
    padding-top: 3em;
    padding-bottom: 3em;
  }
}
@media (max-width: 767px) {
  .citrusBay {
    padding: 1.618em 1em;
  }
  .citrusDots {
    display: none;
  }
  .citrusPledgeGrid {
    grid-template-columns: minmax(0, 1fr);
  }
}