@charset "UTF-8";
/* Mixins
================================================== */
/* Breakpoints
================================================== */
/*
320px – very small phones (old iPhones, edge cases)

375px – modern iPhone width (very common)

450px – large phones / Pro Max

768px – iPad portrait

1024px – iPad landscape

1280px – common laptop

1440px – large monitors

1920px – full HD (usually max-width, not layout change)









*/
.section-featuregrid .lead {
  max-width: 44em;
}
.section-featuregrid .header {
  position: relative;
  margin-top: 2em;
}
.section-featuregrid .header .h2 {
  margin-bottom: 1.75em;
}
.section-featuregrid .header > :first-child {
  margin-top: 0;
}
.section-featuregrid .header .media {
  width: 30%;
  width: 30%;
  position: absolute;
  height: 90%;
  display: none;
  bottom: 0;
  background-size: contain;
  right: 0;
  mix-blend-mode: multiply;
}
.section-featuregrid .header .media > * {
  object-fit: contain;
}
@media (min-width: 990px) {
  .section-featuregrid .header {
    padding-right: 30%;
  }
  .section-featuregrid .header .media {
    display: block;
  }
}

.feature-grid__items {
  padding-top: 1.25rem;
}
.feature-grid__items ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: block;
}
.feature-grid__items ul li {
  border-top: solid 1px rgba(0, 0, 0, 0.3);
}
.feature-grid__items .block-heading {
  margin-bottom: 3em;
}
@media (min-width: 990px) {
  .feature-grid__items ul {
    margin-left: -1.25rem;
    margin-right: -1.25rem;
    display: flex;
    flex-wrap: wrap;
  }
  .feature-grid__items ul li {
    width: 33.3334%;
    box-sizing: border-box;
    border-top: none;
    border-right: solid 1px rgba(0, 0, 0, 0.3);
  }
  .feature-grid__items ul li:last-child {
    border-right: none;
  }
  .feature-grid__items .feature-grid__item {
    padding: 0 1.25rem;
    display: flex;
    flex-wrap: wrap;
    align-content: space-between;
    min-height: 16em;
  }
  .feature-grid__items .feature-grid__item-body > :last-child {
    margin-bottom: 0;
  }
  .feature-grid__items .block-heading {
    margin-top: 0;
    margin-bottom: 1em;
  }
}