@charset "UTF-8";
/* Text utility */
/* Mobile utility */
/* Hover / transitions — desktop pointer devices only (avoids sticky :hover on touch) */
/* link hover utility */
/* Container utility mixin */
/* Container avec variable CSS */
/* Text content styles */
/* Centered content */
/* from... */
/* to... */
/* from... to... */
/* at... */
/* FONT WEIGHTS */
.content-form {
  position: relative;
  overflow: hidden;
  background-color: var(--wp--preset--color--eb-content-form-bg, #f5f6f7);
}
.content-form__watermark {
  margin: 0;
  color: color-mix(in srgb, var(--wp--preset--color--eb-commitments-gray) 33%, transparent);
  font-family: "Liter", sans-serif;
  font-weight: 400;
  line-height: 0.82;
  letter-spacing: -0.36rem;
  text-transform: none;
  pointer-events: none;
  user-select: none;
}
.content-form__watermark {
  font-size: 80px;
}
@media screen and (min-width: 569px) {
  .content-form__watermark {
    font-size: calc(80px + 208 * (100vw - 569px) / 871);
  }
}
@media screen and (min-width: 1440px) {
  .content-form__watermark {
    font-size: 18rem;
  }
}
@media screen and (max-width: 991px) {
  .content-form__watermark {
    font-size: 3rem;
  }
}
.content-form__shell {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: 1fr;
  gap: 2rem;
  margin-top: 1rem;
}
@media screen and (min-width: 1024px) {
  .content-form__shell {
    grid-template-columns: minmax(0, 28.25rem) minmax(0, 42.5rem);
    justify-content: space-between;
    align-items: flex-start;
    gap: 3rem;
    margin-top: 5rem;
    max-width: 86.25rem;
  }
}
.content-form__left {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}
.content-form__intro {
  color: var(--wp--preset--color--eb-content-form-title, #002623);
  font-family: "Liter", sans-serif;
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 1.2;
}
.content-form__intro p {
  margin: 0;
}
.content-form__media {
  width: 100%;
  border-radius: 0.5rem;
  overflow: hidden;
  background-color: color-mix(in srgb, var(--wp--preset--color--bg-white) 50%, var(--wp--preset--color--eb-commitments-gray));
}
.content-form__media--placeholder {
  min-height: 17.6875rem;
}
.content-form__image {
  display: block;
  width: 100%;
  height: auto;
  object-fit: cover;
  border-radius: 0.5rem;
  aspect-ratio: 452/283;
}
.content-form__right {
  width: 100%;
  min-width: 0;
}
.content-form__placeholder {
  margin: 0;
  color: var(--wp--preset--color--eb-gray-dark);
  font-family: "Open Sans", sans-serif;
  font-size: 0.875rem;
}
.content-form .frm-fluent-form .ff-btn-submit,
.content-form .frm-fluent-form button[type=submit] {
  transition: background-color 0.2s ease, color 0.2s ease, opacity 0.2s ease;
}
.content-form .frm-fluent-form .ff-btn-submit:hover,
.content-form .frm-fluent-form button[type=submit]:hover {
  background-color: var(--wp--preset--color--eb-timeline-cyan);
  color: var(--wp--preset--color--eb-hero-cta-dark);
  opacity: 1;
}
.content-form .frm-fluent-form .ff-btn-submit:hover::after,
.content-form .frm-fluent-form button[type=submit]:hover::after {
  background-image: url("data:image/svg+xml,%3Csvg preserveAspectRatio='none' width='26' height='26' viewBox='0 0 26 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='26' height='26' rx='6' fill='%23191919'/%3E%3Cpath d='M16.75 13L14.25 15.5M16.75 13L14.25 10.5M16.75 13L11.75 13C10.9165 13 9.25 12.5 9.25 10.5' stroke='%23FFFFFF' stroke-linejoin='round'/%3E%3C/svg%3E");
}

:lang(fr) .content-form__watermark {
  letter-spacing: -0.26rem;
}
:lang(fr) .content-form__watermark {
  font-size: 198px;
}
@media screen and (min-width: 569px) {
  :lang(fr) .content-form__watermark {
    font-size: calc(198px + 0 * (100vw - 569px) / 871);
  }
}
@media screen and (min-width: 1440px) {
  :lang(fr) .content-form__watermark {
    font-size: 12.375rem;
  }
}
@media screen and (max-width: 991px) {
  :lang(fr) .content-form__watermark {
    font-size: 3rem;
    letter-spacing: -0.135rem;
  }
}

:lang(es) .content-form__watermark {
  letter-spacing: -0.26rem;
}
:lang(es) .content-form__watermark {
  font-size: 198px;
}
@media screen and (min-width: 569px) {
  :lang(es) .content-form__watermark {
    font-size: calc(198px + 0 * (100vw - 569px) / 871);
  }
}
@media screen and (min-width: 1440px) {
  :lang(es) .content-form__watermark {
    font-size: 12.375rem;
  }
}
@media screen and (max-width: 991px) {
  :lang(es) .content-form__watermark {
    font-size: 3rem;
    letter-spacing: -0.135rem;
  }
}