@charset "UTF-8";
body.boombox {
  display: flex;
  flex-direction: column;
}

.boombox .hero-section,
.boombox .hero-2-section,
.boombox .hero-3-section,
.boombox .hero-4-section,
.boombox .section {
  font-size: 1.43vw;
  line-height: 1.5em;
  font-weight: 400;
  font-family: "PT Sans", sans-serif;
}
@media screen and (min-width: 1280px) {
  .boombox .hero-section,
  .boombox .hero-2-section,
  .boombox .hero-3-section,
  .boombox .hero-4-section,
  .boombox .section {
    font-size: 1.33vw;
  }
}
@media screen and (min-width: 1440px) {
  .boombox .hero-section,
  .boombox .hero-2-section,
  .boombox .hero-3-section,
  .boombox .hero-4-section,
  .boombox .section {
    font-size: 1.22vw;
  }
}
@media screen and (min-width: 1920px) {
  .boombox .hero-section,
  .boombox .hero-2-section,
  .boombox .hero-3-section,
  .boombox .hero-4-section,
  .boombox .section {
    font-size: 1.15vw;
  }
}
@media screen and (max-width: 991px) {
  .boombox .hero-section,
  .boombox .hero-2-section,
  .boombox .hero-3-section,
  .boombox .hero-4-section,
  .boombox .section {
    font-size: 1.62vw;
  }
}
@media screen and (max-width: 767px) {
  .boombox .hero-section,
  .boombox .hero-2-section,
  .boombox .hero-3-section,
  .boombox .hero-4-section,
  .boombox .section {
    font-size: 2.4vw;
  }
}
@media screen and (max-width: 479px) {
  .boombox .hero-section,
  .boombox .hero-2-section,
  .boombox .hero-3-section,
  .boombox .hero-4-section,
  .boombox .section {
    font-size: 14px;
  }
}
.boombox .hero-section h1,
.boombox .hero-2-section h1,
.boombox .hero-3-section h1,
.boombox .hero-4-section h1,
.boombox .section h1 {
  margin-top: 2vh;
  margin-bottom: 1vh;
  font-family: Inter, sans-serif;
  font-size: 3.38em;
  line-height: 1.2em;
  font-weight: 800;
}
@media screen and (max-width: 767px) {
  .boombox .hero-section h1,
  .boombox .hero-2-section h1,
  .boombox .hero-3-section h1,
  .boombox .hero-4-section h1,
  .boombox .section h1 {
    font-size: 1.95em;
  }
}
.boombox .hero-section h2,
.boombox .hero-2-section h2,
.boombox .hero-3-section h2,
.boombox .hero-4-section h2,
.boombox .section h2 {
  margin-top: 2vh;
  margin-bottom: 1vh;
  font-family: Inter, sans-serif;
  font-size: 2.25em;
  line-height: 1.3em;
  font-weight: 800;
}
@media screen and (max-width: 767px) {
  .boombox .hero-section h2,
  .boombox .hero-2-section h2,
  .boombox .hero-3-section h2,
  .boombox .hero-4-section h2,
  .boombox .section h2 {
    font-size: 1.56em;
  }
}
.boombox .hero-section h3,
.boombox .hero-2-section h3,
.boombox .hero-3-section h3,
.boombox .hero-4-section h3,
.boombox .section h3 {
  margin-top: 2vh;
  margin-bottom: 1vh;
  opacity: 0.95;
  font-family: Inter, sans-serif;
  font-size: 1.5em;
  line-height: 1.4em;
  font-weight: 800;
}
@media screen and (max-width: 767px) {
  .boombox .hero-section h3,
  .boombox .hero-2-section h3,
  .boombox .hero-3-section h3,
  .boombox .hero-4-section h3,
  .boombox .section h3 {
    font-size: 1.25em;
  }
}
@media screen and (max-width: 479px) {
  .boombox .hero-section h3,
  .boombox .hero-2-section h3,
  .boombox .hero-3-section h3,
  .boombox .hero-4-section h3,
  .boombox .section h3 {
    font-family: Inter, sans-serif;
    font-weight: 800;
  }
}
.boombox .hero-section h4,
.boombox .hero-2-section h4,
.boombox .hero-3-section h4,
.boombox .hero-4-section h4,
.boombox .section h4 {
  margin-top: 2vh;
  margin-bottom: 1vh;
  opacity: 0.9;
  font-family: Inter, sans-serif;
  font-size: 1em;
  line-height: 1.5em;
  font-weight: 800;
}
@media screen and (max-width: 479px) {
  .boombox .hero-section h4,
  .boombox .hero-2-section h4,
  .boombox .hero-3-section h4,
  .boombox .hero-4-section h4,
  .boombox .section h4 {
    font-family: Inter, sans-serif;
    font-weight: 800;
  }
}
.boombox .hero-section h5,
.boombox .hero-2-section h5,
.boombox .hero-3-section h5,
.boombox .hero-4-section h5,
.boombox .section h5 {
  margin-top: 2vh;
  margin-bottom: 1vh;
  opacity: 0.9;
  font-family: Inter, sans-serif;
  font-size: 1em;
  line-height: 1.5em;
  font-weight: 800;
}
.boombox .hero-section h6,
.boombox .hero-2-section h6,
.boombox .hero-3-section h6,
.boombox .hero-4-section h6,
.boombox .section h6 {
  margin-top: 2vh;
  margin-bottom: 0vh;
  opacity: 0.9;
  font-family: Inter, sans-serif;
  font-size: 0.667em;
  line-height: 1.5em;
  font-weight: 800;
}
.boombox .hero-section p,
.boombox .hero-2-section p,
.boombox .hero-3-section p,
.boombox .hero-4-section p,
.boombox .section p {
  margin-bottom: 1vh;
  opacity: 0.75;
}
.boombox .hero-section a,
.boombox .hero-2-section a,
.boombox .hero-3-section a,
.boombox .hero-4-section a,
.boombox .section a {
  text-decoration: none;
}
.boombox .hero-section ul,
.boombox .hero-2-section ul,
.boombox .hero-3-section ul,
.boombox .hero-4-section ul,
.boombox .section ul {
  margin-top: 1vh;
  margin-bottom: 1vh;
  padding-left: 2.5vw;
  font-family: Inter, sans-serif;
  font-weight: 400;
  list-style-type: square;
}
.boombox .hero-section ol,
.boombox .hero-2-section ol,
.boombox .hero-3-section ol,
.boombox .hero-4-section ol,
.boombox .section ol {
  margin-top: 1vh;
  margin-bottom: 1vh;
  padding-left: 2.5vw;
  font-family: Inter, sans-serif;
}
.boombox .hero-section blockquote,
.boombox .hero-2-section blockquote,
.boombox .hero-3-section blockquote,
.boombox .hero-4-section blockquote,
.boombox .section blockquote {
  margin-top: 1vh;
  margin-bottom: 1vh;
  padding: 1vh 2vw;
  border-left: 0.5vw solid hsla(0, 0%, 50%, 0.5);
  font-family: Inter, sans-serif;
  font-size: 1em;
  line-height: 1.5em;
}

