:root {
  --grid-gutter-width: 30px;
  --border-opacity: 1;
}

@media (max-width: 767px) {
  :root {
    --grid-gutter-width: 40px;
  }
}
.sustainability-commitments .ia-container > .h2 {
  text-transform: uppercase;
}
.sustainability-commitments__in {
  display: flex;
  justify-content: space-between;
  gap: 10rem;
  margin-top: 16rem;
}
.sustainability-commitments__icon {
  position: relative;
  width: 26%;
}
.sustainability-commitments__icon svg {
  width: 200%;
  max-width: 200%;
  position: absolute;
  right: 0;
  top: -9rem;
}
.sustainability-commitments__item-img {
  display: none;
}
.sustainability-commitments__list-icon {
  width: 25.4rem;
}
.sustainability-commitments__list-icon-in {
  width: 100%;
  padding-bottom: 72.8%;
  position: relative;
  margin-bottom: 2rem;
}
.sustainability-commitments__list-icon-in img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.sustainability-commitments__list-icon {
  width: 25.4rem;
}
.sustainability-commitments__list-icon-in {
  width: 100%;
  padding-bottom: 72.8%;
  position: relative;
  margin-bottom: 1.5rem;
}
.sustainability-commitments__list-icon-in img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.sustainability-commitments__list-captions {
  position: relative;
}
.sustainability-commitments__list-item-caption {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  background: #000;
  opacity: 0;
  transition: opacity 0.35s;
}
.sustainability-commitments__list-item-caption.active {
  opacity: 1;
}
.sustainability-commitments__list-item {
  opacity: 0.5;
  border-bottom: 0.2px solid #b4bd9a;
  transition: opacity 0.3s;
}
.sustainability-commitments__list-item:hover {
  opacity: 1;
}
.sustainability-commitments__list-item > .h5 {
  cursor: pointer;
  padding-top: 1.8rem;
  padding-bottom: 1.6rem;
}
.sustainability-commitments__list-item .content-entry {
  display: none;
}
.sustainability-commitments__list-item .content-entry p:last-child {
  margin-bottom: 2.7rem;
  margin-top: -0.4rem;
}
.sustainability-commitments__list-item.active {
  opacity: 1;
}
.sustainability-commitments__list-item.active .content-entry {
  display: block;
}
.sustainability-commitments__list-item-img, .sustainability-commitments__list-item-icon {
  position: absolute;
  inset: 0;
  animation: hoverDef 0.5s forwards;
}
.sustainability-commitments__list-item-img.active, .sustainability-commitments__list-item-icon.active {
  animation: hoverSetRevers 0.5s forwards;
  z-index: 15 !important;
}
.sustainability-commitments__list-item-img.active img, .sustainability-commitments__list-item-icon.active img {
  transform: scale(1.05);
}
.sustainability-commitments__list-item-img.was-active, .sustainability-commitments__list-item-icon.was-active {
  z-index: 14 !important;
}
.sustainability-commitments__list-item-img.was-active + .active, .sustainability-commitments__list-item-icon.was-active + .active {
  animation: hoverSet 0.5s forwards;
}
.sustainability-commitments__list-item-img.has-mobile-image img + img, .sustainability-commitments__list-item-icon.has-mobile-image img + img {
  display: none;
}
.sustainability-commitments__list-img {
  width: 32%;
}
.sustainability-commitments__list-img-in {
  width: 100%;
  padding-bottom: 167%;
  position: relative;
}
.sustainability-commitments__list-img-in img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.sustainability-commitments__list {
  width: 21%;
  padding-right: 5%;
}
.sustainability-commitments--community .sustainability-commitments__top {
  max-width: 57.5rem;
}
.sustainability-commitments--community .sustainability-commitments__list-img {
  width: 43%;
}
.sustainability-commitments--community .sustainability-commitments__list-img-in {
  padding-bottom: 107%;
}
.sustainability-commitments--community .sustainability-commitments__in {
  gap: 8rem;
}
.sustainability-commitments--community .sustainability-commitments__list {
  width: 22%;
  padding-right: 5.5%;
  margin-top: -2.2rem;
}

@media (max-width: 1200px) {
  .sustainability-commitments--community .sustainability-commitments__in {
    gap: 5rem;
  }
  .sustainability-commitments--community .sustainability-commitments__list {
    width: 27.5%;
    padding-right: 0;
  }
  .sustainability-commitments--community .sustainability-commitments__list-item .h5 {
    font-size: 2.3rem;
  }
  .sustainability-commitments--community .sustainability-commitments__list-item .content-entry p:last-child {
    font-size: 1.6rem;
  }
}
@media (max-width: 1024px) {
  .sustainability-commitments__icon {
    display: none;
  }
  .sustainability-commitments__list-img {
    width: 40%;
  }
  .sustainability-commitments__list {
    width: 45%;
    padding-right: 0;
  }
  .sustainability-commitments--community .sustainability-commitments__list {
    width: 35%;
  }
  .sustainability-commitments--community .sustainability-commitments__list-icon {
    display: none;
  }
  .sustainability-commitments--community .sustainability-commitments__list-img {
    width: 56%;
  }
  .sustainability-commitments--community .sustainability-commitments__list-item .h5 {
    font-size: 2rem;
  }
  .sustainability-commitments--community .sustainability-commitments__top {
    max-width: 100%;
  }
}
@media (max-width: 768px) {
  .sustainability-commitments--community .sustainability-commitments__list {
    width: 100%;
    padding-right: 0;
  }
  .sustainability-commitments__top .h2 {
    max-width: 86%;
  }
  .sustainability-commitments__in {
    margin-top: 6rem;
    display: block;
  }
  .sustainability-commitments__icon {
    display: none;
  }
  .sustainability-commitments__list-img {
    display: none;
  }
  .sustainability-commitments__item-img {
    display: block;
    padding-bottom: 0;
    overflow: hidden;
    position: relative;
    margin-bottom: 0;
    transition: padding 0.3s, margin 0.3s;
  }
  .sustainability-commitments__item-img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
  }
  .sustainability-commitments__list {
    width: 100%;
    padding-right: 0;
  }
  .sustainability-commitments__list-item.active .sustainability-commitments__item-img {
    padding-bottom: 56%;
    margin-bottom: 0.3rem;
  }
  .sustainability-commitments__list-item > .h5 {
    padding-bottom: 1rem;
  }
}

/*# sourceMappingURL=sustainability-commitments.css.map */