/* === vendor: splide-core.min.css === */
@keyframes splide-loading{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.splide__track--draggable{-webkit-touch-callout:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.splide__track--fade>.splide__list>.splide__slide{margin:0!important;opacity:0;z-index:0}.splide__track--fade>.splide__list>.splide__slide.is-active{opacity:1;z-index:1}.splide--rtl{direction:rtl}.splide__track--ttb>.splide__list{display:block}.splide__container{box-sizing:border-box;position:relative}.splide__list{backface-visibility:hidden;display:-ms-flexbox;display:flex;height:100%;margin:0!important;padding:0!important}.splide.is-initialized:not(.is-active) .splide__list{display:block}.splide__pagination{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:center;justify-content:center;margin:0;pointer-events:none}.splide__pagination li{display:inline-block;line-height:1;list-style-type:none;margin:0;pointer-events:auto}.splide:not(.is-overflow) .splide__pagination{display:none}.splide__progress__bar{width:0}.splide{position:relative;visibility:hidden}.splide.is-initialized,.splide.is-rendered{visibility:visible}.splide__slide{backface-visibility:hidden;box-sizing:border-box;-ms-flex-negative:0;flex-shrink:0;list-style-type:none!important;margin:0;position:relative}.splide__slide img{vertical-align:bottom}.splide__spinner{animation:splide-loading 1s linear infinite;border:2px solid #999;border-left-color:transparent;border-radius:50%;bottom:0;contain:strict;display:inline-block;height:20px;left:0;margin:auto;position:absolute;right:0;top:0;width:20px}.splide__sr{clip:rect(0 0 0 0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.splide__toggle.is-active .splide__toggle__play,.splide__toggle__pause{display:none}.splide__toggle.is-active .splide__toggle__pause{display:inline}.splide__track{overflow:hidden;position:relative;z-index:0}

/* === vendor: lenis.css === */
html.lenis,
html.lenis body {
  height: auto;
}

.lenis:not(.lenis-autoToggle).lenis-stopped {
  overflow: clip;
}

.lenis [data-lenis-prevent],
.lenis [data-lenis-prevent-wheel],
.lenis [data-lenis-prevent-touch],
.lenis [data-lenis-prevent-vertical],
.lenis [data-lenis-prevent-horizontal] {
  overscroll-behavior: contain;
}

.lenis.lenis-smooth iframe {
  pointer-events: none;
}

.lenis.lenis-autoToggle {
  transition-property: overflow;
  transition-duration: 1ms;
  transition-behavior: allow-discrete;
}


@charset "UTF-8";
@font-face {
  font-family: "Constructio Grotesk";
  src:
    url("../fonts/constructio-grotesk-regular.woff2") format("woff2"),
    url("../fonts/constructio-grotesk-regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
*,
*::before,
*::after {
  box-sizing: border-box;
}

body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
ol,
figure,
blockquote,
dl,
dd {
  margin: 0;
  padding: 0;
}

body {
  min-height: 100vh;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizelegibility;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  color: #282102;
  overflow-wrap: normal;
}

p {
  color: #282102;
  overflow-wrap: break-word;
}

a {
  color: #b2ed11;
  text-decoration: underline;
  transition: color 0.2s ease;
}
a:hover {
  color: #a2dc06;
}

ul,
ol {
  list-style-position: inside;
  color: #282102;
}

img,
picture,
video,
canvas,
svg {
  display: block;
  max-width: 100%;
}

input,
button,
textarea,
select {
  font: inherit;
  color: inherit;
}

button {
  cursor: pointer;
  background: none;
  border: none;
  padding: 0;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

hr {
  border: none;
  border-top: 1px solid rgba(40, 33, 2, 0.1);
  margin: 1.5em 0;
}

strong,
b {
  font-weight: 700;
}

.body-innerwrapper {
  overflow-x: clip !important;
}

html.lenis-smooth {
  scroll-behavior: auto;
}

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}
/* stylelint-disable no-invalid-position-declaration */
/* stylelint-enable no-invalid-position-declaration */
body {
  font-family: "paralucent", sans-serif;
  font-weight: 400;
  font-size: 15px;
  line-height: 1.5;
  letter-spacing: -0.02em;
  color: #282102;
  text-box: trim-both cap alphabetic;
}

:where(
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  p,
  li,
  dt,
  dd,
  blockquote,
  figcaption,
  caption,
  address,
  a,
  span,
  strong,
  em,
  b,
  i,
  u,
  small,
  mark,
  label,
  button,
  summary,
  th,
  td,
  [class^="text--"],
  [class*=" text--"]
) {
  text-box: trim-both cap alphabetic;
}

h1,
h2 {
  font-family: "Constructio Grotesk", sans-serif;
  font-weight: 600;
  font-size: 28px;
  line-height: 1.2;
  letter-spacing: -0.05em;
  text-box: trim-both cap alphabetic;
}

h3 {
  font-family: "Constructio Grotesk", sans-serif;
  font-weight: 600;
  font-size: 22px;
  line-height: 1.2;
  letter-spacing: -0.05em;
  text-box: trim-both cap alphabetic;
}

:is(h1, h2) {
  font-family: "Constructio Grotesk", sans-serif;
  font-weight: 400;
  letter-spacing: 0;
}

:is(h3) {
  font-family: "paralucent", sans-serif;
  font-weight: 600;
  letter-spacing: -0.03em;
}

.text--h1-main {
  font-family: "Constructio Grotesk", sans-serif;
  font-weight: 400;
  letter-spacing: 0;
  font-size: 27px;
  line-height: 0.963;
}

.text--h2-header {
  font-family: "paralucent", sans-serif;
  font-weight: 300;
  letter-spacing: -0.03em;
  font-size: 20px;
  line-height: 1;
}

.text--h2-header-highlight {
  font-family: "paralucent", sans-serif;
  font-weight: 600;
  letter-spacing: -0.03em;
  font-size: 20px;
  line-height: 1;
}
@media (min-width: 1200px) {
  .text--h2-header-highlight {
    font-size: 24px;
  }
}

.text--h2-main {
  font-family: "Constructio Grotesk", sans-serif;
  font-weight: 400;
  letter-spacing: 0;
  font-size: 27px;
  line-height: 0.963;
}

.text--h2-second {
  font-family: "paralucent", sans-serif;
  font-weight: 600;
  letter-spacing: -0.03em;
  font-size: 30px;
  line-height: 1;
}

.text--h2-citation {
  font-family: "Constructio Grotesk", sans-serif;
  font-weight: 400;
  letter-spacing: 0;
  font-size: 27px;
  line-height: 0.963;
}

.text--h2-tertiary {
  font-family: "Constructio Grotesk", sans-serif;
  font-weight: 400;
  letter-spacing: 0;
  font-size: 35px;
  line-height: 1;
}

.text--h3-main {
  font-family: "paralucent", sans-serif;
  font-weight: 600;
  letter-spacing: -0.03em;
  font-size: 30px;
  line-height: 1;
}

.text--h3-second {
  font-family: "paralucent", sans-serif;
  font-weight: 600;
  letter-spacing: -0.03em;
  font-size: 25px;
  line-height: 1;
}

.text--h3-tertiary {
  font-family: "Constructio Grotesk", sans-serif;
  font-weight: 400;
  letter-spacing: 0;
  font-size: 27px;
  line-height: 0.963;
}

.text--h3-quaternary {
  font-family: "paralucent", sans-serif;
  font-weight: 500;
  letter-spacing: 0;
  font-size: 19px;
  line-height: 1;
}

.text--h3-quinary {
  font-family: "Constructio Grotesk", sans-serif;
  font-weight: 400;
  letter-spacing: 0;
  font-size: 23px;
  line-height: 1;
}

.text--h3-exception {
  font-family: "Constructio Grotesk", sans-serif;
  font-weight: 400;
  letter-spacing: 0;
  font-size: 33px;
  line-height: 1;
}

.text--h4-main {
  font-family: "Constructio Grotesk", sans-serif;
  font-weight: 400;
  letter-spacing: 0;
  font-size: 19px;
  line-height: 1;
}

.text--paragraphe-second {
  font-family: "Constructio Grotesk", sans-serif;
  font-weight: 400;
  letter-spacing: 0;
  font-size: 27px;
  line-height: 0.963;
}

.text--h2-header-highlight-2 {
  font-family: "paralucent", sans-serif;
  font-weight: 600;
  letter-spacing: -0.03em;
  font-size: 20px;
  line-height: 1;
}

@media (min-width: 1200px) {
  h1 {
    font-size: 50px;
    line-height: 0.96;
  }
  .text--h1-main {
    font-size: 50px;
    line-height: 0.96;
  }
  .text--h2-header {
    font-size: 24px;
    line-height: 1;
  }
  h2 {
    font-size: 40px;
    line-height: 0.95;
  }
  .text--h2-main {
    font-size: 40px;
    line-height: 0.95;
  }
  .text--h2-citation {
    font-size: 50px;
    line-height: 0.96;
  }
  h3 {
    font-size: 30px;
    line-height: 1;
  }
  .text--h3-tertiary {
    font-size: 50px;
    line-height: 0.96;
  }
  .text--h4-main {
    font-size: 23px;
    line-height: 1;
  }
  .text--paragraphe-second {
    font-size: 34px;
    line-height: 0.941;
  }
}
li::marker {
  font-size: 0.6em;
}

.list--decorated {
  --list-dot-size: 7px;
  --list-indent: 20px;
  list-style: none;
  padding-inline-start: 0;
}
.list--decorated li {
  position: relative;
  padding-inline-start: var(--list-indent);
}
.list--decorated li::before {
  content: "";
  position: absolute;
  inset-inline-start: 0;
  inset-block-start: 0.5cap;
  transform: translateY(-50%);
  inline-size: var(--list-dot-size);
  block-size: var(--list-dot-size);
  border-radius: 50%;
  background-color: currentcolor;
}
.list--decorated li + li {
  margin-block-start: 10px;
}

p,
.text--paragraphe-main {
  font-family: "paralucent", sans-serif;
  font-weight: 300;
  font-size: 19px;
  line-height: 1;
  letter-spacing: 0;
  text-box: trim-both cap alphabetic;
}

.text--paragraphe-highlight {
  font-family: "paralucent", sans-serif;
  font-weight: 600;
  font-size: 19px;
  line-height: 1;
  letter-spacing: -0.03em;
  text-box: trim-both cap alphabetic;
}

p + p {
  margin-block-start: 20px;
}

.text--highlight {
  font-weight: 500;
}

h2.text--big {
  font-size: 28px;
  line-height: 1.1;
}

h3.text--big {
  font-size: 31px;
  line-height: 1;
}

.text--surtitre {
  font-family: "paralucent", sans-serif;
  font-weight: 600;
  font-size: 13px;
  line-height: 1.4;
  letter-spacing: -0.02em;
  text-transform: uppercase;
}

.text--bold {
  font-weight: 700;
}

.text--button {
  font-family: "paralucent", sans-serif;
  font-weight: 400;
  font-size: 15px;
  line-height: 1.2;
  letter-spacing: -0.02em;
}

.text--button-2 {
  font-family: "paralucent", sans-serif;
  font-weight: 600;
  font-size: 15px;
  line-height: 1.2;
  letter-spacing: -0.02em;
  text-decoration: underline;
}

.text--menu {
  font-family: "paralucent", sans-serif;
  font-weight: 400;
  font-size: 15px;
  line-height: 1.2;
  letter-spacing: -0.02em;
}

@media (min-width: 1200px) {
  h2.text--big {
    font-size: 92px;
    line-height: 1;
  }
  h3.text--big {
    font-size: 72px;
    line-height: 1;
  }
}
.btn {
  position: relative;
  overflow: hidden;
  isolation: isolate;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 5px 12px 6px;
  border-radius: 3px;
  background-color: #b2ed11;
  border: 1px solid #a9e700;
  color: #282102;
  text-decoration: none;
  font-family: "paralucent", sans-serif;
  font-weight: 400;
  font-size: 17px;
  line-height: 1.3;
  letter-spacing: 0;
  white-space: nowrap;
  cursor: pointer;
  box-shadow: none;
}

.btn--lime {
  background-color: #b2ed11;
  border-color: #a9e700;
  color: #282102;
}

.btn--alabaster {
  background-color: #e2ead0;
  border-color: #a9e700;
  color: #282102;
  box-shadow: 0 0 1px #b2ed11;
}

.btn--drab {
  background-color: #282102;
  border-color: transparent;
  color: #f1f6e6;
}

.btn--lime:hover,
.btn:not(.btn--link, .btn--drab, .btn--alabaster):hover {
  background-color: #b2ed11;
}

.btn--alabaster:hover {
  background-color: #e2ead0;
}

.btn--drab:hover {
  background-color: #282102;
}

.btn:not(.btn--link)::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background-color: #282102;
  transform: scaleY(0);
  transform-origin: bottom;
}

.btn--alabaster:not(.btn--link)::before {
  background-color: #b2ed11;
}

.btn--drab:not(.btn--link)::before {
  background-color: #e2ead0;
}

.on-dark .btn:not(.btn--link, .btn--alabaster)::before,
.on-dark .btn--lime::before {
  background-color: #e2ead0;
}

.btn__label {
  position: relative;
  display: block;
  overflow: hidden;
  height: 1.3em;
  line-height: 1.3;
  white-space: nowrap;
}

.btn__text {
  display: block;
}

.btn__text-clone {
  position: absolute;
  inset: 0;
  transform: translateY(100%);
  color: #f1f6e6;
}

.btn--alabaster .btn__text-clone,
.btn--drab .btn__text-clone,
.on-dark .btn--lime .btn__text-clone,
.on-dark .btn .btn__text-clone {
  color: #282102;
}

.btn,
.btn__label,
.btn__text,
.btn__text-clone {
  text-box: normal;
}

.btn-secondary {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 0;
  background: none;
  border: none;
  border-radius: 0;
  text-decoration: none;
  cursor: pointer;
}

.btn-secondary__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  padding: 7px;
  border-radius: 90px;
  background-color: #f1f6e6;
  border: 1px solid #e2ead0;
}

.btn-secondary__icon-img {
  display: block;
  width: 18px;
  height: 18px;
  color: #282102;
}

.btn-secondary__label {
  font-family: "paralucent", sans-serif;
  font-weight: 400;
  font-size: 19px;
  line-height: 1;
  letter-spacing: 0;
  text-decoration: underline;
  text-decoration-color: #a2dc06;
  text-underline-offset: 4px;
  color: #282102;
}

.on-dark .btn-secondary__icon {
  background-color: #282102;
  border-color: #483f1a;
}

.on-dark .btn-secondary__icon-img {
  color: #f1f6e6;
}

.on-dark .btn-secondary__label {
  color: #e2ead0;
}

.btn--link {
  display: inline;
  padding: 0;
  padding-bottom: 2px;
  border-radius: 0;
  background: none;
  border: none;
  color: #b2ed11;
  text-decoration: none;
  background-image: linear-gradient(currentcolor, currentcolor);
  background-position: 0% 100%;
  background-repeat: no-repeat;
  background-size: 100% 1px;
  font-family: "paralucent", sans-serif;
  font-weight: 700;
  font-size: 15px;
  line-height: 1.2;
  letter-spacing: -0.02em;
  cursor: pointer;
  transition: color 0.3s ease;
}

@media (hover: hover) and (pointer: fine) {
  .btn:not(.btn--link)::before {
    transition: transform 0.4s ease;
  }
  .btn__text,
  .btn__text-clone {
    transition: transform 0.35s ease;
  }
  .btn:not(.btn--link):hover::before {
    transform: scaleY(1);
  }
  .btn:hover .btn__text {
    transform: translateY(-100%);
    transition: transform 0.35s ease 0.4s;
  }
  .btn:hover .btn__text-clone {
    transform: translateY(0);
    transition: transform 0.35s ease 0.4s;
  }
  .btn:not(.btn--link) {
    transition:
      border-color 0.4s ease,
      box-shadow 0.4s ease;
  }
  .btn--drab:hover {
    border-color: #a9e700;
    box-shadow: 0 0 1px #b2ed11;
  }
  .btn:not(.btn--link, .btn--drab, .btn--alabaster):hover {
    border-color: transparent;
  }
  .on-dark .btn:not(.btn--link, .btn--drab, .btn--alabaster):hover,
  .on-dark .btn--lime:hover {
    border-color: #a9e700;
    box-shadow: 0 0 1px #b2ed11;
  }
  .btn-secondary__icon {
    transition:
      background-color 0.3s ease,
      border-color 0.3s ease;
  }
  .btn-secondary__icon-img {
    transition: color 0.3s ease;
  }
  .btn-secondary:hover .btn-secondary__icon {
    background-color: #282102;
    border-color: #483f1a;
  }
  .btn-secondary:hover .btn-secondary__icon-img {
    color: #f1f6e6;
  }
  .on-dark .btn-secondary:hover .btn-secondary__icon {
    background-color: #f1f6e6;
    border-color: #e2ead0;
  }
  .on-dark .btn-secondary:hover .btn-secondary__icon-img {
    color: #282102;
  }
  .btn-secondary__label {
    position: relative;
    text-decoration: none;
  }
  .btn-secondary__label::before,
  .btn-secondary__label::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -4px;
    width: 100%;
    height: 1px;
    background-color: #a2dc06;
  }
  .btn-secondary__label::before {
    transform: scaleX(1);
    transform-origin: left;
    transition: transform 0.3s ease 0.3s;
  }
  .btn-secondary__label::after {
    transform: scaleX(0);
    transform-origin: right;
    transition: transform 0.3s ease;
  }
  .btn-secondary:hover .btn-secondary__label::before {
    transform: scaleX(0);
    transform-origin: right;
    transition: transform 0.3s ease;
  }
  .btn-secondary:hover .btn-secondary__label::after {
    transform: scaleX(1);
    transform-origin: left;
    transition: transform 0.3s ease 0.3s;
  }
  .btn--link {
    position: relative;
    background-image: none;
  }
  .btn--link::before,
  .btn--link::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
  }
  .btn--link::before {
    background-color: #b2ed11;
    transform: scaleX(1);
    transform-origin: left;
    transition: transform 0.3s ease 0.3s;
  }
  .btn--link::after {
    background-color: #c7ccaa;
    transform: scaleX(0);
    transform-origin: right;
    transition: transform 0.3s ease;
  }
  .btn--link:hover {
    color: #c7ccaa;
  }
  .btn--link:hover::before {
    transform: scaleX(0);
    transform-origin: right;
    transition: transform 0.3s ease;
  }
  .btn--link:hover::after {
    transform: scaleX(1);
    transform-origin: left;
    transition: transform 0.3s ease 0.3s;
  }
}
@media (prefers-reduced-motion: reduce) {
  .btn:not(.btn--link)::before,
  .btn__text,
  .btn__text-clone {
    transition: none;
  }
}
.text-drab {
  color: #282102;
}

.bg-drab {
  background-color: #282102;
}

.text-alabaster {
  color: #e2ead0;
}

.bg-alabaster {
  background-color: #e2ead0;
}

.text-ivory {
  color: #f1f6e6;
}

.bg-ivory {
  background-color: #f1f6e6;
}

.text-sage {
  color: #c7ccaa;
}

.bg-sage {
  background-color: #c7ccaa;
}

.text-lime {
  color: #b2ed11;
}

.bg-lime {
  background-color: #b2ed11;
}

.text-spring-bud {
  color: #a9e700;
}

.bg-spring-bud {
  background-color: #a9e700;
}

.text-yellow-green {
  color: #a2dc06;
}

.bg-yellow-green {
  background-color: #a2dc06;
}

.text-drab-80 {
  color: #483f1a;
}

.bg-drab-80 {
  background-color: #483f1a;
}

[data-animate="fade-in"] {
  opacity: 0;
}
[data-animate="fade-in"].is-visible {
  opacity: 1;
  transition: opacity 0.6s ease-out;
}

[data-animate="heading-reveal"] {
  visibility: hidden;
}

[data-animate="heading-color-reveal"] {
  visibility: hidden;
}

:is(h1, h2, h3):is(
  [data-animate="heading-color-reveal"],
  [data-animate="heading-reveal"],
  .is-reveal-heading
) {
  text-box: normal;
}

:is(h1, h2, h3):has(> .hcr__line) {
  display: flex;
  flex-direction: column;
}

.hcr__line {
  --hcr-scan: 0;
  padding-block: 0.3em;
  margin-block: -0.3em;
  color: transparent;
  background-image: linear-gradient(
    90deg,
    var(--hcr-to) 0%,
    var(--hcr-to) 44%,
    var(--hcr-mid) 50%,
    var(--hcr-from) 56%,
    var(--hcr-from) 100%
  );
  background-repeat: no-repeat;
  background-size: 300% 100%;
  background-position-x: calc((1 - var(--hcr-scan)) * 100%);
  -webkit-background-clip: text;
  background-clip: text;
}

.hcr-wbr {
  font-size: 0;
}

.hcr-accent {
  text-box: normal;
}

.hcr-revealed .hcr-accent {
  color: var(--hcr-accent, var(--hcr-mid));
  transition: color 0.4s ease;
}

@media (prefers-reduced-motion: reduce) {
  .hcr-revealed .hcr-accent {
    transition: none;
  }
}
.sp-pre-loader .sp-loader-circle::after {
  background-color: #b2ed11 !important;
}

.tag-chip {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 6px 12px;
  background: #f1f6e6;
  border: 1px solid #b2ed11;
  border-radius: 63px;
  color: #282102;
  white-space: nowrap;
}
@media (min-width: 1200px) {
  .tag-chip {
    gap: 10px;
    padding: 10px 14px 11px 12px;
  }
}
.tag-chip--link {
  padding: 0;
}
.tag-chip__link {
  display: inline-flex;
  align-items: center;
  gap: inherit;
  padding: 6px 12px;
  color: inherit;
  text-decoration: none;
}
@media (min-width: 1200px) {
  .tag-chip__link {
    padding: 10px 14px 11px 12px;
  }
}
.tag-chip__icon {
  width: 16px;
  height: 16px;
}
@media (min-width: 1200px) {
  .tag-chip__icon {
    width: 18px;
    height: 18px;
  }
}
.tag-chip__label {
  font-family: "paralucent", sans-serif;
  font-weight: 400;
  font-size: 13px;
  line-height: 1;
}
@media (min-width: 1200px) {
  .tag-chip__label {
    font-size: 15px;
  }
}

.card {
  display: flex;
  flex-direction: column;
  background-color: #f1f6e6;
  border: 1px solid #483f1a;
  border-radius: 8px;
  overflow: hidden;
}
.card__media {
  aspect-ratio: 16/9;
  overflow: hidden;
}
.card__image {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.card__body {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 24px;
}
.card__eyebrow {
  margin: 0;
  color: #483f1a;
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: 0.08em;
}
.card__title {
  margin: 0;
  color: #282102;
}
.card__description {
  margin: 0;
  color: #483f1a;
}
.card__cta {
  align-self: flex-start;
  margin-top: 8px;
}

.cta-card {
  position: relative;
  isolation: isolate;
  display: flex;
  flex-direction: column;
  min-height: 141px;
  padding: 20px;
  border-radius: 5px;
  border: 1px solid transparent;
  background-color: #b2ed11;
  background-clip: padding-box;
  text-decoration: none;
  overflow: hidden;
}

.cta-card::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background-color: #282102;
  transform: scaleY(0);
  transform-origin: bottom;
}

.cta-card__title {
  position: relative;
  max-width: 60%;
  font-family: "paralucent", sans-serif;
  font-weight: 400;
  font-size: 19px;
  line-height: 1;
  letter-spacing: 0;
  color: #282102;
}

.cta-card__icon {
  position: absolute;
  inset-block-end: 19px;
  inset-inline-end: 19px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 7px;
  border-radius: 40px;
  background-color: #f1f6e6;
}

.cta-card__icon-img {
  display: block;
  width: 18px;
  height: 18px;
}

.cta-card--lime {
  background-color: #b2ed11;
  border-color: #a9e700;
}
.cta-card--lime .cta-card__icon {
  border: 1px solid #e2ead0;
}

.cta-card--pale {
  background-color: #e2ead0;
  border-color: #b2ed11;
}

@media (hover: hover) and (pointer: fine) {
  .cta-card {
    transition: border-color 0.15s ease 0.3s;
  }
  .cta-card::before {
    transition: transform 0.4s ease;
  }
  .cta-card__title {
    transition: color 0.25s ease;
  }
  .cta-card:hover {
    border-color: transparent;
    transition: border-color 0.15s ease;
  }
  .cta-card:hover::before {
    transform: scaleY(1);
  }
  .cta-card:hover .cta-card__title {
    color: #e2ead0;
    transition: color 0.25s ease 0.3s;
  }
}
@media (prefers-reduced-motion: reduce) {
  .cta-card::before,
  .cta-card__title {
    transition: none;
  }
}
.showcase {
  padding: 40px 24px;
  display: flex;
  flex-direction: column;
  gap: 40px;
}

.showcase__header {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.showcase__group {
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding: 24px;
  border-radius: 10px;
  background-color: #f1f6e6;
}

.showcase__group--dark {
  background-color: #282102;
}

.showcase__label {
  margin: 0;
  font-size: 16px;
  color: inherit;
}

.showcase__group--dark .showcase__label {
  color: #f1f6e6;
}

.showcase__row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 24px;
}

.showcase__cards {
  display: grid;
  grid-template-columns: 1fr;
  gap: 24px;
}

@media (min-width: 744px) {
  .showcase__cards {
    grid-template-columns: repeat(2, minmax(0, 290px));
  }
}
.showcase__heading-demo {
  max-width: 16ch;
}

.hero {
  padding-block: 20px 0;
  padding-inline: 20px;
  background: #282102;
}
@media (min-width: 1200px) {
  .hero {
    padding-block: 20px;
  }
}
.hero__container {
  position: relative;
  display: flex;
  flex-direction: column;
  background: #e2ead0;
  border-radius: 20px;
  overflow: hidden;
}
@media (min-width: 1200px) {
  .hero__container {
    flex-direction: row;
    align-items: flex-end;
    block-size: calc(100vh - 40px);
  }
}
.hero__decoration {
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.hero__decoration img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
@media (min-width: 1200px) {
  .hero__decoration {
    inset: 0 auto 0 0;
  }
  .hero__decoration img {
    width: auto;
    -o-object-fit: fill;
    object-fit: fill;
  }
}
.hero__content {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  gap: 30px;
  padding: 100px 40px 40px;
}
@media (min-width: 744px) {
  .hero__content {
    padding-block-start: 125px;
    padding-inline: 70px;
  }
}
@media (min-width: 1200px) {
  .hero__content {
    flex: 1;
    padding: 0 60px 60px;
  }
}
.hero__heading {
  --hcr-from: #c7ccaa;
  --hcr-mid: #b2ed11;
  --hcr-to: #282102;
  margin: 0;
  max-width: 588px;
  color: #282102;
  text-transform: uppercase;
  line-height: 1.05;
}
@media (min-width: 1200px) {
  .hero__heading {
    max-width: 542px;
    line-height: 1.05;
  }
}
.hero__intro {
  display: flex;
  flex-direction: column;
  gap: 1em;
  margin: 0;
  max-width: 588px;
}
.hero__intro p {
  margin: 0;
  color: #483f1a;
}
.hero__intro strong {
  color: #282102;
}
@media (min-width: 1200px) {
  .hero__intro {
    max-width: 542px;
  }
}
.hero__ctas {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  margin-top: 6px;
}
.hero__cta {
  margin: 0;
}
.hero__visual {
  position: relative;
  z-index: 1;
  aspect-ratio: 374/306;
}
@media (min-width: 1200px) {
  .hero__visual {
    flex: 0 0 auto;
    aspect-ratio: 1/1;
    block-size: calc(100vh - 40px);
  }
}
.hero__picture {
  display: block;
  width: 100%;
  height: 100%;
}
.hero__image {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: bottom right;
  object-position: bottom right;
}
.hero__tags {
  display: none;
}
@media (min-width: 1200px) {
  .hero__tags {
    display: block;
    position: absolute;
    inset: 0;
    z-index: 2;
    margin: 0;
    padding: 0;
    list-style: none;
    pointer-events: none;
  }
}
@media (min-width: 1200px) {
  .hero__tags .tag-chip {
    position: absolute;
    will-change: transform;
  }
  .hero__tags .tag-chip:nth-child(1) {
    inset-inline-start: 67.6%;
    inset-block-start: 24.2%;
    animation: hero-tag-float-a 3s ease-in-out infinite;
  }
  .hero__tags .tag-chip:nth-child(2) {
    inset-inline-start: 54.2%;
    inset-block-start: 32.1%;
    animation: hero-tag-float-b 3.6s ease-in-out infinite;
  }
  .hero__tags .tag-chip:nth-child(3) {
    inset-inline-start: 67.6%;
    inset-block-start: 40%;
    animation: hero-tag-float-c 4.2s ease-in-out infinite;
  }
}

@keyframes hero-tag-float-a {
  0%,
  100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-9px);
  }
}
@keyframes hero-tag-float-b {
  0%,
  100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(8px);
  }
}
@keyframes hero-tag-float-c {
  0%,
  100% {
    transform: translateY(0);
  }
  50% {
    transform: translate(5px, -7px);
  }
}
@media (prefers-reduced-motion: reduce) {
  .hero__tags .tag-chip {
    animation: none !important;
  }
}
.qsn-hero {
  padding-block: 20px 0;
  padding-inline: 20px;
  background: #e2ead0;
}
@media (min-width: 1200px) {
  .qsn-hero {
    padding-block: 20px;
  }
}
.qsn-hero__container {
  position: relative;
  display: flex;
  flex-direction: column;
  background: #f1f6e6;
  border-radius: 20px;
  overflow: hidden;
}
@media (min-width: 1200px) {
  .qsn-hero__container {
    flex-direction: row;
    align-items: flex-end;
    justify-content: space-between;
    block-size: calc(100vh - 40px);
  }
}
.qsn-hero__bg {
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.qsn-hero__bg img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.qsn-hero__content {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  gap: 30px;
  padding: 100px 40px 40px;
}
@media (min-width: 744px) {
  .qsn-hero__content {
    padding-block-start: 125px;
    padding-inline: 70px;
  }
}
@media (min-width: 1200px) {
  .qsn-hero__content {
    flex: 0 0 auto;
    z-index: 2;
    inline-size: 636px;
    padding: 0 0 60px 60px;
  }
}
.qsn-hero__heading {
  --hcr-from: #c7ccaa;
  --hcr-mid: #b2ed11;
  --hcr-to: #282102;
  margin: 0;
  max-width: 588px;
  color: #282102;
  text-transform: uppercase;
  line-height: 1.05;
}
@media (min-width: 1200px) {
  .qsn-hero__heading {
    max-width: 576px;
    line-height: 1.05;
  }
}
.qsn-hero__intro {
  display: flex;
  flex-direction: column;
  gap: 1em;
  margin: 0;
  max-width: 588px;
}
.qsn-hero__intro p {
  margin: 0;
  color: #483f1a;
}
.qsn-hero__intro strong {
  color: #282102;
}
@media (min-width: 1200px) {
  .qsn-hero__intro {
    max-width: 576px;
  }
}
.qsn-hero__visual {
  position: relative;
  z-index: 1;
  aspect-ratio: 855/697;
}
@media (min-width: 1200px) {
  .qsn-hero__visual {
    flex: 0 0 auto;
    z-index: 1;
    align-self: stretch;
    aspect-ratio: 871/710;
    margin-inline-start: -54px;
  }
}
.qsn-hero__picture {
  display: block;
  width: 100%;
  height: 100%;
}
.qsn-hero__image {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  -o-object-position: bottom right;
  object-position: bottom right;
}
.qsn-hero__tags {
  display: none;
}
@media (min-width: 1200px) {
  .qsn-hero__tags {
    display: block;
    position: absolute;
    inset: 0;
    z-index: 3;
    margin: 0;
    padding: 0;
    list-style: none;
    pointer-events: none;
  }
}
@media (min-width: 1200px) {
  .qsn-hero__tags .tag-chip {
    position: absolute;
    will-change: transform;
  }
  .qsn-hero__tags .tag-chip:nth-child(1) {
    inset-inline-start: 43.3%;
    inset-block-start: 25.8%;
    animation: qsn-hero-tag-float-a 3s ease-in-out infinite;
  }
  .qsn-hero__tags .tag-chip:nth-child(2) {
    inset-inline-start: 50.5%;
    inset-block-start: 33.7%;
    animation: qsn-hero-tag-float-b 3.6s ease-in-out infinite;
  }
  .qsn-hero__tags .tag-chip:nth-child(3) {
    inset-inline-start: 43.3%;
    inset-block-start: 41.5%;
    animation: qsn-hero-tag-float-c 4.2s ease-in-out infinite;
  }
}

@keyframes qsn-hero-tag-float-a {
  0%,
  100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-9px);
  }
}
@keyframes qsn-hero-tag-float-b {
  0%,
  100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(8px);
  }
}
@keyframes qsn-hero-tag-float-c {
  0%,
  100% {
    transform: translateY(0);
  }
  50% {
    transform: translate(5px, -7px);
  }
}
@media (prefers-reduced-motion: reduce) {
  .qsn-hero__tags .tag-chip {
    animation: none !important;
  }
}
.convictions {
  --convictions-radius: 20px;
  --convictions-inset: 20px;
  padding-block: 50px;
  background-color: #e2ead0;
  overflow: clip;
}

.convictions__panel {
  position: relative;
  margin-inline: 16px;
  padding-block-end: 30px;
  background-color: #282102;
  border-radius: var(--convictions-radius);
  overflow: clip;
}

.convictions__watermark {
  position: absolute;
  inset-block: 0;
  inset-inline-start: 0;
  height: 100%;
  width: auto;
  max-width: none;
  pointer-events: none;
  z-index: 0;
  opacity: 0.9;
}

.convictions__photos {
  display: none;
}

.convictions__stage {
  position: relative;
  z-index: 1;
}

.convictions__list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.convictions__slide {
  display: flex;
  justify-content: center;
}

.convictions__card {
  display: flex;
  flex-direction: column;
  gap: 45px;
  width: 100%;
  margin: 16px;
  padding: 50px;
  background-color: #e2ead0;
  border-radius: var(--convictions-radius);
}

.convictions__card-head {
  display: flex;
  flex-direction: column;
  gap: 25px;
}

.convictions__heading {
  margin: 0;
  color: #282102;
  text-transform: uppercase;
}