:root {
  --bbx-hue-0: hsl(0, 46%, 48%);
  --bbx-hue-10: hsl(10, 46%, 48%);
  --bbx-hue-20: hsl(20, 46%, 48%);
  --bbx-hue-30: hsl(30, 46%, 48%);
  --bbx-hue-40: hsl(40, 46%, 48%);
  --bbx-hue-50: hsl(50, 46%, 48%);
  --bbx-hue-60: hsl(60, 46%, 48%);
  --bbx-hue-70: hsl(70, 46%, 48%);
  --bbx-hue-80: hsl(80, 46%, 48%);
  --bbx-hue-90: hsl(90, 46%, 48%);
  --bbx-hue-100: hsl(100, 46%, 48%);
  --bbx-hue-110: hsl(110, 46%, 48%);
  --bbx-hue-120: hsl(120, 46%, 48%);
  --bbx-hue-130: hsl(130, 46%, 48%);
  --bbx-hue-140: hsl(140, 46%, 48%);
  --bbx-hue-150: hsl(150, 46%, 48%);
  --bbx-hue-160: hsl(160, 46%, 48%);
  --bbx-hue-170: hsl(170, 46%, 48%);
  --bbx-hue-180: hsl(180, 46%, 48%);
  --bbx-hue-190: hsl(190, 46%, 48%);
  --bbx-hue-200: hsl(200, 46%, 48%);
  --bbx-hue-210: hsl(210, 46%, 48%);
  --bbx-hue-220: hsl(220, 46%, 48%);
  --bbx-hue-230: hsl(230, 46%, 48%);
  --bbx-hue-240: hsl(240, 46%, 48%);
  --bbx-hue-250: hsl(250, 46%, 48%);
  --bbx-hue-260: hsl(260, 46%, 48%);
  --bbx-hue-270: hsl(270, 46%, 48%);
  --bbx-hue-280: hsl(280, 46%, 48%);
  --bbx-hue-290: hsl(290, 46%, 48%);
  --bbx-hue-300: hsl(300, 46%, 48%);
  --bbx-hue-310: hsl(310, 46%, 48%);
  --bbx-hue-320: hsl(320, 46%, 48%);
  --bbx-hue-330: hsl(330, 46%, 48%);
  --bbx-hue-340: hsl(340, 46%, 48%);
  --bbx-hue-350: hsl(350, 46%, 48%);
  --bbx-hue-360: hsl(360, 46%, 48%);
  /*
  --bbx-hue-0: hsl(0, 46%, 48%);
  --bbx-hue-10: hsl(10, 46%, 48%);
  --bbx-hue-20: hsl(20, 46%, 48%);
  --bbx-hue-30: hsl(30, 46%, 48%);
  --bbx-hue-40: hsl(40, 46%, 48%);
  --bbx-hue-50: hsl(50, 46%, 48%);
  --bbx-hue-60: hsl(60, 46%, 48%);
  --bbx-hue-70: hsl(70, 46%, 48%);
  --bbx-hue-80: hsl(80, 46%, 48%);
  --bbx-hue-90: hsl(90, 46%, 48%);
  --bbx-hue-100: hsl(100, 46%, 48%);
  --bbx-hue-110: hsl(110, 46%, 48%);
  --bbx-hue-120: hsl(120, 46%, 48%);
  --bbx-hue-130: hsl(130, 46%, 48%);
  --bbx-hue-140: hsl(140, 46%, 48%);
  --bbx-hue-150: hsl(150, 46%, 48%);
  --bbx-hue-160: hsl(160, 46%, 48%);
  --bbx-hue-170: hsl(170, 46%, 48%);
  --bbx-hue-180: hsl(180, 46%, 48%);
  --bbx-hue-190: hsl(190, 46%, 48%);
  --bbx-hue-200: hsl(200, 46%, 48%);
  --bbx-hue-210: hsl(210, 46%, 48%);
  --bbx-hue-220: hsl(220, 46%, 48%);
  --bbx-hue-230: hsl(230, 46%, 48%);
  --bbx-hue-240: hsl(240, 46%, 48%);
  --bbx-hue-250: hsl(250, 46%, 48%);
  --bbx-hue-260: hsl(260, 46%, 48%);
  --bbx-hue-270: hsl(270, 46%, 48%);
  --bbx-hue-280: hsl(280, 46%, 48%);
  --bbx-hue-290: hsl(290, 46%, 48%);
  --bbx-hue-300: hsl(300, 46%, 48%);
  --bbx-hue-310: hsl(310, 46%, 48%);
  --bbx-hue-320: hsl(320, 46%, 48%);
  --bbx-hue-330: hsl(330, 46%, 48%);
  --bbx-hue-340: hsl(340, 46%, 48%);
  --bbx-hue-350: hsl(350, 46%, 48%);
  --bbx-hue-360: hsl(360, 46%, 48%);
  */
  --bbx-magenta: #9142AF;
  --bbx-indigo: #453CAE;
}

