/** Shopify CDN: Minification failed

Line 232:5 Unexpected "/"
Line 257:0 Unexpected "}"

**/
.section-our-values.wrapper {
  padding: 0;
}

.our-values {
  justify-content: space-between;
  border-radius: 0;
}



.our-values__list img {
  top: 0;
  left: 0;
  max-width: 100%;
  height: 100%;
  width: 100%;
  object-fit: cover;
}

.our-values__list {
  gap: 1rem;
  width: 100%;
  height: 100%;
  justify-content: center;
  aspect-ratio: 1/1;

  min-height: 75vh;
  position: relative;
}

@supports not (aspect-ratio: 1/1) {
  .our-values__list {
    width: 100vw;
    height: 100vw;
  }
}

.our-values__overlay {
  width: 100%;
  height: 100%;
  position: absolute;

  top: 0;

  z-index: 1;
}

.our-values__list__item {
  z-index: var(--z-header);
  font-size: 2rem;
  /* letter-spacing: 0.06rem; */

  padding: 0.5rem 0.75rem;

  width: fit-content;
  margin: 0 auto;

  border-radius: 4rem;

  z-index: 1;

  opacity: 0.01;
  background: transparent;
  transition: opacity 0.64s ease-in-out, background 0.64s ease-in-out, transform 0.18s ease-in-out;
}

.our-values__list__item a,
.our-values__list__item {
  color: var(--color-white);
}

.our-values__list__item.in-view--highlight {
  /* opacity: 1;
  background: var(--color-grey); */
  animation: highlight 0.8s ease-in-out forwards;
}




.our-values__list__item:has(a):hover {
  transform: scale(.95);
}

.our-values__list__image.in-view--highlight {
  /* opacity: 1; */
  animation: fadeIn 0.8s ease-in-out forwards;
  animation-delay: 400ms;
}


.our-values__list__image {
  z-index: 0;
  opacity: 0;
  transition: opacity 0.64s ease-in-out, transform 0.64s ease-in-out;

  object-fit: cover;
}


.our-values__subheading,
.our-values__cta {
  z-index: 1;
  margin: 2.5rem auto;
}

.tb .our-values__subheading {
  margin: 0 auto 1.5rem auto;
}
.tb .our-values__cta {
  margin: 1.5rem auto 0 auto;
}

.our-values__container {
  flex-direction: column;

  border-radius: 0;

  min-height: 75vh;
}

.our-values__list__image {
  height: 100%;
  /* width: 100%; */

  position: absolute;
  top: 0;

  opacity: 0;
}

.theme-editor .our-values__list__item,
.theme-editor .our-values__list__image {
  opacity: 1;
}

/* .theme-editor .our-values__list__item {
    animation: highlight 0.4s ease-in-out forwards;
} */

@media screen and (max-width: 767px) {
  .our-values__list__image {
    height: 100%;
    width: 100%;
  }
}

@media screen and (min-width: 768px) {


a.our-values__overall:hover .our-values__list__image {
  filter: opacity(.9);
}

  .section-our-values.wrapper {
    padding: 0 2rem;
  }.tb .our-values__subheading {
    margin: 0 auto 2.5rem auto;
  }
  .tb .our-values__cta {
    margin: 2.5rem auto 0 auto;
  }

  .our-values {
    justify-content: space-between;
  }

  

  .our-values__list {
    aspect-ratio: auto;
    overflow: visible;
    padding: 4rem 0;
    gap: 2rem;

    position: absolute;
  }

  .our-values__list__item {
    font-size: 3rem;
    letter-spacing: 0.08rem;
    padding: 1rem 1.5rem;
  }

  .our-values__list__item a {
    color: var(--color-white);
  }

  .our-values__list img {
    /* max-width: 33vw; */
    height: 100%;
    width: 100%;

    left: auto;
    max-width: 33%;
    width: auto;
    height: auto;
  }

  .our-values__list__item:hover + .our-values__list__image,
.our-values__list__image.in-view--highlight {
  /* opacity: 1; */
  animation: fadeIn 0.8s ease-in-out forwards;
}

.our-values__container {
  flex-direction: row;
  border-radius: .5rem;
}

.our-values__list__image {
  height: auto;
  position: relative;
  transition: filter 0.32s ease-in-out;
  opacity: 0;
}

  /* .our-values__list img {
    /* top: 0; */
    /* left: 0; */
    /* max-width: 100%; */
    /* height: 100%; */
    /* width: 100%; */
    /* object-fit: cover; */
  } */

  .our-values__list img.top-left {
    top: -1.5rem;
    left: 0rem;
    bottom: auto;
  }

  .our-values__list img.top-right {
    top: -3rem;
    right: 1.5rem;
    bottom: auto;
  }

  .our-values__list img.bottom-left {
    bottom: -3rem;
    left: 1.5rem;
    top: auto;
  }

  .our-values__list img.bottom-right {
    bottom: -1.5rem;
    right: 0;
    top: auto;
  }
}

@media screen and (min-width: 1440px) {
  .our-values__list__item {
    font-size: 4rem;
  }
  
}