.convictions__tags {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.convictions__tag {
  padding: 9px 13px 10px;
  background-color: #b2ed11;
  border-radius: 63px;
  color: #282102;
  font-family: "paralucent", sans-serif;
  font-weight: 400;
  font-size: 15px;
  line-height: 1;
  white-space: nowrap;
}

.convictions__card-body {
  display: flex;
  flex-direction: column;
  gap: 30px;
}

.convictions__text {
  margin: 0;
  color: #483f1a;
}
.convictions__text strong {
  color: #282102;
}

.convictions__cta {
  align-self: flex-start;
}

.convictions__controls {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
  margin-block-start: 24px;
}

.convictions__arrow {
  width: 32px;
  height: 32px;
  padding: 0;
  border: 0;
  background: center/32px 32px no-repeat;
  cursor: pointer;
}
.convictions__arrow[disabled] {
  opacity: 0.4;
  cursor: default;
}

.convictions__arrow--prev {
  background-image: url("/images/buttons/prev-btn.svg");
}

.convictions__arrow--next {
  background-image: url("/images/buttons/next-btn.svg");
}

.convictions__arrow-icon {
  display: none;
}

.convictions__dots {
  display: flex;
  align-items: center;
  gap: 6px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.convictions__dot {
  width: 7px;
  height: 7px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background-color: rgba(241, 246, 230, 0.35);
  cursor: pointer;
}
.convictions__dot.is-active {
  background-color: #b2ed11;
}

@media (min-width: 1200px) {
  .convictions {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 100vh;
    padding-block: 0;
  }
  .convictions__panel {
    flex: 0 0 auto;
    width: calc(100% - 2 * var(--convictions-inset));
    height: calc(100vh - 2 * var(--convictions-inset));
    margin-inline: 0;
    padding-block-end: 0;
  }
  .convictions__watermark {
    inset-inline-start: 0;
    height: 100%;
    width: auto;
  }
  .convictions__photos {
    display: block;
    position: absolute;
    inset: 0;
    z-index: 2;
    pointer-events: none;
  }
  .convictions__photo {
    position: absolute;
  }
  .convictions__photo--team {
    left: 0;
    bottom: 0;
    width: 29%;
    height: auto;
  }
  .convictions__photo--phone {
    right: 0;
    bottom: 0;
    width: 31%;
    height: auto;
  }
  .convictions__stage {
    height: 100%;
  }
  .convictions__stage .splide__track {
    height: 100%;
  }
  .convictions__list,
  .convictions__slide {
    height: 100%;
  }
  .convictions__slide {
    align-items: center;
  }
  .convictions__card {
    flex-direction: row;
    align-items: flex-start;
    gap: 55px;
    width: 967px;
    max-width: calc(100% - 80px);
    height: 421px;
    margin: 0;
    padding: 50px;
  }
  .convictions__card-head {
    flex: 1 0 0;
    min-width: 0;
    gap: 25px;
  }
  .convictions__card-body {
    flex-shrink: 0;
    width: 289px;
  }
  .convictions__controls {
    position: absolute;
    inset-inline: 0;
    bottom: 42px;
    z-index: 3;
    margin-block-start: 0;
  }
}
.valeurs {
  background-color: #e2ead0;
  padding-block: 64px;
}
.valeurs__container {
  max-width: 1440px;
  padding-inline: 36px;
  margin-inline: auto;
}
@media (min-width: 576px) {
  .valeurs__container {
    padding-inline: 50px;
  }
}
@media (min-width: 1200px) {
  .valeurs__container {
    padding-inline: 80px;
  }
}
@media (min-width: 744px) and (max-width: 1199px) {
  .valeurs__container {
    max-width: 598px;
  }
}
.valeurs__lead {
  color: #282102;
  text-align: center;
  margin-block: 0 40px;
}
.valeurs__list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 28px;
}
.valeurs__row {
  position: relative;
  text-align: center;
}
.valeurs__title {
  color: #282102;
  text-transform: uppercase;
  margin: 0;
}
.valeurs__underline {
  display: none;
}
.valeurs__card {
  margin-block-start: 12px;
  padding: 20px;
  background-color: #f1f6e6;
  border: 1px solid #b2ed11;
  border-radius: 5px;
}
.valeurs__card-text {
  color: #483f1a;
  text-align: start;
  margin: 0;
}
@media (min-width: 1200px) {
  .valeurs {
    min-block-size: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-block: 100px;
  }
  .valeurs__lead {
    max-inline-size: 456px;
    margin-inline: auto;
    margin-block-end: 89px;
  }
  .valeurs.is-enhanced .valeurs__list {
    position: relative;
    inline-size: 1063px;
    max-inline-size: 100%;
    margin-inline: auto;
    gap: 0;
    overflow: visible;
  }
  .valeurs.is-enhanced .valeurs__row {
    block-size: 57px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .valeurs.is-enhanced .valeurs__title {
    --hcr-scan: 0;
    --hcr-from: #c7ccaa;
    --hcr-mid: #b2ed11;
    --hcr-to: #282102;
    position: relative;
    display: inline-block;
    margin: 0;
    text-box: normal;
    line-height: 1.1;
    color: transparent;
    background-image: linear-gradient(
      90deg,
      var(--hcr-to) 0%,
      var(--hcr-to) 44%,
      var(--hcr-mid) 50%,
      var(--hcr-from) 56%,
      var(--hcr-from) 100%
    );
    background-repeat: no-repeat;
    background-size: 300% 100%;
    background-position-x: calc((1 - var(--hcr-scan)) * 100%);
    -webkit-background-clip: text;
    background-clip: text;
  }
  .valeurs.is-enhanced .valeurs__row:hover {
    cursor: none;
  }
  .valeurs.is-enhanced .valeurs__underline {
    display: block;
    position: absolute;
    inset-inline: 0;
    inset-block-end: -6px;
    block-size: 3px;
    background-color: #b2ed11;
    transform: scaleX(0);
    transform-origin: left center;
  }
  .valeurs.is-enhanced .valeurs__card {
    position: absolute;
    inline-size: 364px;
    inset-inline-start: 0;
    inset-block-start: 0;
    margin-block-start: 0;
    pointer-events: none;
    will-change: transform;
  }
}

.fondateur {
  display: flex;
  background-color: #e2ead0;
}
.fondateur__container {
  display: flex;
  flex: 1;
  padding-inline: 20px;
}
.fondateur__panel {
  position: relative;
  flex: 1;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  border-radius: 20px;
  background: linear-gradient(180deg, #e2ead0 0%, #b2ed11 100%);
}
.fondateur__inner {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  gap: 30px;
  padding: 50px 40px;
}
.fondateur__heading {
  --hcr-from: #c7ccaa;
  --hcr-mid: #b2ed11;
  --hcr-to: #282102;
  margin: 0;
  color: #282102;
  text-transform: uppercase;
  line-height: 1.05;
}
.fondateur__intro {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.fondateur__intro p {
  margin: 0;
  color: #483f1a;
}
.fondateur__lower {
  display: flex;
  flex-direction: column;
  gap: 30px;
}
.fondateur__accordion {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.fondateur__accordion-trigger {
  inline-size: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 0;
  background: none;
  border: 0;
  cursor: pointer;
  text-align: start;
}
.fondateur__accordion-label {
  color: #282102;
}
.fondateur__accordion-chevron {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  inline-size: 25px;
  block-size: 25px;
  border-radius: 50%;
  background: #f1f6e6;
  border: 1px solid #e2ead0;
}
.fondateur__accordion-chevron img {
  inline-size: 18px;
  block-size: 18px;
  transition: transform 0.3s ease;
}
.fondateur__accordion-item.is-open .fondateur__accordion-chevron img {
  transform: rotate(180deg);
}
.fondateur__accordion-drawer {
  overflow: hidden;
}
.fondateur__accordion-drawer-inner {
  padding-block-start: 10px;
  padding-block-end: 15px;
}
.fondateur__accordion-text {
  margin: 0;
  color: #483f1a;
}
.fondateur__actions {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
}
.fondateur__media {
  position: relative;
  z-index: 1;
  display: block;
  width: calc(100% - 30px);
  margin-block-start: auto;
}
.fondateur__picture {
  display: block;
  width: 100%;
}
.fondateur__photo {
  display: block;
  width: 100%;
  height: auto;
}
.fondateur__tags {
  display: none;
}
@media (min-width: 744px) and (max-width: 1199px) {
  .fondateur__inner {
    padding: 60px 70px 40px;
  }
}
@media (min-width: 1200px) {
  .fondateur__inner {
    display: grid;
    grid-template-columns: 341px 1fr;
    grid-template-areas: "heading intro" "lower   lower";
    -moz-column-gap: 30px;
    column-gap: 30px;
    row-gap: 107px;
    align-content: start;
    width: 100%;
    max-width: 1064px;
    margin-inline: auto;
    padding: 64px 0 90px;
    min-block-size: 731px;
  }
  .fondateur__heading {
    grid-area: heading;
  }
  .fondateur__intro {
    grid-area: intro;
  }
  .fondateur__lower {
    grid-area: lower;
    max-inline-size: 522px;
  }
  .fondateur__actions {
    flex-direction: row;
    gap: 5px;
  }
  .fondateur__media {
    position: absolute;
    inset-block-start: 258px;
    inset-inline-start: calc(50% - 244px);
    inset-inline-end: auto;
    width: 876px;
    aspect-ratio: 880/475;
  }
  .fondateur__photo {
    width: 100%;
    height: 100%;
    -o-object-fit: fill;
    object-fit: fill;
  }
  .fondateur__tags {
    display: block;
    position: absolute;
    inset: 0;
    z-index: 3;
    margin: 0;
    padding: 0;
    list-style: none;
    pointer-events: none;
  }
  .fondateur__tags .tag-chip {
    position: absolute;
    will-change: transform;
  }
  .fondateur__tags .tag-chip:nth-child(1) {
    inset-inline-start: 33.8%;
    inset-block-start: 70.3%;
    animation: fondateur-tag-float-a 3.4s ease-in-out infinite;
  }
  .fondateur__tags .tag-chip:nth-child(2) {
    inset-inline-start: 70.9%;
    inset-block-start: 47.4%;
    animation: fondateur-tag-float-b 4s ease-in-out infinite;
  }
}

@keyframes fondateur-tag-float-a {
  0%,
  100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-8px);
  }
}
@keyframes fondateur-tag-float-b {
  0%,
  100% {
    transform: translateY(0);
  }
  50% {
    transform: translate(4px, 7px);
  }
}
@media (prefers-reduced-motion: reduce) {
  .fondateur__tags .tag-chip {
    animation: none !important;
  }
}
.equipe-engagee {
  --equipe-radius: 20px;
  --equipe-inset: 20px;
  --equipe-card-radius: 10px;
  --equipe-bleed: 154px;
  --equipe-gap-top: 48px;
  --equipe-gap-cards: 36px;
  position: relative;
  overflow: visible;
  padding-block-start: var(--equipe-inset);
  margin-block-end: calc(-1 * var(--equipe-bleed));
}
@media (min-width: 744px) {
  .equipe-engagee {
    --equipe-bleed: 112px;
    --equipe-gap-top: 80px;
    --equipe-gap-cards: 40px;
  }
}
@media (min-width: 1200px) {
  .equipe-engagee {
    --equipe-gap-top: 160px;
    --equipe-gap-cards: 48px;
  }
}
.equipe-engagee::before {
  content: "";
  position: absolute;
  inset-block-start: 0;
  inset-inline: 0;
  inset-block-end: var(--equipe-bleed);
  z-index: -1;
  background-color: #e2ead0;
}
.equipe-engagee__bg {
  position: absolute;
  inset-block-start: var(--equipe-inset);
  inset-inline: var(--equipe-inset);
  inset-block-end: var(--equipe-bleed);
  z-index: 0;
  background-color: #282102;
  border-radius: var(--equipe-radius);
}
.equipe-engagee__watermark-wrap {
  position: relative;
  z-index: 1;
  margin-inline: var(--equipe-inset);
  overflow: clip;
  border-radius: var(--equipe-radius) var(--equipe-radius) 0 0;
  line-height: 0;
}
.equipe-engagee__watermark {
  display: block;
  inline-size: 100%;
  block-size: auto;
  max-width: none;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.equipe-engagee__container {
  position: relative;
  z-index: 1;
  max-inline-size: 1064px;
  margin-inline: auto;
  margin-block-start: var(--equipe-gap-top);
  padding-inline: calc(var(--equipe-inset) + 40px);
}
@media (min-width: 744px) {
  .equipe-engagee__container {
    padding-inline: calc(var(--equipe-inset) + 70px);
  }
}
@media (min-width: 1200px) {
  .equipe-engagee__container {
    padding-inline: 0;
  }
}
.equipe-engagee__intro {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
@media (min-width: 1200px) {
  .equipe-engagee__intro {
    flex-direction: row;
    align-items: flex-start;
    gap: 30px;
  }
}
.equipe-engagee__heading {
  --hcr-from: #483f1a;
  --hcr-mid: #b2ed11;
  --hcr-to: #e2ead0;
  margin: 0;
  color: #e2ead0;
  text-transform: uppercase;
  text-box: normal;
  line-height: 0.95;
}
@media (min-width: 1200px) {
  .equipe-engagee__heading {
    flex: 1 1 0;
  }
}
@media (min-width: 1200px) {
  .equipe-engagee__desc {
    flex: 1 1 0;
  }
}
.equipe-engagee__desc p {
  margin: 0;
  color: #c7ccaa;
}
.equipe-engagee__desc strong {
  color: #f1f6e6;
}
.equipe-engagee__desc strong.text-accent {
  color: #b2ed11;
}
.equipe-engagee__cards {
  position: relative;
  z-index: 1;
  max-inline-size: 1064px;
  margin-inline: auto;
  margin-block-start: var(--equipe-gap-cards);
  padding-inline: calc(var(--equipe-inset) + 40px);
  display: flex;
  flex-direction: column;
  gap: 20px;
}
@media (min-width: 744px) {
  .equipe-engagee__cards {
    padding-inline: calc(var(--equipe-inset) + 70px);
  }
}
@media (min-width: 1200px) {
  .equipe-engagee__cards {
    flex-direction: row;
    padding-inline: 0;
  }
}
.equipe-engagee__card {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  min-block-size: 223px;
  border-radius: var(--equipe-card-radius);
  overflow: clip;
  background-color: #f1f6e6;
}
@media (min-width: 1200px) {
  .equipe-engagee__card {
    flex: 1 1 0;
  }
}
.equipe-engagee__card-bg {
  position: absolute;
  inset: 0;
  inline-size: 100%;
  block-size: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  display: block;
  z-index: 0;
  pointer-events: none;
}
.equipe-engagee__card-content {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  gap: 14px;
  padding: 30px;
}
@media (min-width: 744px) {
  .equipe-engagee__card-content {
    gap: 25px;
    padding: 40px;
  }
}
.equipe-engagee__title {
  margin: 0;
  color: #282102;
}
.equipe-engagee__body {
  margin: 0;
  color: #483f1a;
}
@media (min-width: 1200px) {
  .equipe-engagee.is-enhanced .equipe-engagee__card {
    block-size: 223px;
    min-block-size: 0;
  }
  .equipe-engagee.is-enhanced .equipe-engagee__card-content {
    position: absolute;
    inset-inline: 40px;
    inset-block-end: 40px;
    padding: 0;
  }
}

.equipe-membres {
  --em-top: 20px;
  background-color: #e2ead0;
  padding-block: var(--em-top) 64px;
}
.equipe-membres__panel {
  margin-inline: 20px;
  border-radius: 20px;
  overflow: clip;
  background-image: linear-gradient(180deg, #b2ed11 0%, #e2ead0 100%);
  padding-block: 244px 56px;
}
@media (min-width: 744px) {
  .equipe-membres__panel {
    padding-block: 212px 72px;
  }
}
@media (min-width: 1200px) {
  .equipe-membres__panel {
    padding-block: 292px 72px;
  }
}
.equipe-membres__container {
  max-inline-size: 845px;
  margin-inline: auto;
  padding-inline: 36px;
}
@media (min-width: 744px) {
  .equipe-membres__container {
    padding-inline: 50px;
  }
}
.equipe-membres__intro {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 24px;
}
@media (min-width: 1200px) {
  .equipe-membres__intro {
    gap: 30px;
  }
}
.equipe-membres__heading {
  --hcr-from: #c7ccaa;
  --hcr-mid: #b2ed11;
  --hcr-to: #282102;
  margin: 0;
  color: #282102;
  text-transform: uppercase;
  line-height: 1.05;
}
.equipe-membres__lead {
  margin: 0;
  color: #483f1a;
}
.equipe-membres__grid {
  list-style: none;
  margin: 32px 0 0;
  padding-inline: 36px;
  display: grid;
  grid-template-columns: 1fr;
  gap: 20px;
}
@media (min-width: 744px) {
  .equipe-membres__grid {
    grid-template-columns: repeat(2, 1fr);
    margin-block-start: 44px;
    padding-inline: 50px;
  }
}
@media (min-width: 1200px) {
  .equipe-membres__grid {
    grid-template-columns: repeat(4, 1fr);
    margin-block-start: 60px;
    padding-inline: 10px;
  }
}
.equipe-membres__card {
  position: relative;
  aspect-ratio: 350/429;
  border-radius: 10px;
  overflow: clip;
  background-color: #e8e8e8;
}
.equipe-membres__photo {
  position: absolute;
  inset: 0;
  inline-size: 100%;
  block-size: 100%;
  max-width: none;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  display: block;
}
.equipe-membres__name {
  position: absolute;
  inset-block-end: 10px;
  inset-inline-start: 10px;
  background-color: #b2ed11;
  color: #282102;
  border-radius: 63px;
  padding: 9px 13px 10px;
  font-family: "paralucent", sans-serif;
  font-weight: 500;
  font-size: 15px;
  line-height: 1;
}

.pourquoi-kab {
  padding-block: 64px;
}
.pourquoi-kab__container {
  max-inline-size: 845px;
  margin-inline: auto;
  padding-inline: 36px;
}
@media (min-width: 744px) {
  .pourquoi-kab__container {
    padding-inline: 50px;
  }
}
@media (min-width: 1200px) {
  .pourquoi-kab__container {
    padding-inline: 0;
  }
}
.pourquoi-kab__heading {
  --hcr-from: #c7ccaa;
  --hcr-mid: #b2ed11;
  --hcr-to: #282102;
  margin: 0;
  color: #282102;
  text-transform: uppercase;
  line-height: 1.05;
}
.pourquoi-kab__intro {
  margin: 30px 0 0;
  color: #483f1a;
}
.pourquoi-kab__intro strong {
  color: #282102;
}
.pourquoi-kab__cards {
  margin-block-start: 55px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.pourquoi-kab__card {
  background-color: #f1f6e6;
  border-radius: 10px;
  padding: 10px;
}
.pourquoi-kab__card-header {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  inline-size: 100%;
  padding: 24px 20px;
  background: none;
  border: 0;
  text-align: start;
  color: inherit;
  font: inherit;
  cursor: default;
}
.pourquoi-kab__card-title {
  margin: 0;
  color: #282102;
}
.pourquoi-kab__card-panel {
  overflow: hidden;
}
.pourquoi-kab__card-body {
  background-color: #e2ead0;
  border-radius: 5px;
  padding: 30px;
}
.pourquoi-kab__card-body p {
  margin: 0;
  color: #483f1a;
}
.pourquoi-kab.is-enhanced .pourquoi-kab__card-header {
  cursor: pointer;
}
.pourquoi-kab.is-enhanced .pourquoi-kab__card:not(.is-open) .pourquoi-kab__card-header {
  align-items: center;
}
.pourquoi-kab__cta {
  margin-block-start: 30px;
}

.pourquoi-confiance {
  position: relative;
  background-color: #e2ead0;
  padding-block-end: 0;
}
.pourquoi-confiance .pourquoi-kab,
.pourquoi-confiance .testimonials {
  position: relative;
}
.pourquoi-confiance .testimonials {
  padding-block-start: 80px;
}
.pourquoi-confiance .testimonials::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  background: url("/images/qui-sommes-nous/testimonial/bg-decor.svg") left center/auto 100%
    no-repeat;
  pointer-events: none;
}
.pourquoi-confiance .testimonials__container {
  position: relative;
  z-index: 1;
}
@media (min-width: 1200px) {
  .pourquoi-confiance .pourquoi-kab,
  .pourquoi-confiance .testimonials {
    min-block-size: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-block-start: 0;
  }
  .pourquoi-confiance .pourquoi-kab__container,
  .pourquoi-confiance .testimonials__container {
    inline-size: 100%;
  }
}

.cta-section {
  display: flex;
  flex-direction: column;
  justify-content: center;
  background-color: #b2ed11;
  color: #f1f6e6;
  padding-block: 80px;
  text-align: center;
}
@media (min-width: 1200px) {
  .cta-section {
    min-height: 60vh;
    padding-block: 0;
  }
}
.cta-section__container {
  max-width: 1440px;
  padding-inline: 36px;
  margin-inline: auto;
}
@media (min-width: 576px) {
  .cta-section__container {
    padding-inline: 50px;
  }
}
@media (min-width: 1200px) {
  .cta-section__container {
    padding-inline: 80px;
  }
}
.cta-section__container {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 24px;
  max-width: 720px;
}
.cta-section__heading {
  margin: 0;
  color: #f1f6e6;
}
.cta-section__highlight {
  color: #a2dc06;
}
.cta-section__intro {
  margin: 0;
  color: #f1f6e6;
  opacity: 0.9;
}
.cta-section__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  justify-content: center;
  margin-top: 12px;
}

.distinction-carousel {
  position: relative;
  overflow: hidden;
  background-color: #282102;
  color: #f1f6e6;
  padding-block-start: 170px;
  padding-block-end: 64px;
}
@media (min-width: 744px) {
  .distinction-carousel {
    padding-block-start: 200px;
  }
}
@media (min-width: 1200px) {
  .distinction-carousel {
    min-block-size: 100vh;
    padding-block: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
}
.distinction-carousel__bg {
  position: absolute;
  inset: 0;
  z-index: 0;
  overflow: hidden;
  pointer-events: none;
}
.distinction-carousel__wordmark {
  position: absolute;
  inset-block-start: 0;
  inset-inline: 0;
  width: 100%;
  height: auto;
  opacity: 0.55;
  will-change: filter;
}
.distinction-carousel__blob {
  position: absolute;
  inset-block-end: -48px;
  inset-inline-end: -64px;
  width: 420px;
  height: auto;
  opacity: 0.5;
}
.distinction-carousel__container {
  max-width: 1440px;
  padding-inline: 36px;
  margin-inline: auto;
}
@media (min-width: 576px) {
  .distinction-carousel__container {
    padding-inline: 50px;
  }
}
@media (min-width: 1200px) {
  .distinction-carousel__container {
    padding-inline: 80px;
  }
}
.distinction-carousel__container {
  inline-size: 100%;
  max-width: 1224px;
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  gap: 56px;
}
@media (min-width: 1200px) {
  .distinction-carousel__container {
    gap: 80px;
  }
}
.distinction-carousel__intro {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 24px;
  text-align: center;
}
.distinction-carousel__title {
  --hcr-from: #483f1a;
  --hcr-mid: #b2ed11;
  --hcr-to: #e2ead0;
  margin: 0;
  max-width: 826px;
  text-transform: uppercase;
  color: #e2ead0;
  line-height: 1.05;
}
.distinction-carousel__lead p {
  margin: 0;
  color: #c7ccaa;
}
.distinction-carousel__lead p + p {
  margin-top: 20px;
}
@media (min-width: 1200px) {
  .distinction-carousel__lead {
    max-width: 548px;
  }
}
.distinction-carousel__stage {
  position: relative;
}
@media (min-width: 1200px) {
  .distinction-carousel__stage {
    visibility: visible !important;
  }
}
.distinction-carousel__stage.is-initialized {
  padding-block-end: 84px;
}
.distinction-carousel.is-pinned .distinction-carousel__list {
  display: grid;
}
.distinction-carousel.is-pinned .distinction-carousel__slide {
  grid-area: 1/1;
}
.distinction-carousel {
  /* stylelint-disable selector-class-pattern -- Splide's own BEM class names */
}
.distinction-carousel .splide__arrow {
  position: absolute;
  inset-block-end: 0;
  width: 32px;
  height: 32px;
  padding: 0;
  background: center/contain no-repeat;
  border: 0;
  cursor: pointer;
  transition:
    transform 0.2s ease,
    opacity 0.2s ease;
}
.distinction-carousel .splide__arrow svg {
  display: none;
}
.distinction-carousel .splide__arrow:hover:not(:disabled) {
  transform: scale(1.06);
}
.distinction-carousel .splide__arrow:disabled {
  cursor: default;
  opacity: 0.4;
}
.distinction-carousel .splide__arrow--prev {
  inset-inline-start: 0;
  background-image: url("/images/buttons/prev-btn.svg");
}
.distinction-carousel .splide__arrow--next {
  inset-inline-end: 0;
  background-image: url("/images/buttons/next-btn.svg");
}
.distinction-carousel .splide__pagination {
  position: absolute;
  inset-block-end: 14px;
  inset-inline-start: 50%;
  display: flex;
  gap: 10px;
  margin: 0;
  padding: 0;
  transform: translateX(-50%);
}
.distinction-carousel .splide__pagination li {
  line-height: 0;
  list-style: none;
}
.distinction-carousel .splide__pagination__page {
  box-sizing: border-box;
  width: 7px;
  height: 7px;
  padding: 0;
  background: transparent;
  border: 1px solid #b2ed11;
  border-radius: 50%;
  cursor: pointer;
  transition: background-color 0.2s ease;
}
.distinction-carousel .splide__pagination__page.is-active {
  background: #b2ed11;
  transform: none;
}
.distinction-carousel {
  /* stylelint-enable selector-class-pattern */
}
.distinction-carousel__slide {
  width: 100%;
  display: grid;
  gap: 24px;
  justify-items: start;
  text-align: start;
  grid-template-columns: minmax(0, 1fr);
  grid-template-areas: "card" "title" "desc";
}
@media (min-width: 744px) {
  .distinction-carousel__slide {
    align-items: center;
    -moz-column-gap: 70px;
    column-gap: 70px;
    grid-template-columns: 1fr 1fr;
    grid-template-areas: "title title" "card  desc";
  }
}
@media (min-width: 1200px) {
  .distinction-carousel__slide {
    -moz-column-gap: 40px;
    column-gap: 40px;
    justify-content: space-between;
    grid-template-columns: 197px 414px 297px;
    grid-template-areas: "title card desc";
  }
}
.distinction-carousel__slide-title {
  grid-area: title;
  margin: 0;
  color: #f1f6e6;
  text-box: trim-end cap alphabetic;
}
.distinction-carousel__card {
  position: relative;
  grid-area: card;
  width: 100%;
  max-width: 414px;
  margin: 0;
  aspect-ratio: 414/294;
}
.distinction-carousel__card-decor,
.distinction-carousel__card-img {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.distinction-carousel__card-decor {
  z-index: 0;
}
.distinction-carousel__card-img {
  z-index: 1;
}
.distinction-carousel__slide-desc {
  grid-area: desc;
}
.distinction-carousel__slide-desc p {
  margin: 0;
  color: #c7ccaa;
}

.piliers {
  --piliers-bleed: 260px;
  position: relative;
  overflow: visible;
  color: #f1f6e6;
  padding-block-start: 16px;
  margin-block-end: calc(-1 * var(--piliers-bleed));
}
@media (min-width: 744px) {
  .piliers {
    padding-block-start: 46px;
    --piliers-bleed: 226px;
  }
}
@media (min-width: 1200px) {
  .piliers {
    padding-block-start: 120px;
    --piliers-bleed: 240px;
  }
}
.piliers::before {
  content: "";
  position: absolute;
  inset-block-start: 0;
  inset-inline: 0;
  inset-block-end: var(--piliers-bleed);
  z-index: -1;
  background-color: #e2ead0;
}
.piliers__bg {
  position: absolute;
  inset-block-start: 0;
  inset-inline: 0;
  inset-block-end: var(--piliers-bleed);
  z-index: 0;
  background-color: #282102;
  border-radius: 0 0 20px 20px;
}
.piliers__container {
  max-width: 1440px;
  padding-inline: 36px;
  margin-inline: auto;
}
@media (min-width: 576px) {
  .piliers__container {
    padding-inline: 50px;
  }
}
@media (min-width: 1200px) {
  .piliers__container {
    padding-inline: 80px;
  }
}
.piliers__container {
  position: relative;
  z-index: 1;
}
.piliers__intro {
  max-inline-size: 1064px;
  margin-inline: auto;
  margin-block-end: 50px;
  text-align: start;
  padding-inline: 24px;
}
@media (min-width: 744px) {
  .piliers__intro {
    max-inline-size: 498px;
    text-align: center;
    padding-inline: 0;
  }
}
@media (min-width: 1200px) {
  .piliers__intro {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 70px;
    max-inline-size: 1064px;
    margin-block-end: 72px;
    text-align: start;
  }
}
.piliers__title {
  --hcr-from: #483f1a;
  --hcr-mid: #b2ed11;
  --hcr-to: #e2ead0;
  text-transform: uppercase;
  margin: 0;
  line-height: 1.05;
  color: #e2ead0;
}
@media (min-width: 1200px) {
  .piliers__title {
    flex: 0 1 630px;
    line-height: 1.05;
  }
}
.piliers__lead {
  margin-block-start: 24px;
}
@media (min-width: 1200px) {
  .piliers__lead {
    flex: 0 1 364px;
    margin-block-start: 6px;
  }
}
.piliers__lead p {
  margin: 0;
  color: #c7ccaa;
}
.piliers__cards {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 20px;
}
@media (min-width: 744px) {
  .piliers__cards {
    justify-items: center;
  }
}
@media (min-width: 1200px) {
  .piliers__cards {
    grid-template-columns: repeat(3, 1fr);
  }
}
.piliers__card {
  position: relative;
  z-index: 1;
  inline-size: 100%;
  min-block-size: 520px;
  border-radius: 10px;
  overflow: clip;
  background-color: #f1f6e6;
}
@media (min-width: 744px) {
  .piliers__card {
    inline-size: 414px;
    min-block-size: 0;
    block-size: 452px;
  }
}
@media (min-width: 1200px) {
  .piliers__card {
    inline-size: 100%;
  }
}
.piliers__card-media {
  position: absolute;
  inset: 0;
  margin: 0;
  z-index: 0;
}
.piliers__card-img {
  inline-size: 100%;
  block-size: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  display: block;
}
.piliers__card-body {
  position: absolute;
  inset-block-end: 10px;
  inset-inline: 10px;
  z-index: 1;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  block-size: 110px;
  padding: 30px;
  border-radius: 10px;
  overflow: hidden;
  background-color: #e2ead0;
  transition: block-size 0.6s ease;
}
.piliers__card-title {
  margin: 0;
  color: #282102;
}
.piliers__card-detail {
  overflow: hidden;
  max-block-size: 0;
  opacity: 0;
  transition:
    max-block-size 0.6s ease,
    opacity 0.4s ease;
}
.piliers__card-detail p {
  margin-block: 0 20px;
  color: #483f1a;
}
.piliers__card-detail p:first-child {
  margin-block-start: 25px;
}
.piliers__card-detail p:last-of-type {
  margin-block-end: 0;
}
.piliers__card-cta {
  margin-block-start: 25px;
}
.piliers__card.is-expanded .piliers__card-body,
.piliers__card:hover .piliers__card-body,
.piliers__card:focus-within .piliers__card-body {
  block-size: calc(100% - 20px);
}
.piliers__card.is-expanded .piliers__card-detail,
.piliers__card:hover .piliers__card-detail,
.piliers__card:focus-within .piliers__card-detail {
  max-block-size: 420px;
  opacity: 1;
}

.accompagnement-intro {
  display: flow-root;
  position: relative;
  background-color: #e2ead0;
}
.accompagnement-intro__container {
  margin-block-start: 10px;
  margin-inline: 10px;
  border-radius: 20px 20px 0 0;
  background: linear-gradient(180deg, #b2ed11 0%, #e2ead0 100%);
  padding-inline: 26px;
  padding-block: 370px 64px;
}
@media (min-width: 576px) {
  .accompagnement-intro__container {
    padding-inline: 40px;
  }
}
@media (min-width: 744px) {
  .accompagnement-intro__container {
    padding-block-start: 336px;
    padding-inline: 80px;
  }
}
@media (min-width: 1200px) {
  .accompagnement-intro__container {
    margin-block-start: 20px;
    margin-inline: 20px;
    padding-inline: 60px;
    padding-block: 440px 96px;
    background: linear-gradient(180deg, #b2ed11 0%, #e2ead0 100%);
  }
}
.accompagnement-intro__content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
}
@media (min-width: 744px) {
  .accompagnement-intro__content {
    max-width: 588px;
    margin-inline: auto;
  }
}
@media (min-width: 1200px) {
  .accompagnement-intro__content {
    max-width: 988px;
    margin-inline: auto;
    gap: 40px;
  }
}
.accompagnement-intro__heading {
  --hcr-from: rgba(40, 33, 2, 0.4);
  --hcr-mid: #b2ed11;
  --hcr-to: #282102;
  margin: 0;
  max-width: 988px;
  color: #282102;
  text-transform: uppercase;
  line-height: 1.05;
}
.accompagnement-intro__ctas {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
}

.accompagnement-collage {
  background-color: #e2ead0;
  padding-block: 35px 48px;
}
@media (min-width: 744px) {
  .accompagnement-collage {
    padding-block: 35px 80px;
  }
}
@media (min-width: 1200px) {
  .accompagnement-collage {
    padding-block: 80px;
  }
}
.accompagnement-collage__container {
  max-width: 1440px;
  padding-inline: 36px;
  margin-inline: auto;
}
@media (min-width: 576px) {
  .accompagnement-collage__container {
    padding-inline: 50px;
  }
}
@media (min-width: 1200px) {
  .accompagnement-collage__container {
    padding-inline: 80px;
  }
}
.accompagnement-collage__panel {
  position: relative;
  border-radius: 20px;
  overflow: visible;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  padding-block: 24px;
}
@media (min-width: 744px) {
  .accompagnement-collage__panel {
    display: block;
    aspect-ratio: 1400/762;
    padding: 0;
  }
}
.accompagnement-collage__figure {
  position: relative;
  margin: 0;
  width: 76%;
  max-width: 290px;
}
@media (min-width: 744px) {
  .accompagnement-collage__figure {
    position: absolute;
    width: auto;
    max-width: none;
  }
}
.accompagnement-collage__figure--creation {
  order: 0;
  align-self: flex-end;
  margin-inline-end: 4%;
  z-index: 2;
}
.accompagnement-collage__figure--pme {
  order: 1;
  align-self: flex-start;
  margin-block-start: -16%;
  margin-inline-start: 4%;
  z-index: 1;
}
.accompagnement-collage__picture,
.accompagnement-collage__image {
  display: block;
  width: 100%;
  height: auto;
}
@media (min-width: 744px) {
  .accompagnement-collage__figure--pme {
    left: 5%;
    top: 22.41%;
    width: 50%;
    margin: 0;
  }
  .accompagnement-collage__figure--creation {
    left: 45%;
    top: 10.63%;
    width: 50%;
    margin: 0;
  }
}
@media (min-width: 1200px) {
  .accompagnement-collage__figure--pme {
    left: 19%;
    width: 36.27%;
  }
  .accompagnement-collage__figure--creation {
    width: 36.7%;
  }
}

.accompagnement-engagements {
  position: relative;
  overflow-x: clip;
  padding-block: 80px;
  background-color: #e2ead0;
}
@media (min-width: 1200px) {
  .accompagnement-engagements {
    padding-block: 100px;
  }
}
.accompagnement-engagements__container {
  max-width: 1440px;
  padding-inline: 36px;
  margin-inline: auto;
}
@media (min-width: 576px) {
  .accompagnement-engagements__container {
    padding-inline: 50px;
  }
}
@media (min-width: 1200px) {
  .accompagnement-engagements__container {
    padding-inline: 80px;
  }
}
.accompagnement-engagements__intro {
  max-inline-size: 668px;
  margin-inline: auto;
  margin-block-end: 50px;
  text-align: center;
}
@media (min-width: 1200px) {
  .accompagnement-engagements__intro {
    max-inline-size: 988px;
    margin-block-end: 64px;
  }
}
.accompagnement-engagements__title {
  --hcr-from: #c7ccaa;
  --hcr-mid: #b2ed11;
  --hcr-to: #282102;
  margin: 0;
  text-transform: uppercase;
  line-height: 1.05;
  color: #282102;
}
.accompagnement-engagements__lead {
  margin-block-start: 35px;
}
@media (min-width: 1200px) {
  .accompagnement-engagements__lead {
    max-inline-size: 588px;
    margin-inline: auto;
  }
}
.accompagnement-engagements__lead p {
  margin: 0;
  color: #483f1a;
}
.accompagnement-engagements__deck {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
}
@media (min-width: 744px) {
  .accompagnement-engagements__deck {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    align-items: start;
    gap: 5px;
    max-inline-size: 665px;
    margin-inline: auto;
  }
}
@media (min-width: 1200px) {
  .accompagnement-engagements__deck {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: flex-start;
    gap: 0;
    max-inline-size: none;
  }
}
.accompagnement-engagements__wrap {
  position: relative;
  z-index: 1;
  inline-size: 100%;
  max-inline-size: 360px;
}
@media (min-width: 1200px) {
  .accompagnement-engagements__wrap {
    flex: 0 0 auto;
    inline-size: 330px;
    max-inline-size: none;
  }
  .accompagnement-engagements__wrap:not(:first-child) {
    margin-inline-start: -154px;
  }
  .accompagnement-engagements__wrap:nth-child(odd) {
    margin-block-start: 20px;
  }
}
.accompagnement-engagements__card {
  position: relative;
  inline-size: 100%;
  aspect-ratio: 330/418;
  border-radius: 10px;
  overflow: clip;
}
.accompagnement-engagements__card--ivory {
  background-color: #f1f6e6;
  color: #282102;
}
.accompagnement-engagements__card--lime {
  background-color: #b2ed11;
  color: #282102;
}
.accompagnement-engagements__card--drab {
  background-color: #282102;
  color: #e2ead0;
}
.accompagnement-engagements__bg {
  position: absolute;
  inset: 0;
  inline-size: 100%;
  block-size: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  display: block;
  z-index: 0;
}
.accompagnement-engagements__card-title {
  position: relative;
  z-index: 1;
  margin: 0;
  padding: 35px;
  color: inherit;
}
.accompagnement-engagements__cta {
  margin-block-start: 50px;
  text-align: center;
}
@media (min-width: 1200px) {
  .accompagnement-engagements__cta {
    margin-block-start: 56px;
  }
}

.secteurs-expertise {
  background-color: #e2ead0;
  padding: 10px;
}
.secteurs-expertise__panel {
  position: relative;
  overflow: hidden;
  background-color: #282102;
  border-radius: 20px;
  padding-block: 50px 54px;
}
@media (min-width: 1200px) {
  .secteurs-expertise__panel {
    padding-block: 100px 143px;
  }
}
.secteurs-expertise__watermark {
  overflow: visible;
  pointer-events: none;
}
.secteurs-expertise__watermark-track {
  display: flex;
  width: -moz-max-content;
  width: max-content;
  will-change: transform;
}
.secteurs-expertise__watermark-line {
  flex: 0 0 auto;
  padding-inline-end: 0.4em;
  font-family: "Constructio Grotesk", sans-serif;
  font-weight: 400;
  font-size: 35px;
  line-height: 1;
  text-transform: uppercase;
  white-space: nowrap;
  color: #483f1a;
}
@media (min-width: 1200px) {
  .secteurs-expertise__watermark-line {
    font-size: 120px;
  }
}
.secteurs-expertise__container {
  max-width: 1440px;
  padding-inline: 36px;
  margin-inline: auto;
}
@media (min-width: 576px) {
  .secteurs-expertise__container {
    padding-inline: 50px;
  }
}
@media (min-width: 1200px) {
  .secteurs-expertise__container {
    padding-inline: 80px;
  }
}
.secteurs-expertise__container {
  position: relative;
  z-index: 1;
  margin-block-start: 50px;
  padding-inline: 50px;
}
@media (min-width: 744px) {
  .secteurs-expertise__container {
    margin-block-start: 112px;
    padding-inline: 80px;
  }
}
@media (min-width: 1200px) {
  .secteurs-expertise__container {
    margin-block-start: 100px;
  }
}
.secteurs-expertise__intro {
  display: flex;
  flex-direction: column;
  gap: 30px;
}
@media (min-width: 1200px) {
  .secteurs-expertise__intro {
    flex-direction: row;
    align-items: flex-start;
    justify-content: center;
    gap: 90px;
  }
}
.secteurs-expertise__heading {
  --hcr-from: #483f1a;
  --hcr-mid: #b2ed11;
  --hcr-to: #e2ead0;
  margin: 0;
  color: #e2ead0;
  text-transform: uppercase;
  line-height: 1.05;
}
@media (min-width: 1200px) {
  .secteurs-expertise__heading {
    flex: 0 0 344px;
    max-width: 344px;
  }
}
.secteurs-expertise__copy {
  display: flex;
  flex-direction: column;
  gap: 30px;
}
@media (min-width: 1200px) {
  .secteurs-expertise__copy {
    flex: 1 1 0;
    max-width: 630px;
  }
}
.secteurs-expertise__copy .btn {
  align-self: flex-start;
}
.secteurs-expertise__text {
  color: #c7ccaa;
}
.secteurs-expertise__marquee {
  position: relative;
  z-index: 1;
  width: 100%;
  margin-block-start: 53px;
}
@media (min-width: 744px) {
  .secteurs-expertise__marquee {
    margin-block-start: 112px;
  }
}
@media (min-width: 1200px) {
  .secteurs-expertise__marquee {
    margin-block-start: 100px;
  }
}
.secteurs-expertise__viewport {
  overflow: hidden;
  width: 100%;
}
.secteurs-expertise__track {
  display: flex;
  gap: 5px;
  width: -moz-max-content;
  width: max-content;
  will-change: transform;
}
@media (min-width: 1200px) {
  .secteurs-expertise__track {
    gap: 16px;
  }
}
.secteurs-expertise__card {
  position: relative;
  flex: 0 0 auto;
  width: 184px;
  margin: 0;
  aspect-ratio: 184/301;
}
@media (min-width: 1200px) {
  .secteurs-expertise__card {
    width: 414px;
    aspect-ratio: 414/430;
  }
}
.secteurs-expertise__picture {
  display: block;
  width: 100%;
  height: 100%;
}
.secteurs-expertise__image {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}
.secteurs-expertise__floats {
  position: absolute;
  inset: 0;
  z-index: 2;
  pointer-events: none;
}
.secteurs-expertise__floats-inner {
  position: relative;
  width: 100%;
  height: 100%;
  max-width: 1440px;
  margin-inline: auto;
}
.secteurs-expertise__float {
  position: absolute;
  margin: 0;
  padding: 0;
  list-style: none;
}
.secteurs-expertise__float--street-food {
  inset: 225px auto auto 29px;
}
.secteurs-expertise__float--automobile {
  inset: 142px auto auto 181px;
}
.secteurs-expertise__float--football {
  inset: 289px auto auto 189px;
}
.secteurs-expertise__float--transport {
  inset: 38px auto auto 28px;
}
.secteurs-expertise__float--tpe-pme {
  inset: -11px 16px auto auto;
}
@media (min-width: 744px) {
  .secteurs-expertise__float--street-food {
    inset: 245px auto auto 29px;
  }
  .secteurs-expertise__float--automobile {
    inset: 142px auto auto 291px;
  }
  .secteurs-expertise__float--football {
    inset: 289px auto auto 483px;
  }
  .secteurs-expertise__float--transport {
    inset: 38px auto auto 88px;
  }
  .secteurs-expertise__float--tpe-pme {
    inset: -11px 24px auto auto;
  }
}
@media (min-width: 1200px) {
  .secteurs-expertise__float--street-food {
    inset: 29px auto auto 237px;
  }
  .secteurs-expertise__float--automobile {
    inset: 149px auto auto 661px;
  }
  .secteurs-expertise__float--football {
    inset: 270px auto auto 1066px;
  }
  .secteurs-expertise__float--transport {
    inset: 362px auto auto 83px;
  }
  .secteurs-expertise__float--tpe-pme {
    inset: 30px auto auto 966px;
  }
}
.secteurs-expertise__float .tag-chip {
  will-change: transform;
}
.secteurs-expertise__float--street-food .tag-chip {
  animation: secteurs-tag-float-a 3s ease-in-out infinite;
}
.secteurs-expertise__float--tpe-pme .tag-chip {
  animation: secteurs-tag-float-b 3.6s ease-in-out 0.2s infinite;
}
.secteurs-expertise__float--automobile .tag-chip {
  animation: secteurs-tag-float-c 4.2s ease-in-out infinite;
}
.secteurs-expertise__float--football .tag-chip {
  animation: secteurs-tag-float-d 3.3s ease-in-out 0.4s infinite;
}
.secteurs-expertise__float--transport .tag-chip {
  animation: secteurs-tag-float-e 4.6s ease-in-out 0.1s infinite;
}

@keyframes secteurs-tag-float-a {
  0%,
  100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-9px);
  }
}
@keyframes secteurs-tag-float-b {
  0%,
  100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(8px);
  }
}
@keyframes secteurs-tag-float-c {
  0%,
  100% {
    transform: translateY(0);
  }
  50% {
    transform: translate(5px, -7px);
  }
}
@keyframes secteurs-tag-float-d {
  0%,
  100% {
    transform: translateY(0);
  }
  50% {
    transform: translate(-6px, 6px);
  }
}
@keyframes secteurs-tag-float-e {
  0%,
  100% {
    transform: translateY(0);
  }
  50% {
    transform: translate(4px, 8px);
  }
}
@media (prefers-reduced-motion: reduce) {
  .secteurs-expertise__float .tag-chip {
    animation: none !important;
  }
}
.accomp-portail-hero {
  padding-block: 20px 0;
  padding-inline: 20px;
  background: #282102;
}
@media (min-width: 1200px) {
  .accomp-portail-hero {
    padding-block: 20px;
  }
}
.accomp-portail-hero__container {
  position: relative;
  display: flex;
  flex-direction: column;
  background: #e2ead0;
  border-radius: 20px;
  overflow: hidden;
}
@media (min-width: 1200px) {
  .accomp-portail-hero__container {
    flex-direction: row;
    align-items: flex-end;
    justify-content: space-between;
    block-size: calc(100vh - 40px);
  }
}
.accomp-portail-hero__decoration {
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.accomp-portail-hero__decoration img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
@media (min-width: 1200px) {
  .accomp-portail-hero__decoration {
    inset: 0 auto 0 0;
  }
  .accomp-portail-hero__decoration img {
    width: auto;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: left top;
    object-position: left top;
  }
}
.accomp-portail-hero__content {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  gap: 30px;
  padding: 100px 40px 40px;
}
@media (min-width: 744px) {
  .accomp-portail-hero__content {
    padding-block-start: 125px;
    padding-inline: 70px;
  }
}
@media (min-width: 1200px) {
  .accomp-portail-hero__content {
    flex: 0 0 auto;
    z-index: 2;
    inline-size: 636px;
    padding: 0 0 60px 60px;
  }
}
.accomp-portail-hero__heading {
  --hcr-from: #c7ccaa;
  --hcr-mid: #b2ed11;
  --hcr-to: #282102;
  margin: 0;
  max-width: 588px;
  color: #282102;
  text-transform: uppercase;
  line-height: 1.05;
}
@media (min-width: 1200px) {
  .accomp-portail-hero__heading {
    max-width: 576px;
    line-height: 1.05;
  }
}
.accomp-portail-hero__intro {
  display: flex;
  flex-direction: column;
  gap: 1em;
  margin: 0;
  max-width: 588px;
}
.accomp-portail-hero__intro p {
  margin: 0;
  color: #483f1a;
}
.accomp-portail-hero__intro strong {
  color: #282102;
}
@media (min-width: 1200px) {
  .accomp-portail-hero__intro {
    max-width: 576px;
  }
}
.accomp-portail-hero__visual {
  position: relative;
  z-index: 1;
  aspect-ratio: 839/563;
}
@media (min-width: 1200px) {
  .accomp-portail-hero__visual {
    flex: 0 0 auto;
    z-index: 1;
    align-self: stretch;
    aspect-ratio: 839/710;
    margin-inline-start: -50px;
  }
}
.accomp-portail-hero__picture {
  display: block;
  width: 100%;
  height: 100%;
}
.accomp-portail-hero__image {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  -o-object-position: bottom right;
  object-position: bottom right;
}
.accomp-portail-hero__tags {
  display: none;
}
@media (min-width: 1200px) {
  .accomp-portail-hero__tags {
    display: block;
    position: absolute;
    inset: 0;
    z-index: 2;
    margin: 0;
    padding: 0;
    list-style: none;
    pointer-events: none;
  }
}
@media (min-width: 1200px) {
  .accomp-portail-hero__tags .tag-chip {
    position: absolute;
    will-change: transform;
  }
  .accomp-portail-hero__tags .tag-chip:nth-child(1) {
    inset-inline-start: 48.7%;
    inset-block-start: 26.5%;
    animation: accomp-portail-hero-tag-float-a 3s ease-in-out infinite;
  }
  .accomp-portail-hero__tags .tag-chip:nth-child(2) {
    inset-inline-start: 24.8%;
    inset-block-start: 63.1%;
    animation: accomp-portail-hero-tag-float-b 3.6s ease-in-out infinite;
  }
  .accomp-portail-hero__tags .tag-chip:nth-child(3) {
    inset-inline-start: 56.6%;
    inset-block-start: 75.1%;
    animation: accomp-portail-hero-tag-float-c 4.2s ease-in-out infinite;
  }
}

@keyframes accomp-portail-hero-tag-float-a {
  0%,
  100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-9px);
  }
}
@keyframes accomp-portail-hero-tag-float-b {
  0%,
  100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(8px);
  }
}
@keyframes accomp-portail-hero-tag-float-c {
  0%,
  100% {
    transform: translate(0, 0);
  }
  50% {
    transform: translate(5px, -7px);
  }
}
@media (prefers-reduced-motion: reduce) {
  .accomp-portail-hero__tags .tag-chip {
    animation: none !important;
  }
}
.accomp-portail-piliers {
  position: relative;
  overflow-x: clip;
  padding-block: 60px 80px;
  background-color: #282102;
}
@media (min-width: 1200px) {
  .accomp-portail-piliers {
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-block-size: 100vh;
    padding-block: 80px 100px;
  }
}
.accomp-portail-piliers__container {
  max-width: 1440px;
  padding-inline: 36px;
  margin-inline: auto;
}
@media (min-width: 576px) {
  .accomp-portail-piliers__container {
    padding-inline: 50px;
  }
}
@media (min-width: 1200px) {
  .accomp-portail-piliers__container {
    padding-inline: 80px;
  }
}
.accomp-portail-piliers__container {
  position: relative;
  z-index: 1;
}
.accomp-portail-piliers__decoration {
  position: absolute;
  inset: 0;
  z-index: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  overflow: hidden;
}
.accomp-portail-piliers__decoration img {
  display: block;
  inline-size: auto;
  block-size: 70%;
  opacity: 0.5;
}
@media (min-width: 1200px) {
  .accomp-portail-piliers__decoration img {
    block-size: 90%;
  }
}
.accomp-portail-piliers__intro {
  max-inline-size: 700px;
  margin-inline: auto;
  text-align: center;
}
.accomp-portail-piliers__title {
  --hcr-from: #483f1a;
  --hcr-mid: #b2ed11;
  --hcr-to: #e2ead0;
  --hcr-accent: #b2ed11;
  margin: 0;
  text-transform: uppercase;
  line-height: 1.05;
  color: #e2ead0;
}
.accomp-portail-piliers__cta {
  margin-block-start: 32px;
  text-align: center;
}
.accomp-portail-piliers__deck {
  list-style: none;
  margin: 64px 0 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
}
@media (min-width: 1200px) {
  .accomp-portail-piliers__deck {
    margin-block-start: 90px;
    flex-direction: row;
    justify-content: center;
    align-items: flex-start;
    gap: 0;
  }
}
.accomp-portail-piliers__wrap {
  position: relative;
  z-index: 1;
  inline-size: 100%;
  max-inline-size: 360px;
}
@media (min-width: 1200px) {
  .accomp-portail-piliers__wrap {
    flex: 0 0 auto;
    inline-size: 330px;
    max-inline-size: none;
  }
  .accomp-portail-piliers__wrap:not(:first-child) {
    margin-inline-start: -60px;
  }
  .accomp-portail-piliers__wrap:nth-child(odd) {
    margin-block-start: 20px;
  }
}
.accomp-portail-piliers__card {
  position: relative;
  display: block;
  inline-size: 100%;
  aspect-ratio: 330/418;
  border-radius: 10px;
  overflow: clip;
  text-decoration: none;
  cursor: pointer;
}
.accomp-portail-piliers__card--ivory {
  background-color: #f1f6e6;
  color: #282102;
}
.accomp-portail-piliers__card--ivory:hover {
  color: #282102;
}
.accomp-portail-piliers__card--lime {
  background-color: #b2ed11;
  color: #282102;
}
.accomp-portail-piliers__card--lime:hover {
  color: #282102;
}
.accomp-portail-piliers__card--drab {
  background-color: #483f1a;
  color: #e2ead0;
}
.accomp-portail-piliers__card--drab:hover {
  color: #e2ead0;
}
.accomp-portail-piliers__bg {
  position: absolute;
  inset: 0;
  inline-size: 100%;
  block-size: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  display: block;
  z-index: 0;
}
.accomp-portail-piliers__card-title {
  position: relative;
  z-index: 1;
  margin: 0;
  padding: 35px;
  color: #282102;
}
.accomp-portail-piliers__card--drab .accomp-portail-piliers__card-title {
  color: #e2ead0;
}

.accomp-portail-pilier-detail {
  background-color: #e2ead0;
  padding: 20px 20px 0;
}
@media (min-width: 1200px) {
  .accomp-portail-pilier-detail {
    padding: 20px 20px 0;
  }
}
.accomp-portail-pilier-detail__panel {
  border-radius: 20px;
  background: linear-gradient(180deg, #b2ed11 0%, #e2ead0 100%);
  padding-block: 64px;
  margin-block-end: 10px;
  overflow: clip;
}
@media (min-width: 1200px) {
  .accomp-portail-pilier-detail__panel {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-block-end: 20px;
    min-block-size: calc(100vh - 40px);
    padding-block: 96px;
  }
}
.accomp-portail-pilier-detail__rest {
  padding-block: 80px;
}
@media (min-width: 1200px) {
  .accomp-portail-pilier-detail__rest {
    padding-block: 110px 120px;
  }
}
.accomp-portail-pilier-detail__container {
  max-width: 1440px;
  padding-inline: 36px;
  margin-inline: auto;
}
@media (min-width: 576px) {
  .accomp-portail-pilier-detail__container {
    padding-inline: 50px;
  }
}
@media (min-width: 1200px) {
  .accomp-portail-pilier-detail__container {
    padding-inline: 80px;
  }
}
.accomp-portail-pilier-detail__container {
  padding-inline: 40px;
}
@media (min-width: 576px) and (max-width: 1199px) {
  .accomp-portail-pilier-detail__container {
    padding-inline: 70px;
  }
}
.accomp-portail-pilier-detail__container {
  display: flex;
  flex-direction: column;
  gap: 80px;
}
@media (min-width: 1200px) {
  .accomp-portail-pilier-detail__container {
    gap: 130px;
  }
}
@media (min-width: 1200px) {
  .accomp-portail-pilier-detail__row {
    display: flex;
    align-items: flex-end;
    gap: 91px;
    max-inline-size: 1064px;
  }
}
@media (min-width: 1200px) {
  .accomp-portail-pilier-detail__row--reversed {
    flex-direction: row-reverse;
  }
}
@media (min-width: 1200px) {
  .accomp-portail-pilier-detail__rest .accomp-portail-pilier-detail__row {
    align-items: center;
    gap: 88px;
    margin-inline: auto;
  }
}
.accomp-portail-pilier-detail__text {
  display: flex;
  flex-direction: column;
  gap: 30px;
}
@media (min-width: 1200px) {
  .accomp-portail-pilier-detail__text {
    flex: 0 0 414px;
    max-inline-size: 414px;
  }
}
.accomp-portail-pilier-detail__heading {
  --hcr-from: rgba(40, 33, 2, 0.4);
  --hcr-mid: #b2ed11;
  --hcr-to: #282102;
  margin: 0;
  color: #282102;
  text-transform: uppercase;
}
.accomp-portail-pilier-detail__body {
  display: flex;
  flex-direction: column;
  gap: 30px;
}
.accomp-portail-pilier-detail__lead {
  margin: 0;
  color: #483f1a;
}
.accomp-portail-pilier-detail__lead strong {
  color: #282102;
}
.accomp-portail-pilier-detail__list {
  color: #282102;
}
.accomp-portail-pilier-detail__cta {
  align-self: flex-start;
}
.accomp-portail-pilier-detail__collage {
  position: relative;
  inline-size: 100%;
  margin-block-start: 40px;
}
@media (min-width: 1200px) {
  .accomp-portail-pilier-detail__collage {
    flex: 0 1 var(--collage-w);
    inline-size: var(--collage-w);
    max-inline-size: var(--collage-w);
    min-inline-size: 0;
    aspect-ratio: var(--collage-ar);
    margin-block-start: 0;
  }
}
.accomp-portail-pilier-detail__picture {
  display: block;
  width: 100%;
}
.accomp-portail-pilier-detail__image {
  display: block;
  width: 100%;
  height: auto;
}
@media (min-width: 1200px) {
  .accomp-portail-pilier-detail__image {
    position: absolute;
    inset-block-start: 0;
    inset-inline-end: 0;
    inline-size: var(--image-pct);
    height: auto;
  }
}
@media (min-width: 1200px) {
  .accomp-portail-pilier-detail__row--reversed .accomp-portail-pilier-detail__image {
    inset-inline-end: auto;
    inset-inline-start: 0;
  }
}
.accomp-portail-pilier-detail__tags {
  display: none;
}
@media (min-width: 1200px) {
  .accomp-portail-pilier-detail__tags {
    display: block;
    position: absolute;
    inset: 0;
    z-index: 2;
    margin: 0;
    padding: 0;
    list-style: none;
    pointer-events: none;
  }
}
@media (min-width: 1200px) {
  .accomp-portail-pilier-detail__tags .tag-chip {
    position: absolute;
    inset-inline-start: var(--tag-x);
    inset-block-start: var(--tag-y);
    will-change: transform;
  }
  .accomp-portail-pilier-detail__tags .tag-chip:nth-child(1) {
    animation: accomp-portail-pilier-tag-float-a 3s ease-in-out infinite;
  }
  .accomp-portail-pilier-detail__tags .tag-chip:nth-child(2) {
    animation: accomp-portail-pilier-tag-float-b 3.6s ease-in-out infinite;
  }
  .accomp-portail-pilier-detail__tags .tag-chip:nth-child(3) {
    animation: accomp-portail-pilier-tag-float-c 4.2s ease-in-out infinite;
  }
}

@keyframes accomp-portail-pilier-tag-float-a {
  0%,
  100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-9px);
  }
}
@keyframes accomp-portail-pilier-tag-float-b {
  0%,
  100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(8px);
  }
}
@keyframes accomp-portail-pilier-tag-float-c {
  0%,
  100% {
    transform: translate(0, 0);
  }
  50% {
    transform: translate(5px, -7px);
  }
}
@media (prefers-reduced-motion: reduce) {
  .accomp-portail-pilier-detail__tags .tag-chip {
    animation: none !important;
  }
}
.accomp-portail-creation-cta {
  --cta-radius: 20px;
  --cta-inset: 20px;
  --cta-gap-top: 48px;
  --cta-gap-bottom: 48px;
  position: relative;
  background-color: #e2ead0;
  padding-block: var(--cta-inset);
}
@media (min-width: 744px) {
  .accomp-portail-creation-cta {
    --cta-gap-top: 80px;
    --cta-gap-bottom: 80px;
  }
}
@media (min-width: 1200px) {
  .accomp-portail-creation-cta {
    --cta-gap-top: 150px;
    --cta-gap-bottom: 150px;
  }
}
.accomp-portail-creation-cta__bg {
  position: absolute;
  inset: var(--cta-inset);
  z-index: 0;
  background-color: #282102;
  border-radius: var(--cta-radius);
}
.accomp-portail-creation-cta__watermark-wrap {
  position: relative;
  z-index: 1;
  margin-inline: var(--cta-inset);
  overflow: clip;
  border-radius: var(--cta-radius) var(--cta-radius) 0 0;
  line-height: 0;
}
.accomp-portail-creation-cta__watermark {
  display: block;
  inline-size: 100%;
  block-size: auto;
  max-width: none;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.accomp-portail-creation-cta__container {
  position: relative;
  z-index: 1;
  max-inline-size: 1064px;
  margin-inline: auto;
  margin-block-start: var(--cta-gap-top);
  margin-block-end: var(--cta-gap-bottom);
  padding-inline: calc(var(--cta-inset) + 40px);
  display: flex;
  flex-direction: column;
  gap: 24px;
}
@media (min-width: 744px) {
  .accomp-portail-creation-cta__container {
    padding-inline: calc(var(--cta-inset) + 70px);
  }
}
@media (min-width: 1200px) {
  .accomp-portail-creation-cta__container {
    flex-direction: row;
    align-items: flex-start;
    gap: 60px;
    padding-inline: 0;
  }
}
.accomp-portail-creation-cta__heading {
  --hcr-from: #483f1a;
  --hcr-mid: #b2ed11;
  --hcr-to: #e2ead0;
  margin: 0;
  color: #e2ead0;
  text-transform: uppercase;
  text-box: normal;
  line-height: 0.95;
}
@media (min-width: 1200px) {
  .accomp-portail-creation-cta__heading {
    flex: 1 1 0;
  }
}
.accomp-portail-creation-cta__col {
  display: flex;
  flex-direction: column;
  gap: 30px;
}
@media (min-width: 1200px) {
  .accomp-portail-creation-cta__col {
    flex: 0 0 517px;
  }
}
.accomp-portail-creation-cta__desc {
  margin: 0;
  color: #c7ccaa;
}
.accomp-portail-creation-cta__desc strong {
  color: #f1f6e6;
}
.accomp-portail-creation-cta__desc strong.text-accent {
  color: #b2ed11;
}
.accomp-portail-creation-cta__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
}

.accomp-portail-secteurs {
  --sect-radius: 20px;
  --sect-inset: 16px;
  --sect-card-w: 284px;
  --sect-card-h: 378px;
  --sect-half-card: 189px;
  --sect-card-gap: 10px;
  --sect-row-w: 1460px;
  position: relative;
  padding-block-end: 100px;
  background-color: #e2ead0;
  overflow-x: clip;
}
@media (min-width: 744px) {
  .accomp-portail-secteurs {
    --sect-inset: 20px;
  }
}
@media (max-width: 1199px) {
  .accomp-portail-secteurs__static,
  .accomp-portail-secteurs__sticky {
    display: none;
  }
}
.accomp-portail-secteurs__static {
  position: relative;
  padding-block: 64px;
}
@media (min-width: 1200px) {
  .accomp-portail-secteurs__static {
    padding-block: 180px 96px;
  }
}
.accomp-portail-secteurs__static-panel {
  position: absolute;
  inset-block-start: 0;
  inset-inline: var(--sect-inset);
  z-index: 0;
  border-radius: var(--sect-radius);
  background-image: linear-gradient(to bottom, #b2ed11, #e2ead0);
  block-size: calc(100% + 100vh);
}
.accomp-portail-secteurs__heading {
  position: relative;
  z-index: 1;
  color: #282102;
  text-transform: uppercase;
  margin: 0;
  padding-inline: 30px;
  text-align: center;
}
@media (min-width: 744px) {
  .accomp-portail-secteurs__heading {
    padding-inline: 50px;
  }
}
@media (min-width: 1200px) {
  .accomp-portail-secteurs__heading {
    max-inline-size: 700px;
    margin-inline: auto;
    padding-inline: 0;
  }
}
.accomp-portail-secteurs__sticky {
  position: relative;
}
.accomp-portail-secteurs__sticky .accomp-portail-secteurs__card--flipped {
  position: relative;
  z-index: 3;
  margin-block-start: 40px;
  margin-inline: auto;
  backface-visibility: visible;
}
@media (min-width: 1200px) {
  .accomp-portail-secteurs__sticky .accomp-portail-secteurs__card--flipped {
    position: sticky;
    inset-block-start: calc(50vh - var(--sect-half-card));
    margin-block-start: 0;
  }
}
.accomp-portail-secteurs__title {
  position: relative;
  z-index: 1;
  color: #282102;
  text-transform: uppercase;
  margin: 40px 0 0;
  padding-inline: 30px;
}
@media (min-width: 744px) {
  .accomp-portail-secteurs__title {
    padding-inline: 50px;
  }
}
@media (min-width: 1200px) {
  .accomp-portail-secteurs__title {
    max-inline-size: 846px;
    margin-block-start: 80vh;
    margin-inline: auto;
    padding-inline: 0;
    text-align: center;
  }
}
.accomp-portail-secteurs__cards-wrapper {
  position: relative;
  z-index: 1;
  margin-block-start: 180px;
  block-size: var(--sect-card-h);
}
@media (min-width: 1200px) {
  .accomp-portail-secteurs__cards-wrapper {
    inline-size: 100%;
    overflow: hidden;
  }
}
.accomp-portail-secteurs__cards {
  display: flex;
  gap: var(--sect-card-gap);
  margin: 0;
  padding-inline: 30px;
  list-style: none;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
@media (min-width: 744px) {
  .accomp-portail-secteurs__cards {
    padding-inline: 50px;
  }
}
@media (min-width: 1200px) {
  .accomp-portail-secteurs__cards {
    justify-content: center;
    padding-inline: 0;
    overflow-x: visible;
  }
}
.accomp-portail-secteurs__wing {
  display: flex;
  gap: var(--sect-card-gap);
  flex: none;
}
.accomp-portail-secteurs__wing--left {
  justify-content: flex-end;
}
.accomp-portail-secteurs__cards-gap {
  display: none;
  flex: none;
  inline-size: var(--sect-card-w);
  block-size: var(--sect-card-h);
}
@media (min-width: 1200px) {
  .accomp-portail-secteurs__cards-gap {
    display: block;
  }
}
.accomp-portail-secteurs__card {
  position: relative;
  flex: none;
  display: flow-root;
  inline-size: var(--sect-card-w);
  block-size: var(--sect-card-h);
  border-radius: 10px;
  background-color: #f1f6e6;
  scroll-snap-align: center;
  overflow: clip;
}
.accomp-portail-secteurs__card-media {
  position: relative;
  margin: 10px;
  inline-size: 264px;
  block-size: 239px;
  border-radius: 5px;
  overflow: clip;
}
.accomp-portail-secteurs__card-img {
  display: block;
  inline-size: 100%;
  block-size: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  pointer-events: none;
}
.accomp-portail-secteurs__card-label {
  position: absolute;
  inset-inline-start: 40px;
  inset-block-end: 40px;
  inline-size: 204px;
  margin: 0;
  color: #282102;
}
.accomp-portail-secteurs__mobile {
  position: relative;
}
@media (min-width: 1200px) {
  .accomp-portail-secteurs__mobile {
    display: none;
  }
}
.accomp-portail-secteurs__mobile-head {
  position: relative;
  padding-block: 100px 40px;
  padding-inline: 66px;
}
@media (min-width: 744px) {
  .accomp-portail-secteurs__mobile-head {
    padding-block: 100px 44px;
    padding-inline: 70px;
  }
}
.accomp-portail-secteurs__mobile-panel {
  position: absolute;
  inset-block-start: 0;
  inset-inline: var(--sect-inset);
  z-index: 0;
  border-radius: var(--sect-radius);
  background-image: linear-gradient(to bottom, #b2ed11, #e2ead0);
  inset-block-end: var(--sect-inset);
}
.accomp-portail-secteurs__mobile-heading {
  position: relative;
  z-index: 1;
  color: #282102;
  text-transform: uppercase;
  margin: 0;
  text-align: start;
}
.accomp-portail-secteurs__mobile-body {
  position: relative;
  z-index: 1;
  color: #282102;
  text-transform: uppercase;
  margin: 44px 0 0;
}
.accomp-portail-secteurs__carousel {
  position: relative;
  z-index: 1;
  margin-block-start: 32px;
}
.accomp-portail-secteurs__carousel-slide {
  block-size: auto;
}
.accomp-portail-secteurs__cta {
  position: relative;
  z-index: 1;
  display: block;
  inline-size: -moz-max-content;
  inline-size: max-content;
  margin: 40px auto 0;
}
@media (min-width: 1200px) {
  .accomp-portail-secteurs__cta {
    margin-block: 56px 0;
  }
}

.accomp-portail-performance-cta {
  position: relative;
  background-color: #e2ead0;
}
.accomp-portail-performance-cta__container {
  margin-inline: auto;
  padding-inline: 16px;
}
@media (min-width: 1200px) {
  .accomp-portail-performance-cta__container {
    padding-inline: 20px;
  }
}
.accomp-portail-performance-cta__panel {
  position: relative;
  overflow: hidden;
  border-radius: 20px;
  background-color: #282102;
}
.accomp-portail-performance-cta__inner {
  position: relative;
  max-inline-size: 1400px;
  margin-inline: auto;
}
.accomp-portail-performance-cta__content {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding: 40px 32px;
}
.accomp-portail-performance-cta__heading {
  --hcr-from: #483f1a;
  --hcr-mid: #b2ed11;
  --hcr-to: #e2ead0;
  --hcr-accent: #b2ed11;
  margin: 0;
  text-transform: uppercase;
  color: #e2ead0;
  line-height: 1.05;
}
.accomp-portail-performance-cta__body p {
  margin: 0;
  color: #c7ccaa;
}
.accomp-portail-performance-cta__actions {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
}
.accomp-portail-performance-cta__media {
  position: relative;
  z-index: 1;
  display: block;
  width: 100%;
}
.accomp-portail-performance-cta__photo {
  display: block;
  width: 100%;
  height: auto;
}
@media (min-width: 744px) and (max-width: 1199px) {
  .accomp-portail-performance-cta__inner {
    min-height: 357px;
  }
  .accomp-portail-performance-cta__content {
    max-width: 360px;
    padding: 56px 0 40px 56px;
  }
  .accomp-portail-performance-cta__media {
    position: absolute;
    inset-inline-start: 44%;
    inset-block-end: 0;
    width: 62%;
  }
}
@media (min-width: 1200px) {
  .accomp-portail-performance-cta {
    padding-block-start: 118px;
  }
  .accomp-portail-performance-cta__panel {
    overflow: visible;
  }
  .accomp-portail-performance-cta__inner {
    min-height: 357px;
  }
  .accomp-portail-performance-cta__content {
    max-width: 565px;
    gap: 25px;
    padding: 77px 0 77px 60px;
  }
  .accomp-portail-performance-cta__actions {
    flex-direction: row;
    gap: 5px;
    margin-block-start: 5px;
  }
  .accomp-portail-performance-cta__media {
    position: absolute;
    inset-inline-end: 0;
    inset-block-end: 0;
    width: 61.9%;
    aspect-ratio: 867/480;
  }
  .accomp-portail-performance-cta__photo {
    width: 100%;
    height: 100%;
    -o-object-fit: fill;
    object-fit: fill;
  }
}

.expertise-hero {
  padding-block: 20px 0;
  padding-inline: 20px;
  background: #e2ead0;
}
@media (min-width: 1200px) {
  .expertise-hero {
    padding-block: 20px;
  }
}
.expertise-hero__container {
  position: relative;
  display: flex;
  flex-direction: column;
  background: #f1f6e6;
  border-radius: 20px;
  overflow: hidden;
}
@media (min-width: 1200px) {
  .expertise-hero__container {
    flex-direction: row;
    align-items: flex-end;
    justify-content: space-between;
    block-size: calc(100vh - 40px);
  }
}
.expertise-hero__bg {
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.expertise-hero__bg img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.expertise-hero__content {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  gap: 30px;
  padding: 100px 40px 40px;
}
@media (min-width: 744px) {
  .expertise-hero__content {
    padding-block-start: 125px;
    padding-inline: 70px;
  }
}
@media (min-width: 1200px) {
  .expertise-hero__content {
    flex: 0 0 auto;
    z-index: 2;
    inline-size: 636px;
    padding: 0 0 60px 60px;
  }
}
.expertise-hero__heading {
  --hcr-from: #c7ccaa;
  --hcr-mid: #b2ed11;
  --hcr-to: #282102;
  margin: 0;
  max-width: 576px;
  color: #282102;
  text-transform: uppercase;
  line-height: 1.05;
}
.expertise-hero__intro {
  display: flex;
  flex-direction: column;
  gap: 1em;
  margin: 0;
  max-width: 576px;
}
.expertise-hero__intro p {
  margin: 0;
  color: #483f1a;
}
.expertise-hero__intro strong {
  color: #282102;
}
.expertise-hero__visual {
  position: relative;
  z-index: 1;
  aspect-ratio: 703/606;
}
@media (min-width: 1200px) {
  .expertise-hero__visual {
    flex: 0 0 auto;
    z-index: 1;
    align-self: stretch;
    aspect-ratio: 703/710;
  }
}
.expertise-hero__picture,
.expertise-hero__image {
  display: block;
  width: 100%;
  height: 100%;
}
.expertise-hero__image {
  -o-object-fit: contain;
  object-fit: contain;
  -o-object-position: bottom right;
  object-position: bottom right;
}
.expertise-hero__tags {
  display: none;
}
@media (min-width: 1200px) {
  .expertise-hero__tags {
    display: block;
    position: absolute;
    inset: 0;
    z-index: 3;
    margin: 0;
    padding: 0;
    list-style: none;
    pointer-events: none;
  }
}
@media (min-width: 1200px) {
  .expertise-hero__tags .tag-chip {
    position: absolute;
    inset-inline-start: var(--tag-x);
    inset-block-start: var(--tag-y);
    will-change: transform;
    animation: expertise-hero-tag-float 3.4s ease-in-out infinite;
  }
  .expertise-hero__tags .tag-chip:nth-child(2) {
    animation-duration: 3.9s;
  }
  .expertise-hero__tags .tag-chip:nth-child(3) {
    animation-duration: 4.4s;
  }
}

@keyframes expertise-hero-tag-float {
  0%,
  100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-8px);
  }
}
@media (prefers-reduced-motion: reduce) {
  .expertise-hero__tags .tag-chip {
    animation: none !important;
  }
}
.expertise-prestations {
  --ep-radius: 20px;
  --ep-inset: 20px;
  padding-block: 20px;
  background-color: #e2ead0;
  overflow: clip;
}

.expertise-prestations__panel {
  position: relative;
  margin-inline: 16px;
  padding-block-end: 30px;
  background-color: #282102;
  border-radius: var(--ep-radius);
  overflow: clip;
}

.expertise-prestations__watermark {
  position: absolute;
  inset-block: 0;
  inset-inline-start: 0;
  height: 100%;
  width: auto;
  max-width: none;
  pointer-events: none;
  z-index: 0;
  opacity: 0.9;
}

.expertise-prestations__photos {
  display: none;
}

.expertise-prestations__stage {
  position: relative;
  z-index: 1;
}

.expertise-prestations__list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.expertise-prestations__slide {
  display: flex;
  justify-content: center;
}

.expertise-prestations__card {
  display: flex;
  flex-direction: column;
  gap: 45px;
  width: 100%;
  margin: 16px;
  padding: 50px;
  background-color: #e2ead0;
  border-radius: var(--ep-radius);
}

.expertise-prestations__card-head {
  display: flex;
  flex-direction: column;
  gap: 25px;
}

.expertise-prestations__heading {
  margin: 0;
  color: #282102;
  text-transform: uppercase;
}

.expertise-prestations__tags,
.expertise-prestations__bullets {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.expertise-prestations__bullets {
  flex-direction: row;
}

.expertise-prestations__tag {
  padding: 9px 13px 10px;
  background-color: #b2ed11;
  border-radius: 63px;
  color: #282102;
  font-family: "paralucent", sans-serif;
  font-weight: 400;
  font-size: 15px;
  line-height: 1;
  white-space: nowrap;
}

.expertise-prestations__card-body {
  display: flex;
  flex-direction: column;
  gap: 30px;
}

.expertise-prestations__text {
  margin: 0;
  color: #483f1a;
}
.expertise-prestations__text strong {
  color: #282102;
}

.expertise-prestations__cta {
  align-self: flex-start;
}

.expertise-prestations__controls {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
  margin-block-start: 24px;
}

.expertise-prestations__arrow {
  width: 32px;
  height: 32px;
  padding: 0;
  border: 0;
  background: center/32px 32px no-repeat;
  cursor: pointer;
}
.expertise-prestations__arrow[disabled] {
  opacity: 0.4;
  cursor: default;
}

.expertise-prestations__arrow--prev {
  background-image: url("/images/buttons/prev-btn.svg");
}

.expertise-prestations__arrow--next {
  background-image: url("/images/buttons/next-btn.svg");
}

.expertise-prestations__arrow-icon {
  display: none;
}

.expertise-prestations__dots {
  display: flex;
  align-items: center;
  gap: 6px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.expertise-prestations__dot {
  width: 7px;
  height: 7px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background-color: rgba(241, 246, 230, 0.35);
  cursor: pointer;
}
.expertise-prestations__dot.is-active {
  background-color: #b2ed11;
}

@media (min-width: 1200px) {
  .expertise-prestations {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 100vh;
    padding-block: 0;
  }
  .expertise-prestations__panel {
    flex: 0 0 auto;
    width: calc(100% - 2 * var(--ep-inset));
    height: calc(100vh - 2 * var(--ep-inset));
    margin-inline: 0;
    padding-block-end: 0;
  }
  .expertise-prestations__watermark {
    inset-inline-start: 0;
    height: 100%;
    width: auto;
  }
  .expertise-prestations__photos {
    display: block;
    position: absolute;
    inset: 0;
    z-index: 2;
    pointer-events: none;
  }
  .expertise-prestations__photo {
    position: absolute;
  }
  .expertise-prestations__photo--team {
    left: 0;
    bottom: 0;
    width: 34.8%;
    height: auto;
  }
  .expertise-prestations__photo--phone {
    right: 0;
    bottom: 0;
    width: 25.2%;
    height: auto;
  }
  .expertise-prestations__stage {
    height: 100%;
  }
  .expertise-prestations__stage .splide__track {
    height: 100%;
  }
  .expertise-prestations__list,
  .expertise-prestations__slide {
    height: 100%;
  }
  .expertise-prestations__slide {
    align-items: center;
  }
  .expertise-prestations__card {
    flex-direction: row;
    align-items: flex-start;
    gap: 55px;
    width: 967px;
    max-width: calc(100% - 80px);
    height: 421px;
    margin: 0;
    padding: 50px;
  }
  .expertise-prestations__card-head,
  .expertise-prestations__card-body {
    flex: 1 0 0;
    min-width: 0;
  }
  .expertise-prestations__card-head {
    gap: 25px;
  }
  .expertise-prestations__controls {
    position: absolute;
    inset-inline: 0;
    bottom: 42px;
    z-index: 3;
    margin-block-start: 0;
  }
}
.expertise-outils {
  --bleed: 232px;
  position: relative;
  padding-block: 80px 0;
  margin-block-end: calc(-1 * var(--bleed));
}
@media (min-width: 744px) {
  .expertise-outils {
    --bleed: 126px;
  }
}
@media (min-width: 1200px) {
  .expertise-outils {
    --bleed: 204px;
    padding-block: 90px 0;
  }
}
.expertise-outils::before {
  content: "";
  position: absolute;
  inset-block-start: 0;
  inset-inline: 0;
  inset-block-end: var(--bleed);
  z-index: -1;
  background-color: #e2ead0;
}

.expertise-outils__container {
  max-inline-size: 1064px;
  margin-inline: auto;
  padding-inline: 36px;
}
@media (min-width: 744px) {
  .expertise-outils__container {
    padding-inline: 50px;
  }
}
@media (min-width: 1200px) {
  .expertise-outils__container {
    padding-inline: 0;
  }
}

.expertise-outils__intro {
  display: flex;
  flex-direction: column;
  gap: 25px;
  margin-block-end: 50px;
}
@media (min-width: 1200px) {
  .expertise-outils__intro {
    flex-direction: row;
    gap: 30px;
    margin-block-end: 90px;
  }
}

.expertise-outils__intro-heading {
  flex: 1 1 0;
  margin: 0;
  color: #282102;
  text-transform: uppercase;
}

.expertise-outils__intro-body {
  flex: 1 1 0;
}
.expertise-outils__intro-body p {
  margin: 0;
  color: #483f1a;
}
.expertise-outils__intro-body p + p {
  margin-block-start: 20px;
}
.expertise-outils__intro-body .text--paragraphe-highlight {
  color: #282102;
}

.expertise-outils__cards {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
@media (min-width: 1200px) {
  .expertise-outils__cards {
    flex-direction: row;
  }
}

.expertise-outils__card {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 25px;
  padding: 40px;
  background-color: #f1f6e6;
  border-radius: 10px;
  overflow: clip;
}
@media (min-width: 1200px) {
  .expertise-outils__card {
    flex: 1 1 0;
  }
}

.expertise-outils__card-bg {
  position: absolute;
  inset: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.expertise-outils__logo {
  position: relative;
  z-index: 1;
  height: 36px;
  width: auto;
  max-width: none;
  align-self: flex-start;
}

.expertise-outils__card-content {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  gap: 25px;
  margin-block-start: auto;
}

.expertise-outils__title {
  margin: 0;
  color: #282102;
}

.expertise-outils__reveal {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.expertise-outils__body {
  margin: 0;
  color: #483f1a;
}
.expertise-outils__body strong {
  color: #282102;
}

.expertise-outils__bullets {
  margin: 0;
  color: #282102;
}

.expertise-outils__video {
  align-self: flex-start;
}

@media (min-width: 1200px) {
  .expertise-outils.is-enhanced .expertise-outils__card {
    height: 407px;
  }
  .expertise-outils.is-enhanced .expertise-outils__card-content {
    position: absolute;
    inset-inline: 40px;
    inset-block-end: 40px;
    margin-block-start: 0;
  }
  .expertise-outils.is-enhanced .expertise-outils__logo {
    transition: opacity 0.3s ease;
  }
  .expertise-outils.is-enhanced .expertise-outils__card:hover .expertise-outils__logo,
  .expertise-outils.is-enhanced .expertise-outils__card:focus-within .expertise-outils__logo {
    opacity: 0;
  }
}
.expertise-suivi {
  padding: 10px 20px;
  background-color: #e2ead0;
  overflow-x: clip;
}

.expertise-suivi__panel {
  position: relative;
  padding-block: 0 80px;
  background-color: #282102;
  border-radius: 20px;
  overflow: clip;
}
@media (min-width: 1200px) {
  .expertise-suivi__panel {
    padding-block: 0 100px;
    min-block-size: calc(100vh - 20px);
    display: flex;
    flex-direction: column;
  }
}

.expertise-suivi__decoration {
  position: absolute;
  inset: 0;
  z-index: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  overflow: hidden;
}
.expertise-suivi__decoration img {
  display: block;
  inline-size: auto;
  block-size: 70%;
  opacity: 0.5;
}
@media (min-width: 1200px) {
  .expertise-suivi__decoration img {
    block-size: 90%;
  }
}

.expertise-suivi__watermark-wrap {
  position: relative;
  z-index: 0;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  overflow: clip;
}
.expertise-suivi__watermark-wrap img {
  display: block;
  inline-size: 100%;
  block-size: auto;
  max-width: none;
  margin-block-start: -1.5%;
}

.expertise-suivi__container {
  max-width: 1440px;
  padding-inline: 36px;
  margin-inline: auto;
}
@media (min-width: 576px) {
  .expertise-suivi__container {
    padding-inline: 50px;
  }
}
@media (min-width: 1200px) {
  .expertise-suivi__container {
    padding-inline: 80px;
  }
}
.expertise-suivi__container {
  position: relative;
  z-index: 1;
  margin-block-start: 100px;
}
@media (min-width: 1200px) {
  .expertise-suivi__container {
    margin-block-start: 150px;
  }
}

.expertise-suivi__intro {
  position: relative;
  z-index: 1;
  max-inline-size: 662px;
  margin-inline: auto;
  text-align: center;
}

.expertise-suivi__title {
  --hcr-from: #483f1a;
  --hcr-mid: #b2ed11;
  --hcr-to: #e2ead0;
  --hcr-accent: #b2ed11;
  max-inline-size: 642px;
  margin-block: 0;
  margin-inline: auto;
  text-transform: uppercase;
  line-height: 1.05;
  color: #e2ead0;
}

.expertise-suivi__body {
  max-inline-size: 548px;
  margin: 30px auto 0;
  color: #c7ccaa;
}

.expertise-suivi__deck {
  position: relative;
  z-index: 1;
  list-style: none;
  margin: 64px 0 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
}
@media (min-width: 1200px) {
  .expertise-suivi__deck {
    margin-block-start: 90px;
    flex-direction: row;
    justify-content: center;
    align-items: flex-start;
    gap: 0;
  }
}

.expertise-suivi__wrap {
  position: relative;
  z-index: 1;
  inline-size: 100%;
  max-inline-size: 360px;
}
@media (min-width: 1200px) {
  .expertise-suivi__wrap {
    flex: 0 0 auto;
    inline-size: 330px;
    max-inline-size: none;
  }
  .expertise-suivi__wrap:not(:first-child) {
    margin-inline-start: -60px;
  }
  .expertise-suivi__wrap:nth-child(odd) {
    margin-block-start: 20px;
  }
}

.expertise-suivi__card {
  position: relative;
  inline-size: 100%;
  border-radius: 10px;
  overflow: clip;
}
.expertise-suivi__card--ivory {
  background-color: #f1f6e6;
  color: #282102;
}
.expertise-suivi__card--lime {
  background-color: #b2ed11;
  color: #282102;
}
.expertise-suivi__card--drab {
  background-color: #483f1a;
  color: #e2ead0;
}

.expertise-suivi__bg {
  position: absolute;
  inset: 0;
  inline-size: 100%;
  block-size: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  display: none;
  z-index: 0;
}

.expertise-suivi__card-title {
  position: relative;
  z-index: 1;
  margin: 0;
  padding: 35px;
  color: inherit;
}

.expertise-suivi__card-body {
  position: relative;
  z-index: 1;
  margin: 0;
  padding: 0 35px 35px;
  color: inherit;
}

@media (min-width: 1200px) {
  .expertise-suivi.is-enhanced .expertise-suivi__card {
    aspect-ratio: 330/418;
  }
  .expertise-suivi.is-enhanced .expertise-suivi__bg {
    display: block;
    transition: opacity 0.4s ease;
  }
  .expertise-suivi.is-enhanced .expertise-suivi__card-body {
    opacity: 0;
    transition: opacity 0.4s ease;
  }
  .expertise-suivi.is-enhanced .expertise-suivi__card--is-focus .expertise-suivi__bg {
    opacity: 0;
  }
  .expertise-suivi.is-enhanced .expertise-suivi__card--is-focus .expertise-suivi__card-body {
    opacity: 1;
  }
}
@media (min-width: 1200px) and (prefers-reduced-motion: reduce) {
  .expertise-suivi.is-enhanced .expertise-suivi__bg,
  .expertise-suivi.is-enhanced .expertise-suivi__card-body {
    transition: none;
  }
}

.expertise-ia {
  padding: 10px 20px;
  background-color: #e2ead0;
}

.expertise-ia__panel {
  position: relative;
  padding-block: 322px 90px;
  background: linear-gradient(to bottom, #b2ed11, #e2ead0);
  border-radius: 20px;
  overflow: clip;
}
@media (min-width: 744px) {
  .expertise-ia__panel {
    padding-block: 216px 90px;
  }
}
@media (min-width: 1200px) {
  .expertise-ia__panel {
    padding-block: 344px 200px;
  }
}

.expertise-ia__container {
  max-width: 1440px;
  padding-inline: 36px;
  margin-inline: auto;
}
@media (min-width: 576px) {
  .expertise-ia__container {
    padding-inline: 50px;
  }
}
@media (min-width: 1200px) {
  .expertise-ia__container {
    padding-inline: 80px;
  }
}
@media (min-width: 744px) and (max-width: 1199px) {
  .expertise-ia__container {
    max-width: 598px;
  }
}

.expertise-ia__intro {
  max-inline-size: 690px;
  margin-inline: auto;
  text-align: center;
}

.expertise-ia__intro-heading {
  margin: 0;
  color: #282102;
}

.expertise-ia__intro-body {
  margin: 30px 0 0;
  color: #483f1a;
}
.expertise-ia__intro-body strong {
  color: #282102;
}

.expertise-ia__list {
  list-style: none;
  margin: 60px 0 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 28px;
}

.expertise-ia__row {
  position: relative;
  text-align: center;
}

.expertise-ia__title {
  margin: 0;
  color: #282102;
  text-transform: uppercase;
}

.expertise-ia__card {
  margin-block-start: 12px;
  padding: 20px;
  background-color: #f1f6e6;
  border: 1px solid #b2ed11;
  border-radius: 5px;
}

.expertise-ia__card-text {
  margin: 0;
  color: #483f1a;
  text-align: start;
}

@media (min-width: 1200px) {
  .expertise-ia__list {
    margin-block-start: 90px;
  }
  .expertise-ia.is-enhanced .expertise-ia__list {
    position: relative;
    inline-size: 1063px;
    max-inline-size: 100%;
    margin-inline: auto;
    gap: 20px;
    overflow: visible;
  }
  .expertise-ia.is-enhanced .expertise-ia__row {
    min-block-size: 107px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .expertise-ia.is-enhanced .expertise-ia__title {
    --hcr-scan: 0;
    --hcr-from: #c7ccaa;
    --hcr-mid: #b2ed11;
    --hcr-to: #282102;
    position: relative;
    display: inline-block;
    margin: 0;
    text-box: normal;
    line-height: 1.1;
    color: transparent;
    background-image: linear-gradient(
      90deg,
      var(--hcr-to) 0%,
      var(--hcr-to) 44%,
      var(--hcr-mid) 50%,
      var(--hcr-from) 56%,
      var(--hcr-from) 100%
    );
    background-repeat: no-repeat;
    background-size: 300% 100%;
    background-position-x: calc((1 - var(--hcr-scan)) * 100%);
    -webkit-background-clip: text;
    background-clip: text;
  }
  .expertise-ia.is-enhanced .expertise-ia__row:hover {
    cursor: none;
  }
  .expertise-ia.is-enhanced .expertise-ia__card {
    position: absolute;
    inline-size: 364px;
    inset-inline-start: 0;
    inset-block-start: 0;
    margin-block-start: 0;
    pointer-events: none;
    will-change: transform;
  }
}
.expertise-entites {
  padding: 10px 20px;
  background-color: #e2ead0;
}

.expertise-entites__panel {
  padding-block: 80px;
  background-color: #f1f6e6;
  border-radius: 20px;
}
@media (min-width: 1200px) {
  .expertise-entites__panel {
    padding-block: 180px;
    min-block-size: calc(100vh - 20px);
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
}

.expertise-entites__container {
  max-inline-size: 1064px;
  margin-inline: auto;
  padding-inline: 36px;
}
@media (min-width: 744px) {
  .expertise-entites__container {
    padding-inline: 50px;
  }
}
@media (min-width: 1200px) {
  .expertise-entites__container {
    padding-inline: 0;
  }
}

.expertise-entites__intro {
  display: flex;
  flex-direction: column;
  gap: 25px;
  margin-block-end: 50px;
}
@media (min-width: 1200px) {
  .expertise-entites__intro {
    flex-direction: row;
    justify-content: space-between;
    gap: 30px;
    margin-block-end: 90px;
  }
}

.expertise-entites__intro-heading {
  margin: 0;
  color: #282102;
  text-transform: uppercase;
}
@media (min-width: 1200px) {
  .expertise-entites__intro-heading {
    flex: 0 0 517px;
  }
}

.expertise-entites__intro-body {
  margin: 0;
  color: #483f1a;
}
.expertise-entites__intro-body strong {
  color: #282102;
}
@media (min-width: 1200px) {
  .expertise-entites__intro-body {
    flex: 0 0 454px;
  }
}

.expertise-entites__grid {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
@media (min-width: 1200px) {
  .expertise-entites__grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: start;
  }
}

.expertise-entites__card {
  position: relative;
  padding: 40px;
  background-color: #e2ead0;
  border-radius: 10px;
}
@media (min-width: 1200px) {
  .expertise-entites__card--full {
    grid-column: 1/-1;
  }
}

.expertise-entites__card-content {
  display: flex;
  flex-direction: column;
  gap: 25px;
}

.expertise-entites__icon {
  display: grid;
  place-items: center;
  inline-size: 32px;
  block-size: 32px;
  background-color: #f1f6e6;
  border-radius: 90px;
}
.expertise-entites__icon img {
  inline-size: 18px;
  block-size: 18px;
}

.expertise-entites__title {
  margin: 0;
  color: #282102;
}

.expertise-entites__reveal {
  display: flex;
  flex-direction: column;
}

.expertise-entites__body {
  margin: 0;
  color: #483f1a;
}

@media (min-width: 1200px) {
  .expertise-entites.is-enhanced .expertise-entites__card {
    block-size: 299px;
    overflow: clip;
  }
  .expertise-entites.is-enhanced .expertise-entites__card--full {
    block-size: 269px;
  }
  .expertise-entites.is-enhanced .expertise-entites__card-content {
    position: absolute;
    inset-inline: 40px;
    inset-block-end: 40px;
  }
}
.expertise-juridique {
  padding: 10px 20px;
  background-color: #e2ead0;
  overflow-x: clip;
}

.expertise-juridique__panel {
  position: relative;
  padding-block: 60px;
  background-color: #282102;
  border-radius: 20px;
  overflow: clip;
}
@media (min-width: 1200px) {
  .expertise-juridique__panel {
    padding-block: 112px;
  }
}

.expertise-juridique__container {
  max-width: 1440px;
  padding-inline: 36px;
  margin-inline: auto;
}
@media (min-width: 576px) {
  .expertise-juridique__container {
    padding-inline: 50px;
  }
}
@media (min-width: 1200px) {
  .expertise-juridique__container {
    padding-inline: 80px;
  }
}

.expertise-juridique__row {
  display: flex;
  flex-direction: column;
  gap: 50px;
}
@media (min-width: 1200px) {
  .expertise-juridique__row {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: 40px;
    padding-inline-start: 100px;
  }
}

@media (min-width: 1200px) {
  .expertise-juridique__text {
    flex: 0 1 522px;
    max-inline-size: 522px;
  }
}

.expertise-juridique__heading {
  --hcr-from: #483f1a;
  --hcr-mid: #b2ed11;
  --hcr-to: #e2ead0;
  --hcr-accent: #b2ed11;
  margin: 0;
  text-transform: uppercase;
  line-height: 1.05;
  color: #e2ead0;
}

.expertise-juridique__body {
  margin: 30px 0 0;
  color: #e2ead0;
}

.expertise-juridique__list {
  list-style: none;
  margin: 40px 0 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 5px;
}

.expertise-juridique__header {
  display: flex;
  align-items: center;
  gap: 10px;
  inline-size: 100%;
  padding: 0;
  background: none;
  border: 0;
  text-align: start;
  color: inherit;
  font: inherit;
  cursor: default;
}

.expertise-juridique__icon {
  flex-shrink: 0;
  display: inline-flex;
  padding: 7px;
  border: 1px solid #483f1a;
  border-radius: 90px;
  background-color: #282102;
}
.expertise-juridique__icon img {
  display: block;
  inline-size: 18px;
  block-size: 18px;
}

.expertise-juridique__label {
  flex: 0 1 auto;
  min-inline-size: 0;
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.expertise-juridique__item-title {
  color: #e2ead0;
}

.expertise-juridique__rule {
  display: block;
  block-size: 1px;
  inline-size: 100%;
  background-color: #b2ed11;
}

.expertise-juridique__drawer {
  overflow: hidden;
}

.expertise-juridique__drawer-inner {
  padding-block-start: 10px;
  padding-block-end: 25px;
}

.expertise-juridique__bullets {
  margin: 0;
  padding-inline-start: 22px;
  color: #e2ead0;
}

.expertise-juridique__drawer-body {
  margin: 0;
  padding-inline-start: 42px;
  color: #e2ead0;
}

@media (min-width: 1200px) {
  .expertise-juridique__item-title {
    white-space: nowrap;
  }
}
.expertise-juridique__list.is-enhanced .expertise-juridique__header {
  cursor: pointer;
}

.expertise-juridique__cta {
  margin-block-start: 40px;
}

.expertise-juridique__collage {
  position: relative;
}

.expertise-juridique__image {
  display: block;
  inline-size: 100%;
  block-size: auto;
}

@media (min-width: 1200px) {
  .expertise-juridique__collage {
    flex: 0 0 auto;
    inline-size: 560px;
  }
}
.social-juridique {
  padding: 0 20px;
  background-color: #e2ead0;
  overflow-x: clip;
}

.social-juridique__panel {
  position: relative;
  padding-block: 60px;
  background-color: #282102;
  border-radius: 20px;
  overflow: clip;
}
@media (min-width: 1200px) {
  .social-juridique__panel {
    padding-block: 112px;
  }
}

.social-juridique__container {
  max-width: 1440px;
  padding-inline: 36px;
  margin-inline: auto;
}
@media (min-width: 576px) {
  .social-juridique__container {
    padding-inline: 50px;
  }
}
@media (min-width: 1200px) {
  .social-juridique__container {
    padding-inline: 80px;
  }
}

.social-juridique__row {
  display: flex;
  flex-direction: column;
  gap: 50px;
}
@media (min-width: 1200px) {
  .social-juridique__row {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: 40px;
    padding-inline-start: 100px;
  }
}

@media (min-width: 1200px) {
  .social-juridique__text {
    flex: 0 1 522px;
    max-inline-size: 522px;
  }
}

.social-juridique__heading {
  --hcr-from: #483f1a;
  --hcr-mid: #b2ed11;
  --hcr-to: #e2ead0;
  --hcr-accent: #b2ed11;
  margin: 0;
  text-transform: uppercase;
  line-height: 1.05;
  color: #e2ead0;
}

.social-juridique__body {
  margin: 30px 0 0;
  color: #e2ead0;
}

.social-juridique__list {
  list-style: none;
  margin: 40px 0 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 5px;
}

.social-juridique__header {
  display: flex;
  align-items: center;
  gap: 10px;
  inline-size: 100%;
  padding: 0;
  background: none;
  border: 0;
  text-align: start;
  color: inherit;
  font: inherit;
  cursor: default;
}

.social-juridique__icon {
  flex-shrink: 0;
  display: inline-flex;
  padding: 7px;
  border: 1px solid #483f1a;
  border-radius: 90px;
  background-color: #282102;
}
.social-juridique__icon img {
  display: block;
  inline-size: 18px;
  block-size: 18px;
}

.social-juridique__label {
  flex: 0 1 auto;
  min-inline-size: 0;
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.social-juridique__item-title {
  color: #e2ead0;
}

.social-juridique__rule {
  display: block;
  block-size: 1px;
  inline-size: 100%;
  background-color: #b2ed11;
}

.social-juridique__drawer {
  overflow: hidden;
}

.social-juridique__drawer-inner {
  padding-block-start: 10px;
  padding-block-end: 25px;
}

.social-juridique__bullets {
  margin: 0;
  padding-inline-start: 22px;
  color: #e2ead0;
}

.social-juridique__drawer-body {
  margin: 0;
  padding-inline-start: 42px;
  color: #e2ead0;
}

@media (min-width: 1200px) {
  .social-juridique__item-title {
    white-space: nowrap;
  }
}
.social-juridique__list.is-enhanced .social-juridique__header {
  cursor: pointer;
}

.social-juridique__cta {
  margin-block-start: 40px;
}

.social-juridique__collage {
  position: relative;
}

.social-juridique__image {
  display: block;
  inline-size: 100%;
  block-size: auto;
}

@media (min-width: 1200px) {
  .social-juridique__collage {
    flex: 0 0 auto;
    inline-size: 560px;
  }
}
.expertise-autres-solutions {
  background-color: #e2ead0;
}
.expertise-autres-solutions__container {
  max-width: 1440px;
  padding-inline: 36px;
  margin-inline: auto;
}
@media (min-width: 576px) {
  .expertise-autres-solutions__container {
    padding-inline: 50px;
  }
}
@media (min-width: 1200px) {
  .expertise-autres-solutions__container {
    padding-inline: 80px;
  }
}
.expertise-autres-solutions__container {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding-block: 64px;
}
@media (min-width: 1200px) {
  .expertise-autres-solutions__container {
    padding-block: 90px;
  }
}
.expertise-autres-solutions__heading {
  --hcr-from: #c7ccaa;
  --hcr-mid: #b2ed11;
  --hcr-to: #282102;
  max-inline-size: 698px;
  margin: 0;
  text-transform: uppercase;
  color: #282102;
}
.expertise-autres-solutions__body {
  max-inline-size: 698px;
  margin: 0;
  margin-block-start: 20px;
  color: #483f1a;
}
@media (min-width: 1200px) {
  .expertise-autres-solutions__body {
    margin-block-start: 30px;
  }
}
.expertise-autres-solutions__tags {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 8px;
  margin: 0;
  margin-block-start: 28px;
  padding: 0;
  list-style: none;
}
@media (min-width: 1200px) {
  .expertise-autres-solutions__tags {
    gap: 5px;
    margin-block-start: 35px;
  }
}

.social-autres-solutions__container {
  max-width: 1440px;
  padding-inline: 36px;
  margin-inline: auto;
}
@media (min-width: 576px) {
  .social-autres-solutions__container {
    padding-inline: 50px;
  }
}
@media (min-width: 1200px) {
  .social-autres-solutions__container {
    padding-inline: 80px;
  }
}
.social-autres-solutions__container {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding-block: 64px;
}
@media (min-width: 1200px) {
  .social-autres-solutions__container {
    padding-block: 250px 120px;
  }
}
.social-autres-solutions__heading {
  --hcr-from: #c7ccaa;
  --hcr-mid: #b2ed11;
  --hcr-to: #282102;
  max-inline-size: 698px;
  margin: 0;
  text-transform: uppercase;
  color: #282102;
}
.social-autres-solutions__body {
  max-inline-size: 698px;
  margin: 0;
  margin-block-start: 20px;
  color: #483f1a;
}
@media (min-width: 1200px) {
  .social-autres-solutions__body {
    margin-block-start: 30px;
  }
}
.social-autres-solutions__tags {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 8px;
  margin: 0;
  margin-block-start: 28px;
  padding: 0;
  list-style: none;
}
@media (min-width: 1200px) {
  .social-autres-solutions__tags {
    gap: 5px;
    margin-block-start: 35px;
  }
}

.social-autres-cta {
  position: relative;
  overflow: hidden;
  background-color: #e2ead0;
}
.social-autres-cta__top {
  position: relative;
}
.social-autres-cta__bg {
  position: absolute;
  inset: 0;
  width: 50%;
  z-index: 0;
  overflow: hidden;
  pointer-events: none;
}
@media (min-width: 1200px) {
  .social-autres-cta__bg {
    inset-block-end: -94px;
  }
}
.social-autres-cta__blob {
  position: absolute;
  inset-block-start: 0;
  inset-inline-start: 0;
  inline-size: 100%;
  block-size: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}
.social-autres-cta .social-autres-solutions,
.social-autres-cta .social-cta {
  position: relative;
  z-index: 1;
}

.expertise-cta {
  position: relative;
  background-color: #e2ead0;
}
.expertise-cta__container {
  margin-inline: auto;
  padding-inline: 16px;
}
@media (min-width: 1200px) {
  .expertise-cta__container {
    padding-inline: 20px;
  }
}
.expertise-cta__panel {
  position: relative;
  overflow: hidden;
  border-radius: 20px;
  background-color: #282102;
}
.expertise-cta__inner {
  position: relative;
  max-inline-size: 1400px;
  margin-inline: auto;
}
.expertise-cta__content {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding: 40px 32px;
}
.expertise-cta__heading {
  --hcr-from: #483f1a;
  --hcr-mid: #b2ed11;
  --hcr-to: #e2ead0;
  --hcr-accent: #b2ed11;
  margin: 0;
  text-transform: uppercase;
  color: #e2ead0;
  line-height: 1.05;
}
.expertise-cta__body p {
  margin: 0;
  color: #c7ccaa;
}
.expertise-cta__actions {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
}
.expertise-cta__media {
  position: relative;
  z-index: 1;
  display: block;
  width: 100%;
}
.expertise-cta__photo {
  display: block;
  width: 100%;
  height: auto;
}
@media (min-width: 744px) and (max-width: 1199px) {
  .expertise-cta__inner {
    min-height: 357px;
  }
  .expertise-cta__content {
    max-width: 320px;
    padding: 56px 0 40px 56px;
  }
  .expertise-cta__media {
    position: absolute;
    inset-inline-start: 50%;
    inset-block-end: 0;
    width: 58%;
  }
}
@media (min-width: 1200px) {
  .expertise-cta {
    padding-block-start: 94px;
  }
  .expertise-cta__panel {
    overflow: visible;
  }
  .expertise-cta__panel::after {
    content: "";
    position: absolute;
    z-index: 1;
    inset-block: 0;
    inset-inline-end: 0;
    width: 60px;
    border-radius: 0 20px 20px 0;
    background: linear-gradient(90deg, rgba(40, 33, 2, 0) 0%, #282102 82%);
    pointer-events: none;
  }
  .expertise-cta__inner {
    display: flex;
    align-items: center;
    min-height: 357px;
  }
  .expertise-cta__content {
    max-width: 602px;
    gap: 25px;
    padding: 0 0 0 60px;
  }
  .expertise-cta__actions {
    flex-direction: row;
    gap: 5px;
    margin-block-start: 5px;
  }
  .expertise-cta__media {
    position: absolute;
    inset-inline-end: 0;
    inset-block-end: 0;
    width: 50.86%;
    aspect-ratio: 712/451;
  }
  .expertise-cta__photo {
    width: 100%;
    height: 100%;
    -o-object-fit: fill;
    object-fit: fill;
  }
}

.social-cta {
  position: relative;
}
.social-cta__container {
  margin-inline: auto;
  padding-inline: 16px;
}
@media (min-width: 1200px) {
  .social-cta__container {
    padding-inline: 20px;
  }
}
.social-cta__panel {
  position: relative;
  overflow: hidden;
  border-radius: 20px;
  background-color: #282102;
}
.social-cta__inner {
  position: relative;
  max-inline-size: 1400px;
  margin-inline: auto;
}
.social-cta__content {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding: 40px 32px;
}
.social-cta__heading {
  --hcr-from: #483f1a;
  --hcr-mid: #b2ed11;
  --hcr-to: #e2ead0;
  --hcr-accent: #b2ed11;
  margin: 0;
  text-transform: uppercase;
  color: #e2ead0;
  line-height: 1.05;
}
.social-cta__body p {
  margin: 0;
  color: #c7ccaa;
}
.social-cta__actions {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
}
.social-cta__media {
  position: relative;
  z-index: 1;
  display: block;
  width: 100%;
}
.social-cta__photo {
  display: block;
  width: 100%;
  height: auto;
}
@media (min-width: 744px) and (max-width: 1199px) {
  .social-cta__inner {
    min-height: 357px;
  }
  .social-cta__content {
    max-width: 320px;
    padding: 56px 0 40px 56px;
  }
  .social-cta__media {
    position: absolute;
    inset-inline-start: 50%;
    inset-block-end: 0;
    width: 58%;
  }
}
@media (min-width: 1200px) {
  .social-cta {
    padding-block-start: 94px;
  }
  .social-cta__panel {
    overflow: visible;
  }
  .social-cta__panel::after {
    content: "";
    position: absolute;
    z-index: 1;
    inset-block: 0;
    inset-inline-end: 0;
    width: 60px;
    border-radius: 0 20px 20px 0;
    background: linear-gradient(90deg, rgba(40, 33, 2, 0) 0%, #282102 82%);
    pointer-events: none;
  }
  .social-cta__inner {
    display: flex;
    align-items: center;
    min-height: 357px;
  }
  .social-cta__content {
    max-width: 602px;
    gap: 25px;
    padding: 0 0 0 60px;
  }
  .social-cta__actions {
    flex-direction: row;
    gap: 5px;
    margin-block-start: 5px;
  }
  .social-cta__media {
    position: absolute;
    inset-inline-end: 0;
    inset-block-end: 0;
    width: 50.86%;
    aspect-ratio: 712/451;
  }
  .social-cta__photo {
    width: 100%;
    height: 100%;
    -o-object-fit: fill;
    object-fit: fill;
  }
}

.social-hero {
  padding-block: 20px 0;
  padding-inline: 20px;
  background: #e2ead0;
}
@media (min-width: 1200px) {
  .social-hero {
    padding-block: 20px;
  }
}
.social-hero__container {
  position: relative;
  display: flex;
  flex-direction: column;
  background: #f1f6e6;
  border-radius: 20px;
  overflow: hidden;
}
@media (min-width: 1200px) {
  .social-hero__container {
    flex-direction: row;
    align-items: flex-end;
    justify-content: space-between;
    block-size: calc(100vh - 40px);
  }
}
.social-hero__bg {
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.social-hero__bg img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.social-hero__content {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  gap: 30px;
  padding: 100px 40px 40px;
}
@media (min-width: 744px) {
  .social-hero__content {
    padding-block-start: 125px;
    padding-inline: 70px;
  }
}
@media (min-width: 1200px) {
  .social-hero__content {
    flex: 0 0 auto;
    z-index: 2;
    inline-size: 636px;
    padding: 0 0 60px 60px;
  }
}
.social-hero__heading {
  --hcr-from: #c7ccaa;
  --hcr-mid: #b2ed11;
  --hcr-to: #282102;
  margin: 0;
  max-width: 576px;
  color: #282102;
  text-transform: uppercase;
  line-height: 1.05;
}
.social-hero__intro {
  display: flex;
  flex-direction: column;
  gap: 1em;
  margin: 0;
  max-width: 576px;
}
.social-hero__intro p {
  margin: 0;
  color: #483f1a;
}
.social-hero__intro strong {
  color: #282102;
}
.social-hero__visual {
  position: relative;
  z-index: 1;
  aspect-ratio: 703/606;
}
@media (min-width: 1200px) {
  .social-hero__visual {
    flex: 0 0 auto;
    z-index: 1;
    align-self: stretch;
    aspect-ratio: 639/710;
  }
}
.social-hero__picture,
.social-hero__image {
  display: block;
  width: 100%;
  height: 100%;
}
.social-hero__image {
  -o-object-fit: contain;
  object-fit: contain;
  -o-object-position: bottom right;
  object-position: bottom right;
}
.social-hero__tags {
  display: none;
}
@media (min-width: 1200px) {
  .social-hero__tags {
    display: block;
    position: absolute;
    inset: 0;
    z-index: 3;
    margin: 0;
    padding: 0;
    list-style: none;
    pointer-events: none;
  }
}
@media (min-width: 1200px) {
  .social-hero__tags .tag-chip {
    position: absolute;
    inset-inline-start: var(--tag-x);
    inset-block-start: var(--tag-y);
    will-change: transform;
    animation: social-hero-tag-float 3.4s ease-in-out infinite;
  }
  .social-hero__tags .tag-chip:nth-child(2) {
    animation-duration: 3.9s;
  }
  .social-hero__tags .tag-chip:nth-child(3) {
    animation-duration: 4.4s;
  }
}

@keyframes social-hero-tag-float {
  0%,
  100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-8px);
  }
}
@media (prefers-reduced-motion: reduce) {
  .social-hero__tags .tag-chip {
    animation: none !important;
  }
}
.social-prestations {
  --sp-radius: 20px;
  --sp-inset: 20px;
  padding-block: 20px;
  background-color: #e2ead0;
  overflow: clip;
}

.social-prestations__panel {
  position: relative;
  margin-inline: 16px;
  padding-block-end: 30px;
  background-color: #282102;
  border-radius: var(--sp-radius);
  overflow: clip;
}

.social-prestations__watermark {
  position: absolute;
  inset-block: 0;
  inset-inline-start: 0;
  height: 100%;
  width: auto;
  max-width: none;
  pointer-events: none;
  z-index: 0;
  opacity: 0.9;
}

.social-prestations__photos {
  display: none;
}

.social-prestations__stage {
  position: relative;
  z-index: 1;
}

.social-prestations__list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.social-prestations__slide {
  display: flex;
  justify-content: center;
}

.social-prestations__card {
  display: flex;
  flex-direction: column;
  gap: 45px;
  width: 100%;
  margin: 16px;
  padding: 50px;
  background-color: #e2ead0;
  border-radius: var(--sp-radius);
}

.social-prestations__card-head {
  display: flex;
  flex-direction: column;
  gap: 25px;
}

.social-prestations__heading {
  margin: 0;
  color: #282102;
  text-transform: uppercase;
}

.social-prestations__tags,
.social-prestations__bullets {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.social-prestations__bullets {
  flex-direction: row;
}

.social-prestations__tag {
  padding: 9px 13px 10px;
  background-color: #b2ed11;
  border-radius: 63px;
  color: #282102;
  font-family: "paralucent", sans-serif;
  font-weight: 400;
  font-size: 15px;
  line-height: 1;
  white-space: nowrap;
}

.social-prestations__card-body {
  display: flex;
  flex-direction: column;
  gap: 30px;
}

.social-prestations__text {
  margin: 0;
  color: #483f1a;
}
.social-prestations__text strong {
  color: #282102;
}

.social-prestations__cta {
  align-self: flex-start;
}

.social-prestations__controls {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
  margin-block-start: 24px;
}

.social-prestations__arrow {
  width: 32px;
  height: 32px;
  padding: 0;
  border: 0;
  background: center/32px 32px no-repeat;
  cursor: pointer;
}
.social-prestations__arrow[disabled] {
  opacity: 0.4;
  cursor: default;
}

.social-prestations__arrow--prev {
  background-image: url("/images/buttons/prev-btn.svg");
}

.social-prestations__arrow--next {
  background-image: url("/images/buttons/next-btn.svg");
}

.social-prestations__arrow-icon {
  display: none;
}

.social-prestations__dots {
  display: flex;
  align-items: center;
  gap: 6px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.social-prestations__dot {
  width: 7px;
  height: 7px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background-color: rgba(241, 246, 230, 0.35);
  cursor: pointer;
}
.social-prestations__dot.is-active {
  background-color: #b2ed11;
}

@media (min-width: 1200px) {
  .social-prestations {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 100vh;
    padding-block: 0;
  }
  .social-prestations__panel {
    flex: 0 0 auto;
    width: calc(100% - 2 * var(--sp-inset));
    height: calc(100vh - 2 * var(--sp-inset));
    margin-inline: 0;
    padding-block-end: 0;
  }
  .social-prestations__watermark {
    inset-inline-start: 0;
    height: 100%;
    width: auto;
  }
  .social-prestations__photos {
    display: block;
    position: absolute;
    inset: 0;
    z-index: 2;
    pointer-events: none;
  }
  .social-prestations__photo {
    position: absolute;
  }
  .social-prestations__photo--team {
    left: 0;
    bottom: 0;
    width: 34.8%;
    height: auto;
  }
  .social-prestations__photo--phone {
    right: 0;
    bottom: 0;
    width: 25.2%;
    height: auto;
  }
  .social-prestations__stage {
    height: 100%;
  }
  .social-prestations__stage .splide__track {
    height: 100%;
  }
  .social-prestations__list,
  .social-prestations__slide {
    height: 100%;
  }
  .social-prestations__slide {
    align-items: center;
  }
  .social-prestations__card {
    flex-direction: row;
    align-items: flex-start;
    gap: 55px;
    width: 967px;
    max-width: calc(100% - 80px);
    height: 421px;
    margin: 0;
    padding: 50px;
  }
  .social-prestations__card-head,
  .social-prestations__card-body {
    flex: 1 0 0;
    min-width: 0;
  }
  .social-prestations__card-head {
    gap: 25px;
  }
  .social-prestations__controls {
    position: absolute;
    inset-inline: 0;
    bottom: 42px;
    z-index: 3;
    margin-block-start: 0;
  }
}
.patrimoine-prestations {
  --pp-radius: 20px;
  --pp-inset: 20px;
  padding-block: 20px;
  background-color: #e2ead0;
  overflow: clip;
}

.patrimoine-prestations__panel {
  position: relative;
  margin-inline: 16px;
  padding-block-end: 30px;
  background-color: #282102;
  border-radius: var(--pp-radius);
  overflow: clip;
}

.patrimoine-prestations__watermark {
  position: absolute;
  inset-block: 0;
  inset-inline-start: 0;
  height: 100%;
  width: auto;
  max-width: none;
  pointer-events: none;
  z-index: 0;
  opacity: 0.9;
}

.patrimoine-prestations__photos {
  display: none;
}

.patrimoine-prestations__stage {
  position: relative;
  z-index: 1;
}

.patrimoine-prestations__list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.patrimoine-prestations__slide {
  display: flex;
  justify-content: center;
}

.patrimoine-prestations__card {
  display: flex;
  flex-direction: column;
  gap: 45px;
  width: 100%;
  margin: 16px;
  padding: 50px;
  background-color: #e2ead0;
  border-radius: var(--pp-radius);
}

.patrimoine-prestations__card-head {
  display: flex;
  flex-direction: column;
  gap: 25px;
}

.patrimoine-prestations__heading {
  margin: 0;
  color: #282102;
  text-transform: uppercase;
}

.patrimoine-prestations__tags,
.patrimoine-prestations__bullets {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.patrimoine-prestations__bullets {
  flex-direction: row;
}

.patrimoine-prestations__tag {
  padding: 9px 13px 10px;
  background-color: #b2ed11;
  border-radius: 63px;
  color: #282102;
  font-family: "paralucent", sans-serif;
  font-weight: 400;
  font-size: 15px;
  line-height: 1;
  white-space: nowrap;
}

.patrimoine-prestations__card-body {
  display: flex;
  flex-direction: column;
  gap: 30px;
}

.patrimoine-prestations__text {
  margin: 0;
  color: #483f1a;
}

.patrimoine-prestations__cta {
  align-self: flex-start;
}

.patrimoine-prestations__controls {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
  margin-block-start: 24px;
}

.patrimoine-prestations__arrow {
  width: 32px;
  height: 32px;
  padding: 0;
  border: 0;
  background: center/32px 32px no-repeat;
  cursor: pointer;
}
.patrimoine-prestations__arrow[disabled] {
  opacity: 0.4;
  cursor: default;
}

.patrimoine-prestations__arrow--prev {
  background-image: url("/images/buttons/prev-btn.svg");
}

.patrimoine-prestations__arrow--next {
  background-image: url("/images/buttons/next-btn.svg");
}

.patrimoine-prestations__arrow-icon {
  display: none;
}

.patrimoine-prestations__dots {
  display: flex;
  align-items: center;
  gap: 6px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.patrimoine-prestations__dot {
  width: 7px;
  height: 7px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background-color: rgba(241, 246, 230, 0.35);
  cursor: pointer;
}
.patrimoine-prestations__dot.is-active {
  background-color: #b2ed11;
}

@media (min-width: 1200px) {
  .patrimoine-prestations {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 100vh;
    padding-block: 0;
  }
  .patrimoine-prestations__panel {
    flex: 0 0 auto;
    width: calc(100% - 2 * var(--pp-inset));
    height: calc(100vh - 2 * var(--pp-inset));
    margin-inline: 0;
    padding-block-end: 0;
  }
  .patrimoine-prestations__watermark {
    inset-inline-start: 0;
    height: 100%;
    width: auto;
  }
  .patrimoine-prestations__photos {
    display: block;
    position: absolute;
    inset: 0;
    z-index: 2;
    pointer-events: none;
  }
  .patrimoine-prestations__photo {
    position: absolute;
  }
  .patrimoine-prestations__photo--team {
    left: 0;
    bottom: 0;
    width: 30%;
    height: auto;
  }
  .patrimoine-prestations__photo--phone {
    right: 0;
    bottom: 0;
    width: 25.2%;
    height: auto;
  }
  .patrimoine-prestations__stage {
    height: 100%;
  }
  .patrimoine-prestations__stage .splide__track {
    height: 100%;
  }
  .patrimoine-prestations__list,
  .patrimoine-prestations__slide {
    height: 100%;
  }
  .patrimoine-prestations__slide {
    align-items: center;
  }
  .patrimoine-prestations__card {
    flex-direction: row;
    align-items: flex-start;
    gap: 55px;
    width: 967px;
    max-width: calc(100% - 80px);
    height: 421px;
    margin: 0;
    padding: 50px;
  }
  .patrimoine-prestations__card-head,
  .patrimoine-prestations__card-body {
    flex: 1 0 0;
    min-width: 0;
  }
  .patrimoine-prestations__card-head {
    gap: 25px;
  }
  .patrimoine-prestations__controls {
    position: absolute;
    inset-inline: 0;
    bottom: 42px;
    z-index: 3;
    margin-block-start: 0;
  }
}
.patrimoine-hero {
  padding-block: 20px 0;
  padding-inline: 20px;
  background: #e2ead0;
}
@media (min-width: 1200px) {
  .patrimoine-hero {
    padding-block: 20px;
  }
}
.patrimoine-hero__container {
  position: relative;
  display: flex;
  flex-direction: column;
  background: #f1f6e6;
  border-radius: 20px;
  overflow: hidden;
}
@media (min-width: 1200px) {
  .patrimoine-hero__container {
    flex-direction: row;
    align-items: flex-end;
    justify-content: space-between;
    block-size: calc(100vh - 40px);
  }
}
.patrimoine-hero__bg {
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.patrimoine-hero__bg img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.patrimoine-hero__content {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  gap: 30px;
  padding: 100px 40px 40px;
}
@media (min-width: 744px) {
  .patrimoine-hero__content {
    padding-block-start: 125px;
    padding-inline: 70px;
  }
}
@media (min-width: 1200px) {
  .patrimoine-hero__content {
    flex: 0 0 auto;
    z-index: 2;
    inline-size: 636px;
    padding: 0 0 60px 60px;
  }
}
.patrimoine-hero__heading {
  --hcr-from: #c7ccaa;
  --hcr-mid: #b2ed11;
  --hcr-to: #282102;
  margin: 0;
  max-width: 576px;
  color: #282102;
  text-transform: uppercase;
  line-height: 1.05;
}
.patrimoine-hero__intro {
  display: flex;
  flex-direction: column;
  gap: 1em;
  margin: 0;
  max-width: 576px;
}
.patrimoine-hero__intro p {
  margin: 0;
  color: #483f1a;
}
.patrimoine-hero__visual {
  position: relative;
  z-index: 1;
  aspect-ratio: 703/606;
}
@media (min-width: 1200px) {
  .patrimoine-hero__visual {
    flex: 0 0 auto;
    z-index: 1;
    align-self: stretch;
    aspect-ratio: 648/710;
  }
}
.patrimoine-hero__picture,
.patrimoine-hero__image {
  display: block;
  width: 100%;
  height: 100%;
}
.patrimoine-hero__image {
  -o-object-fit: contain;
  object-fit: contain;
  -o-object-position: bottom right;
  object-position: bottom right;
}
.patrimoine-hero__tags {
  display: none;
}
@media (min-width: 1200px) {
  .patrimoine-hero__tags {
    display: block;
    position: absolute;
    inset: 0;
    z-index: 3;
    margin: 0;
    padding: 0;
    list-style: none;
    pointer-events: none;
  }
}
@media (min-width: 1200px) {
  .patrimoine-hero__tags .tag-chip {
    position: absolute;
    inset-inline-start: var(--tag-x);
    inset-block-start: var(--tag-y);
    will-change: transform;
    animation: patrimoine-hero-tag-float 3.4s ease-in-out infinite;
  }
  .patrimoine-hero__tags .tag-chip:nth-child(2) {
    animation-duration: 3.9s;
  }
  .patrimoine-hero__tags .tag-chip:nth-child(3) {
    animation-duration: 4.4s;
  }
}

@keyframes patrimoine-hero-tag-float {
  0%,
  100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-8px);
  }
}
@media (prefers-reduced-motion: reduce) {
  .patrimoine-hero__tags .tag-chip {
    animation: none !important;
  }
}
.patrimoine-intro {
  position: relative;
  overflow-x: clip;
  background-color: #e2ead0;
  padding-block: 56px 64px;
}
@media (min-width: 1200px) {
  .patrimoine-intro {
    padding-block: 160px 96px;
  }
}
.patrimoine-intro__container {
  max-width: 1440px;
  padding-inline: 36px;
  margin-inline: auto;
}
@media (min-width: 576px) {
  .patrimoine-intro__container {
    padding-inline: 50px;
  }
}
@media (min-width: 1200px) {
  .patrimoine-intro__container {
    padding-inline: 80px;
  }
}
.patrimoine-intro__container {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 80px;
}
@media (min-width: 1200px) {
  .patrimoine-intro__container {
    gap: 0;
  }
}
.patrimoine-intro__intro {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 20px;
  max-inline-size: 698px;
}
@media (min-width: 1200px) {
  .patrimoine-intro__intro {
    gap: 35px;
    max-inline-size: 988px;
  }
}
.patrimoine-intro__heading {
  --hcr-from: #c7ccaa;
  --hcr-mid: #b2ed11;
  --hcr-to: #282102;
  margin: 0;
  text-transform: uppercase;
  color: #282102;
}
.patrimoine-intro__body {
  margin: 0;
  max-inline-size: 670px;
  color: #483f1a;
}
.patrimoine-intro__deck {
  list-style: none;
  margin: 0;
  padding: 0;
  inline-size: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
}
@media (min-width: 744px) {
  .patrimoine-intro__deck {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    align-items: stretch;
    gap: 20px;
    max-inline-size: 668px;
    margin-inline: auto;
  }
}
@media (min-width: 1200px) {
  .patrimoine-intro__deck {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: flex-start;
    gap: 0;
    margin-block-start: 56px;
    padding-block: 35px;
    max-inline-size: none;
  }
}
.patrimoine-intro__wrap {
  position: relative;
  z-index: 1;
  inline-size: 100%;
  max-inline-size: 360px;
}
@media (min-width: 1200px) {
  .patrimoine-intro__wrap {
    flex: 0 0 auto;
    inline-size: 330px;
    max-inline-size: none;
  }
  .patrimoine-intro__wrap:not(:first-child) {
    margin-inline-start: -36px;
  }
  .patrimoine-intro__wrap:nth-child(odd) {
    margin-block-start: 20px;
  }
}
.patrimoine-intro__card {
  position: relative;
  display: block;
  inline-size: 100%;
  border-radius: 10px;
  overflow: clip;
}
@media (min-width: 744px) and (max-width: 1199px) {
  .patrimoine-intro__card {
    block-size: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
}
.patrimoine-intro__card--ivory {
  background-color: #f1f6e6;
  color: #282102;
}
.patrimoine-intro__card--lime {
  background-color: #b2ed11;
  color: #282102;
}
.patrimoine-intro__card--drab {
  background-color: #282102;
  color: #e2ead0;
}
.patrimoine-intro__label {
  position: relative;
  z-index: 1;
  margin: 0;
  padding: 35px;
  color: inherit;
}
.patrimoine-intro__card-body {
  position: relative;
  z-index: 1;
  margin: 0;
  padding: 0 35px 35px;
  color: inherit;
}
.patrimoine-intro__card-subtitle {
  margin: 0 0 14px;
}
.patrimoine-intro__points {
  --list-dot-size: 6px;
}
.patrimoine-intro__points li + li {
  margin-block-start: 7px;
}
.patrimoine-intro__photo {
  position: absolute;
  inset-inline: 0;
  inset-block-end: 0;
  inline-size: 100%;
  block-size: auto;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: bottom center;
  object-position: bottom center;
  display: none;
  z-index: 0;
}
@media (min-width: 1200px) {
  .patrimoine-intro.is-enhanced .patrimoine-intro__card {
    block-size: 478px;
  }
  .patrimoine-intro.is-enhanced .patrimoine-intro__photo {
    display: block;
    transition: opacity 0.4s ease;
  }
  .patrimoine-intro.is-enhanced .patrimoine-intro__card-body {
    opacity: 0;
    transition: opacity 0.4s ease;
  }
  .patrimoine-intro.is-enhanced .patrimoine-intro__card--is-focus .patrimoine-intro__photo {
    opacity: 0;
  }
  .patrimoine-intro.is-enhanced .patrimoine-intro__card--is-focus .patrimoine-intro__card-body {
    opacity: 1;
  }
}
@media (min-width: 1200px) and (prefers-reduced-motion: reduce) {
  .patrimoine-intro.is-enhanced .patrimoine-intro__photo,
  .patrimoine-intro.is-enhanced .patrimoine-intro__card-body {
    transition: none;
  }
}
.patrimoine-intro__cta-block {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 28px;
}
@media (min-width: 1200px) {
  .patrimoine-intro__cta-block {
    align-items: flex-start;
    text-align: left;
    inline-size: 100%;
    max-inline-size: 988px;
    margin-inline: auto;
    gap: 36px;
    margin-block-start: 64px;
    padding-block-start: 113px;
  }
}
.patrimoine-intro__heading2 {
  --hcr-from: #c7ccaa;
  --hcr-mid: #b2ed11;
  --hcr-to: #282102;
  margin: 0;
  max-inline-size: 698px;
  color: #282102;
  text-transform: uppercase;
}
@media (min-width: 1200px) {
  .patrimoine-intro__heading2 {
    max-inline-size: 988px;
    text-align: left;
  }
}
.patrimoine-intro__actions {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
}
@media (min-width: 744px) {
  .patrimoine-intro__actions {
    flex-direction: row;
    justify-content: center;
  }
}

.patrimoine-outils {
  position: relative;
  padding: 0 20px;
  background-color: #e2ead0;
}
@media (min-width: 1200px) {
  .patrimoine-outils {
    min-block-size: 100vh;
    display: flex;
    flex-direction: column;
  }
}

.patrimoine-outils__container {
  max-inline-size: 1064px;
  margin-inline: auto;
  padding-inline: 36px;
}
@media (min-width: 744px) {
  .patrimoine-outils__container {
    padding-inline: 50px;
  }
}
@media (min-width: 1200px) {
  .patrimoine-outils__container {
    inline-size: 100%;
    padding-inline: 0;
  }
}

.patrimoine-outils__intro {
  display: flex;
  flex-direction: column;
  gap: 25px;
  margin-block-end: 50px;
}
@media (min-width: 744px) {
  .patrimoine-outils__intro {
    margin-block-end: 60px;
  }
}
@media (min-width: 1200px) {
  .patrimoine-outils__intro {
    flex-direction: row;
    gap: 78px;
    margin-block-end: 60px;
  }
}

.patrimoine-outils__intro-heading {
  margin: 0;
  color: #282102;
  text-transform: uppercase;
}
@media (min-width: 1200px) {
  .patrimoine-outils__intro-heading {
    flex: 0 0 432px;
  }
}

@media (min-width: 1200px) {
  .patrimoine-outils__intro-body {
    flex: 0 0 554px;
  }
}
.patrimoine-outils__intro-body p {
  margin: 0;
  color: #483f1a;
}
.patrimoine-outils__intro-body p + p {
  margin-block-start: 19px;
}

.patrimoine-outils__panel {
  position: relative;
  background: linear-gradient(to bottom, #b2ed11 0%, #e2ead0 100%);
  border-radius: 20px;
  padding-block: 60px;
}
@media (min-width: 744px) {
  .patrimoine-outils__panel {
    padding-block: 80px;
  }
}
@media (min-width: 1200px) {
  .patrimoine-outils__panel {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-block: 90px;
  }
}

.patrimoine-outils__cards-inner {
  max-inline-size: 1064px;
  margin-inline: auto;
  padding-inline: 36px;
}
@media (min-width: 744px) {
  .patrimoine-outils__cards-inner {
    padding-inline: 50px;
  }
}
@media (min-width: 1200px) {
  .patrimoine-outils__cards-inner {
    inline-size: 100%;
    padding-inline: 0;
  }
}

.patrimoine-outils__cards {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
@media (min-width: 1200px) {
  .patrimoine-outils__cards {
    flex-direction: row;
  }
}

.patrimoine-outils__card {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 25px;
  padding: 40px;
  background-color: #f1f6e6;
  border-radius: 10px;
  overflow: clip;
  min-block-size: 242px;
}
@media (min-width: 1200px) {
  .patrimoine-outils__card {
    flex: 1 1 0;
  }
}

.patrimoine-outils__card-bg {
  position: absolute;
  inset: 0;
  z-index: 0;
  inline-size: 100%;
  block-size: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.patrimoine-outils__card-content {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  gap: 25px;
  margin-block-start: auto;
}

.patrimoine-outils__title {
  margin: 0;
  color: #282102;
}

.patrimoine-outils__reveal {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.patrimoine-outils__body {
  margin: 0;
  color: #483f1a;
}

.patrimoine-outils__bullets {
  margin: 0;
  color: #282102;
}
.patrimoine-outils__bullets li + li {
  margin-block-start: 7px;
}

@media (min-width: 1200px) {
  .patrimoine-outils.is-enhanced .patrimoine-outils__card {
    height: 242px;
    min-block-size: 0;
  }
  .patrimoine-outils.is-enhanced .patrimoine-outils__card-content {
    position: absolute;
    inset-inline: 40px;
    inset-block-end: 40px;
    margin-block-start: 0;
  }
}
.patrimoine-suivi {
  background-color: #e2ead0;
  padding: 0 20px 10px;
  overflow-x: clip;
}

.patrimoine-suivi__panel {
  position: relative;
  padding-block: 0 96px;
  background-color: #282102;
  border-radius: 20px;
  overflow: clip;
}
@media (min-width: 1200px) {
  .patrimoine-suivi__panel {
    min-block-size: 100vh;
    padding-block: 0 160px;
    display: flex;
    flex-direction: column;
  }
}

.patrimoine-suivi__decoration {
  position: absolute;
  inset: 0;
  z-index: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  overflow: clip;
}
.patrimoine-suivi__decoration img {
  display: block;
  inline-size: auto;
  block-size: 70%;
}
@media (min-width: 1200px) {
  .patrimoine-suivi__decoration img {
    block-size: 90%;
  }
}

.patrimoine-suivi__watermark-wrap {
  position: relative;
  z-index: 0;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  overflow: clip;
}
.patrimoine-suivi__watermark-wrap img {
  display: block;
  inline-size: 100%;
  block-size: auto;
  max-width: none;
}

.patrimoine-suivi__container {
  max-width: 1440px;
  padding-inline: 36px;
  margin-inline: auto;
}
@media (min-width: 576px) {
  .patrimoine-suivi__container {
    padding-inline: 50px;
  }
}
@media (min-width: 1200px) {
  .patrimoine-suivi__container {
    padding-inline: 80px;
  }
}
.patrimoine-suivi__container {
  position: relative;
  z-index: 1;
  margin-block-start: 100px;
}
@media (min-width: 1200px) {
  .patrimoine-suivi__container {
    margin-block-start: 150px;
  }
}

.patrimoine-suivi__intro {
  position: relative;
  z-index: 1;
  max-inline-size: 662px;
  margin-inline: auto;
  text-align: center;
}

.patrimoine-suivi__title {
  --hcr-from: #483f1a;
  --hcr-mid: #b2ed11;
  --hcr-to: #e2ead0;
  --hcr-accent: #b2ed11;
  margin: 0;
  text-transform: uppercase;
  line-height: 1.05;
  color: #e2ead0;
}
@media (min-width: 1200px) {
  .patrimoine-suivi__title {
    max-inline-size: 642px;
    margin-inline: auto;
  }
}

.patrimoine-suivi__body {
  max-inline-size: 548px;
  margin: 30px auto 0;
  color: #e2ead0;
}

.patrimoine-suivi__cards {
  position: relative;
  z-index: 1;
  margin: 64px auto 0;
  display: grid;
  gap: 16px;
  justify-items: center;
}
@media (min-width: 1200px) {
  .patrimoine-suivi__cards {
    margin-block-start: 80px;
    grid-template-columns: repeat(2, minmax(0, 454px));
    justify-content: center;
    gap: 20px;
  }
}

.patrimoine-suivi__card {
  position: relative;
  inline-size: 100%;
  max-inline-size: 454px;
  border-radius: 10px;
  overflow: clip;
  cursor: default;
}
.patrimoine-suivi__card--alabaster {
  background-color: #e2ead0;
  color: #282102;
}
.patrimoine-suivi__card--lime {
  background-color: #b2ed11;
  color: #282102;
}

.patrimoine-suivi__card-content {
  position: relative;
  z-index: 1;
  padding: 45px 45px 0;
}

.patrimoine-suivi__card-title {
  margin: 0;
  color: inherit;
}

.patrimoine-suivi__reveal {
  display: grid;
  grid-template-rows: 1fr;
  transition: grid-template-rows 0.45s ease;
}
.patrimoine-suivi__reveal > * {
  min-block-size: 0;
  overflow: hidden;
}

.patrimoine-suivi__card-body {
  margin: 0;
  padding-block-start: 25px;
  color: inherit;
  padding-block-end: 0.4em;
  margin-block-end: -0.4em;
}

.patrimoine-suivi__media {
  display: block;
  inline-size: 100%;
  margin-block-start: 35px;
  transition: margin-block-start 0.45s ease;
}

.patrimoine-suivi__photo {
  display: block;
  inline-size: 100%;
  block-size: auto;
}

@media (min-width: 1200px) {
  .patrimoine-suivi__card {
    block-size: 575px;
    display: flex;
    flex-direction: column;
  }
  .patrimoine-suivi__card-content {
    flex: 0 0 auto;
  }
  .patrimoine-suivi__reveal {
    grid-template-rows: 0fr;
  }
  .patrimoine-suivi__reveal > * {
    opacity: 0;
    transition: opacity 0.3s ease;
  }
  .patrimoine-suivi__card:hover .patrimoine-suivi__reveal,
  .patrimoine-suivi__card:focus-within .patrimoine-suivi__reveal {
    grid-template-rows: 1fr;
  }
  .patrimoine-suivi__card:hover .patrimoine-suivi__reveal > *,
  .patrimoine-suivi__card:focus-within .patrimoine-suivi__reveal > * {
    opacity: 1;
  }
  .patrimoine-suivi__card:hover .patrimoine-suivi__media,
  .patrimoine-suivi__card:focus-within .patrimoine-suivi__media {
    margin-block-start: 80px;
  }
  .patrimoine-suivi__media {
    flex: 0 0 auto;
  }
  .patrimoine-suivi__photo {
    inline-size: 100%;
    block-size: auto;
  }
}
@media (prefers-reduced-motion: reduce) {
  .patrimoine-suivi__reveal {
    transition: none;
  }
  .patrimoine-suivi__reveal > * {
    transition: none;
  }
  .patrimoine-suivi__media {
    transition: none;
  }
}
.patrimoine-entites {
  padding: 10px 20px;
  background-color: #e2ead0;
}

.patrimoine-entites__panel {
  padding-block: 60px;
  background-color: #f1f6e6;
  border-radius: 20px;
}
@media (min-width: 1200px) {
  .patrimoine-entites__panel {
    padding-block: 90px;
    min-block-size: calc(100vh - 20px);
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
}

.patrimoine-entites__container {
  max-inline-size: 1064px;
  margin-inline: auto;
  padding-inline: 36px;
}
@media (min-width: 744px) {
  .patrimoine-entites__container {
    padding-inline: 50px;
  }
}
@media (min-width: 1200px) {
  .patrimoine-entites__container {
    inline-size: 100%;
    padding-inline: 0;
  }
}

.patrimoine-entites__intro {
  display: flex;
  flex-direction: column;
  gap: 25px;
  margin-block-end: 50px;
}
@media (min-width: 1200px) {
  .patrimoine-entites__intro {
    flex-direction: row;
    justify-content: space-between;
    gap: 30px;
    margin-block-end: 90px;
  }
}

.patrimoine-entites__intro-heading {
  margin: 0;
  color: #282102;
  text-transform: uppercase;
}
@media (min-width: 1200px) {
  .patrimoine-entites__intro-heading {
    flex: 0 0 517px;
  }
}

.patrimoine-entites__intro-body {
  margin: 0;
  color: #483f1a;
}
@media (min-width: 1200px) {
  .patrimoine-entites__intro-body {
    flex: 0 0 454px;
  }
}

.patrimoine-entites__grid {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
@media (min-width: 1200px) {
  .patrimoine-entites__grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: start;
  }
}

.patrimoine-entites__card {
  position: relative;
  padding: 40px;
  background-color: #e2ead0;
  border-radius: 10px;
}

.patrimoine-entites__card-content {
  display: flex;
  flex-direction: column;
  gap: 25px;
}

.patrimoine-entites__icon {
  display: grid;
  place-items: center;
  inline-size: 32px;
  block-size: 32px;
  background-color: #f1f6e6;
  border-radius: 90px;
}
.patrimoine-entites__icon img {
  inline-size: 18px;
  block-size: 18px;
}

.patrimoine-entites__title {
  margin: 0;
  color: #282102;
}

.patrimoine-entites__reveal {
  display: flex;
  flex-direction: column;
}

.patrimoine-entites__body {
  margin: 0;
  color: #483f1a;
}

@media (min-width: 1200px) {
  .patrimoine-entites.is-enhanced .patrimoine-entites__card {
    block-size: 299px;
    overflow: clip;
  }
  .patrimoine-entites.is-enhanced .patrimoine-entites__card-content {
    position: absolute;
    inset-inline: 40px;
    inset-block-end: 40px;
  }
}
.patrimoine-juridique {
  padding: 0 20px;
  background-color: #e2ead0;
  overflow-x: clip;
}

.patrimoine-juridique__panel {
  position: relative;
  padding-block: 60px;
  background-color: #282102;
  border-radius: 20px;
  overflow: clip;
}
@media (min-width: 1200px) {
  .patrimoine-juridique__panel {
    padding-block: 112px;
    min-block-size: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
}

.patrimoine-juridique__container {
  max-width: 1440px;
  padding-inline: 36px;
  margin-inline: auto;
}
@media (min-width: 576px) {
  .patrimoine-juridique__container {
    padding-inline: 50px;
  }
}
@media (min-width: 1200px) {
  .patrimoine-juridique__container {
    padding-inline: 80px;
  }
}
@media (min-width: 1200px) {
  .patrimoine-juridique__container {
    inline-size: 100%;
  }
}

.patrimoine-juridique__row {
  display: flex;
  flex-direction: column;
  gap: 50px;
}
@media (min-width: 1200px) {
  .patrimoine-juridique__row {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: 40px;
    padding-inline-start: 100px;
  }
}

@media (min-width: 1200px) {
  .patrimoine-juridique__text {
    flex: 0 1 522px;
    max-inline-size: 522px;
  }
}

.patrimoine-juridique__heading {
  --hcr-from: #483f1a;
  --hcr-mid: #b2ed11;
  --hcr-to: #e2ead0;
  --hcr-accent: #b2ed11;
  margin: 0;
  text-transform: uppercase;
  line-height: 1.05;
  color: #e2ead0;
}

.patrimoine-juridique__body {
  margin: 30px 0 0;
  color: #e2ead0;
}

.patrimoine-juridique__list {
  list-style: none;
  margin: 40px 0 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 5px;
}

.patrimoine-juridique__header {
  display: flex;
  align-items: center;
  gap: 10px;
  inline-size: 100%;
  padding: 0;
  background: none;
  border: 0;
  text-align: start;
  color: inherit;
  font: inherit;
  cursor: default;
}

.patrimoine-juridique__icon {
  flex-shrink: 0;
  display: inline-flex;
  padding: 7px;
  border: 1px solid #483f1a;
  border-radius: 90px;
  background-color: #282102;
}
.patrimoine-juridique__icon img {
  display: block;
  inline-size: 18px;
  block-size: 18px;
}

.patrimoine-juridique__label {
  flex: 0 1 auto;
  min-inline-size: 0;
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.patrimoine-juridique__item-title {
  color: #e2ead0;
}

.patrimoine-juridique__rule {
  display: block;
  block-size: 1px;
  inline-size: 100%;
  background-color: #b2ed11;
}

.patrimoine-juridique__drawer {
  overflow: hidden;
}

.patrimoine-juridique__drawer-inner {
  padding-block-start: 10px;
  padding-block-end: 25px;
}

.patrimoine-juridique__bullets {
  margin: 0;
  padding-inline-start: 22px;
  color: #e2ead0;
}

.patrimoine-juridique__drawer-body {
  margin: 0;
  padding-inline-start: 42px;
  color: #e2ead0;
}

@media (min-width: 1200px) {
  .patrimoine-juridique__item-title {
    white-space: nowrap;
  }
}
.patrimoine-juridique__list.is-enhanced .patrimoine-juridique__header {
  cursor: pointer;
}

.patrimoine-juridique__cta {
  margin-block-start: 40px;
}

.patrimoine-juridique__collage {
  position: relative;
}

.patrimoine-juridique__image {
  display: block;
  inline-size: 100%;
  block-size: auto;
}

@media (min-width: 1200px) {
  .patrimoine-juridique__collage {
    flex: 0 0 auto;
    inline-size: 560px;
  }
}
.patrimoine-autres-solutions__container {
  max-width: 1440px;
  padding-inline: 36px;
  margin-inline: auto;
}
@media (min-width: 576px) {
  .patrimoine-autres-solutions__container {
    padding-inline: 50px;
  }
}
@media (min-width: 1200px) {
  .patrimoine-autres-solutions__container {
    padding-inline: 80px;
  }
}
.patrimoine-autres-solutions__container {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding-block: 80px;
}
@media (min-width: 1200px) {
  .patrimoine-autres-solutions__container {
    padding-block: 250px 156px;
  }
}
.patrimoine-autres-solutions__heading {
  --hcr-from: #c7ccaa;
  --hcr-mid: #b2ed11;
  --hcr-to: #282102;
  max-inline-size: 698px;
  margin: 0;
  text-transform: uppercase;
  color: #282102;
}
.patrimoine-autres-solutions__body {
  max-inline-size: 698px;
  margin: 0;
  margin-block-start: 20px;
  color: #483f1a;
}
@media (min-width: 1200px) {
  .patrimoine-autres-solutions__body {
    margin-block-start: 30px;
  }
}
.patrimoine-autres-solutions__tags {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 8px;
  margin: 0;
  margin-block-start: 28px;
  padding: 0;
  list-style: none;
}
@media (min-width: 1200px) {
  .patrimoine-autres-solutions__tags {
    gap: 5px;
    margin-block-start: 35px;
  }
}

.patrimoine-cta {
  position: relative;
}
.patrimoine-cta__container {
  margin-inline: auto;
  padding-inline: 16px;
}
@media (min-width: 1200px) {
  .patrimoine-cta__container {
    padding-inline: 20px;
  }
}
.patrimoine-cta__panel {
  position: relative;
  overflow: hidden;
  border-radius: 20px;
  background-color: #282102;
}
.patrimoine-cta__inner {
  position: relative;
  max-inline-size: 1400px;
  margin-inline: auto;
}
.patrimoine-cta__content {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding: 40px 32px;
}
.patrimoine-cta__heading {
  --hcr-from: #483f1a;
  --hcr-mid: #b2ed11;
  --hcr-to: #e2ead0;
  --hcr-accent: #b2ed11;
  margin: 0;
  text-transform: uppercase;
  color: #e2ead0;
  line-height: 1.05;
}
.patrimoine-cta__body p {
  margin: 0;
  color: #c7ccaa;
}
.patrimoine-cta__actions {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
}
.patrimoine-cta__media {
  position: relative;
  z-index: 1;
  display: block;
  width: 100%;
}
.patrimoine-cta__photo {
  display: block;
  width: 100%;
  height: auto;
}
@media (min-width: 744px) and (max-width: 1199px) {
  .patrimoine-cta__inner {
    min-height: 357px;
  }
  .patrimoine-cta__content {
    max-width: 320px;
    padding: 56px 0 40px 56px;
  }
  .patrimoine-cta__media {
    position: absolute;
    inset-inline-start: 50%;
    inset-block-end: 0;
    width: 58%;
  }
}
@media (min-width: 1200px) {
  .patrimoine-cta {
    padding-block-start: 94px;
  }
  .patrimoine-cta__panel {
    overflow: visible;
  }
  .patrimoine-cta__panel::after {
    content: "";
    position: absolute;
    z-index: 1;
    inset-block: 0;
    inset-inline-end: 0;
    width: 60px;
    border-radius: 0 20px 20px 0;
    background: linear-gradient(90deg, rgba(40, 33, 2, 0) 0%, #282102 82%);
    pointer-events: none;
  }
  .patrimoine-cta__inner {
    display: flex;
    align-items: center;
    min-height: 357px;
  }
  .patrimoine-cta__content {
    max-width: 602px;
    gap: 25px;
    padding: 0 0 0 60px;
  }
  .patrimoine-cta__actions {
    flex-direction: row;
    gap: 5px;
    margin-block-start: 5px;
  }
  .patrimoine-cta__media {
    position: absolute;
    inset-inline-end: 0;
    inset-block-end: 0;
    width: 50.86%;
    aspect-ratio: 712/451;
  }
  .patrimoine-cta__photo {
    width: 100%;
    height: 100%;
    -o-object-fit: fill;
    object-fit: fill;
  }
}

.patrimoine-autres-cta {
  position: relative;
  overflow: hidden;
  background-color: #e2ead0;
}
.patrimoine-autres-cta__top {
  position: relative;
}
.patrimoine-autres-cta__bg {
  position: absolute;
  inset: 0;
  inline-size: 100%;
  z-index: 0;
  overflow: hidden;
  pointer-events: none;
}
@media (min-width: 744px) {
  .patrimoine-autres-cta__bg {
    inline-size: 50%;
  }
}
@media (min-width: 1200px) {
  .patrimoine-autres-cta__bg {
    inset-block-end: -94px;
  }
}
.patrimoine-autres-cta__blob {
  position: absolute;
  inset-block-start: 0;
  inset-inline-start: 0;
  inline-size: 100%;
  block-size: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}
.patrimoine-autres-cta .patrimoine-autres-solutions,
.patrimoine-autres-cta .patrimoine-cta {
  position: relative;
  z-index: 1;
}

.creation-entreprise-hero {
  padding-block: 20px 0;
  padding-inline: 20px;
  background: #282102;
}
@media (min-width: 1200px) {
  .creation-entreprise-hero {
    padding-block: 20px;
  }
}
.creation-entreprise-hero__container {
  position: relative;
  display: flex;
  flex-direction: column;
  background: #e2ead0;
  border-radius: 20px;
  overflow: hidden;
}
@media (min-width: 1200px) {
  .creation-entreprise-hero__container {
    flex-direction: row;
    align-items: stretch;
    block-size: calc(100vh - 40px);
  }
}
.creation-entreprise-hero__bg {
  position: absolute;
  inset-block: 0;
  inset-inline-start: 0;
  inline-size: 100%;
  block-size: 100%;
  z-index: 0;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.creation-entreprise-hero__bg img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: left center;
  object-position: left center;
}
@media (min-width: 1200px) {
  .creation-entreprise-hero__bg img {
    -o-object-fit: contain;
    object-fit: contain;
  }
}
.creation-entreprise-hero__content {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  gap: 30px;
  padding: 100px 40px 40px;
}
@media (min-width: 744px) {
  .creation-entreprise-hero__content {
    padding-block-start: 125px;
    padding-inline: 70px;
  }
}
@media (min-width: 1200px) {
  .creation-entreprise-hero__content {
    flex: 1;
    justify-content: flex-end;
    padding: 0 60px 60px;
  }
}
.creation-entreprise-hero__heading {
  --hcr-from: #c7ccaa;
  --hcr-mid: #b2ed11;
  --hcr-to: #282102;
  margin: 0;
  max-width: 576px;
  color: #282102;
  text-transform: uppercase;
  line-height: 1.05;
}
.creation-entreprise-hero__intro {
  display: flex;
  flex-direction: column;
  gap: 1em;
  margin: 0;
  max-width: 576px;
}
.creation-entreprise-hero__intro p {
  margin: 0;
  color: #483f1a;
}
.creation-entreprise-hero__intro strong {
  color: #282102;
}
.creation-entreprise-hero__visual {
  position: relative;
  z-index: 1;
  aspect-ratio: 1124/1034;
  margin: 0 10px 10px;
  border-radius: 10px;
  overflow: hidden;
}
@media (min-width: 1200px) {
  .creation-entreprise-hero__visual {
    position: absolute;
    inset-inline-end: 20px;
    inset-block-end: 20px;
    inline-size: 40.1%;
    aspect-ratio: 562/517;
    margin: 0;
    border-radius: 0;
    overflow: visible;
  }
}
.creation-entreprise-hero__picture {
  display: block;
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}
@media (min-width: 1200px) {
  .creation-entreprise-hero__picture {
    border-radius: 10px;
    overflow: hidden;
  }
}
.creation-entreprise-hero__image {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}
.creation-entreprise-hero__tags {
  display: none;
}
@media (min-width: 1200px) {
  .creation-entreprise-hero__tags {
    display: block;
    position: absolute;
    inset: 0;
    z-index: 3;
    margin: 0;
    padding: 0;
    list-style: none;
    pointer-events: none;
  }
}
@media (min-width: 1200px) {
  .creation-entreprise-hero__tags .tag-chip {
    position: absolute;
    inset-inline-start: var(--tag-x);
    inset-block-start: var(--tag-y);
    will-change: transform;
    animation: creation-entreprise-hero-tag-float 3.4s ease-in-out infinite;
  }
  .creation-entreprise-hero__tags .tag-chip:nth-child(2) {
    animation-duration: 3.9s;
  }
}

@keyframes creation-entreprise-hero-tag-float {
  0%,
  100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-8px);
  }
}
@media (prefers-reduced-motion: reduce) {
  .creation-entreprise-hero__tags .tag-chip {
    animation: none !important;
  }
}
.creation-entreprise-intro {
  position: relative;
  overflow-x: clip;
  background-color: #282102;
  padding-block: 80px;
}
@media (min-width: 1200px) {
  .creation-entreprise-intro {
    padding-block: 150px 126px;
  }
}
.creation-entreprise-intro__container {
  max-width: 1440px;
  padding-inline: 36px;
  margin-inline: auto;
}
@media (min-width: 576px) {
  .creation-entreprise-intro__container {
    padding-inline: 50px;
  }
}
@media (min-width: 1200px) {
  .creation-entreprise-intro__container {
    padding-inline: 80px;
  }
}
.creation-entreprise-intro__container {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 48px;
}
@media (min-width: 1200px) {
  .creation-entreprise-intro__container {
    gap: 71px;
  }
}
.creation-entreprise-intro__intro {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 20px;
  max-inline-size: 948px;
}
@media (min-width: 1200px) {
  .creation-entreprise-intro__intro {
    gap: 30px;
  }
}
.creation-entreprise-intro__heading {
  margin: 0;
  text-transform: uppercase;
  color: #e2ead0;
}
.creation-entreprise-intro__heading .text-accent {
  color: #b2ed11;
}
.creation-entreprise-intro__body {
  margin: 0;
  max-inline-size: 730px;
  color: #e2ead0;
}
.creation-entreprise-intro__body strong {
  color: #f1f6e6;
}
.creation-entreprise-intro__actions {
  display: flex;
  justify-content: center;
}
.creation-entreprise-intro__deck-area {
  position: relative;
  inline-size: 100%;
  display: flex;
  justify-content: center;
  padding: 35px 0;
}
.creation-entreprise-intro__decor {
  position: absolute;
  inset-block-start: 50%;
  inset-inline-start: 50%;
  transform: translate(-50%, -50%);
  z-index: -1;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  inline-size: 100%;
  block-size: 100%;
}
.creation-entreprise-intro__decor img {
  display: block;
  inline-size: 100%;
  block-size: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
@media (min-width: 1200px) {
  .creation-entreprise-intro__decor {
    inline-size: 432px;
    block-size: auto;
  }
  .creation-entreprise-intro__decor img {
    block-size: auto;
    -o-object-fit: fill;
    object-fit: fill;
  }
}
.creation-entreprise-intro__deck {
  position: relative;
  z-index: 1;
  list-style: none;
  margin: 0;
  padding: 0;
  inline-size: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
}
@media (min-width: 744px) {
  .creation-entreprise-intro__deck {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    align-items: stretch;
    gap: 20px;
    max-inline-size: 668px;
    margin-inline: auto;
  }
}
@media (min-width: 1200px) {
  .creation-entreprise-intro__deck {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: flex-start;
    gap: 0;
    max-inline-size: none;
  }
}
.creation-entreprise-intro__wrap {
  position: relative;
  z-index: 1;
  inline-size: 100%;
  max-inline-size: 360px;
}
@media (min-width: 1200px) {
  .creation-entreprise-intro__wrap {
    flex: 0 0 auto;
    inline-size: 330px;
    max-inline-size: none;
  }
  .creation-entreprise-intro__wrap:not(:first-child) {
    margin-inline-start: -36px;
  }
  .creation-entreprise-intro__wrap:nth-child(odd) {
    margin-block-start: 20px;
  }
}
.creation-entreprise-intro__card {
  position: relative;
  display: block;
  inline-size: 100%;
  border-radius: 10px;
  overflow: clip;
}
@media (min-width: 744px) and (max-width: 1199px) {
  .creation-entreprise-intro__card {
    block-size: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
}
.creation-entreprise-intro__card--ivory {
  background-color: #f1f6e6;
  color: #282102;
}
.creation-entreprise-intro__card--lime {
  background-color: #b2ed11;
  color: #282102;
}
.creation-entreprise-intro__card--drab {
  background-color: #483f1a;
  color: #e2ead0;
}
.creation-entreprise-intro__label {
  position: relative;
  z-index: 1;
  margin: 0;
  padding: 35px;
  color: inherit;
}
.creation-entreprise-intro__card-body {
  position: relative;
  z-index: 1;
  margin: 0;
  padding: 0 35px 35px;
  color: inherit;
}
.creation-entreprise-intro__photo {
  position: absolute;
  inset-inline: 0;
  inset-block-end: 0;
  inline-size: 100%;
  block-size: auto;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: bottom center;
  object-position: bottom center;
  display: none;
  z-index: 0;
}
@media (min-width: 1200px) {
  .creation-entreprise-intro.is-enhanced .creation-entreprise-intro__card {
    aspect-ratio: 330/459;
  }
  .creation-entreprise-intro.is-enhanced .creation-entreprise-intro__photo {
    display: block;
    transition: opacity 0.4s ease;
  }
  .creation-entreprise-intro.is-enhanced .creation-entreprise-intro__card-body {
    opacity: 0;
    transition: opacity 0.4s ease;
  }
  .creation-entreprise-intro.is-enhanced
    .creation-entreprise-intro__card--is-focus
    .creation-entreprise-intro__photo {
    opacity: 0;
  }
  .creation-entreprise-intro.is-enhanced
    .creation-entreprise-intro__card--is-focus
    .creation-entreprise-intro__card-body {
    opacity: 1;
  }
}
@media (min-width: 1200px) and (prefers-reduced-motion: reduce) {
  .creation-entreprise-intro.is-enhanced .creation-entreprise-intro__photo,
  .creation-entreprise-intro.is-enhanced .creation-entreprise-intro__card-body {
    transition: none;
  }
}

.creation-entreprise-etapes {
  background: #e2ead0;
  padding: 20px;
}
.creation-entreprise-etapes__panel {
  background: #f1f6e6;
  border-radius: 20px;
  min-block-size: calc(100vh - 40px);
  display: flex;
  align-items: center;
  justify-content: center;
  padding-block: 95px;
  padding-inline: 50px;
}
@media (min-width: 744px) {
  .creation-entreprise-etapes__panel {
    padding-block: 110px;
    padding-inline: 125px;
  }
}
@media (min-width: 1200px) {
  .creation-entreprise-etapes__panel {
    padding-block: 64px;
    padding-inline: 20px;
  }
}
.creation-entreprise-etapes__container {
  inline-size: 100%;
  max-inline-size: 1064px;
  margin-inline: auto;
}
.creation-entreprise-etapes__intro {
  display: flex;
  flex-direction: column;
  gap: 25px;
  margin-block-end: 53px;
}
@media (min-width: 1200px) {
  .creation-entreprise-etapes__intro {
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
    gap: 60px;
    margin-block-end: 64px;
  }
}
.creation-entreprise-etapes__heading {
  margin: 0;
  text-transform: uppercase;
  color: #282102;
}
@media (min-width: 1200px) {
  .creation-entreprise-etapes__heading {
    flex: 0 1 631px;
  }
}
.creation-entreprise-etapes__lead {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 25px;
}
@media (min-width: 1200px) {
  .creation-entreprise-etapes__lead {
    flex: 0 1 399px;
  }
}
.creation-entreprise-etapes__body {
  margin: 0;
  color: #483f1a;
}
.creation-entreprise-etapes__body strong {
  color: #282102;
}
.creation-entreprise-etapes__process {
  position: relative;
}
.creation-entreprise-etapes__track {
  position: absolute;
  z-index: 0;
  background: #e2ead0;
  border-radius: calc(17px / 2);
  overflow: hidden;
  inset-block: 0;
  inset-inline-start: calc(17px / 2 - 17px / 2);
  inline-size: 17px;
}
@media (min-width: 1200px) {
  .creation-entreprise-etapes__track {
    inset-block: auto;
    inset-block-start: calc(17px / 2 - 17px / 2);
    inset-inline: 0;
    inline-size: auto;
    block-size: 17px;
  }
}
.creation-entreprise-etapes__fill {
  position: absolute;
  inset: 0;
  background: #b2ed11;
  transform: scaleY(var(--p, 0));
  transform-origin: top;
}
@media (min-width: 1200px) {
  .creation-entreprise-etapes__fill {
    transform: scaleX(var(--p, 0));
    transform-origin: left;
  }
}
.creation-entreprise-etapes__steps {
  list-style: none;
  margin: 0;
  padding: 0;
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  gap: 53px;
}
@media (min-width: 1200px) {
  .creation-entreprise-etapes__steps {
    flex-direction: row;
    gap: 30px;
  }
}
.creation-entreprise-etapes__step {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 15px;
  padding-inline-start: calc(17px + 23px);
}
@media (min-width: 1200px) {
  .creation-entreprise-etapes__step {
    flex: 1 1 0;
    gap: 20px;
    padding-inline-start: 0;
    padding-block-start: calc(17px + 20px);
  }
}
.creation-entreprise-etapes__dot {
  position: absolute;
  z-index: 1;
  inline-size: 17px;
  block-size: 17px;
  border-radius: 50%;
  background: #a2dc06;
  inset-inline-start: 0;
  inset-block-start: 0;
}
@media (min-width: 1200px) {
  .creation-entreprise-etapes__dot {
    inset-block-start: 0;
    inset-inline-start: 0;
  }
}
.creation-entreprise-etapes__tag {
  display: inline-flex;
  align-items: center;
  line-height: 1;
  padding-block: 7px;
  padding-inline: 13px;
  border-radius: 63px;
  background: #b2ed11;
  color: #282102;
}
.creation-entreprise-etapes__step-title {
  margin: 0;
  color: #282102;
}
.creation-entreprise-etapes__step-body {
  margin: 0;
  color: #483f1a;
}
.creation-entreprise-etapes.is-enhanced
  .creation-entreprise-etapes__step:not(.is-active)
  .creation-entreprise-etapes__dot {
  background: #f1f6e6;
}
.creation-entreprise-etapes.is-enhanced
  .creation-entreprise-etapes__step:not(.is-active)
  .creation-entreprise-etapes__tag {
  background: #c7ccaa;
  color: #f1f6e6;
}
.creation-entreprise-etapes.is-enhanced
  .creation-entreprise-etapes__step:not(.is-active)
  .creation-entreprise-etapes__step-title,
.creation-entreprise-etapes.is-enhanced
  .creation-entreprise-etapes__step:not(.is-active)
  .creation-entreprise-etapes__step-body {
  color: #c7ccaa;
}
.creation-entreprise-etapes.is-enhanced .creation-entreprise-etapes__dot,
.creation-entreprise-etapes.is-enhanced .creation-entreprise-etapes__tag,
.creation-entreprise-etapes.is-enhanced .creation-entreprise-etapes__step-title,
.creation-entreprise-etapes.is-enhanced .creation-entreprise-etapes__step-body {
  transition:
    background-color 0.35s ease,
    color 0.35s ease;
}

.creation-entreprise-secteurs {
  background-color: #e2ead0;
  padding: 20px;
}
.creation-entreprise-secteurs__panel {
  position: relative;
  overflow: hidden;
  background-color: #282102;
  border-radius: 20px;
  padding-block: 80px;
}
@media (min-width: 1200px) {
  .creation-entreprise-secteurs__panel {
    padding-block: 100px;
  }
}
.creation-entreprise-secteurs__marquee {
  overflow: visible;
  pointer-events: none;
}
.creation-entreprise-secteurs__marquee-track {
  display: flex;
  width: -moz-max-content;
  width: max-content;
  will-change: transform;
}
.creation-entreprise-secteurs__marquee-line {
  flex: 0 0 auto;
  padding-inline-end: 0.5em;
  font-family: "Constructio Grotesk", sans-serif;
  font-weight: 400;
  font-size: 40px;
  line-height: 1;
  text-transform: uppercase;
  white-space: nowrap;
  color: #483f1a;
}
@media (min-width: 1200px) {
  .creation-entreprise-secteurs__marquee-line {
    font-size: 120px;
  }
}
.creation-entreprise-secteurs__container {
  position: relative;
  z-index: 1;
  max-inline-size: 1064px;
  margin-inline: auto;
  padding-inline: 36px;
  margin-block-start: 40px;
}
@media (min-width: 744px) {
  .creation-entreprise-secteurs__container {
    padding-inline: 50px;
    margin-block-start: 56px;
  }
}
@media (min-width: 1200px) {
  .creation-entreprise-secteurs__container {
    padding-inline: 0;
    margin-block-start: 64px;
  }
}
.creation-entreprise-secteurs__head {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
@media (min-width: 1200px) {
  .creation-entreprise-secteurs__head {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: 30px;
  }
}
.creation-entreprise-secteurs__heading {
  --hcr-from: #483f1a;
  --hcr-mid: #b2ed11;
  --hcr-to: #e2ead0;
  margin: 0;
  color: #e2ead0;
  text-transform: uppercase;
  line-height: 1.05;
  max-inline-size: 12em;
}
.creation-entreprise-secteurs__cta {
  align-self: flex-start;
}
@media (min-width: 1200px) {
  .creation-entreprise-secteurs__cta {
    align-self: center;
    flex-shrink: 0;
  }
}
.creation-entreprise-secteurs__cards {
  display: none;
}
@media (min-width: 1200px) {
  .creation-entreprise-secteurs__cards {
    inline-size: min(1064px, 100%);
    margin-inline: auto;
    margin-block-start: 60px;
    display: flex;
    flex-direction: row;
    align-items: stretch;
    gap: 16px;
    block-size: 540px;
  }
}
.creation-entreprise-secteurs__card {
  position: relative;
  overflow: hidden;
  border-radius: 10px;
  background-color: #282102;
  block-size: 100%;
  flex: 0 1 126px;
  min-inline-size: 0;
}
.creation-entreprise-secteurs__card.is-open {
  flex-grow: 1;
}
.creation-entreprise-secteurs__carousel {
  --ce-gutter: 36px;
  max-inline-size: 1064px;
  margin-inline: auto;
  margin-block-start: 36px;
  padding-inline: var(--ce-gutter);
}
@media (min-width: 744px) {
  .creation-entreprise-secteurs__carousel {
    --ce-gutter: 50px;
  }
}
@media (min-width: 1200px) {
  .creation-entreprise-secteurs__carousel {
    display: none;
  }
}
.creation-entreprise-secteurs__carousel.is-initialized {
  padding-block-end: 64px;
}
.creation-entreprise-secteurs__slide {
  position: relative;
  overflow: hidden;
  border-radius: 10px;
  background-color: #282102;
}
.creation-entreprise-secteurs__slide .creation-entreprise-secteurs__card-media {
  position: relative;
  aspect-ratio: 294/932;
}
@media (min-width: 744px) {
  .creation-entreprise-secteurs__slide .creation-entreprise-secteurs__card-media {
    aspect-ratio: 588/932;
  }
}
.creation-entreprise-secteurs__card-media {
  position: absolute;
  inset: 0;
}
.creation-entreprise-secteurs__card-media picture {
  display: block;
  block-size: 100%;
  inline-size: 100%;
}
.creation-entreprise-secteurs__card-img {
  inline-size: 100%;
  block-size: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: var(--secteur-pos, 50% 50%);
  object-position: var(--secteur-pos, 50% 50%);
}
.creation-entreprise-secteurs__card-content {
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 5px;
}
@media (min-width: 1200px) {
  .creation-entreprise-secteurs__card-content {
    inline-size: 636px;
    inset-inline-start: 0;
  }
}
@media (min-width: 1200px) {
  .creation-entreprise-secteurs__card:not(.is-open) .creation-entreprise-secteurs__card-content {
    opacity: 0;
    pointer-events: none;
  }
}
.creation-entreprise-secteurs__card-tags {
  display: flex;
  list-style: none;
  margin: 0;
  padding: 0;
}
.creation-entreprise-secteurs__card-panel {
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding: 30px;
  border-radius: 10px;
  background-color: #e2ead0;
}
.creation-entreprise-secteurs__card-title {
  color: #282102;
  text-transform: uppercase;
}
.creation-entreprise-secteurs__card-body {
  color: #483f1a;
  font-size: 19px;
  line-height: 1;
}
.creation-entreprise-secteurs__card-cta {
  align-self: flex-start;
  white-space: normal;
  /* stylelint-disable selector-class-pattern -- .btn internals from wrapBtnText() */
}
.creation-entreprise-secteurs__card-cta .btn__label {
  height: auto;
  white-space: normal;
}
.creation-entreprise-secteurs__card-cta .btn__text-clone {
  display: none;
}
@media (min-width: 1200px) {
  .creation-entreprise-secteurs__card-cta {
    white-space: nowrap;
  }
  .creation-entreprise-secteurs__card-cta .btn__label {
    height: 1.3em;
    white-space: nowrap;
  }
  .creation-entreprise-secteurs__card-cta .btn__text-clone {
    display: block;
  }
}
.creation-entreprise-secteurs__card-cta {
  /* stylelint-enable selector-class-pattern */
}
.creation-entreprise-secteurs {
  /* stylelint-disable selector-class-pattern -- Splide's own BEM class names */
}
.creation-entreprise-secteurs .splide__arrow {
  position: absolute;
  inset-block-end: 0;
  width: 32px;
  height: 32px;
  padding: 0;
  background: center/contain no-repeat;
  border: 0;
  cursor: pointer;
  transition:
    transform 0.2s ease,
    opacity 0.2s ease;
}
.creation-entreprise-secteurs .splide__arrow svg {
  display: none;
}
.creation-entreprise-secteurs .splide__arrow:hover:not(:disabled) {
  transform: scale(1.06);
}
.creation-entreprise-secteurs .splide__arrow:disabled {
  cursor: default;
  opacity: 0.4;
}
.creation-entreprise-secteurs .splide__arrow--prev {
  inset-inline-start: var(--ce-gutter);
  background-image: url("/images/buttons/prev-btn.svg");
}
.creation-entreprise-secteurs .splide__arrow--next {
  inset-inline-end: var(--ce-gutter);
  background-image: url("/images/buttons/next-btn.svg");
}
.creation-entreprise-secteurs .splide__pagination {
  position: absolute;
  inset-block-end: 12px;
  inset-inline-start: 50%;
  display: flex;
  gap: 10px;
  margin: 0;
  padding: 0;
  transform: translateX(-50%);
}
.creation-entreprise-secteurs .splide__pagination li {
  line-height: 0;
  list-style: none;
}
.creation-entreprise-secteurs .splide__pagination__page {
  box-sizing: border-box;
  width: 7px;
  height: 7px;
  padding: 0;
  background: transparent;
  border: 1px solid #b2ed11;
  border-radius: 50%;
  cursor: pointer;
  transition: background-color 0.2s ease;
}
.creation-entreprise-secteurs .splide__pagination__page.is-active {
  background: #b2ed11;
  transform: none;
}
.creation-entreprise-secteurs {
  /* stylelint-enable selector-class-pattern */
}

.creation-entreprise-quand {
  position: relative;
  background-color: #e2ead0;
  padding-block: 80px;
}
@media (min-width: 1200px) {
  .creation-entreprise-quand {
    padding-block: 100px;
  }
}
.creation-entreprise-quand::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  background: linear-gradient(to bottom, #e2ead0, #b2ed11);
  border-end-start-radius: 20px;
  border-end-end-radius: 20px;
  pointer-events: none;
}
.creation-entreprise-quand__container {
  max-width: 1440px;
  padding-inline: 36px;
  margin-inline: auto;
}
@media (min-width: 576px) {
  .creation-entreprise-quand__container {
    padding-inline: 50px;
  }
}
@media (min-width: 1200px) {
  .creation-entreprise-quand__container {
    padding-inline: 80px;
  }
}
.creation-entreprise-quand__container {
  position: relative;
  z-index: 1;
}
.creation-entreprise-quand__intro {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 30px;
  text-align: center;
}
.creation-entreprise-quand__heading {
  --hcr-from: #483f1a;
  --hcr-mid: #b2ed11;
  --hcr-to: #282102;
  max-inline-size: 621px;
  margin-inline: auto;
  text-transform: uppercase;
  color: #282102;
}
.creation-entreprise-quand__lead {
  max-inline-size: 701px;
  margin-inline: auto;
}
.creation-entreprise-quand__lead p {
  color: #483f1a;
}
.creation-entreprise-quand__lead-strong {
  font-weight: 500;
  color: #282102;
}
.creation-entreprise-quand__card {
  display: flex;
  flex-direction: column;
  gap: 25px;
  padding: 10px;
  background-color: #f1f6e6;
  border-radius: 10px;
}
.creation-entreprise-quand__card-copy {
  display: flex;
  flex-direction: column;
  gap: 30px;
  padding: 30px;
}
.creation-entreprise-quand__card-title {
  text-transform: uppercase;
  color: #282102;
}
.creation-entreprise-quand__card-bottom {
  display: flex;
  flex-direction: column;
  gap: 30px;
}
.creation-entreprise-quand__card-body {
  color: #483f1a;
}
.creation-entreprise-quand__card-cta {
  align-self: flex-start;
}
.creation-entreprise-quand__card-media {
  flex: 0 0 auto;
  align-self: flex-end;
  inline-size: 253px;
  block-size: 265px;
  overflow: hidden;
  background-color: #f1f6e6;
  border-radius: 10px;
}
.creation-entreprise-quand__card-img {
  display: block;
  inline-size: 253px;
  block-size: 265px;
  -o-object-fit: cover;
  object-fit: cover;
}
.creation-entreprise-quand__viewport,
.creation-entreprise-quand__carousel {
  margin-block-start: 48px;
}
@media (min-width: 1200px) {
  .creation-entreprise-quand__viewport,
  .creation-entreprise-quand__carousel {
    margin-block-start: 80px;
  }
}
.creation-entreprise-quand__viewport {
  display: none;
  overflow: hidden;
}
.creation-entreprise-quand__track {
  display: flex;
  gap: 20px;
  inline-size: -moz-max-content;
  inline-size: max-content;
  will-change: transform;
}
.creation-entreprise-quand__carousel {
  position: relative;
  padding-block-end: 56px;
}
.creation-entreprise-quand__slide {
  block-size: auto;
}
@media (max-width: 1199px) {
  .creation-entreprise-quand__slide {
    display: flex;
    flex-direction: column;
  }
  .creation-entreprise-quand__card {
    flex: 1 1 auto;
    justify-content: space-between;
  }
}
@media (min-width: 1200px) {
  .creation-entreprise-quand {
    min-block-size: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    overflow-x: clip;
  }
  .creation-entreprise-quand__viewport {
    display: block;
    inline-size: 100vw;
    margin-inline: calc(50% - 50vw);
  }
  .creation-entreprise-quand__carousel {
    display: none;
  }
  .creation-entreprise-quand__track {
    padding-inline: max(80px, (100vw - 1440px) / 2 + 80px);
  }
  .creation-entreprise-quand__card {
    flex: 0 0 auto;
    flex-direction: row;
    align-items: flex-end;
    gap: 25px;
    inline-size: 738px;
    block-size: 350px;
  }
  .creation-entreprise-quand__card-copy {
    block-size: 100%;
    inline-size: 440px;
    justify-content: space-between;
    gap: 0;
  }
}
.creation-entreprise-quand {
  /* stylelint-disable selector-class-pattern -- Splide's own BEM class names */
}
.creation-entreprise-quand .splide__arrow {
  position: absolute;
  inset-block-end: 0;
  width: 32px;
  height: 32px;
  padding: 0;
  background: center/contain no-repeat;
  border: 0;
  cursor: pointer;
  transition:
    transform 0.2s ease,
    opacity 0.2s ease;
}
.creation-entreprise-quand .splide__arrow svg {
  display: none;
}
.creation-entreprise-quand .splide__arrow:hover:not(:disabled) {
  transform: scale(1.06);
}
.creation-entreprise-quand .splide__arrow:disabled {
  cursor: default;
  opacity: 0.4;
}
.creation-entreprise-quand .splide__arrow--prev {
  inset-inline-start: 0;
  background-image: url("/images/buttons/prev-btn.svg");
}
.creation-entreprise-quand .splide__arrow--next {
  inset-inline-end: 0;
  background-image: url("/images/buttons/next-btn.svg");
}
.creation-entreprise-quand .splide__pagination {
  position: absolute;
  inset-block-end: 8px;
  inset-inline-start: 50%;
  display: flex;
  gap: 10px;
  margin: 0;
  padding: 0;
  transform: translateX(-50%);
}
.creation-entreprise-quand .splide__pagination li {
  line-height: 0;
  list-style: none;
}
.creation-entreprise-quand .splide__pagination__page {
  box-sizing: border-box;
  width: 7px;
  height: 7px;
  padding: 0;
  background: transparent;
  border: 1px solid #282102;
  border-radius: 50%;
  cursor: pointer;
  transition: background-color 0.2s ease;
}
.creation-entreprise-quand .splide__pagination__page.is-active {
  background: #282102;
  transform: none;
}
.creation-entreprise-quand {
  /* stylelint-enable selector-class-pattern */
}

.creation-entreprise-teaser__container {
  inline-size: min(100% - 72px, 880px);
  margin-inline: auto;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 30px;
  padding-block: 64px;
}
@media (min-width: 576px) {
  .creation-entreprise-teaser__container {
    inline-size: calc(100% - 100px);
  }
}
@media (min-width: 744px) {
  .creation-entreprise-teaser__container {
    inline-size: 588px;
  }
}
@media (min-width: 1200px) {
  .creation-entreprise-teaser__container {
    inline-size: min(100% - 72px, 880px);
    padding-block-start: 250px;
    padding-block-end: 151px;
  }
}
.creation-entreprise-teaser__heading {
  --hcr-from: #483f1a;
  --hcr-mid: #b2ed11;
  --hcr-to: #282102;
  inline-size: 100%;
  margin: 0;
  text-transform: uppercase;
  color: #282102;
}
.creation-entreprise-teaser__actions {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 5px;
}

.creation-entreprise-cta {
  position: relative;
}
.creation-entreprise-cta__container {
  margin-inline: auto;
  padding-inline: 16px;
}
@media (min-width: 1200px) {
  .creation-entreprise-cta__container {
    padding-inline: 20px;
  }
}
.creation-entreprise-cta__panel {
  position: relative;
  overflow: hidden;
  border-radius: 20px;
  background-color: #282102;
}
.creation-entreprise-cta__inner {
  position: relative;
  max-inline-size: 1400px;
  margin-inline: auto;
}
.creation-entreprise-cta__content {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding: 40px 32px;
}
.creation-entreprise-cta__heading {
  --hcr-from: #483f1a;
  --hcr-mid: #b2ed11;
  --hcr-to: #e2ead0;
  --hcr-accent: #b2ed11;
  margin: 0;
  text-transform: uppercase;
  color: #e2ead0;
}
.creation-entreprise-cta__body p {
  margin: 0;
  color: #c7ccaa;
}
.creation-entreprise-cta__actions {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
}
.creation-entreprise-cta__media {
  position: relative;
  z-index: 1;
  display: block;
  width: 100%;
}
.creation-entreprise-cta__photo {
  display: block;
  width: 100%;
  height: auto;
}
@media (min-width: 744px) and (max-width: 1199px) {
  .creation-entreprise-cta__inner {
    min-height: 357px;
  }
  .creation-entreprise-cta__content {
    max-width: 320px;
    padding: 56px 0 40px 56px;
  }
  .creation-entreprise-cta__media {
    position: absolute;
    inset-inline-start: 50%;
    inset-block-end: 0;
    width: 58%;
  }
}
@media (min-width: 1200px) {
  .creation-entreprise-cta {
    padding-block-start: 99px;
  }
  .creation-entreprise-cta__panel {
    overflow: visible;
  }
  .creation-entreprise-cta__panel::after {
    content: "";
    position: absolute;
    z-index: 1;
    inset-block: 0;
    inset-inline-end: 0;
    width: 60px;
    border-radius: 0 20px 20px 0;
    background: linear-gradient(90deg, rgba(40, 33, 2, 0) 0%, #282102 82%);
    pointer-events: none;
  }
  .creation-entreprise-cta__inner {
    display: flex;
    align-items: flex-start;
    min-height: 357px;
  }
  .creation-entreprise-cta__content {
    max-width: 691px;
    gap: 25px;
    padding: 67px 0 67px 60px;
  }
  .creation-entreprise-cta__actions {
    flex-direction: row;
    gap: 5px;
    margin-block-start: 5px;
  }
  .creation-entreprise-cta__media {
    position: absolute;
    inset-inline-end: 0;
    inset-block-end: 0;
    width: 47.3%;
    aspect-ratio: 662/456;
  }
  .creation-entreprise-cta__photo {
    width: 100%;
    height: 100%;
    -o-object-fit: fill;
    object-fit: fill;
  }
}

.creation-entreprise-autres-cta {
  position: relative;
  overflow: hidden;
  background-color: #e2ead0;
}
.creation-entreprise-autres-cta__top {
  position: relative;
}
.creation-entreprise-autres-cta .creation-entreprise-teaser,
.creation-entreprise-autres-cta .creation-entreprise-cta {
  position: relative;
  z-index: 1;
}

.secteurs-hero {
  padding-block: 20px 0;
  padding-inline: 20px;
  background: #282102;
}
.secteurs-hero__container {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  background: #e2ead0;
  border-radius: 20px;
  overflow: hidden;
  padding-block-end: 10px;
}
@media (min-width: 1200px) {
  .secteurs-hero__container {
    flex-direction: row;
    align-items: stretch;
    block-size: calc(100vh - 40px);
    padding-block-end: 0;
  }
}
.secteurs-hero__bg {
  position: absolute;
  inset-block: 0;
  inset-inline-start: 0;
  inline-size: 100%;
  block-size: 100%;
  z-index: 0;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.secteurs-hero__bg img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: left center;
  object-position: left center;
}
@media (min-width: 1200px) {
  .secteurs-hero__bg img {
    -o-object-fit: contain;
    object-fit: contain;
  }
}
.secteurs-hero__content {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  gap: 30px;
  padding: 100px 30px 30px;
}
@media (min-width: 744px) {
  .secteurs-hero__content {
    padding-block-start: 125px;
    padding-inline: 70px;
  }
}
@media (min-width: 1200px) {
  .secteurs-hero__content {
    flex: 1;
    justify-content: flex-end;
    padding: 0 60px 60px;
  }
}
.secteurs-hero__heading {
  --hcr-from: #c7ccaa;
  --hcr-mid: #b2ed11;
  --hcr-to: #282102;
  margin: 0;
  max-width: 630px;
  color: #282102;
  text-transform: uppercase;
}
.secteurs-hero__intro {
  display: flex;
  flex-direction: column;
  gap: 1em;
  margin: 0;
  max-width: 630px;
}
.secteurs-hero__intro p {
  margin: 0;
  color: #483f1a;
}
.secteurs-hero__intro strong {
  color: #282102;
}
.secteurs-hero__visual {
  position: relative;
  z-index: 1;
  aspect-ratio: 562/517;
  inline-size: calc(100% - 20px);
  margin-inline: auto;
}
@media (min-width: 1200px) {
  .secteurs-hero__visual {
    position: absolute;
    inset-inline-end: 20px;
    inset-block-end: 20px;
    inline-size: 40.1%;
    margin-inline: 0;
  }
}
.secteurs-hero__picture {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 10px;
}
.secteurs-hero__image {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  border-radius: 10px;
  clip-path: inset(0 round 10px);
}
.secteurs-hero__tags {
  display: none;
  position: absolute;
  inset: 0;
  z-index: 3;
  margin: 0;
  padding: 0;
  list-style: none;
  pointer-events: none;
}
@media (min-width: 1200px) {
  .secteurs-hero__tags {
    display: block;
  }
}
.secteurs-hero__tags .tag-chip {
  position: absolute;
  inset-inline-start: var(--tag-x);
  inset-block-start: var(--tag-y);
}
@media (min-width: 1200px) {
  .secteurs-hero__tags .tag-chip {
    will-change: transform;
  }
  .secteurs-hero__tags .tag-chip:nth-child(1) {
    animation: secteurs-hero-tag-float-a 3.7s ease-in-out infinite;
  }
  .secteurs-hero__tags .tag-chip:nth-child(2) {
    animation: secteurs-hero-tag-float-b 4.3s ease-in-out infinite -0.8s;
  }
}

@keyframes secteurs-hero-tag-float-a {
  0%,
  100% {
    transform: translate(0, 0);
  }
  50% {
    transform: translate(4px, -9px);
  }
}
@keyframes secteurs-hero-tag-float-b {
  0%,
  100% {
    transform: translate(0, 0);
  }
  50% {
    transform: translate(-6px, 7px);
  }
}
@media (prefers-reduced-motion: reduce) {
  .secteurs-hero__tags .tag-chip {
    animation: none !important;
  }
}
.secteurs-intro {
  position: relative;
  z-index: 1;
  background: #e2ead0;
}
.secteurs-intro__panel {
  display: flex;
  flex-direction: column;
  background: #282102;
  border-end-start-radius: 20px;
  border-end-end-radius: 20px;
  padding-block: 0 80px;
}
@media (min-width: 1200px) {
  .secteurs-intro__panel {
    min-block-size: 100vh;
    padding-block: 0;
  }
}
.secteurs-intro__watermark {
  inline-size: 100%;
  margin-block-start: -3%;
  margin-block-end: 60px;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
@media (min-width: 1200px) {
  .secteurs-intro__watermark {
    margin-block-end: 0;
  }
}
.secteurs-intro__watermark img {
  display: block;
  inline-size: 100%;
  block-size: auto;
}
.secteurs-intro__container {
  max-width: 1440px;
  padding-inline: 36px;
  margin-inline: auto;
}
@media (min-width: 576px) {
  .secteurs-intro__container {
    padding-inline: 50px;
  }
}
@media (min-width: 1200px) {
  .secteurs-intro__container {
    padding-inline: 80px;
  }
}
.secteurs-intro__container {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 40px;
}
@media (min-width: 1200px) {
  .secteurs-intro__container {
    flex: 1;
    justify-content: center;
    gap: 60px;
  }
}
.secteurs-intro__tags {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 5px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.secteurs-intro__tags .tag-chip {
  background: #282102;
  border-color: #483f1a;
  color: #e2ead0;
}
.secteurs-intro__text {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 30px;
}
.secteurs-intro__heading {
  --hcr-from: #483f1a;
  --hcr-mid: #b2ed11;
  --hcr-to: #e2ead0;
  margin: 0;
  max-inline-size: 826px;
  text-transform: uppercase;
  line-height: 1.05;
  color: #e2ead0;
}
.secteurs-intro__lead {
  margin: 0;
  max-inline-size: 630px;
  color: #c7ccaa;
}
.secteurs-intro__lead .text--paragraphe-highlight {
  color: #f1f6e6;
}
.secteurs-intro__lead .text-accent {
  color: #b2ed11;
}

.secteurs-detail {
  position: relative;
  background-color: #e2ead0;
  padding-block-end: 80px;
  overflow-x: clip;
}
@media (min-width: 1200px) {
  .secteurs-detail {
    padding-block-end: 120px;
  }
}
.secteurs-detail::after {
  content: "";
  position: absolute;
  inset-inline: 0;
  inset-block-end: 0;
  block-size: 280px;
  z-index: 0;
  pointer-events: none;
  background: linear-gradient(to bottom, rgba(226, 234, 208, 0) 0%, #e2ead0 100%);
}
.secteurs-detail__bg {
  position: absolute;
  inset-block-start: 0;
  inset-inline-start: 0;
  block-size: 100vh;
  z-index: 0;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
@media (min-width: 1200px) {
  .secteurs-detail__bg {
    position: sticky;
    block-size: 0;
  }
}
.secteurs-detail__bg-img {
  display: block;
  block-size: 100%;
  inline-size: auto;
  max-width: none;
}
@media (min-width: 1200px) {
  .secteurs-detail__bg-img {
    position: absolute;
    inset-block-start: 0;
    inset-inline-start: 0;
    block-size: 100vh;
  }
}
.secteurs-detail__container {
  max-width: 1440px;
  padding-inline: 36px;
  margin-inline: auto;
}
@media (min-width: 576px) {
  .secteurs-detail__container {
    padding-inline: 50px;
  }
}
@media (min-width: 1200px) {
  .secteurs-detail__container {
    padding-inline: 80px;
  }
}
.secteurs-detail__container {
  position: relative;
  z-index: 1;
  padding-block-start: 80px;
}
@media (min-width: 1200px) {
  .secteurs-detail__container {
    padding-block-start: 120px;
  }
}
.secteurs-detail__sector {
  max-inline-size: 342px;
  margin-inline: auto;
}
.secteurs-detail__sector + .secteurs-detail__sector {
  margin-block-start: 90px;
}
@media (min-width: 744px) {
  .secteurs-detail__sector {
    max-inline-size: 540px;
  }
}
@media (min-width: 1200px) {
  .secteurs-detail__sector {
    position: relative;
    max-inline-size: 1180px;
    aspect-ratio: 1180/726;
  }
  .secteurs-detail__sector + .secteurs-detail__sector {
    margin-block-start: 200px;
  }
}
.secteurs-detail__title {
  margin: 0;
  text-box: normal;
  text-transform: uppercase;
  color: #282102;
}
@media (min-width: 1200px) {
  .secteurs-detail__title {
    position: absolute;
    inset-inline-start: 0;
    inset-block-start: 4.13%;
    inline-size: 31.78%;
  }
}
.secteurs-detail__box {
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding: 30px;
  border-radius: 20px;
  margin-block-start: 50px;
}
@media (min-width: 1200px) {
  .secteurs-detail__box {
    position: absolute;
    margin: 0;
    inline-size: 28.47%;
  }
}
.secteurs-detail__box-heading {
  margin: 0;
}
.secteurs-detail__box-body {
  margin: 0;
}
.secteurs-detail__box--maitrisons {
  background: #f1f6e6;
}
.secteurs-detail__box--maitrisons .secteurs-detail__box-heading {
  color: #282102;
}
@media (min-width: 1200px) {
  .secteurs-detail__box--maitrisons {
    inset-inline-start: 8.47%;
    inset-block-start: 51.1%;
  }
}
.secteurs-detail__list {
  margin: 0;
  color: #483f1a;
}
.secteurs-detail__box--plus {
  background: #b2ed11;
}
.secteurs-detail__box--plus .secteurs-detail__box-heading {
  color: #282102;
}
.secteurs-detail__box--plus .secteurs-detail__box-body {
  color: #483f1a;
}
@media (min-width: 1200px) {
  .secteurs-detail__box--plus {
    inset-inline-start: 71.53%;
    inset-block-start: 42.01%;
    min-block-size: 189px;
  }
}
.secteurs-detail__box--apportons {
  background: #282102;
  margin-block-start: 10px;
}
.secteurs-detail__box--apportons .secteurs-detail__box-heading {
  color: #e2ead0;
}
.secteurs-detail__box--apportons .secteurs-detail__box-body {
  color: #c7ccaa;
}
.secteurs-detail__box--apportons .secteurs-detail__list {
  color: #c7ccaa;
}
@media (min-width: 1200px) {
  .secteurs-detail__box--apportons {
    inset-inline-start: 52.46%;
    inset-block-start: 69.42%;
    margin-block-start: 0;
  }
}
.secteurs-detail__intro {
  margin: 0;
  margin-block-start: 50px;
  color: #483f1a;
}
.secteurs-detail__intro .text--paragraphe-highlight {
  color: #282102;
}
@media (min-width: 1200px) {
  .secteurs-detail__intro {
    position: absolute;
    margin: 0;
    inset-inline-start: 75.76%;
    inset-block-start: 2.75%;
    inline-size: 24.24%;
  }
}
.secteurs-detail__photo {
  margin-block-start: 10px;
  border-radius: 20px;
  overflow: hidden;
  aspect-ratio: 342/428;
  background: #282102;
}
@media (min-width: 1200px) {
  .secteurs-detail__photo {
    position: absolute;
    margin: 0;
    inset-inline-start: 37.8%;
    inset-block-start: 0;
    inline-size: 32.88%;
    aspect-ratio: 388/494;
  }
}
.secteurs-detail__picture,
.secteurs-detail__image {
  display: block;
  inline-size: 100%;
  block-size: 100%;
}
.secteurs-detail__image {
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}
.secteurs-detail__box--particularites {
  background: transparent;
  border: 1px solid #282102;
}
.secteurs-detail__box--particularites .secteurs-detail__box-heading {
  color: #282102;
}
.secteurs-detail__box--particularites .secteurs-detail__box-body {
  color: #483f1a;
}
.secteurs-detail__accordion {
  list-style: none;
  margin: 20px 0 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.secteurs-detail__accordion-trigger {
  inline-size: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 0;
  background: none;
  border: 0;
  cursor: pointer;
  text-align: start;
}
.secteurs-detail__accordion-label {
  color: #483f1a;
}
.secteurs-detail__accordion-chevron {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  inline-size: 32px;
  block-size: 32px;
  border-radius: 50%;
  background: #f1f6e6;
  border: 1px solid #e2ead0;
}
.secteurs-detail__accordion-chevron img {
  inline-size: 18px;
  block-size: 18px;
  transition: transform 0.3s ease;
}
.secteurs-detail__accordion-item.is-open .secteurs-detail__accordion-chevron img {
  transform: rotate(180deg);
}
.secteurs-detail__accordion-drawer {
  overflow: hidden;
}
.secteurs-detail__accordion-drawer-inner {
  padding-block-start: 10px;
  padding-block-end: 15px;
}
.secteurs-detail__band {
  display: contents;
}
@media (min-width: 1200px) {
  .secteurs-detail__sector--has-particularites {
    aspect-ratio: auto;
    min-block-size: 640px;
  }
  .secteurs-detail__sector--has-particularites .secteurs-detail__photo {
    inset-block-start: 120px;
    inset-inline-start: 0;
    inline-size: 30.68%;
    aspect-ratio: 362/197;
  }
  .secteurs-detail__sector--has-particularites .secteurs-detail__title {
    inset-block-start: 30px;
  }
  .secteurs-detail__sector--has-particularites .secteurs-detail__intro {
    inset-block-start: 20px;
  }
  .secteurs-detail__sector--has-particularites .secteurs-detail__box--maitrisons {
    inset-block-start: 371px;
  }
  .secteurs-detail__sector--has-particularites .secteurs-detail__band {
    display: flex;
    align-items: flex-start;
    gap: 10px;
  }
  .secteurs-detail__sector--has-particularites .secteurs-detail__box--particularites {
    position: static;
    flex: 0 0 32.88%;
    margin-inline-start: 37.8%;
  }
  .secteurs-detail__sector--has-particularites .secteurs-detail__box--plus {
    position: static;
    flex: 0 0 28.47%;
    align-self: flex-start;
  }
  .secteurs-detail__sector--has-particularites#secteur-street-food .secteurs-detail__box--plus {
    margin-block-start: 337px;
  }
  .secteurs-detail__sector--has-particularites#secteur-automobile .secteurs-detail__box--plus {
    margin-block-start: 267px;
  }
  .secteurs-detail__sector--has-particularites#secteur-football .secteurs-detail__box--plus {
    margin-block-start: 340px;
  }
  .secteurs-detail__sector--has-particularites#secteur-transport .secteurs-detail__box--plus {
    margin-block-start: 456px;
  }
  .secteurs-detail__sector--has-particularites .secteurs-detail__box--apportons {
    position: static;
    margin-inline-start: 52.46%;
    margin-block-start: 10px;
  }
}

.secteurs-autres-cta {
  position: relative;
  overflow: hidden;
  background-color: #e2ead0;
  padding-block: 60px 0;
}
@media (min-width: 1200px) {
  .secteurs-autres-cta {
    padding-block: 90px 0;
  }
}
.secteurs-autres-cta__container {
  padding-inline: 16px;
}
@media (min-width: 1200px) {
  .secteurs-autres-cta__container {
    padding-inline: 20px;
  }
}
.secteurs-autres-cta__teaser {
  position: relative;
  overflow: hidden;
  border-radius: 20px;
  background: linear-gradient(180deg, rgba(226, 234, 208, 0) 0%, #e2ead0 16.83%, #b2ed11 100%);
  padding: 50px 32px;
  margin-block-end: 20px;
}
@media (min-width: 1200px) {
  .secteurs-autres-cta__teaser {
    min-block-size: 531px;
    margin-block-end: -112px;
    padding-block: 163px 0;
    padding-inline: 20px;
  }
}
.secteurs-autres-cta__teaser-content {
  display: flex;
  flex-direction: column;
  gap: 30px;
  max-inline-size: 846px;
}
@media (min-width: 1200px) {
  .secteurs-autres-cta__teaser-content {
    margin-inline: auto;
  }
}
.secteurs-autres-cta__teaser-text {
  --hcr-from: #483f1a;
  --hcr-mid: #b2ed11;
  --hcr-to: #282102;
  margin: 0;
  text-transform: uppercase;
  color: #282102;
}
.secteurs-autres-cta__teaser-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
}
.secteurs-autres-cta__cta {
  position: relative;
}
.secteurs-autres-cta__panel {
  position: relative;
  overflow: hidden;
  border-radius: 20px;
  background-color: #282102;
}
.secteurs-autres-cta__inner {
  position: relative;
  max-inline-size: 1400px;
  margin-inline: auto;
}
.secteurs-autres-cta__content {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding: 40px 32px;
}
.secteurs-autres-cta__heading {
  --hcr-from: #483f1a;
  --hcr-mid: #b2ed11;
  --hcr-to: #e2ead0;
  --hcr-accent: #b2ed11;
  margin: 0;
  text-transform: uppercase;
  color: #e2ead0;
  line-height: 1.05;
}
.secteurs-autres-cta__body p {
  margin: 0;
  color: #c7ccaa;
}
.secteurs-autres-cta__body p .text--paragraphe-highlight {
  color: #f1f6e6;
}
.secteurs-autres-cta__actions {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
}
.secteurs-autres-cta__media {
  position: relative;
  z-index: 1;
  display: block;
  width: 100%;
}
.secteurs-autres-cta__photo {
  display: block;
  width: 100%;
  height: auto;
}
@media (min-width: 744px) and (max-width: 1199px) {
  .secteurs-autres-cta__inner {
    min-height: 357px;
  }
  .secteurs-autres-cta__content {
    max-width: 340px;
    padding: 56px 0 40px 56px;
  }
  .secteurs-autres-cta__media {
    position: absolute;
    inset-inline-start: 48%;
    inset-block-end: 0;
    width: 56%;
  }
}
@media (min-width: 1200px) {
  .secteurs-autres-cta__cta {
    padding-block-start: 132px;
  }
  .secteurs-autres-cta__panel {
    overflow: visible;
  }
  .secteurs-autres-cta__inner {
    display: flex;
    align-items: center;
    min-height: 357px;
  }
  .secteurs-autres-cta__content {
    max-width: 691px;
    gap: 25px;
    padding: 0 0 0 60px;
  }
  .secteurs-autres-cta__actions {
    flex-direction: row;
    gap: 5px;
    margin-block-start: 5px;
  }
  .secteurs-autres-cta__media {
    position: absolute;
    inset-inline-end: 0;
    inset-block-end: 0;
    width: 45.71%;
    aspect-ratio: 640/489;
  }
  .secteurs-autres-cta__photo {
    width: 100%;
    height: 100%;
    -o-object-fit: fill;
    object-fit: fill;
  }
}

.contact-hero {
  padding: 20px;
  background: #e2ead0;
}
.contact-hero__container {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  overflow: hidden;
  border-radius: 20px;
  padding-block: 240px;
  padding-inline: 24px;
  background: linear-gradient(180deg, #b2ed11 0%, #e2ead0 100%);
}
@media (min-width: 744px) {
  .contact-hero__container {
    padding-block: 240px 320px;
  }
}
@media (min-width: 1200px) {
  .contact-hero__container {
    min-block-size: calc(100vh - 40px);
    justify-content: center;
    padding-block: 200px;
  }
}
.contact-hero__decoration {
  position: absolute;
  inset-block-end: 0;
  inset-inline-start: 50%;
  transform: translateX(-50%);
  z-index: 0;
  block-size: 60vh;
  inline-size: auto;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.contact-hero__content {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  max-inline-size: 672px;
}
.contact-hero__heading {
  --hcr-from: #c7ccaa;
  --hcr-mid: #b2ed11;
  --hcr-to: #282102;
  color: #282102;
  text-transform: uppercase;
}
.contact-hero__intro {
  margin-block-start: 24px;
  color: #483f1a;
}
@media (min-width: 1200px) {
  .contact-hero__intro {
    margin-block-start: 40px;
  }
}
.contact-hero__intro .text--paragraphe-highlight {
  color: #282102;
}

.contact-collectif {
  --cc-radius: 20px;
  --cc-inset: 20px;
  --cc-bleed: 320px;
  position: relative;
  padding-block-start: 0;
  margin-block-start: -50px;
  margin-block-end: calc(-1 * var(--cc-bleed));
}
@media (min-width: 744px) {
  .contact-collectif {
    --cc-bleed: 270px;
    margin-block-start: -20px;
  }
}
@media (min-width: 1200px) {
  .contact-collectif {
    --cc-bleed: 280px;
  }
}
.contact-collectif::before {
  content: "";
  position: absolute;
  inset-block-start: 0;
  inset-inline: 0;
  inset-block-end: 0;
  z-index: -1;
  background-color: #e2ead0;
}
.contact-collectif__bg {
  position: absolute;
  inset-block-start: 0;
  inset-inline: var(--cc-inset);
  inset-block-end: calc(var(--cc-inset) + var(--cc-bleed));
  z-index: 0;
  background-color: #282102;
  border-radius: var(--cc-radius);
}
.contact-collectif__watermark-wrap {
  position: relative;
  z-index: 1;
  margin-inline: var(--cc-inset);
  overflow: clip;
  border-radius: var(--cc-radius) var(--cc-radius) 0 0;
  line-height: 0;
}
.contact-collectif__watermark {
  display: block;
  inline-size: 100%;
  block-size: auto;
  max-width: none;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.contact-collectif__inner {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  min-block-size: 240px;
  padding-block-start: 100px;
  padding-inline: calc(var(--cc-inset) + 40px);
  padding-block-end: var(--cc-inset);
}
@media (min-width: 744px) {
  .contact-collectif__inner {
    min-block-size: 280px;
    padding-inline: calc(var(--cc-inset) + 70px);
  }
}
@media (min-width: 1200px) {
  .contact-collectif__inner {
    min-block-size: 320px;
    padding-block-start: 150px;
    padding-inline: 0;
  }
}
.contact-collectif__title {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 24px;
  max-inline-size: 556px;
}
@media (min-width: 1200px) {
  .contact-collectif__title {
    gap: 30px;
  }
}
.contact-collectif__heading {
  max-inline-size: 536px;
  --hcr-from: #483f1a;
  --hcr-mid: #b2ed11;
  --hcr-to: #e2ead0;
  margin: 0;
  color: #e2ead0;
  text-transform: uppercase;
  text-box: normal;
  line-height: 0.95;
}
.contact-collectif__desc {
  margin: 0;
  max-inline-size: 430px;
  color: #e2ead0;
}
.contact-collectif__desc .text--paragraphe-highlight {
  color: #f1f6e6;
}
.contact-collectif__form-wrap {
  position: relative;
  z-index: 1;
  inline-size: 100%;
  max-inline-size: 659px;
  margin-inline: auto;
  margin-block-start: 50px;
  background-color: #f1f6e6;
  border-radius: 20px;
  padding: 24px;
  text-align: left;
}
@media (min-width: 744px) {
  .contact-collectif__form-wrap {
    padding: 40px;
  }
}
@media (min-width: 1200px) {
  .contact-collectif__form-wrap {
    margin-block-start: 90px;
    padding: 50px;
  }
}
.contact-collectif__form-wrap .rsform-submit-button.btn--lime::before {
  background-color: #282102;
}
.contact-collectif__form-wrap .rsform-submit-button.btn .btn__text-clone {
  color: #f1f6e6;
}
.contact-collectif__form-title {
  margin: 0 0 40px;
  color: #282102;
  font-family: "paralucent", sans-serif;
  font-weight: 600;
  font-size: 30px;
  line-height: 30px;
  letter-spacing: -0.9px;
  text-align: center;
}

.contact-cabinets {
  --cab-photo-inset: 12px;
  --cab-photo-below-card: 120px;
  --cab-head-gap: 40px;
  --cab-card-max: 100%;
  --cab-s2-reserve: 304px;
  --cab-s2-breathing: 60px;
  position: relative;
  overflow: clip;
  background-color: #e2ead0;
  padding-block-start: calc(var(--cab-s2-reserve) + var(--cab-s2-breathing));
}
@media (min-width: 744px) {
  .contact-cabinets {
    --cab-photo-inset: 20px;
    --cab-photo-below-card: 240px;
    --cab-head-gap: 60px;
    --cab-card-max: 631px;
    --cab-s2-reserve: 250px;
  }
}
@media (min-width: 1200px) {
  .contact-cabinets {
    --cab-photo-below-card: 331px;
    --cab-s2-reserve: 260px;
    --cab-s2-breathing: 170px;
  }
}
.contact-cabinets__photo {
  position: absolute;
  inset-block-end: 0;
  inset-inline-start: var(--cab-photo-inset);
  inline-size: calc(100% - 2 * var(--cab-photo-inset));
  z-index: 0;
  aspect-ratio: 1400/861;
  max-block-size: 861px;
  border-radius: 20px;
  overflow: clip;
}
@media (min-width: 1200px) {
  .contact-cabinets__photo::after {
    content: "";
    position: absolute;
    inset-block-start: 0;
    inset-inline: 0;
    block-size: 160px;
    background: linear-gradient(to bottom, #e2ead0, rgba(226, 234, 208, 0));
    pointer-events: none;
  }
}
.contact-cabinets__photo-img {
  display: block;
  inline-size: 100%;
  block-size: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: bottom center;
  object-position: bottom center;
  max-width: none;
}
.contact-cabinets__inner {
  max-width: 1440px;
  padding-inline: 36px;
  margin-inline: auto;
}
@media (min-width: 576px) {
  .contact-cabinets__inner {
    padding-inline: 50px;
  }
}
@media (min-width: 1200px) {
  .contact-cabinets__inner {
    padding-inline: 80px;
  }
}
.contact-cabinets__inner {
  position: relative;
  z-index: 1;
  padding-block-end: var(--cab-photo-below-card);
}
.contact-cabinets__head {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 25px;
  margin-inline: auto;
  margin-block-end: var(--cab-head-gap);
  text-align: center;
}
@media (min-width: 1200px) {
  .contact-cabinets__head {
    max-inline-size: 586px;
  }
}
.contact-cabinets__heading {
  --hcr-from: rgba(40, 33, 2, 0.4);
  --hcr-mid: #b2ed11;
  --hcr-to: #282102;
  margin: 0;
  color: #282102;
  text-transform: uppercase;
  text-box: normal;
  line-height: 0.95;
}
.contact-cabinets__subtitle {
  margin: 0;
  color: #483f1a;
}
.contact-cabinets__card {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  gap: 10px;
  inline-size: 100%;
  max-inline-size: var(--cab-card-max);
  margin-inline: auto;
}
.contact-cabinets__cabinets {
  display: flex;
  flex-direction: column;
  gap: 45px;
  background-color: #f1f6e6;
  border-radius: 20px;
  padding: 30px;
}
@media (min-width: 744px) {
  .contact-cabinets__cabinets {
    flex-direction: row;
  }
}
.contact-cabinets__cabinet {
  display: flex;
  flex: 1 1 0;
  min-inline-size: 0;
  flex-direction: column;
  gap: 20px;
}
.contact-cabinets__cabinet-name {
  margin: 0;
  color: #282102;
}
.contact-cabinets__cabinet-body {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.contact-cabinets__cabinet-body p {
  margin: 0;
  color: #483f1a;
}
.contact-cabinets__phone {
  align-self: flex-start;
  display: inline-flex;
  align-items: center;
  background-color: #b2ed11;
  border: 1px solid #b2ed11;
  border-radius: 63px;
  padding: 9px 13px 10px;
  color: #282102;
  font-family: "paralucent", sans-serif;
  font-weight: 400;
  font-size: 15px;
  line-height: 1;
  white-space: nowrap;
  text-decoration: none;
  transition:
    background-color 0.2s ease,
    border-color 0.2s ease,
    color 0.2s ease;
}
.contact-cabinets__phone:hover,
.contact-cabinets__phone:focus-visible {
  background-color: #282102;
  border-color: #282102;
  color: #b2ed11;
}
.contact-cabinets__newsletter {
  display: flex;
  flex-direction: column;
  gap: 30px;
  background-color: #b2ed11;
  border-radius: 20px;
  padding: 30px;
}
.contact-cabinets__newsletter-heading {
  margin: 0;
  color: #282102;
  text-transform: uppercase;
}
.contact-cabinets__newsletter-form {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.contact-cabinets__fields {
  display: grid;
  grid-template-columns: 1fr;
  gap: 5px;
}
@media (min-width: 744px) {
  .contact-cabinets__fields {
    grid-template-columns: 1fr 1fr;
  }
}
@media (min-width: 744px) {
  .contact-cabinets__field--full {
    grid-column: 1/-1;
  }
}
.contact-cabinets__input {
  inline-size: 100%;
  box-sizing: border-box;
  background-color: #e2ead0;
  border: 0;
  border-radius: 4px;
  padding: 12px;
  color: #282102;
  font-family: "paralucent", sans-serif;
  font-weight: 300;
  font-size: 19px;
  line-height: 19px;
}
.contact-cabinets__input::-moz-placeholder {
  color: #282102;
  opacity: 1;
}
.contact-cabinets__input::placeholder {
  color: #282102;
  opacity: 1;
}
.contact-cabinets__submit {
  align-self: flex-start;
  background-color: #282102;
  border: 0;
  border-radius: 3px;
  padding: 10px 12px 11px;
  color: #f1f6e6;
  font-family: "paralucent", sans-serif;
  font-weight: 500;
  font-size: 17px;
  line-height: 17px;
  cursor: pointer;
}

.contact-rdv {
  --rdv-radius: 20px;
  --rdv-inset: 20px;
  position: relative;
  background-color: #e2ead0;
  padding-block: var(--rdv-inset) 10px;
}
.contact-rdv__bg {
  position: absolute;
  inset: var(--rdv-inset);
  inset-block-end: 10px;
  z-index: 0;
  background-color: #282102;
  border-radius: var(--rdv-radius);
}
.contact-rdv__watermark-wrap {
  position: relative;
  z-index: 1;
  margin-inline: var(--rdv-inset);
  overflow: clip;
  border-radius: var(--rdv-radius) var(--rdv-radius) 0 0;
  line-height: 0;
}
.contact-rdv__watermark {
  display: block;
  inline-size: 100%;
  block-size: auto;
  max-width: none;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.contact-rdv__inner {
  position: relative;
  z-index: 1;
  padding-block-start: 100px;
  padding-block-end: 60px;
  padding-inline: calc(var(--rdv-inset) + 40px);
}
@media (min-width: 744px) {
  .contact-rdv__inner {
    padding-inline: calc(var(--rdv-inset) + 70px);
  }
}
@media (min-width: 1200px) {
  .contact-rdv__inner {
    padding-block-start: 150px;
    padding-block-end: 150px;
    padding-inline: 0;
  }
}
.contact-rdv__content {
  max-inline-size: 1064px;
  margin-inline: auto;
  display: flex;
  flex-direction: column;
  gap: 40px;
}
@media (min-width: 1200px) {
  .contact-rdv__content {
    flex-direction: row;
    align-items: flex-start;
    gap: 0;
  }
}
.contact-rdv__col--main {
  display: flex;
  flex-direction: column;
  gap: 30px;
}
@media (min-width: 1200px) {
  .contact-rdv__col--main {
    flex: 0 1 683px;
    max-inline-size: 683px;
  }
}
.contact-rdv__col--aside {
  display: flex;
  flex-direction: column;
  gap: 30px;
  align-items: flex-start;
}
@media (min-width: 1200px) {
  .contact-rdv__col--aside {
    flex: 0 0 381px;
  }
}
.contact-rdv__aside-text {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.contact-rdv__heading {
  max-inline-size: 683px;
  --hcr-from: #483f1a;
  --hcr-mid: #b2ed11;
  --hcr-to: #e2ead0;
  margin: 0;
  color: #e2ead0;
  text-transform: uppercase;
  text-box: normal;
  line-height: 0.95;
}
.contact-rdv__body {
  margin: 0;
  max-inline-size: 517px;
  color: #e2ead0;
}
.contact-rdv__body .text--paragraphe-highlight {
  color: #f1f6e6;
}
.contact-rdv__aside-heading {
  margin: 0;
  color: #f1f6e6;
}
.contact-rdv__aside-body {
  margin: 0;
  color: #e2ead0;
}

.contact-recrutement {
  background-color: #e2ead0;
  padding-block-start: 80px;
  padding-block-end: 80px;
}
@media (min-width: 744px) {
  .contact-recrutement {
    padding-block-start: 120px;
    padding-block-end: 120px;
  }
}
@media (min-width: 1200px) {
  .contact-recrutement {
    padding-block-start: 160px;
    padding-block-end: 160px;
  }
}
.contact-recrutement__container {
  max-width: 1440px;
  padding-inline: 36px;
  margin-inline: auto;
}
@media (min-width: 576px) {
  .contact-recrutement__container {
    padding-inline: 50px;
  }
}
@media (min-width: 1200px) {
  .contact-recrutement__container {
    padding-inline: 80px;
  }
}
.contact-recrutement__inner {
  max-inline-size: 846px;
  margin-inline: auto;
  display: flex;
  flex-direction: column;
  gap: 40px;
}
@media (min-width: 1200px) {
  .contact-recrutement__inner {
    gap: 68px;
  }
}
.contact-recrutement__intro {
  display: flex;
  flex-direction: column;
  gap: 30px;
}
.contact-recrutement__heading {
  margin: 0;
  color: #282102;
  text-transform: uppercase;
}
.contact-recrutement__intro-body {
  margin: 0;
  color: #483f1a;
}
.contact-recrutement__intro-body .text--paragraphe-highlight {
  color: #282102;
}
.contact-recrutement__cta {
  display: flex;
  flex-direction: column;
  gap: 30px;
  align-items: flex-start;
}
.contact-recrutement__cta-text {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.contact-recrutement__cta-heading {
  margin: 0;
  color: #282102;
}
.contact-recrutement__cta-note {
  margin: 0;
  color: #483f1a;
}

/* stylelint-disable selector-class-pattern -- RSForm Pro + Bootstrap class names
   (.formControls, .formContainer, .rsformError, .formNoError, .form-check, …) are
   third-party markup, not project BEM. */
.rsform {
  --field-radius: 4px;
  --field-gap: 5px;
}
.rsform .formContainer {
  width: 100%;
}
.rsform .rsform-block {
  margin-block-end: var(--field-gap);
  align-items: stretch;
}
.rsform .formContainer > .row {
  --bs-gutter-x: var(--field-gap);
  --bs-gutter-y: 0;
}
.rsform .formControlLabel {
  display: none;
}
.rsform .formControls {
  flex: 0 0 100%;
  max-width: 100%;
  width: 100%;
}
.rsform input.rsform-input-box,
.rsform textarea.rsform-text-box {
  width: 100%;
  height: auto;
  box-sizing: border-box;
  background-color: #e2ead0;
  color: #282102;
  font-family: "paralucent", sans-serif;
  font-weight: 300;
  font-size: 19px;
  line-height: 19px;
  border: 1px solid transparent;
  border-radius: var(--field-radius);
  padding-inline: 12px;
  box-shadow: none;
  transition: border-color 0.18s ease;
}
.rsform input.rsform-input-box::-moz-placeholder,
.rsform textarea.rsform-text-box::-moz-placeholder {
  color: #282102;
  opacity: 1;
}
.rsform input.rsform-input-box::placeholder,
.rsform textarea.rsform-text-box::placeholder {
  color: #282102;
  opacity: 1;
}
.rsform input.rsform-input-box:focus,
.rsform input.rsform-input-box:focus-visible,
.rsform textarea.rsform-text-box:focus,
.rsform textarea.rsform-text-box:focus-visible {
  outline: none;
  border-color: #b2ed11;
  background-color: #e2ead0;
}
.rsform input.rsform-input-box {
  height: 36px;
}
.rsform textarea.rsform-text-box {
  min-height: 105px;
  padding-block: 12px;
  resize: vertical;
}
.rsform input[type="number"].rsform-input-box {
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  appearance: textfield;
}
.rsform input[type="number"].rsform-input-box::-webkit-outer-spin-button,
.rsform input[type="number"].rsform-input-box::-webkit-inner-spin-button {
  -webkit-appearance: none;
  appearance: none;
  margin: 0;
}
.rsform .iti {
  display: block;
  width: 100%;
}
.rsform input.rsform-input-box.is-invalid,
.rsform textarea.rsform-text-box.is-invalid {
  background-color: #b2ed11;
  background-image: none;
  border-color: #b2ed11;
  color: #282102;
}
.rsform input.rsform-input-box.is-invalid::-moz-placeholder,
.rsform textarea.rsform-text-box.is-invalid::-moz-placeholder {
  color: #282102;
}
.rsform input.rsform-input-box.is-invalid::placeholder,
.rsform textarea.rsform-text-box.is-invalid::placeholder {
  color: #282102;
}
.rsform input.rsform-input-box.is-invalid:focus,
.rsform input.rsform-input-box.is-invalid:focus-visible,
.rsform textarea.rsform-text-box.is-invalid:focus,
.rsform textarea.rsform-text-box.is-invalid:focus-visible {
  border-color: #b2ed11;
  background-color: #b2ed11;
  box-shadow: none;
}
.rsform .formValidation .formError {
  display: block;
  margin-block-start: 4px;
  color: #282102;
  font-family: "paralucent", sans-serif;
  font-size: 13px;
  line-height: 1.2;
}
.rsform .formRed {
  margin: 0 0 12px;
  padding: 10px 14px;
  border-radius: 4px;
  border-inline-start: 3px solid #b2ed11;
  background-color: #e2ead0;
  color: #282102;
  font-family: "paralucent", sans-serif;
  font-weight: 600;
  font-size: 15px;
  line-height: 1.3;
}
.rsform .formNoError {
  display: none;
}
.rsform .rsform-block.rsform-type-submitbutton .formControls {
  display: flex;
  justify-content: flex-start;
}

/* stylelint-disable selector-class-pattern -- RSForm Pro + Bootstrap class names
   (.formControls, .form-check, .rsform-checkbox, …) are third-party markup, not project BEM. */
.rsform--contact .rsform-block-consent {
  margin-block-start: 20px;
  /* stylelint-disable selector-class-pattern -- RSForm Pro + Bootstrap class names */
}
.rsform--contact .rsform-block-consent input.rsform-checkbox {
  flex: 0 0 auto;
  inline-size: 18px;
  block-size: 18px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
  background-color: transparent;
  border: 1px solid #282102;
  border-radius: 50%;
  box-shadow: none;
}
.rsform--contact .rsform-block-consent input.rsform-checkbox:checked {
  background-color: #282102;
  border-color: #282102;
}
.rsform--contact .rsform-block-consent label.form-check-label {
  margin: 0;
  color: #3f1906;
  font-family: "paralucent", sans-serif;
  font-weight: 300;
  font-size: 19px;
  line-height: 1;
  cursor: pointer;
}
.rsform--contact .rsform-block-consent {
  /* stylelint-enable selector-class-pattern */
}
.rsform--contact .rsform-block-consent .formControls {
  display: flex;
}
.rsform--contact .rsform-block-consent .form-check {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 0;
  padding: 0;
}
.rsform--contact .rsform-block-consent input.rsform-checkbox {
  margin: 0;
}
.rsform--contact .rsform-block-send {
  margin-block-start: 20px;
}
.rsform--contact button.rsform-submit-button.btn {
  background-color: #b2ed11;
  border-color: #a9e700;
}
.rsform--contact button.rsform-submit-button.btn:hover,
.rsform--contact button.rsform-submit-button.btn:focus {
  background-color: #b2ed11;
}

/* stylelint-disable selector-class-pattern -- RSForm Pro + Bootstrap class names
   (.formControls, .form-check, .rsform-radio, .rsform-button, …) are third-party markup. */
.rsform--premier-rdv {
  background-color: #f1f6e6;
  border-radius: 20px;
  max-inline-size: 659px;
  margin-inline: auto;
  padding: 24px;
  display: flex;
  flex-direction: column;
}
@media (min-width: 744px) {
  .rsform--premier-rdv {
    padding: 40px;
  }
}
@media (min-width: 1200px) {
  .rsform--premier-rdv {
    padding: 50px;
    min-block-size: 513px;
  }
}
.rsform--premier-rdv .formContainer {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
}
.rsform--premier-rdv .formContainer.formHidden {
  display: none;
}
.rsform--premier-rdv .formContainer > .row:last-child {
  flex: 1 1 auto;
}
.rsform--premier-rdv .formContainer > .row:last-child > [class*="col-"] {
  display: flex;
  flex-direction: column;
}
.rsform--premier-rdv .rsform-block.rsform-type-pagebreak,
.rsform--premier-rdv .rsform-block.rsform-type-submitbutton {
  margin-block-start: auto;
  margin-block-end: 0;
}
.rsform--premier-rdv .rsform-block.rsform-type-freetext {
  margin-block-end: 40px;
}
.rsform--premier-rdv .rsform-step__label {
  margin: 0;
  color: #483f1a;
  font-family: "paralucent", sans-serif;
  font-weight: 300;
  font-size: 19px;
  line-height: 1;
}
.rsform--premier-rdv .rsform-step__title {
  margin: 15px 0 0;
  color: #282102;
  font-family: "paralucent", sans-serif;
  font-weight: 600;
  font-size: 30px;
  line-height: 1;
  letter-spacing: -0.03em;
}
.rsform--premier-rdv .rsform-step__intro {
  margin: 25px 0 0;
  color: #483f1a;
  font-family: "paralucent", sans-serif;
  font-weight: 300;
  font-size: 19px;
  line-height: 1;
}
.rsform--premier-rdv .rsform-block-besoin .formControlLabel {
  display: none;
}
.rsform--premier-rdv .rsform-block-besoin .form-check,
.rsform--premier-rdv .rsform-block-besoinfinancement .form-check,
.rsform--premier-rdv .rsform-block-formejuridique .form-check,
.rsform--premier-rdv .rsform-block-dejaengagecabinet .form-check,
.rsform--premier-rdv .rsform-block-dejaentreprises .form-check,
.rsform--premier-rdv .rsform-block-commentconnu .form-check {
  display: flex;
  align-items: center;
  gap: 12px;
  min-block-size: 36px;
  margin: 0 0 5px;
  padding: 5px;
  background-color: #e2ead0;
  border-radius: 4px;
}
.rsform--premier-rdv .rsform-block-besoin input.rsform-radio,
.rsform--premier-rdv .rsform-block-besoin input.rsform-checkbox,
.rsform--premier-rdv .rsform-block-besoinfinancement input.rsform-radio,
.rsform--premier-rdv .rsform-block-besoinfinancement input.rsform-checkbox,
.rsform--premier-rdv .rsform-block-formejuridique input.rsform-radio,
.rsform--premier-rdv .rsform-block-formejuridique input.rsform-checkbox,
.rsform--premier-rdv .rsform-block-dejaengagecabinet input.rsform-radio,
.rsform--premier-rdv .rsform-block-dejaengagecabinet input.rsform-checkbox,
.rsform--premier-rdv .rsform-block-dejaentreprises input.rsform-radio,
.rsform--premier-rdv .rsform-block-dejaentreprises input.rsform-checkbox,
.rsform--premier-rdv .rsform-block-commentconnu input.rsform-radio,
.rsform--premier-rdv .rsform-block-commentconnu input.rsform-checkbox {
  flex: 0 0 auto;
  inline-size: 26px;
  block-size: 26px;
  margin: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
  background-color: #b2ed11;
  border: 1px solid #b2ed11;
  border-radius: 5px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18'%3E%3Crect x='3.5' y='3.5' width='11' height='11' rx='1.5' fill='none' stroke='%23282102'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  transition: background-image 0.15s ease;
}
.rsform--premier-rdv .rsform-block-besoin input.rsform-radio:checked,
.rsform--premier-rdv .rsform-block-besoin input.rsform-checkbox:checked,
.rsform--premier-rdv .rsform-block-besoinfinancement input.rsform-radio:checked,
.rsform--premier-rdv .rsform-block-besoinfinancement input.rsform-checkbox:checked,
.rsform--premier-rdv .rsform-block-formejuridique input.rsform-radio:checked,
.rsform--premier-rdv .rsform-block-formejuridique input.rsform-checkbox:checked,
.rsform--premier-rdv .rsform-block-dejaengagecabinet input.rsform-radio:checked,
.rsform--premier-rdv .rsform-block-dejaengagecabinet input.rsform-checkbox:checked,
.rsform--premier-rdv .rsform-block-dejaentreprises input.rsform-radio:checked,
.rsform--premier-rdv .rsform-block-dejaentreprises input.rsform-checkbox:checked,
.rsform--premier-rdv .rsform-block-commentconnu input.rsform-radio:checked,
.rsform--premier-rdv .rsform-block-commentconnu input.rsform-checkbox:checked {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18'%3E%3Crect x='3.5' y='3.5' width='11' height='11' rx='1.5' fill='none' stroke='%23282102'/%3E%3Crect x='5.5' y='5.5' width='7' height='7' rx='1' fill='%23282102'/%3E%3C/svg%3E");
}
.rsform--premier-rdv .rsform-block-besoin input.rsform-radio:focus-visible,
.rsform--premier-rdv .rsform-block-besoin input.rsform-checkbox:focus-visible,
.rsform--premier-rdv .rsform-block-besoinfinancement input.rsform-radio:focus-visible,
.rsform--premier-rdv .rsform-block-besoinfinancement input.rsform-checkbox:focus-visible,
.rsform--premier-rdv .rsform-block-formejuridique input.rsform-radio:focus-visible,
.rsform--premier-rdv .rsform-block-formejuridique input.rsform-checkbox:focus-visible,
.rsform--premier-rdv .rsform-block-dejaengagecabinet input.rsform-radio:focus-visible,
.rsform--premier-rdv .rsform-block-dejaengagecabinet input.rsform-checkbox:focus-visible,
.rsform--premier-rdv .rsform-block-dejaentreprises input.rsform-radio:focus-visible,
.rsform--premier-rdv .rsform-block-dejaentreprises input.rsform-checkbox:focus-visible,
.rsform--premier-rdv .rsform-block-commentconnu input.rsform-radio:focus-visible,
.rsform--premier-rdv .rsform-block-commentconnu input.rsform-checkbox:focus-visible {
  outline: 2px solid #282102;
  outline-offset: 1px;
}
.rsform--premier-rdv .rsform-block-besoin label.form-check-label,
.rsform--premier-rdv .rsform-block-besoinfinancement label.form-check-label,
.rsform--premier-rdv .rsform-block-formejuridique label.form-check-label,
.rsform--premier-rdv .rsform-block-dejaengagecabinet label.form-check-label,
.rsform--premier-rdv .rsform-block-dejaentreprises label.form-check-label,
.rsform--premier-rdv .rsform-block-commentconnu label.form-check-label {
  margin: 0;
  color: #282102;
  font-family: "paralucent", sans-serif;
  font-weight: 300;
  font-size: 19px;
  line-height: 1.1;
  cursor: pointer;
}
.rsform--premier-rdv .rsform-block-consentement {
  margin-block-start: 15px;
  margin-block-end: 20px;
  /* stylelint-disable selector-class-pattern -- RSForm Pro + Bootstrap class names */
}
.rsform--premier-rdv .rsform-block-consentement input.rsform-checkbox {
  flex: 0 0 auto;
  inline-size: 18px;
  block-size: 18px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
  background-color: transparent;
  border: 1px solid #282102;
  border-radius: 50%;
  box-shadow: none;
}
.rsform--premier-rdv .rsform-block-consentement input.rsform-checkbox:checked {
  background-color: #282102;
  border-color: #282102;
}
.rsform--premier-rdv .rsform-block-consentement label.form-check-label {
  margin: 0;
  color: #3f1906;
  font-family: "paralucent", sans-serif;
  font-weight: 300;
  font-size: 19px;
  line-height: 1;
  cursor: pointer;
}
.rsform--premier-rdv .rsform-block-consentement {
  /* stylelint-enable selector-class-pattern */
}
.rsform--premier-rdv .rsform-block-consentement .form-check {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  margin: 0;
  padding: 0;
}
.rsform--premier-rdv .rsform-block-consentement input.rsform-checkbox {
  margin: 3px 0 0;
}
.rsform--premier-rdv .rsform-block-consentement a {
  color: #282102;
}
.rsform--premier-rdv .rsform-button.btn,
.rsform--premier-rdv .rsform-button-prev.btn,
.rsform--premier-rdv .rsform-submit-button.btn {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  inline-size: auto;
  width: auto;
  block-size: 32px;
  margin-block-start: 0;
  margin-inline-end: 5px;
  padding: 0 12px;
  border-radius: 3px;
  font-family: "paralucent", sans-serif;
  font-weight: 400;
  font-size: 17px;
  line-height: 1;
  box-shadow: none;
}
.rsform--premier-rdv .formControls.btn-group {
  justify-content: flex-start;
}
.rsform--premier-rdv .rsform-button.btn,
.rsform--premier-rdv .rsform-button-prev.btn {
  background-color: #b2ed11;
  border: 1px solid #a9e700;
  color: #282102;
}
.rsform--premier-rdv .rsform-button.btn:hover,
.rsform--premier-rdv .rsform-button.btn:focus,
.rsform--premier-rdv .rsform-button-prev.btn:hover,
.rsform--premier-rdv .rsform-button-prev.btn:focus {
  background-color: #a9e700;
  border-color: #a9e700;
  color: #282102;
}
.rsform--premier-rdv .rsform-submit-button.btn {
  background-color: #282102;
  border: 1px solid #282102;
  color: #f1f6e6;
}
.rsform--premier-rdv .rsform-submit-button.btn:hover,
.rsform--premier-rdv .rsform-submit-button.btn:focus {
  background-color: #483f1a;
  border-color: #483f1a;
  color: #f1f6e6;
}
.rsform--premier-rdv .rsform-block-besoinfinancement,
.rsform--premier-rdv .rsform-block-formejuridique,
.rsform--premier-rdv .rsform-block-dejaengagecabinet,
.rsform--premier-rdv .rsform-block-dejaentreprises,
.rsform--premier-rdv .rsform-block-motifchangement,
.rsform--premier-rdv .rsform-block-decrivezbesoin,
.rsform--premier-rdv .rsform-block-decrivezdemandespecifique,
.rsform--premier-rdv .rsform-block-commentconnu,
.rsform--premier-rdv .rsform-block-parqui {
  margin-block-start: 12px;
}
.rsform--premier-rdv .rsform-block-besoinfinancement .formControlLabel,
.rsform--premier-rdv .rsform-block-formejuridique .formControlLabel,
.rsform--premier-rdv .rsform-block-dejaengagecabinet .formControlLabel,
.rsform--premier-rdv .rsform-block-dejaentreprises .formControlLabel,
.rsform--premier-rdv .rsform-block-motifchangement .formControlLabel,
.rsform--premier-rdv .rsform-block-decrivezbesoin .formControlLabel,
.rsform--premier-rdv .rsform-block-decrivezdemandespecifique .formControlLabel,
.rsform--premier-rdv .rsform-block-commentconnu .formControlLabel,
.rsform--premier-rdv .rsform-block-parqui .formControlLabel {
  display: block;
  margin-block-end: 12px;
  color: #282102;
  font-family: "paralucent", sans-serif;
  font-weight: 300;
  font-size: 19px;
  line-height: 1;
}
.rsform--premier-rdv .formControlLabel:has(.formRequired) .formRequired {
  display: none;
}
.rsform--premier-rdv .formControlLabel:has(.formRequired)::after {
  content: "*";
}
.rsform--premier-rdv .rsform-cond-hidden {
  display: none !important;
}

/* stylelint-disable selector-class-pattern -- nested RSForm markup appears under __col--form. */
.prise-contact-demarche {
  --pcd-card-max: 659px;
  padding: 20px;
  background-color: #e2ead0;
}
.prise-contact-demarche__band {
  border-radius: 20px;
  background: linear-gradient(180deg, #b2ed11 0%, #e2ead0 100%);
  padding-block: 48px;
}
@media (min-width: 744px) {
  .prise-contact-demarche__band {
    padding-block: 64px;
  }
}
@media (min-width: 1200px) {
  .prise-contact-demarche__band {
    padding-block: 80px;
  }
}
.prise-contact-demarche__container {
  max-width: 1440px;
  padding-inline: 36px;
  margin-inline: auto;
}
@media (min-width: 576px) {
  .prise-contact-demarche__container {
    padding-inline: 50px;
  }
}
@media (min-width: 1200px) {
  .prise-contact-demarche__container {
    padding-inline: 80px;
  }
}
.prise-contact-demarche__grid {
  display: flex;
  flex-direction: column;
  gap: 40px;
}
@media (min-width: 1200px) {
  .prise-contact-demarche__grid {
    display: grid;
    grid-template-columns: 1fr var(--pcd-card-max);
    align-items: center;
    gap: 64px;
  }
}
.prise-contact-demarche__col--text {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
@media (min-width: 1200px) {
  .prise-contact-demarche__col--text {
    align-items: flex-start;
    text-align: start;
  }
}
.prise-contact-demarche__heading {
  --hcr-from: #c7ccaa;
  --hcr-mid: #b2ed11;
  --hcr-to: #282102;
  margin: 0;
  color: #282102;
  text-transform: uppercase;
}
.prise-contact-demarche__lede {
  display: flex;
  flex-direction: column;
  gap: 20px;
  margin-block-start: 24px;
  max-inline-size: 540px;
}
@media (min-width: 1200px) {
  .prise-contact-demarche__lede {
    margin-block-start: 32px;
  }
}
.prise-contact-demarche__intro,
.prise-contact-demarche__support {
  margin: 0;
  color: #483f1a;
}
.prise-contact-demarche__intro .text--paragraphe-highlight,
.prise-contact-demarche__support .text--paragraphe-highlight {
  color: #282102;
}
.prise-contact-demarche__col--form {
  inline-size: 100%;
}
.prise-contact-demarche__form-placeholder {
  display: flex;
  align-items: center;
  justify-content: center;
  min-block-size: 513px;
  max-inline-size: var(--pcd-card-max);
  margin-inline: auto;
  background-color: #f1f6e6;
  border-radius: 20px;
  color: #483f1a;
}

/* stylelint-disable selector-class-pattern -- RSForm Pro + Bootstrap class names
   (.rsform-submit-button, .btn__text-clone, …) are third-party / project-button markup. */
.rsform--newsletter button.rsform-submit-button.btn {
  background-color: #282102;
  border-color: transparent;
  color: #f1f6e6;
}
.rsform--newsletter button.rsform-submit-button.btn::before {
  background-color: #e2ead0;
}
.rsform--newsletter button.rsform-submit-button.btn .btn__text-clone {
  color: #282102;
}

.social-outils {
  position: relative;
  background-color: #e2ead0;
  padding-inline: 20px;
  padding-block-end: 20px;
  z-index: 1;
}

.social-outils__container {
  max-inline-size: 1064px;
  margin-inline: auto;
  padding-block-start: 80px;
  padding-inline: 36px;
}
@media (min-width: 744px) {
  .social-outils__container {
    padding-block-start: 90px;
    padding-inline: 50px;
  }
}
@media (min-width: 1200px) {
  .social-outils__container {
    padding-block-start: 90px;
    padding-inline: 0;
  }
}

.social-outils__intro {
  display: flex;
  flex-direction: column;
  gap: 25px;
  margin-block-end: 50px;
}
@media (min-width: 744px) {
  .social-outils__intro {
    margin-block-end: 60px;
  }
}
@media (min-width: 1200px) {
  .social-outils__intro {
    flex-direction: row;
    gap: 78px;
    margin-block-end: 0;
  }
}

.social-outils__intro-heading {
  margin: 0;
  color: #282102;
  text-transform: uppercase;
}
@media (min-width: 1200px) {
  .social-outils__intro-heading {
    flex: 0 0 432px;
  }
}

@media (min-width: 1200px) {
  .social-outils__intro-body {
    flex: 0 0 554px;
  }
}
.social-outils__intro-body p {
  margin: 0;
  color: #483f1a;
}
.social-outils__intro-body p + p {
  margin-block-start: 10px;
}

.social-outils .text--paragraphe-highlight {
  color: #282102;
}

.social-outils__panel {
  position: relative;
  border-radius: 20px;
  background: linear-gradient(to bottom, #e2ead0 0%, #b2ed11 100%);
  overflow: visible;
  display: flow-root;
  padding-block: 90px 0;
}

.social-outils__cards-inner {
  max-inline-size: 1064px;
  margin-inline: auto;
  padding-inline: 36px;
}
@media (min-width: 744px) {
  .social-outils__cards-inner {
    padding-inline: 50px;
  }
}
@media (min-width: 1200px) {
  .social-outils__cards-inner {
    padding-inline: 0;
  }
}

.social-outils__cards {
  display: flex;
  flex-direction: column;
  gap: 20px;
  margin-block-end: calc(-1 * (var(--so-bleed, 0px) + 20px));
}
@media (min-width: 1200px) {
  .social-outils__cards {
    flex-direction: row;
  }
}

.social-outils__card {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 25px;
  padding: 40px;
  background-color: #f1f6e6;
  border-radius: 10px;
  overflow: clip;
  min-block-size: 223px;
}
@media (min-width: 1200px) {
  .social-outils__card {
    flex: 1 1 0;
  }
}

.social-outils__card-bg {
  position: absolute;
  inset: 0;
  z-index: 0;
  inline-size: 100%;
  block-size: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.social-outils__card-content {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  gap: 25px;
  margin-block-start: auto;
}

.social-outils__title {
  margin: 0;
  color: #282102;
}

.social-outils__reveal {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.social-outils__body {
  margin: 0;
  color: #483f1a;
}
.social-outils__body strong {
  color: #282102;
}

.social-outils__bullets {
  margin: 0;
  color: #282102;
}
.social-outils__bullets li + li {
  margin-block-start: 7px;
}

@media (min-width: 1200px) {
  .social-outils.is-enhanced .social-outils__card {
    height: 223px;
    min-block-size: 0;
  }
  .social-outils.is-enhanced .social-outils__card-content {
    position: absolute;
    inset-inline: 40px;
    inset-block-end: 40px;
    margin-block-start: 0;
  }
}
.social-suivi {
  background-color: #e2ead0;
  padding: 0 20px 10px;
  overflow-x: clip;
}

.social-suivi__panel {
  position: relative;
  padding-block: calc(var(--so-bleed, 0px) + 100px) 96px;
  background-color: #282102;
  border-radius: 20px;
  overflow: clip;
}
@media (min-width: 1200px) {
  .social-suivi__panel {
    min-block-size: 100vh;
    padding-block: calc(var(--so-bleed, 0px) + 150px) 160px;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
}

.social-suivi__decoration {
  position: absolute;
  inset: 0;
  z-index: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  overflow: clip;
}
.social-suivi__decoration img {
  display: block;
  inline-size: auto;
  block-size: 70%;
}
@media (min-width: 1200px) {
  .social-suivi__decoration img {
    block-size: 90%;
  }
}

.social-suivi__watermark-wrap {
  position: absolute;
  inset-block-end: 0;
  inset-inline: 0;
  z-index: 0;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  overflow: clip;
}
.social-suivi__watermark-wrap img {
  display: block;
  inline-size: 100%;
  block-size: auto;
  max-width: none;
}

.social-suivi__container {
  max-width: 1440px;
  padding-inline: 36px;
  margin-inline: auto;
}
@media (min-width: 576px) {
  .social-suivi__container {
    padding-inline: 50px;
  }
}
@media (min-width: 1200px) {
  .social-suivi__container {
    padding-inline: 80px;
  }
}
.social-suivi__container {
  position: relative;
  z-index: 1;
}

.social-suivi__intro {
  position: relative;
  z-index: 1;
  max-inline-size: 662px;
  margin-inline: auto;
  text-align: center;
}

.social-suivi__title {
  --hcr-from: #483f1a;
  --hcr-mid: #b2ed11;
  --hcr-to: #e2ead0;
  --hcr-accent: #b2ed11;
  margin: 0;
  text-transform: uppercase;
  line-height: 1.05;
  color: #e2ead0;
}

.social-suivi__body {
  max-inline-size: 548px;
  margin: 30px auto 0;
  color: #e2ead0;
}

.social-suivi__deck {
  position: relative;
  z-index: 1;
  list-style: none;
  margin: 64px 0 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
}
@media (min-width: 1200px) {
  .social-suivi__deck {
    margin-block-start: 130px;
    flex-direction: row;
    justify-content: center;
    align-items: flex-start;
    gap: 0;
  }
}

.social-suivi__wrap {
  position: relative;
  z-index: 1;
  inline-size: 100%;
  max-inline-size: 360px;
}
@media (min-width: 1200px) {
  .social-suivi__wrap {
    flex: 0 0 auto;
    inline-size: 330px;
    max-inline-size: none;
  }
  .social-suivi__wrap:not(:first-child) {
    margin-inline-start: -63px;
  }
  .social-suivi__wrap:nth-child(odd) {
    margin-block-start: 20px;
  }
}

.social-suivi__card {
  position: relative;
  inline-size: 100%;
  border-radius: 10px;
  overflow: clip;
}
.social-suivi__card--ivory {
  background-color: #f1f6e6;
  color: #282102;
}
.social-suivi__card--lime {
  background-color: #b2ed11;
  color: #282102;
}
.social-suivi__card--drab {
  background-color: #483f1a;
  color: #e2ead0;
}

.social-suivi__bg {
  position: absolute;
  inset: 0;
  inline-size: 100%;
  block-size: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  display: none;
  z-index: 0;
}

.social-suivi__card-title {
  position: relative;
  z-index: 1;
  margin: 0;
  padding: 35px;
  color: inherit;
}

.social-suivi__card-body {
  position: relative;
  z-index: 1;
  margin: 0;
  padding: 0 35px 35px;
  color: inherit;
}

@media (min-width: 1200px) {
  .social-suivi.is-enhanced .social-suivi__card {
    aspect-ratio: 330/418;
  }
  .social-suivi.is-enhanced .social-suivi__bg {
    display: block;
    transition: opacity 0.4s ease;
  }
  .social-suivi.is-enhanced .social-suivi__card-body {
    opacity: 0;
    transition: opacity 0.4s ease;
  }
  .social-suivi.is-enhanced .social-suivi__card--is-focus .social-suivi__bg {
    opacity: 0;
  }
  .social-suivi.is-enhanced .social-suivi__card--is-focus .social-suivi__card-body {
    opacity: 1;
  }
}
@media (min-width: 1200px) and (prefers-reduced-motion: reduce) {
  .social-suivi.is-enhanced .social-suivi__bg,
  .social-suivi.is-enhanced .social-suivi__card-body {
    transition: none;
  }
}

.social-ia {
  padding: 10px 20px;
  background-color: #e2ead0;
}

.social-ia__panel {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-block: 64px;
  background: linear-gradient(to bottom, #b2ed11, #e2ead0);
  border-radius: 20px;
}
@media (min-width: 1200px) {
  .social-ia__panel {
    min-block-size: calc(100vh - 20px);
    padding-block: 80px;
  }
}

.social-ia__container {
  max-width: 1440px;
  padding-inline: 36px;
  margin-inline: auto;
}
@media (min-width: 576px) {
  .social-ia__container {
    padding-inline: 50px;
  }
}
@media (min-width: 1200px) {
  .social-ia__container {
    padding-inline: 80px;
  }
}
@media (min-width: 744px) and (max-width: 1199px) {
  .social-ia__container {
    max-width: 598px;
  }
}

.social-ia__intro {
  max-inline-size: 1063px;
  margin-inline: auto;
  text-align: center;
}

.social-ia__intro-heading {
  margin: 0;
  color: #282102;
}

.social-ia__list {
  list-style: none;
  margin: 60px 0 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 30px;
}

.social-ia__row {
  position: relative;
  text-align: center;
}

.social-ia__title {
  max-inline-size: 773px;
  margin: 0 auto;
  color: #282102;
  text-transform: uppercase;
}

.social-ia__card {
  margin-block-start: 12px;
  padding: 20px;
  background-color: #f1f6e6;
  border: 1px solid #b2ed11;
  border-radius: 5px;
}

.social-ia__card-text {
  margin: 0;
  color: #483f1a;
  text-align: start;
}

@media (min-width: 1200px) {
  .social-ia__list {
    margin-block-start: 60px;
  }
  .social-ia.is-enhanced .social-ia__list {
    position: relative;
    inline-size: 1063px;
    max-inline-size: 100%;
    margin-inline: auto;
    gap: 30px;
    overflow: visible;
  }
  .social-ia.is-enhanced .social-ia__row {
    min-block-size: 107px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .social-ia.is-enhanced .social-ia__title {
    --hcr-scan: 0;
    --hcr-from: #c7ccaa;
    --hcr-mid: #b2ed11;
    --hcr-to: #282102;
    position: relative;
    display: inline-block;
    margin: 0;
    text-box: normal;
    line-height: 1.1;
    color: transparent;
    background-image: linear-gradient(
      90deg,
      var(--hcr-to) 0%,
      var(--hcr-to) 44%,
      var(--hcr-mid) 50%,
      var(--hcr-from) 56%,
      var(--hcr-from) 100%
    );
    background-repeat: no-repeat;
    background-size: 300% 100%;
    background-position-x: calc((1 - var(--hcr-scan)) * 100%);
    -webkit-background-clip: text;
    background-clip: text;
  }
  .social-ia.is-enhanced .social-ia__row:hover {
    cursor: none;
  }
  .social-ia.is-enhanced .social-ia__card {
    position: absolute;
    inline-size: 364px;
    inset-inline-start: 0;
    inset-block-start: 0;
    margin-block-start: 0;
    pointer-events: none;
    will-change: transform;
  }
}
.faq {
  padding: 10px 20px;
  background-color: #e2ead0;
}
.faq__panel {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-block: 64px;
  background: linear-gradient(to bottom, #b2ed11, #e2ead0);
  border-radius: 20px;
}
@media (min-width: 1200px) {
  .faq__panel {
    min-block-size: calc(100vh - 20px);
    padding-block: 80px;
  }
}
.faq__container {
  inline-size: 100%;
  max-inline-size: 846px;
  margin-inline: auto;
  padding-inline: 36px;
}
@media (min-width: 744px) {
  .faq__container {
    padding-inline: 50px;
  }
}
@media (min-width: 1200px) {
  .faq__container {
    padding-inline: 0;
  }
}
.faq__heading {
  --hcr-from: #c7ccaa;
  --hcr-mid: #b2ed11;
  --hcr-to: #282102;
  margin: 0;
  color: #282102;
  text-align: center;
  text-transform: uppercase;
  line-height: 1.05;
}
.faq__list {
  margin-block-start: 70px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.faq__item {
  background-color: #f1f6e6;
  border-radius: 10px;
  padding: 10px;
}
.faq__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  inline-size: 100%;
  padding: 0;
  padding-inline-start: 20px;
  background: none;
  border: 0;
  text-align: start;
  color: inherit;
  font: inherit;
  cursor: default;
}
.faq__question {
  flex: 1 1 auto;
  margin: 0;
  padding-block: 10px;
  color: #282102;
}
.faq__toggle {
  flex: 0 0 auto;
  align-self: stretch;
  display: flex;
  align-items: center;
  justify-content: center;
  inline-size: 39px;
  background-color: #b2ed11;
  border-radius: 5px;
}
@media (min-width: 1200px) {
  .faq__toggle {
    align-self: center;
    inline-size: 79px;
    block-size: 55px;
  }
}
.faq__toggle-icon {
  display: block;
  inline-size: 18px;
  block-size: 18px;
  transform: rotate(90deg);
  transition: transform 0.3s ease;
}
.faq__answer-panel {
  overflow: hidden;
}
.faq__answer {
  margin-block-start: 10px;
  background-color: #e2ead0;
  border-radius: 5px;
  padding: 30px;
}
.faq__answer p {
  margin: 0;
  color: #483f1a;
}
.faq.is-enhanced .faq__header {
  cursor: pointer;
}
.faq.is-enhanced .faq__item.is-open .faq__toggle-icon {
  transform: rotate(-90deg);
}

.faq--plain .faq__panel {
  background: none;
  border-radius: 0;
}

.video-modal {
  position: fixed;
  inset: 0;
  z-index: 2000;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
  opacity: 0;
  transition: opacity 0.25s ease;
}
.video-modal.is-open {
  opacity: 1;
}
@media (prefers-reduced-motion: reduce) {
  .video-modal {
    transition: none;
  }
}

.video-modal__backdrop {
  position: absolute;
  inset: 0;
  background-color: rgba(40, 33, 2, 0.8);
}

.video-modal__dialog {
  position: relative;
  z-index: 1;
  inline-size: min(960px, 100%);
}

.video-modal__frame {
  position: relative;
  inline-size: 100%;
  aspect-ratio: 16/9;
  background-color: #000;
  border-radius: 20px;
  overflow: hidden;
}
.video-modal__frame iframe {
  position: absolute;
  inset: 0;
  inline-size: 100%;
  block-size: 100%;
  border: 0;
}

.video-modal__close {
  position: absolute;
  inset-block-end: calc(100% + 12px);
  inset-inline-end: 0;
  inline-size: 40px;
  block-size: 40px;
  padding: 0;
  background-color: #f1f6e6;
  border: 1px solid #e2ead0;
  border-radius: 90px;
  cursor: pointer;
  transition:
    background-color 0.2s ease,
    border-color 0.2s ease;
}
.video-modal__close::before,
.video-modal__close::after {
  content: "";
  position: absolute;
  inset-block-start: 50%;
  inset-inline-start: 50%;
  inline-size: 16px;
  block-size: 2px;
  background-color: #282102;
  transition: background-color 0.2s ease;
}
.video-modal__close::before {
  transform: translate(-50%, -50%) rotate(45deg);
}
.video-modal__close::after {
  transform: translate(-50%, -50%) rotate(-45deg);
}
@media (hover: hover) {
  .video-modal__close:hover {
    background-color: #282102;
    border-color: #483f1a;
  }
  .video-modal__close:hover::before,
  .video-modal__close:hover::after {
    background-color: #f1f6e6;
  }
}

body.is-modal-open {
  overflow: hidden;
}

.ancre-local {
  background-color: #e2ead0;
  padding: 10px 10px 0;
}
@media (min-width: 1200px) {
  .ancre-local {
    padding: 20px 20px 0;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
  }
}
.ancre-local__panel {
  position: relative;
  overflow: hidden;
  border-radius: 20px;
}
@media (min-width: 1200px) {
  .ancre-local__panel {
    flex: 1;
  }
}
.ancre-local__media {
  position: absolute;
  inset-inline: 0;
  inset-block-end: 0;
  margin: 0;
  width: 100%;
  z-index: 0;
}
@media (min-width: 1200px) {
  .ancre-local__media {
    inset-block-start: 0;
    width: auto;
  }
}
.ancre-local__picture {
  display: block;
  width: 100%;
}
@media (min-width: 1200px) {
  .ancre-local__picture {
    height: 100%;
  }
}
.ancre-local__image {
  display: block;
  width: 100%;
  height: auto;
}
@media (min-width: 1200px) {
  .ancre-local__image {
    width: 100%;
    height: 100%;
    -o-object-position: bottom;
    object-position: bottom;
  }
}
.ancre-local__container {
  position: relative;
  z-index: 1;
  margin-inline: auto;
  padding: 90px 26px 242px;
}
@media (min-width: 744px) {
  .ancre-local__container {
    padding: 100px 80px 410px;
  }
}
@media (min-width: 1200px) {
  .ancre-local__container {
    max-width: 1064px;
    padding-block: 90px 551px;
    padding-inline: 0;
  }
}
.ancre-local__header {
  display: flex;
  flex-direction: column;
  gap: 28px;
}
@media (min-width: 1200px) {
  .ancre-local__header {
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0;
  }
}
.ancre-local__heading {
  --hcr-from: #c7ccaa;
  --hcr-mid: #b2ed11;
  --hcr-to: #282102;
  margin: 0;
  color: #282102;
  text-transform: uppercase;
  line-height: 1.05;
}
@media (min-width: 1200px) {
  .ancre-local__heading {
    flex: 0 0 556px;
    max-width: 556px;
  }
}
@media (min-width: 1200px) {
  .ancre-local__copy {
    flex: 0 0 367px;
    max-width: 367px;
  }
}
.ancre-local__text {
  color: #483f1a;
}
.ancre-local__text strong {
  color: #282102;
}

.testimonials {
  position: relative;
}
.testimonials__container {
  max-width: 1440px;
  padding-inline: 36px;
  margin-inline: auto;
}
@media (min-width: 576px) {
  .testimonials__container {
    padding-inline: 50px;
  }
}
@media (min-width: 1200px) {
  .testimonials__container {
    padding-inline: 80px;
  }
}
.testimonials__container {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-areas: "intro" "stage" "controls";
  row-gap: 20px;
}
@media (min-width: 744px) {
  .testimonials__container {
    max-width: 588px;
    padding-inline: 0;
  }
}
@media (min-width: 1200px) {
  .testimonials__container {
    max-width: 1440px;
    padding-inline: 80px;
    grid-template-columns: 305px 1fr;
    grid-template-rows: auto 1fr;
    grid-template-areas: "intro stage" "controls stage";
    -moz-column-gap: 64px;
    column-gap: 64px;
    row-gap: 0;
  }
}
.testimonials__intro {
  grid-area: intro;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
  margin-block-end: 30px;
}
@media (min-width: 1200px) {
  .testimonials__intro {
    margin-block-end: 0;
  }
}
.testimonials__title {
  --hcr-from: #c7ccaa;
  --hcr-mid: #b2ed11;
  --hcr-to: #282102;
  margin: 0;
  text-transform: uppercase;
  color: #282102;
  line-height: 1.05;
}
.testimonials__subtext {
  margin: 0;
  color: #282102;
}
@media (min-width: 1200px) {
  .testimonials__subtext {
    max-width: 305px;
  }
}
.testimonials__cta {
  align-self: flex-start;
}
.testimonials__controls {
  grid-area: controls;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  width: 100%;
}
@media (min-width: 1200px) {
  .testimonials__controls {
    align-self: end;
    justify-content: flex-start;
    gap: 8px;
  }
}
.testimonials__controls .google-reviews-nav {
  position: static;
  width: 40px;
  height: 40px;
  padding: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
  cursor: pointer;
  transform: none;
  transition:
    transform 0.2s ease,
    opacity 0.2s ease;
}
.testimonials__controls .google-reviews-nav:hover {
  box-shadow: none;
  border: 0;
  transform: scale(1.06);
}
.testimonials__controls .google-reviews-nav-icon {
  width: 100%;
  height: 100%;
}
@media (min-width: 1200px) {
  .testimonials__controls .google-reviews-nav-prev {
    order: 1;
  }
  .testimonials__controls .google-reviews-nav-next {
    order: 2;
  }
}
.testimonials__controls .google-reviews-pagination {
  margin: 0;
  color: #282102;
  font-size: 16px;
  line-height: 1;
}
@media (min-width: 1200px) {
  .testimonials__controls .google-reviews-pagination {
    order: 3;
    margin-inline-start: auto;
  }
}
.testimonials__controls .google-reviews-pagination .google-reviews-fraction-current {
  color: #282102;
  font-weight: 600;
}
.testimonials__stage {
  grid-area: stage;
  min-width: 0;
  min-height: 418px;
}

.parlons-cta {
  position: relative;
}
.parlons-cta__container {
  margin-inline: auto;
  padding-inline: 10px;
}
@media (min-width: 1200px) {
  .parlons-cta__container {
    padding-inline: 20px;
  }
}
.parlons-cta__panel {
  position: relative;
  overflow: hidden;
  border-radius: 20px;
  background-color: #282102;
}
.parlons-cta__inner {
  position: relative;
  max-inline-size: 1400px;
  margin-inline: auto;
}
.parlons-cta__content {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding: 70px 50px;
}
.parlons-cta__heading {
  --hcr-from: #483f1a;
  --hcr-mid: #b2ed11;
  --hcr-to: #e2ead0;
  --hcr-accent: #b2ed11;
  margin: 0;
  text-transform: uppercase;
  color: #e2ead0;
  line-height: 1.05;
}
.parlons-cta__body p {
  margin: 0;
  color: #c7ccaa;
}
.parlons-cta__actions {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
}
.parlons-cta__media {
  position: relative;
  z-index: 1;
  display: block;
  width: 100%;
}
.parlons-cta__photo {
  display: block;
  width: 100%;
  height: auto;
}
@media (min-width: 744px) and (max-width: 1199px) {
  .parlons-cta__inner {
    min-height: 609px;
  }
  .parlons-cta__content {
    max-width: 307px;
    padding: 80px 0 80px 80px;
  }
  .parlons-cta__media {
    position: absolute;
    inset-inline-start: 47%;
    inset-block-end: 0;
    width: 75%;
  }
}
@media (min-width: 1200px) {
  .parlons-cta__panel {
    overflow: visible;
  }
  .parlons-cta__inner {
    min-height: 357px;
  }
  .parlons-cta__content {
    max-width: 691px;
    gap: 30px;
    padding: 60px 0 60px 60px;
  }
  .parlons-cta__actions {
    flex-direction: row;
    gap: 5px;
  }
  .parlons-cta__media {
    position: absolute;
    inset-inline-end: 60px;
    inset-block-end: 0;
    width: 69%;
    aspect-ratio: 930/507;
  }
  .parlons-cta__photo {
    width: 100%;
    height: 100%;
    -o-object-fit: fill;
    object-fit: fill;
  }
}

.confiance-rdv {
  position: relative;
  overflow: hidden;
  background-color: #e2ead0;
  padding-block-end: 0;
}
.confiance-rdv__top {
  position: relative;
  padding-block-start: 100px;
  padding-block-end: 100px;
}
@media (min-width: 744px) {
  .confiance-rdv__top {
    padding-block-start: 110px;
  }
}
@media (min-width: 1200px) {
  .confiance-rdv__top {
    position: static;
    padding-block-start: 200px;
    padding-block-end: 200px;
  }
}
.confiance-rdv__bg {
  position: absolute;
  inset: 0;
  z-index: 0;
  overflow: hidden;
  pointer-events: none;
}
.confiance-rdv__blob {
  position: absolute;
  inset-block-start: 0;
  inset-inline-start: 0;
  max-width: none;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: top center;
  object-position: top center;
}
@media (min-width: 1200px) {
  .confiance-rdv__blob {
    -o-object-position: left center;
    object-position: left center;
  }
}
.confiance-rdv .testimonials,
.confiance-rdv .parlons-cta {
  position: relative;
  z-index: 1;
}

.header {
  position: fixed;
  inset-block-start: 0;
  inset-inline: 0;
  z-index: 1000;
  background: transparent;
}
.header__skip-link {
  position: absolute;
  inset-block-start: -200px;
  inset-inline-start: 16px;
  z-index: 1;
  padding: 0.5rem 1rem;
  background: #282102;
  color: #f1f6e6;
  border-radius: 3px;
  text-decoration: none;
}
.header__skip-link:focus {
  inset-block-start: 12px;
}
.header__inner {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding-block: 30px;
  padding-inline: 35px;
}
@media (min-width: 1200px) {
  .header__inner {
    padding-block: 33px;
  }
}
.header__logo {
  display: inline-flex;
  flex-shrink: 0;
}
.header__logo img {
  display: block;
  block-size: 24px;
  inline-size: auto;
}
.header__actions {
  display: flex;
  align-items: center;
  gap: 5px;
}
.header__cta {
  flex-shrink: 0;
}
.header__toggle {
  position: relative;
  z-index: 2;
  display: grid;
  place-items: center;
  flex-shrink: 0;
  inline-size: 33px;
  block-size: 33px;
  padding: 0;
  background: none;
  border: 0;
  cursor: pointer;
}
.header__toggle-icon {
  grid-area: 1/1;
  display: block;
  inline-size: 33px;
  block-size: 33px;
}
.header__toggle-icon--close {
  display: none;
}
.header.is-open .header__toggle-icon--menu {
  display: none;
}
.header.is-open .header__toggle-icon--close {
  display: block;
}

.header__menu {
  position: fixed;
  inset: 20px 20px 0;
  z-index: 1;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 96px 30px 30px;
  background: #f1f6e6;
  border-radius: 10px 10px 0 0;
  opacity: 0;
  visibility: hidden;
  transform: translateY(-10px) scale(0.98);
  transform-origin: top right;
  transition:
    opacity 0.35s ease,
    transform 0.35s ease,
    visibility 0s linear 0.35s;
}
@media (min-width: 744px) {
  .header__menu {
    inset-block: 26px auto;
    inset-inline: auto 30px;
    inline-size: min(451px, 100vw);
    padding: 96px 50px 50px;
    border-radius: 10px;
    overflow: clip;
  }
}
@media (min-width: 1200px) {
  .header__menu {
    inset-block-start: 28px;
    inset-inline-end: 30px;
    padding-inline: 40px;
    padding-block-end: 40px;
  }
}

.header.is-open .header__menu {
  opacity: 1;
  visibility: visible;
  transform: none;
  transition:
    opacity 0.35s ease,
    transform 0.35s ease;
}

.header__menu-bg {
  position: absolute;
  inset: 0;
  z-index: 0;
  inline-size: 100%;
  block-size: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: top right;
  object-position: top right;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.header__menu-list {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  gap: 24.4px;
  list-style: none;
  margin: 0;
  padding: 0;
}

.header__menu-link,
.header__menu-text {
  font-family: "Constructio Grotesk", sans-serif;
  font-weight: 400;
  font-size: 23px;
  line-height: 1;
  text-box: normal;
  white-space: nowrap;
  text-transform: uppercase;
  color: #282102;
  text-decoration: none;
}

.header__menu-link {
  display: inline-block;
  position: relative;
  text-decoration: none;
}
.header__menu-link::after {
  content: "";
  position: absolute;
  inset-inline-start: 0;
  inset-block-end: -2px;
  inline-size: 100%;
  block-size: 1px;
  background-color: #a2dc06;
  transform: scaleX(0);
  transform-origin: right;
  transition: transform 0.3s ease;
}
.header__menu-link:hover::after,
.header__menu-link:focus-visible::after {
  transform: scaleX(1);
  transform-origin: left;
}

.header__menu-item--group {
  display: block;
}

.header__submenu {
  display: flex;
  flex-direction: column;
  gap: 10px;
  list-style: none;
  margin: 25px 0 10.6px;
  padding: 0;
}

.header__submenu-link {
  display: inline-block;
  font-family: "paralucent", sans-serif;
  font-weight: 400;
  font-size: 17px;
  line-height: 1;
  text-box: normal;
  color: #282102;
  position: relative;
  text-decoration: none;
}
.header__submenu-link::after {
  content: "";
  position: absolute;
  inset-inline-start: 0;
  inset-block-end: -2px;
  inline-size: 100%;
  block-size: 1px;
  background-color: #a2dc06;
  transform: scaleX(0);
  transform-origin: right;
  transition: transform 0.3s ease;
}
.header__submenu-link:hover::after,
.header__submenu-link:focus-visible::after {
  transform: scaleX(1);
  transform-origin: left;
}

.header__menu .header__menu-link,
.header__menu .header__submenu-link {
  color: #282102;
}
.header__menu .header__menu-link:hover,
.header__menu .header__menu-link:focus,
.header__menu .header__menu-link:focus-visible,
.header__menu .header__menu-link:active,
.header__menu .header__submenu-link:hover,
.header__menu .header__submenu-link:focus,
.header__menu .header__submenu-link:focus-visible,
.header__menu .header__submenu-link:active {
  color: #282102;
}

.header__menu-link[aria-current="page"]::after,
.header__submenu-link[aria-current="page"]::after {
  transform: scaleX(1);
  transform-origin: left;
}

.header__menu-item {
  opacity: 0;
  transform: translateY(8px);
}

.header.is-open .header__menu-item {
  opacity: 1;
  transform: none;
  transition:
    opacity 0.4s ease,
    transform 0.4s ease;
}

.header.is-open .header__menu-item:nth-child(1) {
  transition-delay: 0.13s;
}

.header.is-open .header__menu-item:nth-child(2) {
  transition-delay: 0.18s;
}

.header.is-open .header__menu-item:nth-child(3) {
  transition-delay: 0.23s;
}

.header.is-open .header__menu-item:nth-child(4) {
  transition-delay: 0.28s;
}

.header.is-open .header__menu-item:nth-child(5) {
  transition-delay: 0.33s;
}

.header.is-open .header__menu-item:nth-child(6) {
  transition-delay: 0.38s;
}

@media (prefers-reduced-motion: reduce) {
  .header__menu,
  .header__menu-item {
    transition: none;
  }
  .header__menu-item {
    opacity: 1;
    transform: none;
  }
}
.footer {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 20px 20px 10px;
  background-color: #e2ead0;
}

.footer__card {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  gap: 64px;
  background-color: #f1f6e6;
  border-radius: 20px;
  overflow: hidden;
}

.footer__top {
  display: flex;
  flex-direction: column;
  gap: 30px;
  padding: 50px 50px 0;
}
@media (min-width: 1200px) {
  .footer__top {
    flex-direction: row;
    align-items: flex-end;
    gap: 121px;
    padding: 20px 20px 0 60px;
    min-block-size: 458px;
    inline-size: 100%;
    max-inline-size: 1400px;
    margin-inline: auto;
    box-sizing: border-box;
  }
}

.footer__main {
  display: flex;
  flex-direction: column;
  gap: 30px;
}
@media (min-width: 1200px) {
  .footer__main {
    flex: 1 1 auto;
    min-inline-size: 0;
    max-inline-size: 854px;
    gap: 78px;
  }
}

.footer__intro {
  display: flex;
  flex-direction: column;
  gap: 25px;
}
@media (min-width: 744px) and (max-width: 1199.98px) {
  .footer__intro {
    flex-direction: row;
    align-items: flex-start;
    gap: 45px;
  }
}
@media (min-width: 1200px) {
  .footer__intro {
    gap: 35px;
    max-inline-size: 750px;
  }
}

.footer__heading {
  margin: 0;
  text-transform: uppercase;
  --hcr-from: #c7ccaa;
  --hcr-mid: #b2ed11;
  --hcr-to: #282102;
  color: #282102;
}
@media (min-width: 744px) and (max-width: 1199.98px) {
  .footer__heading {
    flex: 1 1 0;
    min-inline-size: 0;
  }
}

.footer__lead {
  margin: 0;
  color: #483f1a;
}
@media (min-width: 744px) and (max-width: 1199.98px) {
  .footer__lead {
    flex: 0 0 319px;
  }
}

.footer__row {
  display: flex;
  flex-direction: column;
  gap: 30px;
}
@media (min-width: 1200px) {
  .footer__row {
    flex-direction: row;
    align-items: center;
    gap: 61px;
  }
}

.footer__cards {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
@media (min-width: 744px) {
  .footer__cards {
    flex-direction: row;
  }
}
@media (min-width: 1200px) {
  .footer__cards {
    flex: 1 1 auto;
    min-inline-size: 0;
    max-inline-size: 589px;
  }
}
@media (min-width: 744px) {
  .footer__cards > .cta-card {
    flex: 1 1 0;
    min-inline-size: 0;
  }
}

.footer__legal {
  display: flex;
  flex-direction: column;
  gap: 30px;
}
@media (min-width: 744px) and (max-width: 1199.98px) {
  .footer__legal {
    flex-direction: row;
    align-items: center;
    gap: 0;
  }
}
@media (min-width: 1200px) {
  .footer__legal {
    flex: 0 0 204px;
    gap: 0;
    align-self: stretch;
    justify-content: space-between;
  }
}

.footer__ordre-img {
  display: block;
  inline-size: 168px;
  block-size: auto;
}

.footer__legal-links {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.footer__legal-links li {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
@media (min-width: 744px) and (max-width: 1199.98px) {
  .footer__legal-links {
    inline-size: calc(50% - 5px);
    margin-inline-start: auto;
  }
}

.footer__nav {
  display: flex;
  flex-direction: column;
  gap: 40px;
  padding: 50px 40px;
  background-color: #e2ead0;
  border-radius: 10px;
}
@media (min-width: 744px) and (max-width: 1199.98px) {
  .footer__nav {
    flex-direction: row;
  }
}
@media (min-width: 1200px) {
  .footer__nav {
    flex: 0 0 345px;
  }
}

.footer__nav-col {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
@media (min-width: 744px) and (max-width: 1199.98px) {
  .footer__nav-col:first-child {
    flex: 1 1 0;
    min-inline-size: 0;
  }
  .footer__nav-col:last-child {
    flex: 0 0 279px;
  }
}

.footer__nav-title {
  margin: 0;
  text-transform: uppercase;
  color: #282102;
}

.footer__nav-list {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.footer__nav-list li {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.footer__nav-link {
  color: #483f1a;
}

.footer__wordmark {
  inline-size: 100%;
  margin: 0;
  overflow: hidden;
  line-height: 0;
}

.footer__wordmark-img {
  display: block;
  inline-size: 100%;
  max-inline-size: none;
}

.footer__copyright {
  display: flex;
  align-items: center;
  gap: 35px;
  align-self: center;
}
@media (min-width: 744px) {
  .footer__copyright {
    align-self: flex-end;
  }
}
@media (min-width: 1200px) {
  .footer__copyright {
    align-self: stretch;
    inline-size: 100%;
    justify-content: flex-end;
    box-sizing: border-box;
  }
}

.footer__expertsa {
  display: block;
  inline-size: 80px;
}

.footer__expertsa-img {
  display: block;
  inline-size: 100%;
  block-size: auto;
}

.footer__legal-link,
.footer__copy {
  font-family: "paralucent", sans-serif;
  font-weight: 300;
  font-size: 13px;
  line-height: 1.2307692308;
  letter-spacing: 0;
  color: #282102;
}

@supports not (text-box: trim-both cap alphabetic) {
  .footer__legal-link,
  .footer__nav-link {
    display: block;
    margin-block: calc((1cap - 1lh) / 2);
  }
}
.footer__nav-link,
.footer__legal-link {
  display: inline-block;
  position: relative;
  text-decoration: none;
}
.footer__nav-link::after,
.footer__legal-link::after {
  content: "";
  position: absolute;
  inset-inline-start: 0;
  inset-block-end: -2px;
  inline-size: 100%;
  block-size: 1px;
  background-color: #a2dc06;
  transform: scaleX(0);
  transform-origin: right;
  transition: transform 0.3s ease;
}
.footer__nav-link:hover::after,
.footer__nav-link:focus-visible::after,
.footer__legal-link:hover::after,
.footer__legal-link:focus-visible::after {
  transform: scaleX(1);
  transform-origin: left;
}

#sp-footer .footer__nav-link {
  color: #483f1a;
}
#sp-footer .footer__nav-link:hover,
#sp-footer .footer__nav-link:focus,
#sp-footer .footer__nav-link:focus-visible,
#sp-footer .footer__nav-link:active {
  color: #483f1a;
}

#sp-footer .footer__legal-link {
  color: #282102;
}
#sp-footer .footer__legal-link:hover,
#sp-footer .footer__legal-link:focus,
#sp-footer .footer__legal-link:focus-visible,
#sp-footer .footer__legal-link:active {
  color: #282102;
}

.contact-form-section {
  padding-block: 4rem;
}
.contact-form-section__inner {
  display: grid;
  grid-template-columns: 1fr;
  gap: 2.5rem;
  max-inline-size: 1280px;
  margin-inline: auto;
  padding-inline: 1.5rem;
}
@media (width >= 1024px) {
  .contact-form-section__inner {
    grid-template-columns: 1fr 1fr;
    gap: 4rem;
  }
}
.contact-form-section__heading {
  margin: 0 0 1rem;
}
.contact-form-section__paragraph {
  margin-block: 0 1rem;
}
.contact-form-section__paragraph:last-child {
  margin-block-end: 0;
}
.contact-form-section__placeholder {
  padding: 2rem;
  border: 2px dashed currentcolor;
  opacity: 0.5;
  text-align: center;
}

.legal-page {
  background: #e2ead0;
}
.legal-page__container {
  max-width: 1440px;
  padding-inline: 36px;
  margin-inline: auto;
}
@media (min-width: 576px) {
  .legal-page__container {
    padding-inline: 50px;
  }
}
@media (min-width: 1200px) {
  .legal-page__container {
    padding-inline: 80px;
  }
}
.legal-page__container {
  padding-block: 120px 72px;
}
@media (min-width: 744px) {
  .legal-page__container {
    padding-block: 160px 100px;
  }
}
.legal-page__title,
.legal-page__meta,
.legal-page__section {
  max-inline-size: 760px;
  margin-inline: auto;
}
.legal-page__title {
  margin-block-end: 8px;
}
.legal-page__meta {
  margin-block-end: 48px;
  color: #483f1a;
}
.legal-page__section + .legal-page__section {
  margin-block-start: 40px;
}
.legal-page__heading {
  margin-block-end: 12px;
}
.legal-page__body p {
  margin-block-end: 16px;
}
.legal-page__body p:last-child {
  margin-block-end: 0;
}
.legal-page__body .text--paragraphe-highlight {
  font-size: inherit;
  line-height: inherit;
}
.legal-page__body a {
  color: #282102;
  text-decoration: underline;
  text-underline-offset: 2px;
}
.legal-page__body a:hover,
.legal-page__body a:focus-visible {
  color: #a2dc06;
}

.typography-specimen {
  max-width: 1440px;
  padding-inline: 36px;
  margin-inline: auto;
}
@media (min-width: 576px) {
  .typography-specimen {
    padding-inline: 50px;
  }
}
@media (min-width: 1200px) {
  .typography-specimen {
    padding-inline: 80px;
  }
}
.typography-specimen {
  padding-block: 48px;
}
.typography-specimen__header {
  margin-block-end: 32px;
  padding-block-end: 16px;
  border-block-end: 1px solid #483f1a;
}
.typography-specimen__title {
  font-family: "Constructio Grotesk", sans-serif;
  font-weight: 400;
  margin-block-end: 8px;
}
.typography-specimen__note {
  font-family: "paralucent", sans-serif;
  font-weight: 400;
  color: #483f1a;
}
.typography-specimen__list {
  list-style: none;
  display: grid;
  gap: 32px;
}
.typography-specimen__meta {
  font-family: "paralucent", sans-serif;
  font-weight: 500;
  font-size: 13px;
  letter-spacing: 0;
  color: #483f1a;
  margin-block-end: 8px;
  text-transform: uppercase;
}
.typography-specimen__sep {
  margin-inline: 6px;
  opacity: 0.5;
}
.typography-specimen__sample {
  font-size: 28px;
  line-height: 1.25;
  letter-spacing: -0.02em;
}
@media (min-width: 1200px) {
  .typography-specimen__sample {
    font-size: 34px;
  }
}
.typography-specimen__sample--constructio-400 {
  font-family: "Constructio Grotesk", sans-serif;
  font-weight: 400;
}
.typography-specimen__sample--hanken-300 {
  font-family: "paralucent", sans-serif;
  font-weight: 300;
}
.typography-specimen__sample--hanken-500 {
  font-family: "paralucent", sans-serif;
  font-weight: 500;
}
.typography-specimen__sample--hanken-600 {
  font-family: "paralucent", sans-serif;
  font-weight: 600;
}

.thank-you {
  display: flex;
  flex-direction: column;
  gap: 40px;
  padding: 30px;
  border-radius: 20px;
  background: #f1f6e6;
  margin-block-start: 120px;
}
@media (min-width: 1200px) {
  .thank-you {
    padding: 50px;
    min-block-size: 513px;
    margin-block-start: 140px;
  }
}
.thank-you__text {
  display: flex;
  flex-direction: column;
  gap: 25px;
}
.thank-you__heading {
  margin: 0;
  color: #282102;
}
.thank-you__subtext {
  margin: 0;
  color: #483f1a;
}
.thank-you__cta {
  align-self: flex-start;
  margin-block-start: auto;
}