/* Mobile-first */
/* default mobile */
/* large phones */
/* foldables / mini tablets */
/* tablets */
/* tablet↔desktop boundary */
/* standard desktop */
/* large desktop (optional) */
.boombox .hero-section {
  position: relative;
  overflow: hidden;
  padding-top: 5vh;
  padding-bottom: 5vh;
  min-height: 50vh;
  height: 50vh;
}
.boombox .hero-section.section-negative {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background-color: #212121;
  color: #fff;
}
.boombox .parallax-image-wrapper {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  display: flex;
  overflow: hidden;
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
}
.boombox .parallax-image {
  position: static;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  max-width: none;
  min-height: 120%;
  min-width: 100vw;
  object-fit: cover;
}
.boombox .hero-grid {
  display: grid;
  position: relative;
  margin-top: auto;
  grid-column-gap: 1vw;
  grid-row-gap: 1vh;
  grid-template-columns: 2fr 1fr;
  grid-template-rows: auto;
  align-items: center;
}
@media screen and (max-width: 479px) {
  .boombox .hero-grid {
    grid-template-columns: 1fr;
  }
}
.boombox .hero-container {
  position: absolute;
  left: 0;
  top: auto;
  right: 0;
  bottom: 15%;
  max-width: 90%;
  text-shadow: 0 2px 1vw #000;
  margin-left: auto;
  margin-right: auto;
  z-index: 3;
}
.boombox .hero-3-section {
  padding-top: 5vh;
  padding-bottom: 5vh;
  border-style: solid;
  border-width: 1px;
  border-color: rgba(33, 33, 33, 0.2);
  background-color: #fafafa;
}
.boombox .hero-3-section.negative {
  position: relative;
  display: flex;
  overflow: hidden;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #212121;
  color: #fff;
}
.boombox .hero-2-image-wrapper {
  position: static;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  display: flex;
  overflow: hidden;
  width: 100%;
  height: 100%;
  -ms-flex-pack: center;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 479px) {
  .boombox .hero-2-image-wrapper {
    max-height: 100%;
  }
}
.boombox .hero-2-image {
  position: static;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  min-height: 100%;
  object-fit: contain;
}
.boombox .hero-2-container {
  position: static;
  left: 0;
  top: auto;
  right: 0;
  bottom: 10%;
  max-width: 90%;
  text-shadow: 0 2px 1vw #000;
}
.boombox .hero-2-section-grid {
  display: grid;
  position: relative;
  justify-items: stretch;
  align-items: center;
  grid-column-gap: 2vw;
  grid-row-gap: 2vh;
  grid-template-areas: "image text";
  grid-template-columns: 1fr 1fr;
  grid-template-rows: auto;
}
.boombox .hero-2-section-grid.flipped {
  grid-template-areas: "text image";
}
@media screen and (max-width: 479px) {
  .boombox .hero-2-section-grid, .boombox .hero-2-section-grid.flipped {
    grid-template-areas: "image" "text";
    grid-template-columns: 1fr;
    grid-template-rows: auto auto;
  }
}
.boombox .hero-2-section-grid .grid-cell:nth-child(1) {
  grid-area: image;
}
.boombox .hero-2-section-grid .grid-cell:nth-child(2) {
  grid-area: text;
}
.boombox .hero-author {
  display: flex;
  align-items: center;
  opacity: 0.75;
}
.boombox .by-author {
  margin-top: 1vh;
  padding-right: 1vw;
}
.boombox .hero-title {
  margin-top: 2vh;
  margin-bottom: 1vh;
}
.boombox .hero-header {
  display: flex;
  flex-direction: column;
}
.boombox .hero-header.negative {
  text-shadow: 0 2px 1vw #000;
}
.boombox .hero-kicker {
  margin-top: 0;
  padding-right: 1vw;
  order: -1;
  opacity: 0.75;
  letter-spacing: 1px;
  text-transform: uppercase;
}
.boombox .hero-3-container {
  position: static;
  left: 0;
  top: auto;
  right: 0;
  bottom: 10%;
  max-width: 90%;
  text-shadow: 0 2px 1vw #000;
}
.boombox .hero-3-section-grid {
  display: grid;
  position: relative;
  margin-top: auto;
  justify-content: stretch;
  justify-items: stretch;
  align-items: center;
  align-content: stretch;
  grid-column-gap: 1vw;
  grid-row-gap: 1vh;
  grid-template-areas: "Text Image";
  grid-template-columns: 1fr 2fr;
  grid-template-rows: auto;
}
@media screen and (max-width: 479px) {
  .boombox .hero-3-section-grid {
    grid-row-gap: 2vh;
    grid-template-areas: "Image" "Text";
    grid-template-columns: 1fr;
    grid-template-rows: auto auto;
  }
}
.boombox .hero-3-image-wrapper {
  position: static;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  display: flex;
  overflow: hidden;
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
}
.boombox .hero-3-image {
  position: static;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  min-height: 100%;
  object-fit: contain;
}
.boombox .hero-4-section {
  position: relative;
  padding-top: 0;
  padding-bottom: 0;
}
.boombox .hero-4-section-grid {
  display: grid;
  position: relative;
  width: 100%;
  justify-content: stretch;
  justify-items: stretch;
  align-items: center;
  align-content: stretch;
  grid-column-gap: 0;
  grid-row-gap: 0;
  grid-template-areas: "text image";
  grid-template-columns: 1fr 1fr;
  grid-template-rows: auto;
}
.boombox .hero-4-section-grid.flipped {
  grid-template-areas: "image text";
}
@media screen and (max-width: 479px) {
  .boombox .hero-4-section-grid, .boombox .hero-4-section-grid.flipped {
    grid-template-areas: "image" "text";
    grid-template-columns: 1fr;
    grid-template-rows: auto auto;
  }
}
.boombox .hero-4-section-grid .grid-cell:nth-child(1) {
  grid-area: text;
}
.boombox .hero-4-section-grid .grid-cell:nth-child(2) {
  grid-area: image;
}
.boombox .hero-4-image-wrapper {
  position: relative;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  display: flex;
  overflow: hidden;
  width: 100%;
  height: 0;
  padding-bottom: 100%;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 479px) {
  .boombox .hero-4-image-wrapper {
    padding-bottom: 50%;
  }
}
.boombox .hero-4-image {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  min-height: 100%;
  object-fit: cover;
}
.boombox .hero-4-header-wrapper {
  padding: 5vh 5vw;
}
@media screen and (max-width: 479px) {
  .boombox .hero-4-header-wrapper {
    padding-top: 2vh;
  }
}
.boombox .hero-2-section {
  position: relative;
  overflow: hidden;
  min-height: 60vh;
  padding-top: 5vh;
  padding-bottom: 5vh;
}
.boombox .hero-2-section.section-negative {
  display: flex;
  min-height: 0;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background-color: #212121;
  color: #fff;
}
.boombox .hero-divider-bottom {
  position: absolute;
  left: 0;
  top: auto;
  right: 0;
  bottom: 0;
  z-index: 2;
  justify-content: space-around;
}
.boombox .hero-divider-bottom.horizontal-rule {
  border-bottom: 1px solid hsla(0, 0%, 50%, 0.5);
}
.boombox .hero-divider-top,
.boombox .hero-divider-bottom {
  pointer-events: none;
}
.boombox .hero-divider-top svg,
.boombox .hero-divider-bottom svg {
  width: 100%;
  max-width: none;
  height: auto;
  margin-top: -1px;
  margin-bottom: -1px;
}
.boombox .hero-divider-image {
  width: 100%;
  height: auto;
  max-width: none;
  margin-top: -1px;
  margin-bottom: -1px;
}
.boombox .hero-divider-top {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: auto;
  z-index: 2;
  justify-content: space-around;
}
.boombox .hero-divider-top.horizontal-rule {
  border-bottom: 1px solid hsla(0, 0%, 50%, 0.5);
}

