/* Text utility */
/* Mobile utility */
/* link hover utility */
/* Container utility mixin */
/* Container avec variable CSS */
/* Text content styles */
/* Centered content */
/* from... */
/* to... */
/* from... to... */
/* at... */
.s-our-values {
  background-color: var(--wp--preset--color--red);
  color: var(--wp--preset--color--beige-light);
}
.s-our-values__inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  text-align: center;
}
.s-our-values__mark {
  position: relative;
  z-index: 0;
  display: block;
  flex-shrink: 0;
  width: 2.5rem;
  height: 2.5rem;
  margin: 0 auto 2rem;
  color: var(--wp--preset--color--beige-light);
  transition: opacity 0.35s ease;
}
.s-our-values__mark svg {
  display: block;
  width: 100%;
  height: 100%;
}
.s-our-values__stage {
  position: relative;
  width: 100%;
  max-width: 62.5rem;
  margin-inline: auto;
  overflow: visible;
}
.s-our-values__overlay {
  position: absolute;
  inset: -10% -5%;
  z-index: 1;
  background-color: color-mix(in srgb, var(--wp--preset--color--red) 68%, transparent);
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.35s ease;
}
.s-our-values__images {
  position: absolute;
  inset: 0;
  z-index: 2;
  pointer-events: none;
  overflow: visible;
}
.s-our-values__image {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: fit-content;
  max-width: 22.5rem;
  margin: 0;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  --ov-x: 50%;
  --ov-y: 50%;
}
.s-our-values__image.is-visible {
  visibility: visible;
  opacity: 1;
}
.s-our-values__image img {
  display: block;
  width: auto;
  max-width: 22.5rem;
  max-height: 15.625rem;
  height: auto;
  object-fit: contain;
  object-position: center top;
  opacity: 0;
  transform: scale(0.75);
  transform-origin: center center;
  will-change: opacity, transform;
  transition: opacity 0.45s ease, transform 0.45s ease;
}
.s-our-values__image.is-animated img {
  transition: none;
}
.s-our-values__image.is-visible:not(.is-animated) img {
  opacity: 1;
  transform: scale(1);
}
.s-our-values__image::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  opacity: 0;
  background: radial-gradient(ellipse 115% 95% at var(--ov-x) var(--ov-y), color-mix(in srgb, var(--wp--preset--color--black) 88%, transparent) 0%, color-mix(in srgb, var(--wp--preset--color--black) 62%, transparent) 32%, color-mix(in srgb, var(--wp--preset--color--black) 28%, transparent) 58%, transparent 78%);
  pointer-events: none;
  transition: opacity 0.35s ease;
}
.s-our-values__image.is-visible::after {
  opacity: 1;
}
.s-our-values__copy {
  position: relative;
  margin: 0;
}
.s-our-values__copy.is-split .s-our-values__segment,
.s-our-values__copy.is-split .s-our-values__trigger {
  line-height: inherit;
}
.s-our-values__line {
  display: block;
}
.s-our-values__line .s-our-values__trigger + .s-our-values__segment,
.s-our-values__line .s-our-values__segment + .s-our-values__trigger {
  margin-left: 0.25ch;
}
.s-our-values__line.is-serif-only {
  line-height: 1.19;
  margin-bottom: 0.875rem;
}
.s-our-values__line.has-trigger {
  line-height: 1.34;
}
@media screen and (max-width: 991px) {
  .s-our-values__line.is-serif-only {
    margin-bottom: 0.3125rem;
  }
  .s-our-values__line .s-our-values__trigger + .s-our-values__segment,
  .s-our-values__line .s-our-values__segment + .s-our-values__trigger {
    margin-left: 0.15ch;
  }
}
.s-our-values__segment {
  position: relative;
  z-index: 1;
  color: var(--wp--preset--color--beige-light);
  transition: opacity 0.35s ease;
  font-size: 3.5rem;
  line-height: 1.19;
  font-family: "the-seasons", serif;
}
@media screen and (max-width: 991px) {
  .s-our-values__segment {
    font-size: 2.0625rem;
  }
}
@media screen and (max-width: 768px) {
  .s-our-values__segment {
    font-size: 1.4375rem;
  }
}
.s-our-values__trigger {
  position: relative;
  z-index: 1;
  margin: 0;
  padding: 0;
  border: 0;
  background: none;
  color: var(--wp--preset--color--beige-light);
  cursor: pointer;
  text-decoration: none;
  transition: opacity 0.35s ease;
  font-size: 3.125rem;
  font-weight: 500;
  line-height: 1.34;
  font-family: "poppins", sans-serif;
}
.s-our-values__trigger::after {
  content: "";
  position: absolute;
  right: auto;
  bottom: 0.125rem;
  left: 0;
  width: 100%;
  height: 0.1875rem;
  background-color: var(--wp--preset--color--beige-light);
  transform: scaleX(0);
  transform-origin: left center;
  transition: transform 0.4s ease;
}
.s-our-values__trigger.is-active {
  z-index: 3;
  outline: none;
}
.s-our-values__trigger.is-active::after {
  transform: scaleX(1);
}
.s-our-values__trigger:focus-visible {
  z-index: 3;
  outline: 0.125rem solid color-mix(in srgb, var(--wp--preset--color--beige-light) 70%, transparent);
  outline-offset: 0.25rem;
}
.s-our-values__trigger:focus-visible::after {
  transform: scaleX(1);
}
@media (hover: hover) and (pointer: fine) {
  .s-our-values__trigger:hover {
    z-index: 3;
    outline: none;
  }
  .s-our-values__trigger:hover::after {
    transform: scaleX(1);
  }
}
@media screen and (max-width: 991px) {
  .s-our-values__trigger {
    font-size: 1.875rem;
  }
}
@media screen and (max-width: 768px) {
  .s-our-values__trigger {
    font-size: 1.25rem;
  }
}
.s-our-values__stage.is-active .s-our-values__overlay {
  opacity: 1;
}
.s-our-values__stage.is-active .s-our-values__mark,
.s-our-values__stage.is-active .s-our-values__segment,
.s-our-values__stage.is-active .s-our-values__trigger:not(.is-active) {
  opacity: 0.35;
}
.s-our-values__stage.is-active .s-our-values__trigger.is-active {
  opacity: 1;
}
@media screen and (max-width: 991px) {
  .s-our-values__images, .s-our-values__overlay {
    display: none;
  }
  .s-our-values__trigger {
    cursor: default;
    pointer-events: none;
    opacity: 1;
    color: var(--wp--preset--color--beige-light);
  }
  .s-our-values__trigger:disabled {
    opacity: 1;
    color: var(--wp--preset--color--beige-light);
  }
  .s-our-values__trigger::after {
    display: none;
  }
  .s-our-values__trigger:focus-visible {
    outline: none;
  }
  .s-our-values__stage.is-active .s-our-values__mark,
  .s-our-values__stage.is-active .s-our-values__segment,
  .s-our-values__stage.is-active .s-our-values__trigger, .s-our-values__stage.is-mobile-static .s-our-values__mark,
  .s-our-values__stage.is-mobile-static .s-our-values__segment,
  .s-our-values__stage.is-mobile-static .s-our-values__trigger {
    opacity: 1;
  }
}
@media (prefers-reduced-motion: reduce) {
  .s-our-values__image img {
    transform: none;
    transition: opacity 0.2s ease;
  }
  .s-our-values__image.is-visible img {
    opacity: 1;
    transform: none;
  }
  .s-our-values__trigger::after {
    transition: none;
  }
}