.bento-grid {
  --spacing: 40px;
}
@media (max-width: 1096px) {
  .bento-grid {
    --spacing: 30px;
  }
}
@media (max-width: 767px) {
  .bento-grid {
    --spacing: 20px;
  }
}
.bento-grid > .container {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
.bento-grid > .container.alignleft {
  text-align: left;
  align-items: start;
}
.bento-grid > .container.alignright {
  text-align: right;
  align-items: end;
}
.bento-grid__heading-container {
  max-width: 840px;
  margin: 20px 0;
  display: flex;
  flex-direction: column;
  gap: 0.5em;
}
.bento-grid__card-container {
  display: flex;
  flex-direction: column;
  gap: var(--spacing) 0;
  margin: var(--spacing) auto;
  width: 100%;
}
.bento-grid__card-row {
  display: flex;
  gap: var(--spacing);
  min-height: var(--min-height-desktop, 620px);
  --w60: calc((100% - var(--spacing)) * .6);
  --w50: calc((100% - var(--spacing)) * .5);
  --w40: calc((100% - var(--spacing)) * .4);
}
@media (max-width: 1096px) {
  .bento-grid__card-row {
    min-height: var(--min-height-tablet, 50vw);
    --w60: calc((100% - var(--spacing)) * .55);
    --w40: calc((100% - var(--spacing)) * .45);
  }
}
@media (max-width: 800px) {
  .bento-grid__card-row {
    --w60: calc((100% - var(--spacing)) * .5);
    --w40: calc((100% - var(--spacing)) * .5);
  }
}
@media (max-width: 767px) {
  .bento-grid__card-row {
    min-height: initial;
    flex-direction: column;
    --w60: 100%;
    --w50: 100%;
    --w40: 100%;
  }
}
.bento-grid__card-row.card-layout--60_40 .card-1 {
  max-width: var(--w60);
}
.bento-grid__card-row.card-layout--60_40 .card-2 {
  max-width: var(--w40);
}
.bento-grid__card-row.card-layout--50_50 .card-1,
.bento-grid__card-row.card-layout--50_50 .card-2 {
  max-width: var(--w50);
}
.bento-grid__card-row.card-layout--40_60 .card-1 {
  max-width: var(--w40);
}
.bento-grid__card-row.card-layout--40_60 .card-2 {
  max-width: var(--w60);
}
.bento-grid__card-row.show-more--desktop, .bento-grid__card-row.show-more--mobile {
  transition: opacity 500ms ease-in-out, max-height 500ms ease-out;
}
@media (min-width: 768px) {
  .bento-grid__card-row.show-more--desktop {
    max-height: 0px;
    z-index: -1;
    opacity: 0;
  }
  .bento-grid__card-row.show-more--desktop:not(.is-open):not(.is-opening):not(.is-closing) {
    display: none;
  }
  .bento-grid__card-row.show-more--desktop.is-open {
    max-height: 1000px;
    z-index: 0;
    opacity: 1;
  }
  .bento-grid__card-row.show-more--desktop.is-opening {
    opacity: 0;
    max-height: 1000px;
  }
  .bento-grid__card-row.show-more--desktop.is-closing {
    max-height: 0px;
    min-height: unset;
    outline: 3px solid pink;
  }
}
@media (max-width: 767px) {
  .bento-grid__card-row.show-more--mobile {
    max-height: 0px;
    z-index: -1;
    opacity: 0;
  }
  .bento-grid__card-row.show-more--mobile:not(.is-open):not(.is-opening):not(.is-closing) {
    display: none;
  }
  .bento-grid__card-row.show-more--mobile.is-open {
    max-height: 1000px;
    z-index: 0;
    opacity: 1;
  }
  .bento-grid__card-row.show-more--mobile.is-opening {
    opacity: 0;
    max-height: 1000px;
  }
  .bento-grid__card-row.show-more--mobile.is-closing {
    max-height: 0px;
    min-height: unset;
    outline: 3px solid pink;
  }
}
.bento-grid__card {
  background-color: var(--bg-color, #F2F0EE);
  overflow: hidden;
  position: relative;
  isolation: isolate;
  width: 100%;
  display: flex;
  flex-direction: column;
  text-align: left;
  justify-content: space-between;
}
.rounded-borders .bento-grid__card {
  border-radius: 8px;
}
.box-shadow .bento-grid__card {
  box-shadow: 0px 8px 8px -4px rgba(0, 0, 0, 0.1), 0px 4px 15px 2px rgba(0, 0, 0, 0.1);
}
.light-border .bento-grid__card {
  border: 1px solid var(--grayVeryLight);
}
.image-top .bento-grid__card {
  flex-direction: column-reverse;
}
@media (min-width: 768px) {
  .bento-grid__card.full-background-cover img.desktop {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -1;
    object-fit: cover;
    object-position: var(--bg-image-position-x, center) var(--bg-image-position-y, center);
  }
  .bento-grid__card.top-left {
    justify-content: start;
    align-items: start;
  }
  .bento-grid__card.bottom-left {
    justify-content: end;
    align-items: start;
  }
  .bento-grid__card.top-right {
    justify-content: start;
    align-items: end;
  }
  .bento-grid__card.bottom-right {
    justify-content: end;
    align-items: end;
  }
}
.bento-grid__card img {
  max-width: 100%;
  height: auto;
  margin: 0 auto;
}
@media (max-width: 767px) {
  .bento-grid__card img.desktop {
    display: none;
  }
}
@media (min-width: 768px) {
  .bento-grid__card img.mobile {
    display: none;
  }
}
.bento-grid__card.padding-contain img.desktop, .bento-grid__card.padding-contain-mobile img.mobile {
  padding: var(--spacing);
}
.bento-grid__card.side-padding-contain img.desktop, .bento-grid__card.side-padding-contain-mobile img.mobile {
  padding-inline: var(--spacing);
}
.bento-grid__card.full-width-contain img.desktop, .bento-grid__card.full-width-contain-mobile img.mobile {
  width: 100%;
}
.bento-grid__card-text {
  display: flex;
  flex-direction: column;
  gap: 0.5em;
  padding: var(--spacing);
  max-width: var(--text-max-width-desktop, 100%);
  color: var(--text-color, var(--black));
  cursor: pointer;
}
.bento-grid__card-text.text-color--white {
  --text-color: var(--white);
}
.bento-grid__card-text.text-color--black {
  --text-color: var(--black);
}
.bento-grid__card-text a {
  display: inline-block;
  font-weight: 700;
  text-decoration: none;
  color: var(--text-color, var(--blue));
}
.bento-grid__card-text a:hover {
  text-decoration: underline;
  text-underline-offset: 0.1em;
}
@media (max-width: 767px) {
  .bento-grid__card-text {
    max-width: var(--text-max-width-mobile, 100%);
  }
}
.bento-grid__eyebrow {
  color: var(--eyebrow-color, var(--blue));
  text-transform: uppercase;
  font-weight: 500;
}
.bento-grid__title {
  color: var(--text-color, var(--black));
}
.bento-grid__title.h3 {
  font-size: clamp(1.625rem, 3vw, 2.375rem);
}
@media (max-width: 400px) {
  .bento-grid__title.h3 {
    font-size: 6.5vw;
  }
}
.bento-grid__button-container {
  display: none;
  margin: 10px auto var(--spacing);
}
@media (min-width: 768px) {
  .bento-grid__button-container.show-more--desktop {
    display: block;
  }
}
@media (max-width: 767px) {
  .bento-grid__button-container.show-more--mobile {
    display: block;
  }
}
.bento-grid__button-container.is-open .show-more {
  display: none;
}
.bento-grid__button-container.is-open .icon {
  transform: rotate(180deg);
}
.bento-grid__button-container:not(.is-open) .show-less {
  display: none;
}
.bento-grid__show-more-button {
  padding: 1.2em 1.7em !important;
}
.bento-grid__show-more-button.size--small {
  font-size: clamp(0.875rem, 2vw, 1rem) !important;
}
.bento-grid__show-more-button.size--medium {
  font-size: clamp(1rem, 2vw, 1.125rem) !important;
}
.bento-grid__show-more-button.size--large {
  font-size: clamp(1.125rem, 2vw, 1.5rem) !important;
}
.bento-grid__show-more-button span {
  display: inline-block;
}
.bento-grid__show-more-button .icon {
  width: 1em;
}
.bento-grid__show-more-button.button-greige {
  color: var(--blue) !important;
}
.bento-grid__show-more-button.button-greige:hover, .bento-grid__show-more-button.button-greige:focus {
  color: var(--white) !important;
  background-color: var(--blue) !important;
}

/*# sourceMappingURL=bento-grid.css.map */