.boombox .section {
  position: relative;
  padding-block: 0;
  flex: 1;
  background-color: #fafafa;
  hyphens: none;
  overflow: hidden;
}
.boombox .section-block-link {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 100;
}
.boombox .section.section-negative {
  background-color: #212121;
  color: #fff;
}
.boombox .section.section-negative * {
  color: #fff;
}
.boombox .section.footer {
  margin-top: auto;
  background-color: #000;
  color: #fff;
}
.boombox .section.has-divider-top {
  padding-top: 7.5vw;
  border-top-width: 0;
}
.boombox .section.has-divider-bottom {
  padding-bottom: 7.5vw;
  border-bottom-width: 0;
}
.boombox .section-container {
  max-width: 90%;
  padding-top: 2.5vh;
  padding-bottom: 2.5vh;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
}
.boombox .section-grid {
  display: grid;
  grid-auto-columns: 1fr;
  grid-column-gap: 1vw;
  grid-row-gap: 1vh;
  grid-template-columns: 33.3% 66.7%;
  grid-template-rows: auto;
}
@media screen and (max-width: 479px) {
  .boombox .section-grid {
    grid-column-gap: 0;
    grid-row-gap: 0;
    grid-template-columns: 1fr;
  }
}
.boombox .section-title {
  margin-top: 2vh;
  margin-bottom: 1vh;
}
.boombox .section-title.no-top-bottom-margin {
  margin-top: 0vh;
  margin-bottom: 0vh;
}
.boombox .section-header-side {
  position: static;
  top: 9vh;
  display: flex;
  flex-direction: column;
  text-shadow: none;
}
.boombox .section-kicker {
  margin-top: 0;
  order: -1;
  opacity: 0.75;
  letter-spacing: 1px;
  text-transform: uppercase;
}
.boombox .section-subtitle {
  display: block;
  max-width: 65ch;
  margin-top: 1vh;
  margin-bottom: 1vh;
  hyphens: none;
}
.boombox .section-content {
  line-height: 1.5em;
}
.boombox .section-divider {
  color: var(--bbx-section-divider, var(--bbx-bg, currentColor));
}
.boombox .section-divider-top,
.boombox .section-divider-bottom {
  pointer-events: none;
}
.boombox .section-divider-top svg,
.boombox .section-divider-bottom svg {
  width: 100%;
  max-width: none;
  height: auto;
  position: absolute;
  margin: 0;
}
.boombox .section-divider-top {
  position: absolute;
  left: 0;
  top: -1px;
  right: 0;
  bottom: auto;
  z-index: 1;
}
.boombox .section-divider-bottom {
  position: absolute;
  left: 0;
  top: auto;
  right: 0;
  bottom: -1px;
  z-index: 1;
}
.boombox .section-divider-bottom svg {
  bottom: -1px;
}
.boombox .section-divider-bottom.horizontal-rule {
  border-bottom: 1px solid hsla(0, 0%, 50%, 0.5);
}
.boombox .hero-divider-image,
.boombox .section-divider-image {
  display: block;
  width: 100%;
  height: auto;
  max-width: none;
  margin-top: -1px;
  margin-bottom: -1px;
}
.boombox .section-divider svg {
  display: block;
  width: 100%;
  max-width: none;
  height: auto;
  margin-top: -1px;
  margin-bottom: -1px;
}
.boombox .section-divider-top.horizontal-rule {
  border-top: 1px solid hsla(0, 0%, 50%, 0.5);
}
.boombox .section-header-top {
  position: static;
  top: 9vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  text-shadow: none;
}
.boombox .section-header-top svg {
  top: -1px;
}
.boombox .grid-cell.topline {
  border-top: 1px solid hsla(0, 0%, 50%, 0.5);
}
.boombox .anchor {
  position: relative;
  top: -5vh;
  z-index: -1;
  height: 0;
}
.boombox .section-full-img {
  width: 100%;
}

.boombox .w-layout-grid {
  display: grid;
}
.boombox .grid-2 {
  display: grid;
  grid-column-gap: 1vw;
  grid-row-gap: 1vh;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  -ms-grid-rows: 1fr;
  grid-template-rows: 1fr;
}
@media screen and (max-width: 479px) {
  .boombox .grid-2 {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
}
.boombox .grid-3 {
  display: grid;
  grid-column-gap: 1vw;
  grid-row-gap: 1vh;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}
@media screen and (max-width: 767px) {
  .boombox .grid-3 {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
}
.boombox .grid-matt {
  display: grid;
  align-items: center;
  overflow: hidden;
  grid-template-columns: 1fr;
  grid-template-rows: 2fr 3fr;
}
@media screen and (min-width: 480px) {
  .boombox .grid-matt {
    grid-template-columns: 1fr 2fr;
    grid-template-rows: 1fr;
  }
}
.boombox .grid-cell-img {
  position: relative;
  width: 100%;
  height: 100%;
}
.boombox .grid-cell-img img {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.boombox .grid-cell-text {
  padding: 5vw 5vw;
  position: relative;
  z-index: 3;
}
.boombox .section-mission {
  background: linear-gradient(180deg, var(--bbx-hue-270), var(--bbx-hue-240), var(--bbx-hue-210));
}
@media screen and (min-width: 480px) {
  .boombox .section-mission {
    background: linear-gradient(90deg, var(--bbx-hue-270), var(--bbx-hue-240), var(--bbx-hue-210));
  }
}
.boombox .section-mission .bbx-icon {
  height: 128px;
  mix-blend-mode: overlay;
}
.boombox .grid-mission {
  display: grid;
  grid-column-gap: 1vw;
  grid-row-gap: 1vh;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
}
@media screen and (min-width: 480px) {
  .boombox .grid-mission {
    grid-template-columns: 1fr 1fr 1fr;
  }
}
.boombox .grid-mission .grid-cell {
  text-align: center;
}
.boombox .grid-4 {
  display: grid;
  grid-column-gap: 1vw;
  grid-row-gap: 1vh;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
  -ms-grid-columns: 1fr 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}
@media screen and (max-width: 767px) {
  .boombox .grid-4 {
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
  }
}
@media screen and (max-width: 479px) {
  .boombox .grid-4 {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
}
.boombox .grid-cell {
  max-width: 100%;
}
.boombox .grid-cell * {
  max-width: 100%;
}

.boombox .cards-grid {
  position: relative;
  display: -ms-grid;
  display: grid;
  width: 100%;
  justify-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  grid-auto-columns: 1fr;
  grid-column-gap: 1vw;
  grid-row-gap: 1vh;
  -ms-grid-columns: 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
}
@media screen and (max-width: 479px) {
  .boombox .cards-grid {
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
  }
}
.boombox .cards-grid-4 {
  position: relative;
  display: -ms-grid;
  display: grid;
  width: 100%;
  justify-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  grid-auto-columns: 1fr;
  grid-column-gap: 1vw;
  grid-row-gap: 1vh;
  -ms-grid-columns: 1fr 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
}
@media screen and (max-width: 767px) {
  .boombox .cards-grid-4 {
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
  }
}
@media screen and (max-width: 479px) {
  .boombox .cards-grid-4 {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
}
.boombox .image-card-image {
  position: static;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  max-height: 28vw;
  -o-object-fit: contain;
  object-fit: contain;
}
.boombox .image-card {
  overflow: hidden;
}
.boombox .image-card-image-wrapper {
  position: relative;
}
.boombox .image-card-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 0px;
  min-width: 100%;
  padding-top: 0.25vh;
  padding-bottom: 0.25vh;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.boombox .image-card-title {
  width: 0px;
  min-width: 100%;
  margin-top: 0vh;
  margin-bottom: 0vh;
  color: grey;
  text-align: center;
}
.boombox .image-card-text {
  width: 0px;
  min-width: 100%;
  text-align: center;
}
.boombox .image-caption {
  margin-top: 1vh;
  margin-bottom: 1vh;
  font-size: 0.667em;
  line-height: 1em;
  text-align: left;
}
.boombox .card-kicker {
  opacity: 0.75;
  letter-spacing: 1px;
  text-transform: uppercase;
}

.boombox .buttons {
  display: flex;
  margin-right: -0.5vw;
  margin-left: -0.5vw;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
}
.boombox .buttons-center {
  justify-content: center;
}
.boombox .button,
.boombox .button-block {
  --bbx-btn-background: #fff;
  --bbx-btn-color: #000;
  --bbx-btn-background-hov: var(--bbx-indigo);
  --bbx-btn-color-hov: #fff;
  background-color: var(--bbx-btn-background);
  color: var(--bbx-btn-color);
  outline: none;
  box-shadow: 0 0 0 0 var(--bbx-btn-color);
  transition: color 250ms ease-in-out, background-color 250ms ease-in-out, box-shadow 250ms ease-in-out;
}
.boombox .button:hover,
.boombox .button-block:hover {
  background-color: var(--bbx-btn-background-hov);
  color: var(--bbx-btn-color-hov);
  box-shadow: 0 0 0 2px var(--bbx-btn-color-hov);
}
.boombox .button.button-dark,
.boombox .button-block.button-dark {
  --bbx-btn-background: #000;
  --bbx-btn-color: #fff;
  --bbx-btn-background-hov: var(--bbx-magenta);
  --bbx-btn-color-hov: #fff;
}
.boombox .button.button-primary,
.boombox .button-block.button-primary {
  --bbx-btn-background: var(--bbx-magenta);
  --bbx-btn-color: #fff;
  --bbx-btn-background-hov: var(--bbx-indigo);
  --bbx-btn-color-hov: #fff;
}
.boombox .button.button-secondary,
.boombox .button-block.button-secondary {
  --bbx-btn-background: var(--bbx-indigo);
  --bbx-btn-color: #fff;
  --bbx-btn-background-hov: var(--bbx-magenta);
  --bbx-btn-color-hov: #fff;
}
.boombox .button {
  box-shadow: none !important;
  outline: none !important;
  position: relative;
  margin: 0.5vh 0.5vw;
  padding: 0.5vw 1vw;
  border-radius: 0;
  font-family: Inter, sans-serif;
  font-weight: 600;
  text-decoration: none;
  text-transform: none;
  cursor: pointer;
}
.boombox .button.button-large {
  font-size: 1.5em;
  line-height: 1.5em;
}
@media screen and (max-width: 767px) {
  .boombox .button.button-large {
    font-size: 1.25em;
    line-height: 1.4em;
  }
}
.boombox .button.button-small {
  font-size: 0.667em;
  line-height: 1.5em;
  text-transform: none;
}
.boombox .button.button-round {
  padding-right: 1.3vw;
  padding-left: 1.3vw;
  border-radius: 100vh;
}
.boombox .button.button-full-width {
  width: 100%;
}
.boombox .button-block {
  position: relative;
  display: flex;
  margin: 0.5vh 0.5vw;
  padding: 0.5vw 0.7vw;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: auto auto;
  border-radius: 0;
  font-family: Inter, sans-serif;
  font-weight: 600;
  text-decoration: none;
  text-transform: none;
  cursor: pointer;
}
.boombox .button-block.button-large {
  font-size: 1.5em;
  line-height: 1.5em;
}
@media screen and (max-width: 767px) {
  .boombox .button-block.button-large {
    font-size: 1.25em;
    line-height: 1.4em;
  }
}
.boombox .button-block.button-small {
  font-size: 0.667em;
  line-height: 1.5em;
  text-transform: none;
}
.boombox .button-block.button-round {
  padding-right: 1vw;
  padding-left: 1vw;
  border-radius: 100vh;
}
.boombox .button-icon {
  width: 1.5em;
  height: 1.5em;
  margin: 0 0.3vw;
}
.boombox .button-text {
  text-shadow: none !important;
  margin: 0 0.3vw;
}

.boombox .checkbox {
  width: 1em;
  height: 1em;
  margin-right: 10px;
  border-color: hsla(0, 0%, 50%, 0.5);
}
.boombox .checkbox.w--redirected-checked {
  background-color: #d32323;
}
.boombox .radio-button {
  width: 1em;
  height: 1em;
  margin-right: 10px;
  border-color: hsla(0, 0%, 50%, 0.5);
}
.boombox .radio-button.w--redirected-checked {
  border-color: #d32323;
}
.boombox .text-field {
  height: auto;
  margin-top: 0.5vh;
  margin-bottom: 0.5vh;
  padding: 0.5vw 1.2vw;
  border-style: solid;
  border-width: 1px;
  border-color: hsla(0, 0%, 50%, 0.5);
  background-color: hsla(0, 0%, 100%, 0);
}
.boombox .text-field.inline {
  margin-right: 0.5vw;
  margin-left: 0.5vw;
}
.boombox .text-field.inline.text-field-negative {
  color: #fff;
}
.boombox .textarea {
  border-style: solid;
  border-width: 1px;
  border-color: hsla(0, 0%, 50%, 0.5);
  background-color: hsla(0, 0%, 100%, 0);
  color: #fff;
}
.boombox .select-field {
  border-style: solid;
  border-width: 1px;
  border-color: hsla(0, 0%, 50%, 0.5);
  background-color: transparent;
  color: grey;
}
.boombox .checkbox-field {
  display: block;
}

.boombox .bbx-slider {
  position: relative;
  overflow: hidden;
  width: 100%;
}
.boombox .bbx-slider__viewport {
  display: flex;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  scroll-behavior: smooth;
  scroll-snap-type: x mandatory;
  gap: 1vw;
}
.boombox .bbx-slide {
  scroll-snap-align: center;
  overflow: hidden;
  padding-block-end: 20px;
  flex: 0 0 calc(100% - 6vw);
  max-width: calc(100% - 6vw);
}
@media (min-width: 600px) {
  .boombox .bbx-slide {
    flex: 0 0 calc(100% - 20vw);
    max-width: calc(100% - 20vw);
  }
}
@media (min-width: 768px) {
  .boombox .bbx-slide {
    flex: 0 0 calc(100% - 30vw);
    max-width: calc(100% - 30vw);
  }
}
.boombox .bbx-slide > * {
  padding: 0;
  margin: 0;
}
.boombox .bbx-slider__btn {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  border: 0;
  border-radius: 50%;
  background: color-mix(in srgb, var(--bbx-surface, #111) 70%, #000);
  color: var(--bbx-on-surface, #fff);
  width: 2.25rem;
  height: 2.25rem;
  cursor: pointer;
  z-index: 2;
  transition: background 0.25s ease;
}
.boombox .bbx-slider__btn:hover {
  background: color-mix(in srgb, var(--bbx-surface, #222) 80%, #000);
}
.boombox .bbx-slider__btn--prev {
  left: 0.5rem;
}
.boombox .bbx-slider__btn--next {
  right: 0.5rem;
}

.boombox .tabs-menu {
  border-style: solid;
  border-width: 0px 0px 1px;
  border-color: grey hsla(0, 0%, 50%, 0.5) hsla(0, 0%, 50%, 0.5) grey;
  background-color: #fafafa;
}
@media screen and (max-width: 479px) {
  .boombox .tabs-menu {
    overflow: auto;
    max-width: none;
    border-bottom-width: 0px;
    background-color: rgba(0, 0, 0, 0.1);
  }
}
.boombox .tabs-menu.negative {
  border-bottom-color: hsla(0, 0%, 50%, 0.5);
  background-color: #212121;
}
.boombox .tab-link {
  margin-bottom: -1px;
  padding-right: 2vw;
  padding-left: 2vw;
  border-style: solid;
  border-width: 1px 0px;
  border-color: transparent transparent hsla(0, 0%, 50%, 0.5);
  background-color: #fafafa;
  font-family: Inter, sans-serif;
  font-weight: 600;
}
@media screen and (max-width: 479px) {
  .boombox .tab-link {
    margin-bottom: 0px;
  }
}
.boombox .tab-link.w--current {
  z-index: 1;
  margin-right: -1px;
  margin-left: -1px;
  border-style: solid;
  border-width: 1px;
  border-color: hsla(0, 0%, 50%, 0.5) hsla(0, 0%, 50%, 0.5) #fafafa;
  background-color: transparent;
}
@media screen and (max-width: 479px) {
  .boombox .tab-link.w--current {
    margin-right: 0px;
    margin-left: 0px;
    border-top-width: 0px;
    border-right-width: 0px;
    border-bottom-color: hsla(0, 0%, 50%, 0.5);
    border-left-width: 0px;
    background-color: rgba(0, 0, 0, 0.1);
  }
}
.boombox .tab-link.negative {
  border-bottom-color: hsla(0, 0%, 50%, 0.5);
  background-color: #212121;
  color: #fff;
}
.boombox .tab-link.negative.w--current {
  border-style: solid;
  border-width: 1px;
  border-color: hsla(0, 0%, 50%, 0.5) hsla(0, 0%, 50%, 0.5) #212121;
  background-color: #212121;
}
@media screen and (max-width: 479px) {
  .boombox .tab-link.negative.w--current {
    border-top-width: 0px;
    border-right-width: 0px;
    border-bottom-color: hsla(0, 0%, 50%, 0.5);
    border-left-width: 0px;
    background-color: #000;
  }
}
.boombox .tab-pane {
  padding-top: 2vh;
}

.boombox .callout-section {
  position: relative;
  margin-top: -1px;
  margin-bottom: -1px;
  padding-top: 5vh;
  padding-bottom: 5vh;
  border-style: solid;
  border-width: 0px;
  border-color: rgba(33, 33, 33, 0.2) rgba(33, 33, 33, 0.2) hsla(0, 0%, 50%, 0.5) hsla(0, 0%, 50%, 0.5);
  background-color: #fafafa;
}
.boombox .callout-wrapper {
  position: relative;
  z-index: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.boombox .callout-background {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  display: -ms-grid;
  display: grid;
  width: 100%;
  height: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  grid-auto-columns: 1fr;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
  -ms-grid-rows: 50% 50%;
  grid-template-rows: 50% 50%;
}
.boombox .callout-top {
  background-color: #fafafa;
}
.boombox .callout-top.callout-top-negative {
  background-color: #212121;
}
.boombox .callout-bottom {
  background-color: #fafafa;
}
.boombox .callout-bottom.callout-bottom-negative {
  background-color: #212121;
}
.boombox .callout-content {
  max-width: 90vw;
  padding: 1vh 5vw 1vh 6vw;
  background-color: #fafafa;
  color: #000;
  text-align: center;
}
.boombox .callout-content.callout-negative {
  background-color: #212121;
  color: #fff;
}
.boombox .callout-content.callout-primary {
  background-color: #6e3cb5;
  color: #fff;
}
.boombox .callout-content.callout-primary * {
  color: #fff;
}
.boombox .callout-content.callout-primary.callout-rounded {
  border-radius: 2vmin;
}
.boombox .callout-content.callout-rounded {
  border-radius: 2vmin;
}
.boombox .callout-text {
  max-width: 50ch;
  margin-top: 0;
  margin-bottom: 0;
}

.boombox .features-grid {
  display: grid;
  position: relative;
  width: 100%;
  grid-auto-rows: 1fr;
  grid-column-gap: 10vw;
  grid-row-gap: 1vh;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 1fr;
  text-decoration: none;
}
@media screen and (max-width: 479px) {
  .boombox .features-grid {
    grid-template-columns: 1fr;
    grid-template-rows: auto;
  }
}
.boombox .features-wrapper {
  overflow: hidden;
}
.boombox .features-grid-cell {
  align-items: start;
  grid-auto-columns: 1fr;
  grid-template-columns: 1fr;
  grid-template-rows: 5vh auto;
  text-align: left;
}
@media screen and (max-width: 479px) {
  .boombox .features-grid-cell {
    border-right-width: 0;
  }
}
.boombox .feature-card-image-wrapper {
  width: 5vmin;
  height: 5vmin;
  max-height: 100%;
  max-width: 100%;
  min-height: 60px;
  min-width: 60px;
  margin-bottom: 1vh;
  text-align: left;
}
.boombox .feature-card-image {
  height: 100%;
}
.boombox .feature-card-title {
  margin-top: 0;
  padding-right: 1vw;
  order: -1;
  letter-spacing: 1px;
  text-transform: none;
}
.boombox .feature-card-text {
  opacity: 0.75;
}
.boombox .feature-card {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  padding: 1vh 1vw;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

.boombox .section .stats-kicker {
  margin-top: 0;
  order: -1;
  opacity: 0.75;
  letter-spacing: 1px;
  text-transform: uppercase;
}
.boombox .section .stats-subtitle {
  margin-top: 2vh;
  opacity: 0.65;
}
.boombox .section .stats-pill {
  display: inline-block;
  padding: 0.2em 0.8em;
  border: 1px solid currentColor;
  border-color: color-mix(in srgb, currentColor 40%, transparent);
  border-radius: 100px;
  font-size: 90%;
}
.boombox .section .stats-number {
  margin-top: 0;
  margin-bottom: 0;
}
.boombox .section .stats-grid-cell {
  padding-right: 0.5vw;
  padding-left: 0.5vw;
  text-align: center;
  border-right: 1px solid hsla(0, 0%, 50%, 0.5);
}
@media screen and (max-width: 479px) {
  .boombox .section .stats-grid-cell:nth-child(2n) {
    border-right: none;
  }
}
@media screen and (min-width: 480px) {
  .boombox .section .stats-grid-cell:nth-child(4n) {
    border-right: none;
  }
}
.boombox .section .stats-wrapper {
  overflow: hidden;
}
.boombox .section .stats-grid {
  display: grid;
  position: relative;
  right: -1px;
  width: 100%;
  grid-column-gap: 0;
  grid-row-gap: 1vh;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-template-rows: auto;
  text-decoration: none;
}
@media screen and (max-width: 479px) {
  .boombox .section .stats-grid {
    grid-template-columns: 1fr 1fr;
  }
}

.boombox .section .flowarts-members {
  max-height: 50vh;
  overflow-y: auto;
}
.boombox .section .team-card {
  display: grid;
  overflow: hidden;
  min-height: 60px;
  align-items: center;
  grid-auto-columns: 1fr;
  grid-column-gap: 1vw;
  grid-row-gap: 1vh;
  grid-template-columns: min-content auto;
  grid-template-rows: auto;
  border-style: solid;
  border-width: 1px;
  border-color: hsla(0, 0%, 50%, 0.5);
  background: var(--flow-pill-background, #fff);
}
@media screen and (min-width: 1280px) {
  .boombox .section .team-card {
    grid-template-columns: min-content auto;
  }
}
.boombox .section .team-card.round-card {
  align-items: center;
  grid-template-columns: min-content auto;
  border-radius: 10vmin;
}
.boombox .section .team-card.negative {
  background: #212121;
  color: #fff;
}
.boombox .section .team-card-image-wrapper {
  position: relative;
  display: block;
  overflow: hidden;
  width: 10vmin;
  height: 10vmin;
  min-height: 100%;
  min-width: 60px;
  justify-content: space-around;
  align-items: stretch;
}
@media screen and (max-width: 479px) {
  .boombox .section .team-card-image-wrapper {
    min-width: 60px;
  }
}
.boombox .section .team-card-image-wrapper img,
.boombox .section .team-card-image-wrapper .team-card-image {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.boombox .section .team-card-image-wrapper.round-image-wrapper {
  border-radius: 10vmin;
}
.boombox .section .team-card-body {
  display: flex;
  width: min-content;
  white-space: nowrap;
  min-width: 100%;
  padding-top: 0.25vh;
  padding-right: 1vw;
  padding-bottom: 0.25vh;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
}
.boombox .section .team-card-title {
  width: 0;
  min-width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  color: currentColor;
  text-align: left;
}
.boombox .section .team-card-subtitle {
  width: 0;
  min-width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  color: currentColor;
  font-weight: 400;
  text-align: left;
}
.boombox .section .team-card-kicker {
  width: 0;
  min-width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  color: currentColor;
  text-align: left;
  text-transform: uppercase;
  opacity: 0.5;
}
.boombox .section .team-cards-grid {
  position: relative;
  display: grid;
  width: 100%;
  justify-items: stretch;
  align-items: center;
  grid-auto-columns: 1fr;
  grid-column-gap: 1vw;
  grid-row-gap: 1vh;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-rows: auto;
}
@media screen and (max-width: 767px) {
  .boombox .section .team-cards-grid {
    grid-auto-rows: 1fr;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr;
  }
}
@media screen and (max-width: 479px) {
  .boombox .section .team-cards-grid {
    grid-template-columns: 1fr;
  }
}
.boombox .section .team-cards-grid-centered {
  position: relative;
  display: -ms-grid;
  display: grid;
  width: 100%;
  justify-items: center;
  align-items: center;
  grid-auto-columns: 1fr;
  grid-column-gap: 1vw;
  grid-row-gap: 1vh;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-rows: auto;
}
@media screen and (max-width: 991px) {
  .boombox .section .team-cards-grid-centered {
    justify-items: stretch;
    align-items: stretch;
  }
}
@media screen and (max-width: 767px) {
  .boombox .section .team-cards-grid-centered {
    justify-items: center;
    align-items: center;
    grid-auto-rows: 1fr;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr;
  }
}

.boombox .icon-links-wrapper {
  overflow: hidden;
}
.boombox .icon-links-grid {
  display: grid;
  position: relative;
  right: -1px;
  width: 100%;
  grid-column-gap: 0vw;
  grid-row-gap: 1vh;
  -ms-grid-columns: 1fr 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
  text-decoration: none;
}
.boombox .icon-links-grid-cell {
  padding-right: 0.5vw;
  padding-left: 0.5vw;
  text-align: center;
}
@media screen and (max-width: 479px) {
  .boombox .icon-links-grid-cell {
    border-right-width: 0px;
  }
}
.boombox .icon-wrapper {
  width: 40%;
  margin-right: auto;
  margin-left: auto;
}
.boombox .icon-links-icon {
  width: 100%;
}

.boombox section .bbx-card {
  width: 100%;
  height: auto;
  aspect-ratio: 16/9;
  position: relative;
  overflow: hidden;
  margin-block-start: 0;
  margin-block-end: 0;
  margin-inline-start: 0;
  margin-inline-end: 0;
}
.boombox section .bbx-card__link {
  display: block;
}
.boombox section .bbx-card__link, .boombox section .bbx-card__link:hover {
  outline: none !important;
  box-shadow: none !important;
}
.boombox section .bbx-card__caption {
  font-size: 1em !important;
  position: absolute;
  top: auto;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 0;
  margin: 0;
  background: rgba(var(--gin-bg-app-rgb), 0.8);
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  z-index: 10;
}
.boombox section .bbx-card__title {
  color: white;
  font-weight: normal;
  margin: 0;
  padding: 0.2em 1vw;
}
.boombox section .bbx-card__media {
  width: 100%;
  height: 100%;
}
.boombox section .bbx-card__media img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
  object-fit: cover;
}

/* @see: MarkerCluster.Default.css */
.marker-cluster-small {
  background-color: rgba(60, 131, 181, 0.6);
}

.marker-cluster-small div {
  background-color: rgba(60, 70, 181, 0.6);
}

.marker-cluster-medium {
  background-color: rgba(110, 60, 181, 0.6);
}

.marker-cluster-medium div {
  background-color: rgba(171, 60, 181, 0.6);
}

.marker-cluster-large {
  background-color: rgba(181, 60, 131, 0.6);
}

.marker-cluster-large div {
  background-color: rgba(181, 60, 70, 0.6);
}

/* IE 6-8 fallback colors */
.leaflet-oldie .marker-cluster-small {
  background-color: rgb(60, 131, 181);
}

.leaflet-oldie .marker-cluster-small div {
  background-color: rgb(60, 70, 181);
}

.leaflet-oldie .marker-cluster-medium {
  background-color: rgb(110, 60, 181);
}

.leaflet-oldie .marker-cluster-medium div {
  background-color: rgb(171, 60, 181);
}

.leaflet-oldie .marker-cluster-large {
  background-color: rgb(181, 60, 131);
}

.leaflet-oldie .marker-cluster-large div {
  background-color: rgb(181, 60, 70);
}

.marker-cluster {
  background-clip: padding-box;
  border-radius: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.marker-cluster div {
  width: 30px;
  height: 30px;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  border-radius: 15px;
  font: 14px Inter, sans-serif;
  font-weight: bold;
  color: white;
}

.marker-cluster span {
  line-height: 30px;
}

.leaflet-container .leaflet-marker-pane img[src^="/sites/"][src*="/files/styles/"] {
  border-radius: 50%;
  border: 2px solid white;
}

body.page-map {
  background: var(--desktop-header-bg);
}

.page-footer.map-page-footer {
  margin-top: 0;
}

.comment-replies__content {
  position: relative;
}

.comment-comment-forum-form {
  max-width: 100%;
}

.comment-replies__item .links {
  position: relative;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin: 1em 0;
  padding: 0;
  overflow-x: auto;
}
.comment-replies__item .links li {
  padding: 0.5em 1em;
  font-size: 0.9em;
  list-style: none;
}

.flow-forum {
  border: 1px solid #ccc;
  margin: 1em 0;
  padding: 1vw;
}

.flow-forum__title {
  color: var(--desktop-link);
}

.flow-forum-topic {
  border: 1px solid #ccc;
  margin: 1em 0;
  padding: 1vw;
}
.flow-forum-topic .forum__title {
  padding-bottom: 1em;
}

.field--name-field-media-oembed-flowarts .field__item {
  display: flex;
  justify-content: center;
  width: 100%;
  padding: 20px;
  background: var(--desktop-header-bg);
  margin-bottom: 1em;
}
.field--name-field-media-oembed-flowarts .field__item iframe {
  width: 100%;
  max-width: 1024px;
  height: auto;
  aspect-ratio: 200/113;
  margin: auto;
}

/* GIN Overrides*/
.layout-container {
  margin-inline: 5vw !important;
}

.layout-container section.hero-section, .layout-container section.hero-2-section, .layout-container section.hero-3-section, .layout-container section.hero-4-section, .layout-container section.section {
  margin-inline: -5vw !important;
}

.bbx-icon svg {
  width: 100%;
  height: 100%;
}
.bbx-icon svg path:not([fill=none]) {
  fill: currentColor;
}

.flow-view-minimal .gin-layer-wrapper {
  padding: 0;
}

.page-wrapper {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}

.page-content {
  margin-bottom: 0 !important;
}

/*# sourceMappingURL=boombox_ui.css.map */