@layer reset, tokens, colors, typography, base, layout, utilities, components, theme;
@layer reset {
  *,
  *::before,
  *::after {
    box-sizing: border-box;
  }
  html {
    -moz-text-size-adjust: none;
    -webkit-text-size-adjust: none;
    text-size-adjust: none;
    line-height: 1.5;
  }
  body,
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  p,
  figure,
  blockquote,
  pre,
  dl,
  dd {
    margin: 0;
  }
  ul[role=list],
  ol[role=list] {
    margin: 0;
    padding: 0;
    list-style: none;
  }
  body {
    min-height: 100vh;
  }
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  button,
  input,
  label {
    line-height: 1.1;
  }
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    text-wrap: balance;
  }
  img,
  picture {
    max-width: 100%;
    display: block;
  }
  input,
  button,
  textarea,
  select {
    font: inherit;
  }
  textarea:not([rows]) {
    min-height: 10em;
  }
  :target {
    scroll-margin-block: 5ex;
    scroll-margin-block: 1rlh;
  }
  a {
    text-decoration: none;
    transition: 250ms;
    color: inherit;
  }
  a:hover {
    text-decoration: underline;
  }
  a:visited,
  a:active {
    color: inherit;
  }
}
@layer typography {
  :root {
    /* Font families */
    --ff-base: "Roboto", sans-serif;
    --ff-heading: var(--ff-base);
    /* Font-size primitives */
    --fs-display: 3.125rem;
    --fs-xs: 1.1875rem;
    --fs-sm: 1.5rem;
    --fs-md: 1.875rem;
    --fs-lg: 2.5rem;
    --fs-xl: 3.75rem;
    --fs-subtitle: 1.875rem;
    --fs-body: 1.625rem;
    --fs-body-lg: 1.3125rem;
    --fs-body-md: 1.125rem;
    --fs-body-sm: 0.875rem;
    --fs-button: 1rem;
    --fs-tag: 1.125rem;
    /* Line-height primitives */
    --lh-tight: 1;
    --lh-heading: 1.05;
    --lh-subheading: 1.2;
    --lh-subheading-l: 1.4;
    --lh-body: 1.5;
    --lh-loose: 1.8;
    /* Letter-spacing primitives */
    --ls-null: 0;
    --ls-tight: -0.04em;
    --ls-default: -0.01em;
    --ls-caps: 0.08em;
    /* Semantic text styles */
    --text-xxl-size: var(--fs-xxl);
    --text-xxl-weight: 900;
    --text-xxl-line-height: var(--lh-body);
    --text-xxl-letter-spacing: var(--ls-null);
    --text-xl-size: var(--fs-xl);
    --text-xl-weight: 900;
    --text-xl-line-height: var(--lh-heading);
    --text-xl-letter-spacing: var(--ls-null);
    --text-lg-size: var(--fs-lg);
    --text-lg-weight: 700;
    --text-lg-line-height: var(--lh-subheading);
    --text-lg-letter-spacing: var(--ls-null);
    --text-md-size: var(--fs-md);
    --text-md-weight: 900;
    --text-md-line-height: var(--lh-subheading);
    --text-md-letter-spacing: var(--ls-null);
    --text-sm-size: var(--fs-sm);
    --text-sm-weight: 900;
    --text-sm-line-height: var(--lh-subheading);
    --text-sm-letter-spacing: var(--ls-null);
    --text-xs-size: var(--fs-xs);
    --text-xs-weight: 700;
    --text-xs-line-height: var(--lh-subheading-l);
    --text-xs-letter-spacing: var(--ls-null);
    --text-subtitle-size: var(--fs-subtitle);
    --text-subtitle-weight: 300;
    --text-subtitle-line-height: var(--lh-subheading-l);
    --text-subtitle-letter-spacing: var(--ls-null);
    --text-body-weight: 400;
    --text-body-line-height: var(--lh-body);
    --text-body-letter-spacing: var(--ls-null);
    --text-body-l: var(--fs-body-lg);
    --text-body-m: var(--fs-body-md);
    --text-body-s: var(--fs-body-sm);
    --text-tag-size: var(--fs-tag);
    --text-tag-weight: 700;
    --text-tag-line-height: var(--lh-subheading);
    --text-tag-letter-spacing: var(--ls-null);
    --text-display-size: var(--fs-display);
    --text-display-weight: 900;
    --text-display-line-height: var(--lh-subheading);
    --text-display-letter-spacing: var(--ls-null);
    --text-button-size: var(--fs-button);
    --text-button-weight: 300;
    --text-button-line-height: var(--lh-body);
    --text-button-letter-spacing: var(--ls-null);
  }
  @media screen and (width <= 1310px) {
    :root {
      --fs-display: 2.25rem;
      --fs-xs: 1.125rem;
      --fs-sm: 1.25rem;
      --fs-md: 1.5rem;
      --fs-lg: 1.875rem;
      --fs-xl: 2.1875rem;
      --fs-xxl: 2.5rem;
      --fs-2xl: 3.5rem;
      --fs-subtitle: 1.5rem;
      --fs-body: 1.4375rem;
      --fs-body-lg: 1.125rem;
      --fs-body-md: 1rem;
      --fs-body-sm: 0.875rem;
      --fs-button: 1rem;
      --fs-tag: 1rem;
    }
  }
}
@layer utilities {
  .text-xl,
  .text-lg,
  .text-md,
  .text-sm,
  .text-xs,
  .text-subtitle,
  .text-tag,
  .text-display,
  .text-button,
  .text-body,
  .text-body-lg,
  .text-body-md,
  .text-body-sm {
    font-family: var(--ff-base);
  }
  .text-xxl {
    font-size: var(--text-xxl-size);
    font-weight: var(--text-xxl-weight);
    line-height: var(--text-xxl-line-height);
    letter-spacing: var(--text-xxl-letter-spacing);
  }
  .text-xl {
    font-size: var(--text-xl-size);
    font-weight: var(--text-xl-weight);
    line-height: var(--text-xl-line-height);
    letter-spacing: var(--text-xl-letter-spacing);
  }
  @media screen and (width >= 740px) {
    .text-xl {
      font-size: var(--fs-2xl);
    }
  }
  .text-lg {
    font-size: var(--text-lg-size);
    font-weight: var(--text-lg-weight);
    line-height: var(--text-lg-line-height);
    letter-spacing: var(--text-lg-letter-spacing);
  }
  .text-md {
    font-size: var(--text-md-size);
    font-weight: var(--text-md-weight);
    line-height: var(--text-md-line-height);
    letter-spacing: var(--text-md-letter-spacing);
  }
  .text-sm {
    color: var(--secondary);
    font-size: var(--text-sm-size);
    font-weight: var(--text-sm-weight);
    line-height: var(--text-sm-line-height);
    letter-spacing: var(--text-sm-letter-spacing);
  }
  @media screen and (width >= 740px) {
    .text-sm {
      font-size: var(--fs-md);
    }
  }
  .text-sm {
    color: var(--secondary);
    font-size: var(--text-sm-size);
    font-weight: var(--text-sm-weight);
    line-height: var(--text-sm-line-height);
    letter-spacing: var(--text-sm-letter-spacing);
  }
  @media screen and (width >= 740px) {
    .text-sm {
      font-size: var(--fs-md);
    }
  }
  .text-h2 {
    color: var(--secondary);
    font-size: var(--text-sm-size);
    font-weight: var(--text-sm-weight);
    line-height: var(--text-sm-line-height);
    letter-spacing: var(--text-sm-letter-spacing);
  }
  @media screen and (width >= 740px) {
    .text-h2 {
      font-size: var(--fs-md);
    }
  }
  .text-h3 {
    color: var(--primary);
    font-size: var(--text-xl-size);
    font-weight: var(--text-xl-weight);
    line-height: var(--text-xl-line-height);
    letter-spacing: var(--text-xl-letter-spacing);
  }
  @media screen and (width >= 740px) {
    .text-h3 {
      font-size: var(--fs-xl);
    }
  }
  .text-p {
    font-size: var(--fs-lg);
    font-weight: 400;
    line-height: var(--text-xs-line-height);
    letter-spacing: var(--text-xs-letter-spacing);
  }
  @media screen and (width >= 740px) {
    .text-p {
      font-size: var(--fs-md);
    }
  }
  .text-xs {
    font-size: var(--text-xs-size);
    font-weight: var(--text-xs-weight);
    line-height: var(--text-xs-line-height);
    letter-spacing: var(--text-xs-letter-spacing);
  }
  @media screen and (width >= 740px) {
    .text-xs {
      font-size: var(--fs-lg);
    }
  }
  .text-subtitle {
    font-size: var(--text-subtitle-size);
    font-weight: var(--text-subtitle-weight);
    line-height: var(--text-subtitle-line-height);
    letter-spacing: var(--text-subtitle-letter-spacing);
  }
  .text-tag {
    font-size: var(--text-tag-size);
    font-weight: var(--text-tag-weight);
    line-height: var(--text-tag-line-height);
    letter-spacing: var(--text-tag-letter-spacing);
  }
  .text-display {
    font-size: var(--text-display-size);
    font-weight: var(--text-display-weight);
    line-height: var(--text-display-line-height);
    letter-spacing: var(--text-display-letter-spacing);
  }
  .text-button {
    font-size: var(--text-button-size);
    font-weight: var(--text-button-weight);
    line-height: var(--text-button-line-height);
    letter-spacing: var(--text-button-letter-spacing);
  }
  .text-body,
  .text-body-lg,
  .text-body-md,
  .text-body-sm {
    font-weight: var(--text-body-weight);
    letter-spacing: var(--text-body-letter-spacing);
    line-height: var(--text-body-line-height);
  }
  .text-body {
    font-size: var(--fs-body);
  }
  .text-body-lg {
    font-size: var(--text-body-l);
  }
  .text-body-md {
    font-size: var(--text-body-m);
  }
  .text-body-sm {
    font-size: var(--text-body-s);
  }
}
/*
font-weight: 100; Thin (Hairline)
font-weight: 200; Extra Light (Ultra Light)
font-weight: 300; Light
font-weight: 400; Normal (Regular)
font-weight: 500; Medium
font-weight: 600; Semi Bold (Demi Bold)
font-weight: 700; Bold
font-weight: 800; Extra Bold (Ultra Bold)
font-weight: 900; Black (Heavy)

*/
:root {
  --primary: #003119;
  --primary-variant: hsla(139, 100%, 14%, 1);
  --secondary: #6fa332;
  --secondary-variant: hsla(87, 53%, 33%, 1);
  --background: #fff;
  --accent: #f0f0f0;
  --foreground: #000;
  --on-primary: var(--background);
  --on-secondary: var(--foreground);
  --on-accent: var(--foreground);
}

.dark {
  color-scheme: dark;
  --primary: #fff;
  --primary-variant: #f0f0f0;
  --secondary: #6fa332;
  --secondary-variant: hsl(83, 43%, 52%);
  --background: #003119;
  --accent: #000;
  --foreground: #f0f0f0;
  --on-primary: var(--background);
  --on-secondary: var(--background);
  --on-accent: var(--foreground);
}

@layer tokens {
  :root {
    /* Horizontal layout tokens */
    --container-gutter: 1rem;
    --container-outer-gutter: 1rem;
    --container-narrow: 786px;
    --container-default: 1235px;
    --container-wide: 1480px;
    --container-full: 1580px;
    --navigation-top-offset: 30px;
    --navigation-height: 5rem;
    --navigation-bottom-offset: calc(var(--navigation-top-offset) + var(--navigation-height));
    --block-connector-height: 20px;
  }
  @media (width >= 740px) {
    :root {
      --container-gutter: 3.125rem;
      --container-outer-gutter: 3.125rem;
    }
  }
  :root {
    /* Vertical rhythm tokens */
    --space-2xs: 0.5rem;
    --space-xs: 0.75rem;
    --space-sm: 1rem;
    --space-md: 1.5rem;
    --space-lg: 80px;
    --space-xl: 4rem;
    --space-2xl: 5rem;
    --space-3xl: 7rem;
    --space-1: 35px;
    --space-2: 30px;
    /* Radius tokens */
    --radius-sm: 0.5rem;
    --radius-md: 1rem;
    --radius-lg: 1.5rem;
    --radius-pill: 999px;
    /* Shadow tokens */
    --shadow-sm: 0 0.5rem 1rem rgb(20 16 40 / 6%);
    --shadow-md: 0 1rem 2.5rem rgb(20 16 40 / 8%);
    --shadow-lg: 0 1.5rem 4rem rgb(20 16 40 / 12%);
    /* Button tokens */
    --button-height: 3.5rem;
    --button-padding-inline: 1.25rem;
  }
}
@view-transition {
  navigation: auto;
}
@layer base {
  html {
    font-size: 16px;
  }
  @media (prefers-reduced-motion: no-preference) {
    html {
      scroll-behavior: smooth;
    }
  }
  body {
    overflow-x: clip;
    min-height: 100dvh;
    font-family: var(--ff-base);
    color: var(--foreground);
    background-color: var(--background);
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.4;
    letter-spacing: var(--ls-null);
  }
}
@layer layout {
  .wrapper {
    --wrapper-max-width: var(--container-default);
    --wrapper-padding-inline: var(--container-gutter);
    --wrapper-outer-gutter: var(--container-outer-gutter);
    box-sizing: border-box;
    width: calc(100% - var(--wrapper-outer-gutter) * 2);
    max-width: var(--wrapper-max-width);
    margin-inline: auto;
    padding-inline: var(--wrapper-padding-inline);
  }
  .wrapper[data-wrapper=narrow] {
    --wrapper-max-width: var(--container-narrow);
  }
  .wrapper[data-wrapper=default] {
    --wrapper-max-width: var(--container-default);
  }
  .wrapper[data-wrapper=wide] {
    --wrapper-max-width: var(--container-wide);
  }
  .wrapper[data-wrapper=full] {
    --wrapper-max-width: var(--container-full);
    --wrapper-padding-inline: 0;
    --wrapper-outer-gutter: 0;
  }
  .wrapper[data-wrapper=flush] {
    --wrapper-max-width: 100%;
    --wrapper-padding-inline: 0;
    --wrapper-outer-gutter: 0;
  }
  .stack {
    --stack-space: var(--space-lg);
    display: flex;
    flex-direction: column;
    gap: var(--stack-space);
  }
  .stack-2xs {
    --stack-space: var(--space-2xs);
  }
  .stack-xs {
    --stack-space: var(--space-xs);
  }
  .stack-sm {
    --stack-space: var(--space-sm);
  }
  .stack-md {
    --stack-space: var(--space-md);
  }
  .stack-lg {
    --stack-space: var(--space-lg);
  }
  @media screen and (width >= 740px) {
    .stack-lg {
      --space-lg: 129px;
    }
  }
  .stack-xl {
    --stack-space: var(--space-xl);
  }
  @media screen and (width >= 740px) {
    .stack-xl {
      --space-xl: 135px;
    }
  }
  .stack-2xl {
    --stack-space: var(--space-2xl);
  }
  .stack-3xl {
    --stack-space: var(--space-3xl);
  }
  @media screen and (width >= 740px) {
    .stack-1 {
      --stack-space: var(--space-1);
    }
  }
  .stack-2 {
    --stack-space: 1rem;
  }
  @media screen and (width >= 740px) {
    .stack-2 {
      --stack-space: var(--space-2);
    }
  }
}
@layer utilities {
  .visually-hidden {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    white-space: nowrap;
    border: 0;
    clip-path: inset(50%);
  }
  .skip-link {
    position: fixed;
    top: 8px;
    left: 8px;
    z-index: 1000;
    padding: 12px 16px;
    color: var(--background);
    text-decoration: none;
    background-color: var(--foreground);
    border: 2px solid var(--secondary);
    border-radius: 5px;
    transform: translateY(calc(-100% - 16px));
  }
  .skip-link:focus-visible {
    outline: 2px solid var(--secondary);
    outline-offset: 3px;
    transform: translateY(0);
  }
  .btn {
    -webkit-appearance: none;
    border-radius: 0;
    text-align: inherit;
    background: none;
    box-shadow: none;
    padding: 0;
    cursor: pointer;
    border: none;
    color: inherit;
    font: inherit;
  }
  .cta {
    background-color: var(--secondary);
    color: var(--background);
    text-transform: uppercase;
    padding: 8px 16px;
    border-radius: 5px;
  }
  .cta:hover {
    text-decoration: none;
  }
  .cta--secondary {
    display: flex;
    gap: 16px;
    align-items: center;
    width: fit-content;
    padding: 8px 13px 8px 18px;
    color: var(--background);
    text-decoration: none;
    text-transform: uppercase;
    background-color: var(--secondary);
    border-radius: 5px;
  }
  .cta--secondary-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    color: var(--primary-variant);
    background-color: var(--background);
    border-radius: 3px;
  }
  .cta--secondary--variant {
    background-color: var(--primary);
  }
  .cta--tertiary {
    display: flex;
    gap: 16px;
    align-items: center;
    width: fit-content;
    padding: 8px 13px 8px 18px;
    color: var(--background);
    text-decoration: none;
    text-transform: uppercase;
    background-color: var(--secondary);
    border-radius: 5px;
    border: 1px solid var(--background);
  }
  .cta--tertiary-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    color: var(--primary-variant);
    background-color: var(--background);
    border-radius: 3px;
  }
  .break-line {
    display: block;
  }
}
@layer components {
  .block-connector {
    --block-connector-max-width: 100%;
    --block-connector-radius: calc(var(--block-connector-height) / 2);
    --block-connector-color: var(--background);
    position: absolute;
    top: calc(var(--block-connector-height) * -1);
    left: 50%;
    width: 100%;
    max-width: var(--block-connector-max-width);
    height: var(--block-connector-height);
    background-color: var(--block-connector-color);
    transform: translateX(-50%);
    pointer-events: none;
    -webkit-mask: radial-gradient(circle at left center, transparent 0 var(--block-connector-radius), black calc(var(--block-connector-radius) + 0.5px)), radial-gradient(circle at right center, transparent 0 var(--block-connector-radius), black calc(var(--block-connector-radius) + 0.5px));
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-composite: source-in;
    mask: radial-gradient(circle at left center, transparent 0 var(--block-connector-radius), black calc(var(--block-connector-radius) + 0.5px)), radial-gradient(circle at right center, transparent 0 var(--block-connector-radius), black calc(var(--block-connector-radius) + 0.5px));
    mask-repeat: no-repeat;
    mask-composite: intersect;
  }
}
@layer components {
  .theme-toggle {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    padding: 0;
    color: var(--primary);
    appearance: none;
    cursor: pointer;
    background: transparent;
    border: 0;
  }
  .theme-toggle svg {
    display: block;
    flex: none;
    width: 1.25rem;
    height: 1.25rem;
  }
  .theme-toggle__half {
    transition: fill 180ms ease;
  }
  .theme-toggle__half--left,
  .theme-toggle.is-active .theme-toggle__half--right {
    fill: transparent;
  }
  .theme-toggle__half--right,
  .theme-toggle.is-active .theme-toggle__half--left {
    fill: currentcolor;
  }
  .theme-toggle:focus-visible {
    outline: 2px solid currentcolor;
    outline-offset: 0.1875rem;
  }
  @media (prefers-reduced-motion: reduce) {
    .theme-toggle__half {
      transition: none;
    }
  }
}
.offer-card {
  --offer-card-background: var(--accent);
  --offer-card-color: var(--primary);
  --offer-card-title-color: var(--secondary);
  --offer-card-cta-background: var(--primary);
  --offer-card-cta-color: var(--background);
  --offer-card-cta-border-color: transparent;
  --offer-card-cta-icon-background: var(--background);
  --offer-card-cta-icon-color: var(--primary);
  --offer-card-link-background: var(--accent);
  --offer-card-link-color: var(--primary);
  width: 100%;
  min-height: 300px;
  color: var(--offer-card-color);
  background-color: var(--offer-card-background);
  padding: 45px 40px 45px 125px;
  border-radius: 10px;
}
.offer-card--variant {
  padding: 45px 125px 45px 40px;
}
.offer-card--variant .offer-card__content {
  flex: 1 1 467px;
  min-width: 0;
  max-width: 467px;
  order: 1;
}
.offer-card--variant .offer-card__image {
  flex: 1 1 728px;
  min-width: 0;
  max-width: 728px;
}
.offer-card--variant .offer-card__link {
  right: auto;
  left: var(--offer-card-link-inset);
}

.offer-card__inner {
  display: flex;
  width: 100%;
  gap: 100px;
  max-width: 1315px;
}

.offer-card__image {
  position: relative;
  overflow: hidden;
  border-radius: 10px;
}
.offer-card__image > picture > img {
  max-width: 100%;
  height: 100%;
  object-fit: cover;
}

.offer-card__link {
  --offer-card-link-inset: 30px;
  --block-connector-color: var(--offer-card-link-background);
  position: absolute;
  right: var(--offer-card-link-inset);
  bottom: var(--block-connector-height);
  z-index: 1;
  display: flex;
  flex-direction: column;
  gap: 10px;
  align-items: center;
  width: 300px;
  max-width: 232px;
  padding: 8px 13px 8px 30px;
  color: var(--offer-card-link-color);
  background-color: var(--offer-card-link-background);
  border-radius: 10px;
}
.offer-card__link__button {
  display: flex;
  align-items: center;
  gap: 24px;
  color: inherit;
  text-decoration: none;
  background-color: transparent;
}
.offer-card__link__button:focus-visible {
  outline: 2px solid white;
  outline-offset: 2px;
  box-shadow: 0 0 0 4px rgba(0, 0, 0, 0.75);
}
.offer-card__link__button > span {
  text-transform: uppercase;
  font-size: 1rem;
  font-weight: 300;
}
.offer-card__link-icon {
  color: var(--background);
}
.offer-card__link-icon--primary {
  background-color: var(--primary);
}
.offer-card__link-icon--secondary {
  background-color: var(--secondary);
}
.offer-card__link > .block-connector {
  top: auto;
  bottom: calc(var(--block-connector-height) * -1);
  width: min(207px, 80%);
  background-color: var(--offer-card-link-background);
}

.offer-card__content {
  max-width: 386px;
  font-size: 1.125rem;
  font-weight: 400;
  align-self: center;
}
@media screen and (width >= 740px) {
  .offer-card__content {
    font-size: 1.3125rem;
  }
}
.offer-card__content .offer-card__title {
  color: var(--offer-card-title-color);
  font-size: 1.75rem;
}
@media screen and (width >= 740px) {
  .offer-card__content .offer-card__title {
    font-size: 2.5rem;
  }
}
.offer-card__content > .cta--secondary {
  color: var(--offer-card-cta-color);
  background-color: var(--offer-card-cta-background);
  border: 1px solid var(--offer-card-cta-border-color);
}
.offer-card__content > .cta--secondary:focus-visible {
  outline: 2px solid white;
  outline-offset: 0;
  box-shadow: 0 0 0 4px rgba(0, 0, 0, 0.75);
}
.offer-card__content > .cta--secondary > .cta--secondary-icon {
  color: var(--offer-card-cta-icon-color);
  background-color: var(--offer-card-cta-icon-background);
}

@media screen and (width < 1296px) {
  .offer-card,
  .offer-card--variant {
    padding: clamp(30px, 4vw, 45px) clamp(20px, 5vw, 64px);
  }
  .offer-card__inner {
    flex-direction: column;
    gap: clamp(30px, 5vw, 60px);
    max-width: none;
  }
  .offer-card__content,
  .offer-card--variant .offer-card__content {
    width: 100%;
    max-width: 800px;
    align-self: center;
    order: 0;
  }
  .offer-card__image,
  .offer-card--variant .offer-card__image {
    flex: 0 1 auto;
    width: 100%;
    max-width: 800px;
    aspect-ratio: 4/3;
    align-self: center;
  }
  .offer-card__image > picture,
  .offer-card__image > picture > img {
    display: block;
    width: 100%;
    height: 100%;
  }
}
.projet-presentation__intro {
  --wrapper-padding-inline: 0;
  display: flex;
  gap: 32px;
  justify-content: space-between;
  margin-bottom: 100px;
}
.projet-presentation__intro__image {
  display: block;
  width: 100%;
  padding: 160px 50px 213px;
  border: 1px solid var(--primary);
  border-radius: 10px;
  flex: 1;
  max-width: 538px;
  max-height: 538px;
}
.projet-presentation__intro__image > img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: contain;
}
.projet-presentation__intro__text {
  flex: 1;
  max-width: 593px;
}
.projet-presentation__intro__text h2 {
  margin-bottom: 30px;
  font-size: 1.5rem;
  color: var(--primary);
  font-weight: 900;
}
@media screen and (width >= 740px) {
  .projet-presentation__intro__text h2 {
    font-size: 1.875rem;
  }
}
.projet-presentation__intro__text p {
  margin-bottom: 40px;
  font-size: 1rem;
  color: var(--foreground);
}
@media screen and (width >= 740px) {
  .projet-presentation__intro__text p {
    font-size: 1.3125rem;
  }
}
@media screen and (width <= 1290px) {
  .projet-presentation__intro {
    --wrapper-padding-inline: 16px;
    flex-direction: column;
    align-items: center;
  }
  .projet-presentation__intro__image {
    max-width: 593px;
  }
}

.projet-presentation__overview {
  display: flex;
  color: var(--background);
}
.projet-presentation__overview-container {
  max-width: 477px;
  margin-inline: auto;
}
.projet-presentation__overview__objectives {
  flex: 1;
  background-color: var(--secondary);
  padding-top: 113px;
  padding-bottom: 100px;
  padding-inline: 0;
}
.projet-presentation__overview__objectives h3 {
  width: fit-content;
  margin-bottom: 30px;
}
.projet-presentation__overview__outcomes {
  flex: 1;
  background-color: var(--primary);
  padding-top: 113px;
  padding-inline: 0;
}
.projet-presentation__overview__outcomes h3 {
  width: fit-content;
  margin-bottom: 30px;
}
@media screen and (width < 1290px) {
  .projet-presentation__overview {
    flex-direction: column;
  }
  .projet-presentation__overview__objectives {
    padding-bottom: 56px;
    padding-top: 58px;
    padding-inline: 16px;
  }
  .projet-presentation__overview__outcomes {
    padding-bottom: 56px;
    padding-top: 58px;
    padding-inline: 16px;
  }
}

.projet-presentation__timeline {
  display: flex;
  --wrapper-padding-inline: 0;
  padding-top: 155px;
  padding-bottom: 180px;
}
.projet-presentation__timeline__heading {
  flex: 1 1 40%;
}
.projet-presentation__timeline__heading > h2 {
  margin-bottom: 8px;
}
.projet-presentation__timeline__dates {
  flex: 1 1 60%;
}
.projet-presentation__timeline__dates__controls {
  display: contents;
}
.projet-presentation__timeline__dates__viewport {
  display: contents;
}
.projet-presentation__timeline__dates__navigation, .projet-presentation__timeline__dates__mobile-panel {
  display: none;
}
.projet-presentation__timeline__dates__list {
  list-style-type: none;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.projet-presentation__timeline__dates__list-item {
  display: grid;
  grid-template-columns: minmax(60px, 0.5fr) 55px minmax(220px, 1fr);
  column-gap: 20px;
  align-items: center;
}
.projet-presentation__timeline__dates__list-item:hover .projet-presentation__timeline__dates__list-item__year, .projet-presentation__timeline__dates__list-item:focus-within .projet-presentation__timeline__dates__list-item__year {
  color: var(--secondary);
  font-weight: 700;
}
.projet-presentation__timeline__dates__list-item:hover .projet-presentation__timeline__dates__list-item__connector, .projet-presentation__timeline__dates__list-item:focus-within .projet-presentation__timeline__dates__list-item__connector {
  transform: scaleX(1);
}
.projet-presentation__timeline__dates__list-item:hover .projet-presentation__timeline__dates__details, .projet-presentation__timeline__dates__list-item:focus-within .projet-presentation__timeline__dates__details {
  opacity: 1;
  transform: translateX(0);
}
.projet-presentation__timeline__dates__list-item__year {
  position: relative;
  display: block;
  width: fit-content;
  padding: 0 0 8px;
  text-align: left;
  cursor: pointer;
  background: transparent;
  border: 0;
  font-size: 4.875rem;
  font-weight: 300;
  color: var(--primary);
  line-height: 1.3;
}
.projet-presentation__timeline__dates__list-item__year:focus-visible {
  outline: 2px solid currentcolor;
  outline-offset: 4px;
}
.projet-presentation__timeline__dates__list-item__year.is-active {
  color: var(--secondary);
  font-weight: 700;
}
.projet-presentation__timeline__dates__details {
  position: relative;
  top: 42px;
  max-width: 420px;
  align-self: start;
  margin-top: 0;
  opacity: 0;
  transform: translateX(20px);
  transition: opacity 300ms ease, transform 300ms ease;
}
.projet-presentation__timeline__dates__details.is-visible {
  opacity: 1;
  transform: translateX(0);
}
.projet-presentation__timeline__dates__details__date {
  margin: 0;
  margin-bottom: 16px;
  color: var(--secondary);
  font-weight: 400;
  font-size: 1.625rem;
}
.projet-presentation__timeline__dates__details h4 {
  color: var(--primary);
  font-size: 1.875rem;
  line-height: 1.15;
}
.projet-presentation__timeline__dates__list-item__connector {
  display: block;
  height: 2px;
  background-color: var(--secondary);
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 350ms ease;
}
.projet-presentation__timeline__dates__list-item__connector.is-visible {
  transform: scaleX(1);
}
@media screen and (width < 1290px) {
  .projet-presentation__timeline {
    flex-direction: column;
  }
  .projet-presentation__timeline__heading {
    margin-bottom: 80px;
  }
  .projet-presentation__timeline__dates {
    width: 100%;
  }
  .projet-presentation__timeline__dates__controls {
    display: block;
  }
  .projet-presentation__timeline__dates__navigation {
    display: none;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    padding: 0;
    color: var(--background);
    font-size: 1.5rem;
    cursor: pointer;
    background-color: var(--secondary);
    border: 0;
    border-radius: 3px;
  }
  .projet-presentation__timeline__dates__navigation:focus-visible {
    outline: 2px solid var(--primary);
    outline-offset: 3px;
  }
  .projet-presentation__timeline__dates__navigation:disabled {
    cursor: not-allowed;
    opacity: 0.35;
  }
  .projet-presentation__timeline__dates__viewport {
    display: block;
    width: 100%;
    overflow: hidden;
  }
  .projet-presentation__timeline__dates__list {
    display: flex;
    flex-direction: row;
    width: auto;
    padding: 0;
    overflow: visible;
    gap: 0;
  }
  .projet-presentation__timeline__dates__list-item {
    display: flex;
    flex: 0 0 140px;
    flex-direction: column;
    align-items: center;
    grid-template-columns: none;
  }
  .projet-presentation__timeline__dates__list-item:hover .projet-presentation__timeline__dates__list-item__year:not(.is-active), .projet-presentation__timeline__dates__list-item:focus-within .projet-presentation__timeline__dates__list-item__year:not(.is-active) {
    color: var(--primary);
    font-weight: 300;
  }
  .projet-presentation__timeline__dates__list-item:hover .projet-presentation__timeline__dates__list-item__connector:not(.is-visible), .projet-presentation__timeline__dates__list-item:focus-within .projet-presentation__timeline__dates__list-item__connector:not(.is-visible) {
    transform: scaleY(0);
  }
  .projet-presentation__timeline__dates__list-item__year {
    width: auto;
    padding-bottom: 12px;
    font-size: clamp(3rem, 8vw, 4.875rem);
    line-height: 1.1;
    text-align: center;
  }
  .projet-presentation__timeline__dates__list-item__connector {
    width: 2px;
    height: 55px;
    transform: scaleY(0);
    transform-origin: top;
  }
  .projet-presentation__timeline__dates__list-item__connector.is-visible {
    transform: scaleY(1);
  }
  .projet-presentation__timeline__dates__mobile-panel {
    display: block;
    min-height: 150px;
    margin-top: 24px;
    text-align: center;
  }
  .projet-presentation__timeline__dates__mobile-panel .projet-presentation__timeline__dates__details {
    position: static;
    max-width: 520px;
    margin-inline: auto;
    opacity: 0;
    transform: translateY(12px);
  }
  .projet-presentation__timeline__dates__mobile-panel .projet-presentation__timeline__dates__details.is-visible {
    opacity: 1;
    transform: translateY(0);
  }
  .projet-presentation__timeline__dates__mobile-panel .projet-presentation__timeline__dates__details[hidden] {
    display: none;
  }
}
@media screen and (width < 1290px) and (width >= 740px) {
  .projet-presentation__timeline__dates__controls {
    display: grid;
    align-items: start;
    justify-content: center;
    grid-template-columns: 44px minmax(0, 650px) 44px;
    gap: 64px;
  }
  .projet-presentation__timeline__dates__navigation {
    display: inline-flex;
    margin-top: 36px;
  }
  .projet-presentation__timeline__dates__list {
    max-width: none;
  }
  .projet-presentation__timeline__dates__list-item {
    flex-basis: 180px;
  }
  .projet-presentation__timeline__dates__viewport {
    max-width: 650px;
  }
}
@media screen and (width < 740px) {
  .projet-presentation__timeline__heading {
    margin-bottom: 56px;
  }
}
@media screen and (width >= 1290px) {
  .projet-presentation__timeline__dates__viewport {
    display: contents;
  }
  .projet-presentation__timeline__dates__list {
    width: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    transform: none !important;
  }
  .projet-presentation__timeline__dates__list-item {
    width: auto !important;
    height: auto;
    margin-right: 0 !important;
    flex-shrink: 1;
  }
}

@media (prefers-reduced-motion: reduce) {
  .projet-presentation__timeline__dates__list-item__connector,
  .projet-presentation__timeline__dates__details {
    transition: none;
  }
}
.projet-presentation__additional-informations {
  --wrapper-padding-inline: 0;
  display: flex;
  gap: 23px;
}
.projet-presentation__additional-informations__docs {
  flex: 1 1 100%;
  margin-top: auto;
}
.projet-presentation__additional-informations__docs > h2,
.projet-presentation__additional-informations__docs p {
  max-width: 539px;
}
.projet-presentation__additional-informations__docs > h2 {
  font-size: 1.875rem;
  font-weight: 900;
  color: var(--primary);
  margin-bottom: 16px;
}
.projet-presentation__additional-informations__docs > p {
  color: var(--foreground);
  font-size: 1.3125rem;
  font-weight: 400;
  margin-bottom: 45px;
}
.projet-presentation__additional-informations__docs__list {
  display: flex;
  flex-direction: column;
  list-style-type: none;
  padding: 0;
  margin-bottom: 0;
}
.projet-presentation__additional-informations__docs__item {
  display: flex;
  justify-content: space-between;
  border: 1px solid var(--secondary);
  border-radius: 10px;
  padding: 40px;
  width: 100%;
}
@media screen and (width < 1290px) {
  .projet-presentation__additional-informations__docs__item {
    padding: 40px 30px;
  }
}
.projet-presentation__additional-informations__docs__item p {
  max-width: 376px;
}
@media screen and (width < 1290px) {
  .projet-presentation__additional-informations__docs__item p {
    max-width: 190px;
  }
}
.projet-presentation__additional-informations__docs__item:not(:last-child) {
  margin-bottom: 16px;
}
.projet-presentation__additional-informations__manager-card {
  position: relative;
  isolation: isolate;
  flex: 1 1 65%;
  background-color: var(--accent);
  border-radius: 10px;
}
.projet-presentation__additional-informations__manager-card .card-connector-1 {
  position: absolute;
  top: 0;
  max-width: 218px;
}
@media screen and (width < 1290px) {
  .projet-presentation__additional-informations__manager-card .card-connector-1 {
    max-width: 170px;
    top: -1px;
  }
}
.projet-presentation__additional-informations__manager-card .card-connector-2 {
  position: absolute;
  top: unset;
  bottom: 0;
  max-width: 218px;
}
@media screen and (width < 1290px) {
  .projet-presentation__additional-informations__manager-card .card-connector-2 {
    max-width: 170px;
  }
}
.projet-presentation__additional-informations__manager-card-container {
  margin: 19px 63px;
  background-color: var(--background);
  display: flex;
  flex-direction: column;
  align-items: center;
  border-radius: 10px;
}
@media screen and (width < 1290px) {
  .projet-presentation__additional-informations__manager-card-container {
    margin: 19px 50px;
  }
}
.projet-presentation__additional-informations__manager-card__picture {
  margin-top: 26px;
  max-width: 197px;
  max-height: 213px;
  border-radius: 50%;
  overflow: hidden;
  margin-bottom: 14px;
}
.projet-presentation__additional-informations__manager-card__picture img {
  width: 100%;
  height: auto;
  object-fit: cover;
}
.projet-presentation__additional-informations__manager-card__name {
  font-size: 1.875rem;
  font-weight: 700;
  color: var(--foreground);
  text-transform: capitalize;
}
.projet-presentation__additional-informations__manager-card__title {
  text-transform: uppercase;
  color: var(--secondary);
  font-size: 1.125rem;
  font-weight: 700;
  margin-bottom: 34px;
}
.projet-presentation__additional-informations__manager-card__cta {
  margin-bottom: 36px;
}
@media screen and (width < 1290px) {
  .projet-presentation__additional-informations__manager-card {
    width: 100dvw;
    margin-inline: calc(50% - 50dvw);
  }
}
@media screen and (width < 1290px) {
  .projet-presentation__additional-informations {
    flex-direction: column;
  }
}

.navigation {
  position: fixed;
  top: var(--navigation-top-offset);
  right: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: 100;
}

.navigation__background {
  position: absolute;
  inset: 0;
  z-index: 1;
  display: block;
  background-color: var(--background);
  border-radius: 10px;
  pointer-events: none;
}

.navigation__inner {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: var(--navigation-height);
  padding-inline: 15px;
}

.navigation__brand {
  flex: 0 0 133px;
  display: block;
  width: 133px;
  height: 47px;
  color: var(--foreground);
  font-size: 1rem;
  font-weight: 800;
  letter-spacing: 0.06em;
  text-decoration: none;
  text-transform: uppercase;
}

.navigation__brand img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.menu-menu-principal-container {
  display: flex;
  gap: 50px;
  margin-left: auto;
}

.menu-menu-principal-container .navigation__list {
  display: flex;
  gap: 30px;
  align-items: center;
  list-style: none;
}

.menu.navigation__list .menu-item > a.text-button {
  display: inline-flex;
  align-items: center;
  color: var(--foreground);
  text-decoration: none;
  text-transform: uppercase;
}

.navigation__list > .menu-item {
  position: relative;
  display: flex;
  align-items: center;
  height: var(--navigation-height);
}

.navigation__list .sub-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 10;
  width: max-content;
  min-width: 15rem;
  max-width: min(24rem, 100vw - 2rem);
  padding-block: var(--space-xs);
  padding-inline: 0;
  margin: 0;
  visibility: hidden;
  list-style: none;
  opacity: 0;
  pointer-events: none;
  transform: translateY(-0.5rem);
  transition: opacity 180ms ease, transform 180ms ease, visibility 180ms;
}

.navigation__list .sub-menu a {
  display: block;
  padding-block: 0.75rem;
  padding-inline: 0;
  color: var(--foreground);
  line-height: 1.35;
  text-decoration: none;
  transition: color 150ms ease;
}

.navigation__list .sub-menu a:hover {
  color: var(--primary);
}

.navigation__list .sub-menu a:focus-visible {
  color: var(--primary);
  outline: 2px solid var(--secondary);
  outline-offset: 3px;
  border-radius: 2px;
}

.navigation__list > .menu-item-has-children:hover > .sub-menu,
.navigation__list > .menu-item-has-children:focus-within > .sub-menu {
  visibility: visible;
  opacity: 1;
  pointer-events: auto;
  transform: translateY(0);
}

.navigation__list > .menu-item-has-children.is-keyboard-closed > .sub-menu {
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
  transform: translateY(-0.5rem);
}

.navigation.has-navigation-animation:not(.is-expansion-complete) .navigation__list > .menu-item-has-children:hover:not(:focus-within) > .sub-menu {
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
  transform: translateY(-0.5rem);
}

.navigation__menu-toggle {
  position: relative;
  display: none;
  width: 44px;
  height: 44px;
  padding: 0;
  color: var(--foreground);
  background: transparent;
  border: 0;
  border-radius: 5px;
  cursor: pointer;
}

.navigation__menu-toggle-line {
  position: absolute;
  left: 50%;
  width: 24px;
  height: 2px;
  background-color: currentcolor;
  border-radius: 999px;
  transform: translateX(-50%);
  transition: transform 200ms ease, opacity 150ms ease;
}

.navigation__menu-toggle-line:nth-child(1) {
  top: 14px;
}

.navigation__menu-toggle-line:nth-child(2) {
  top: 21px;
}

.navigation__menu-toggle-line:nth-child(3) {
  top: 28px;
}

.navigation__menu-toggle.is-active .navigation__menu-toggle-line:nth-child(1),
.navigation__menu-toggle[aria-expanded=true] .navigation__menu-toggle-line:nth-child(1) {
  transform: translate(-50%, 7px) rotate(45deg);
}

.navigation__menu-toggle.is-active .navigation__menu-toggle-line:nth-child(2),
.navigation__menu-toggle[aria-expanded=true] .navigation__menu-toggle-line:nth-child(2) {
  opacity: 0;
}

.navigation__menu-toggle.is-active .navigation__menu-toggle-line:nth-child(3),
.navigation__menu-toggle[aria-expanded=true] .navigation__menu-toggle-line:nth-child(3) {
  transform: translate(-50%, -7px) rotate(-45deg);
}

.navigation__submenu-toggle {
  display: none;
}

.navigation__mobile-contact {
  display: none;
}

.navigation__mobile-promo {
  display: none;
}

@media (width <= 1310px) {
  .menu-menu-principal-container {
    display: contents;
  }
  .navigation__actions > .cta {
    display: none;
  }
  .menu-menu-principal-container .navigation__list {
    position: absolute;
    top: 100%;
    right: 0;
    left: 0;
    z-index: 3;
    display: flex;
    flex-direction: column;
    gap: 0;
    align-items: stretch;
    width: 100%;
    height: calc(100dvh - 30px - 5rem);
    padding: 30px 24px;
    overflow-y: auto;
    scrollbar-gutter: stable;
    visibility: hidden;
    background-color: var(--background);
    border-radius: 0;
    opacity: 0;
    pointer-events: none;
    transform: translateX(100%);
    transition: visibility 300ms, opacity 300ms ease, transform 300ms ease;
  }
  .navigation.has-navigation-animation .navigation__list {
    transition: none;
  }
  .navigation.is-open .navigation__list {
    inset: calc(5rem + 30px) 0 0;
    height: auto;
    visibility: visible;
    opacity: 1;
    pointer-events: auto;
    transform: translateX(0);
  }
  .navigation__list > .menu-item {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    width: 100%;
    height: auto;
  }
  .menu.navigation__list > .menu-item > a.text-button {
    padding-block: 14px;
    color: var(--primary);
    text-transform: uppercase;
  }
}
@media screen and (width <= 1310px) and (width <= 740px) {
  .menu.navigation__list > .menu-item > a.text-button {
    font-size: 1.25rem;
  }
}
@media (width <= 1310px) {
  .menu.navigation__list > .menu-item.is-active > a.text-button,
  .menu.navigation__list > .current-menu-item > a.text-button,
  .menu.navigation__list > .current-menu-ancestor > a.text-button {
    color: var(--secondary);
  }
  .navigation__submenu-toggle {
    display: grid;
    width: 44px;
    height: 44px;
    padding: 0;
    color: var(--primary);
    background: transparent;
    border: 0;
    cursor: pointer;
    place-items: center;
  }
  .navigation__submenu-toggle svg {
    width: 24px;
    height: auto;
    transform: rotate(180deg);
    transition: transform 200ms ease;
  }
  .menu-item.is-active > .navigation__submenu-toggle {
    color: var(--secondary);
  }
  .menu-item.is-active > .navigation__submenu-toggle svg {
    transform: rotate(0);
  }
  .navigation__list .sub-menu {
    position: static;
    grid-column: 1/-1;
    width: 100%;
    min-width: 0;
    max-width: none;
    max-height: 0;
    padding: 0 0 0 20px;
    overflow: hidden;
    visibility: hidden;
    opacity: 0;
    pointer-events: none;
    transform: none;
    transition: max-height 250ms ease, opacity 200ms ease, visibility 250ms;
  }
  .navigation__list .menu-item.is-active > .sub-menu {
    visibility: visible;
    opacity: 1;
    pointer-events: auto;
  }
  .navigation__list .sub-menu a {
    padding-block: 10px;
    color: var(--foreground);
  }
  .navigation__mobile-contact {
    display: block;
    margin-top: 35px;
  }
  .navigation__mobile-contact .cta {
    display: inline-flex;
    font-size: 1.5rem;
    padding: 12px 24px;
  }
  .navigation__mobile-promo {
    display: block;
    margin: auto -24px -30px;
  }
  .navigation__mobile-promo .hero__link {
    position: absolute;
    right: 5%;
    bottom: 20px;
    left: 5%;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: auto;
    padding: 22px 24px;
    text-align: center;
    background-color: var(--accent);
    border-radius: 8px;
  }
  .navigation__mobile-promo .hero__link .block-connector {
    --block-connector-color: var(--accent);
    top: auto;
    bottom: -20px;
    display: block;
    max-width: 182px;
  }
  .menu.navigation__actions {
    flex: 0 0 auto;
    margin-left: auto;
  }
  .navigation__menu-toggle {
    display: block;
  }
}
@media (prefers-reduced-motion: reduce) {
  .navigation__list .sub-menu,
  .navigation__list .sub-menu a,
  .navigation__menu-toggle-line,
  .navigation__submenu-toggle svg {
    transition: none;
  }
}
.navigation.wrapper[data-wrapper=wide] {
  padding-inline: 0;
}

@media (width <= 1310px) {
  html {
    scrollbar-gutter: stable;
  }
  .navigation.is-open .menu-menu-principal-container .navigation__list {
    position: absolute;
    inset: auto;
    top: 100%;
    left: var(--navigation-viewport-offset, 0);
    width: var(--navigation-panel-width, calc(100vw + 2px));
    height: calc(100dvh - 30px - 5rem);
    margin: 0;
    contain: layout;
    transition-delay: 140ms;
  }
  body.is-navigation-open {
    overflow: hidden;
  }
}
@media (width <= 1310px) and (prefers-reduced-motion: reduce) {
  .navigation.is-open .menu-menu-principal-container .navigation__list {
    transition-delay: 0ms;
  }
}
.menu.navigation__actions {
  flex: 0 0 auto;
  display: flex;
  gap: 8px;
  align-items: center;
}
.menu.navigation__actions #language-toggle {
  text-transform: uppercase;
  border: 1px solid var(--primary-variant);
  padding: 8px;
  border-radius: 5px;
}
@media screen and (width >= 740px) {
  .menu.navigation__actions {
    gap: 15px;
  }
}

@layer components {
  .footer {
    position: relative;
    z-index: 1;
    overflow: hidden;
    padding-block: 5.625rem;
    border-top: 1px solid var(--secondary);
    background-color: var(--primary);
    color: var(--background);
  }
  .dark .footer {
    background-color: var(--accent);
    color: var(--foreground);
  }
  .footer__marquee {
    display: none;
  }
  @media screen and (width >= 1180px) {
    .footer__marquee {
      display: block;
      width: auto;
      max-width: calc(100% - var(--container-outer-gutter) * 2);
      margin-bottom: 80px;
      margin-inline: auto;
      font-size: clamp(3rem, 6vw, 6rem);
      font-weight: 400;
      line-height: 1;
      text-align: center;
      text-wrap: balance;
    }
  }
  .footer__marquee.is-animated {
    width: max-content;
    max-width: none;
    margin-inline: 0;
    font-size: 12.5rem;
    text-align: left;
    white-space: nowrap;
    will-change: transform;
  }
  .footer__inner {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    max-width: 1320px;
  }
  @media screen and (width >= 740px) {
    .footer__inner {
      flex-direction: row;
      justify-content: space-between;
      padding-inline: 0;
    }
  }
  .footer__contact {
    margin-inline: auto;
  }
  @media screen and (width >= 1180px) {
    .footer__contact {
      margin-inline: unset;
      align-self: start;
    }
  }
  .footer__infos-container {
    margin-left: 60px;
    margin-top: 8px;
  }
  .footer__brand:focus-visible,
  .footer__social-link:focus-visible {
    outline: 2px solid currentcolor;
    outline-offset: 4px;
  }
  .footer__brand {
    flex: 0 0 auto;
  }
  .footer__logo {
    width: 203px;
    height: auto;
  }
  .footer__address {
    font-style: normal;
    line-height: 1.5;
    margin-bottom: 22px;
  }
  .footer__address a:first-of-type {
    display: inline-block;
    margin-top: 16px;
  }
  .footer__address a:hover {
    text-decoration: underline;
    text-underline-offset: 0.2em;
  }
  .footer__social-list {
    display: flex;
    align-items: center;
    gap: var(--space-sm);
  }
  .footer__social-link {
    display: grid;
    width: 44px;
    height: 44px;
    place-items: center;
    color: var(--secondary);
    border: 1px solid var(--secondary);
    border-radius: 50%;
  }
  .footer__social-link svg {
    width: 24px;
    height: 24px;
    fill: currentcolor;
  }
  .footer__sitemap {
    display: none;
    margin-top: 40px;
  }
  .footer__sitemap > nav > h2 {
    color: var(--secondary);
    font-size: 1.5rem;
    font-weight: 300;
    margin-bottom: 40px;
  }
  .footer__sitemap > nav > ul > li > a {
    font-size: 1.5rem;
    font-weight: 300;
  }
  @media screen and (width >= 1180px) {
    .footer__sitemap {
      display: flex;
      gap: 90px;
    }
  }
}
@layer components {
  .hero-section {
    --hero-content-inset: max(
      var(--container-outer-gutter),
      calc((100% - var(--container-wide)) / 2)
    );
    position: relative;
    overflow: hidden;
    aspect-ratio: 4/5;
  }
  @media (width >= 768px) {
    .hero-section {
      aspect-ratio: 4/3;
    }
  }
  @media (width >= 1024px) {
    .hero-section {
      aspect-ratio: 2/1;
    }
  }
  .hero-slider,
  .hero-slider__slide {
    height: 100%;
  }
  .hero-slider__picture,
  .hero-slider__image {
    display: block;
    width: 100%;
    height: 100%;
  }
  .hero-slider__image {
    object-fit: cover;
  }
  .hero-slider__pagination {
    --swiper-pagination-bottom: var(--space-lg);
    --swiper-pagination-bullet-horizontal-gap: 0.375rem;
    --swiper-pagination-color: white;
    --swiper-pagination-bullet-inactive-color: white;
    --swiper-pagination-bullet-inactive-opacity: 0.5;
  }
  @media screen and (width <= 1310px) {
    .hero-slider__pagination {
      --swiper-pagination-bottom: var(--space-sm);
    }
  }
  .hero-slider__pagination .swiper-pagination-bullet {
    position: relative;
    width: 1.5rem;
    height: 1.5rem;
    margin-inline: 0;
    background: transparent;
    opacity: 1;
  }
  .hero-slider__pagination .swiper-pagination-bullet:focus-visible {
    border-radius: 50%;
    outline: 2px solid white;
    outline-offset: 0;
    box-shadow: 0 0 0 4px rgba(0, 0, 0, 0.75);
  }
  .hero-slider__pagination .swiper-pagination-bullet::after {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 0.625rem;
    height: 0.625rem;
    content: "";
    background-color: var(--swiper-pagination-bullet-inactive-color);
    border-radius: 50%;
    opacity: var(--swiper-pagination-bullet-inactive-opacity);
    transform: translate(-50%, -50%);
  }
  .hero-slider__pagination .swiper-pagination-bullet-active::after {
    background-color: var(--swiper-pagination-color);
    opacity: 1;
  }
  .hero__content {
    position: absolute;
    top: calc(var(--navigation-bottom-offset) + var(--block-connector-height));
    left: var(--hero-content-inset, var(--container-outer-gutter));
    z-index: 2;
    max-width: 521px;
    color: var(--foreground);
    background-color: var(--background);
    border-radius: 10px;
  }
  @media screen and (width <= 1310px) {
    .hero__content {
      left: 50%;
      width: min(521px, 100% - 32px);
      transform: translateX(-50%);
    }
  }
  .hero__content > .block-connector {
    --block-connector-max-width: 339px;
    --block-connector-max-sm-width: 196px;
    max-width: var(--block-connector-max-width);
    transform: translateX(-50%) scaleX(1);
    transform-origin: center;
    transition: opacity 240ms cubic-bezier(0.22, 1, 0.36, 1), transform 280ms cubic-bezier(0.22, 1, 0.36, 1);
  }
  @media screen and (width <= 740px) {
    .hero__content > .block-connector {
      max-width: var(--block-connector-max-sm-width);
    }
  }
  .hero__content.is-connector-hidden > .block-connector {
    opacity: 0;
    transform: translateX(-50%) scaleX(0.08);
  }
  .hero__content-inner {
    display: flex;
    flex-direction: column;
    gap: 40px;
    padding: 50px 36px 50px 44px;
    will-change: opacity;
  }
  @media screen and (width <= 1310px) {
    .hero__content-inner {
      padding: 24px 33px 24px 41px;
    }
  }
  .hero__content-title {
    color: var(--secondary);
    font-size: clamp(1.875rem, 1.5575rem + 1.5873vw, 3.125rem);
    font-weight: 900;
    line-height: 1.08;
  }
  .hero__content-logo {
    width: auto;
    max-width: 100%;
    height: auto;
    max-height: 7rem;
    object-fit: contain;
    object-position: left center;
  }
  .hero__content-logo[hidden] {
    display: none;
  }
  .hero__content-subtitle {
    color: var(--foreground);
  }
  .hero__link {
    position: absolute;
    right: var(--hero-content-inset);
    bottom: 20px;
    z-index: 2;
    color: var(--primary);
    padding: 22px 35px;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    background-color: var(--accent);
  }
  .hero__link__title {
    margin-bottom: 10px;
    text-align: center;
  }
  .hero__link__title strong {
    font-weight: 800;
  }
  .hero__link .block-connector {
    top: unset;
    bottom: -20px;
    max-width: 207px;
    background-color: var(--accent);
  }
  @media (width >= 1311px) {
    .hero__link__title {
      max-width: 300px;
      line-height: 1;
    }
  }
  @media (width <= 1310px) {
    .hero__link {
      display: none;
    }
  }
  @media (width <= 767px) {
    .hero-section {
      height: 100svh;
      aspect-ratio: auto;
    }
    .hero-slider__pagination {
      --swiper-pagination-bottom: 11rem;
    }
  }
  @media (prefers-reduced-motion: reduce) {
    .hero__content > .block-connector {
      transition: none;
    }
  }
}
@media (width <= 767px) {
  .hero-section {
    isolation: isolate;
  }
  .hero-slider {
    position: relative;
    z-index: 0;
  }
}
.hero-secondary {
  min-height: 556px;
  background-color: var(--accent);
}
.hero-secondary__inner {
  --wrapper-padding-inline: 0;
  display: flex;
  flex-direction: column;
  min-height: inherit;
  padding-block-start: calc(var(--navigation-bottom-offset) + var(--block-connector-height));
  gap: var(--space-xl);
}
.hero-secondary__content {
  position: relative;
  inset: auto;
  width: 100%;
  max-width: 853px;
  transform: none;
}
.hero-secondary__content .hero__content-inner > .text-h3 {
  max-width: 700px;
}
.hero-secondary__catchline {
  width: 100%;
  margin: 0;
  font-size: 1.875rem;
  font-weight: 300;
  color: var(--primary);
}
.hero-secondary--contact {
  min-height: 477px;
}
.hero-secondary--404 {
  min-height: 100vh;
  min-height: 100svh;
  background-image: url("/assets/media/images/404.webp");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.hero-secondary--404 .hero__content {
  max-width: 521px;
}
.hero-secondary--404 .hero__content-inner > h1 {
  font-size: 2.25rem;
}
@media screen and (width >= 1311px) {
  .hero-secondary--404 .hero__content-inner > h1 {
    font-size: 3.125rem;
  }
}
.hero-secondary--404 .hero__content-inner > h2 {
  font-size: 1.25rem;
}
@media screen and (width >= 1311px) {
  .hero-secondary--404 .hero__content-inner > h2 {
    font-size: 1.875rem;
  }
}
@media screen and (width >= 1311px) {
  .hero-secondary__inner {
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 60px;
  }
  .hero-secondary__content {
    flex: 1 1 853px;
  }
  .hero-secondary__catchline {
    flex: 1;
    margin-top: 110px;
  }
}

.offer-cards {
  --wrapper-padding-inline: 0;
  position: relative;
  isolation: isolate;
  padding-bottom: 240px;
}
.offer-cards::before {
  position: absolute;
  top: 0;
  left: 50%;
  z-index: 0;
  width: 100dvw;
  height: 244px;
  content: "";
  background-color: var(--accent);
  transform: translateX(-50%);
  pointer-events: none;
}
.offer-cards__list {
  position: relative;
  z-index: 1;
}

.offer-cards__list > .offer-card:nth-child(4n+1) {
  --offer-card-background: var(--primary);
  --offer-card-color: var(--background);
  --offer-card-title-color: var(--secondary);
  --offer-card-cta-background: var(--secondary);
  --offer-card-cta-color: var(--background);
  --offer-card-cta-icon-background: var(--background);
  --offer-card-cta-icon-color: var(--secondary);
  --offer-card-link-background: var(--primary);
  --offer-card-link-color: var(--background);
}

.offer-cards__list > .offer-card:nth-child(4n+3) {
  --offer-card-background: var(--secondary);
  --offer-card-color: var(--background);
  --offer-card-title-color: var(--primary);
  --offer-card-cta-background: var(--background);
  --offer-card-cta-color: var(--secondary);
  --offer-card-cta-icon-background: var(--secondary);
  --offer-card-cta-icon-color: var(--background);
  --offer-card-link-background: var(--secondary);
  --offer-card-link-color: var(--background);
}

@media screen and (740px <= width < 1296px) {
  .offer-cards__list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: clamp(24px, 3vw, 35px);
    align-items: stretch;
  }
  .offer-cards__list > .offer-card {
    height: 100%;
  }
}
.dark .offer-cards__list > .offer-card:nth-child(4n+1) {
  --offer-card-title-color: var(--background);
}

.dark .offer-cards__list > .offer-card:nth-child(4n+3) {
  --offer-card-title-color: var(--background);
}

.kpi-section {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding-block: 75px;
  color: var(--primary);
  background-color: var(--accent);
}
.kpi-section__heading {
  width: 100%;
  max-width: 600px;
  margin-bottom: 50px;
  margin-inline: auto;
  text-align: center;
}
.kpi-section__heading > strong {
  font-weight: 900;
}
.kpi-section__list {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  max-width: 1235px;
  gap: 70px;
}
@media screen and (max-width: 992px) {
  .kpi-section__list {
    flex-direction: column;
    align-items: stretch;
    max-width: 300px;
    margin-inline: auto;
  }
}
.kpi-section__item {
  display: grid;
  grid-template-columns: auto;
  text-align: center;
}
@media screen and (max-width: 992px) {
  .kpi-section__item {
    width: 100%;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
    align-items: center;
  }
}
.kpi-section__metric {
  display: inline;
  color: var(--secondary);
  font-size: 3.125rem;
}
@media screen and (max-width: 992px) {
  .kpi-section__metric {
    justify-self: end;
    text-align: right;
    align-self: start;
  }
}
.kpi-section__metric-unit {
  display: inline;
}
@media screen and (max-width: 992px) {
  .kpi-section__metric-unit {
    display: block;
    font-size: 1.875rem;
  }
}
.kpi-section__label {
  max-width: 290px;
}
@media screen and (max-width: 992px) {
  .kpi-section__label {
    justify-self: start;
    max-width: 160px;
    text-align: left;
  }
}

.offers-scroll-shell {
  width: 100%;
}

.section-offers .offers__card-container {
  width: 100%;
}
@media screen and (width < 740px) {
  .section-offers .offers__card-container {
    width: 100dvw;
    margin-inline: calc(50% - 50dvw);
  }
}
.section-offers .offers__card__track {
  display: flex;
  flex-direction: column;
  gap: 0;
}
.section-offers .offers__heading {
  margin-bottom: 36px;
  max-width: 854px;
  width: 100%;
}
.section-offers .offers__heading h2 {
  margin-bottom: 8px;
}
.section-offers .offers__heading h3 {
  margin-bottom: 20px;
}
.section-offers .offers__heading p {
  font-weight: 400;
  font-size: 1.1875rem;
}
@media screen and (width >= 740px) {
  .section-offers .offers__heading p {
    font-size: var(--fs-md);
  }
}
@media screen and (width >= 740px) {
  .section-offers .offers__heading {
    margin-bottom: 30px;
  }
  .section-offers .offers__heading h2 {
    margin-bottom: 6px;
  }
}
.section-offers .offers__card {
  --offers-card-background: var(--primary);
  --offers-card-color: var(--background);
  --offers-card-title-color: var(--secondary);
  --offers-card-cta-background: var(--secondary-variant);
  --offers-card-cta-color: var(--background);
  color: var(--offers-card-color);
  background-color: var(--offers-card-background);
  padding: 26px 26px 32px;
  border-radius: 8px;
}
.section-offers .offers__card__img {
  position: relative;
  flex-shrink: 0;
  width: 100%;
  max-width: 312px;
  height: 200px;
  margin-inline: auto;
  overflow: hidden;
  isolation: isolate;
}
.section-offers .offers__card__img > picture {
  width: 100%;
  height: 100%;
}
.section-offers .offers__card__img > picture > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 8px;
}
@media screen and (width >= 740px) {
  .section-offers .offers__card__img > picture > img {
    max-height: 297px;
  }
}
@media screen and (width >= 740px) {
  .section-offers .offers__card__img {
    max-width: 468px;
    height: 297px;
  }
}
.section-offers .offers__card__img__tag {
  position: absolute;
  top: 20px;
  right: 18px;
  color: var(--primary);
  background-color: var(--background);
  padding: 6px 14px;
  border-radius: 4px;
  font-size: 0.8125rem;
  font-weight: 700;
}
.section-offers .offers__card__content > h4 {
  margin-top: 30px;
  margin-bottom: 30px;
  font-size: 2.5rem;
  color: var(--offers-card-title-color);
  font-weight: 700;
}
@media screen and (width >= 740px) {
  .section-offers .offers__card__content > h4 {
    margin-top: 6px;
  }
}
.section-offers .offers__card__content > p {
  font-size: 1.3125rem;
  font-weight: 400;
  margin-bottom: 35px;
}
@media screen and (width >= 740px) {
  .section-offers .offers__card__content > p {
    margin-bottom: 0;
  }
}
.section-offers .offers__card > a.cta--secondary {
  color: var(--offers-card-cta-color);
  background-color: var(--offers-card-cta-background);
}
.section-offers .offers__card > a.cta--secondary:focus-visible {
  outline: 2px solid white;
  outline-offset: 0;
  box-shadow: 0 0 0 4px rgba(0, 0, 0, 0.75);
}
.section-offers .offers__card:nth-of-type(3n + 2) {
  --offers-card-background: var(--accent);
  --offers-card-color: var(--primary);
  --offers-card-title-color: var(--secondary-variant);
  --offers-card-cta-background: var(--primary);
}
.section-offers .offers__card:nth-of-type(3n) {
  --offers-card-background: var(--secondary);
  --offers-card-color: var(--primary);
  --offers-card-title-color: var(--primary);
  --offers-card-cta-background: var(--primary);
}
.section-offers .offers__card:nth-of-type(3n) > a.cta--secondary {
  border: 1px solid var(--background);
}
@media screen and (width >= 740px) {
  .section-offers .offers__card {
    padding: 40px 53px 101px 40px;
  }
}
.dark .section-offers .offers__card {
  --offers-card-title-color: var(--background);
}
.dark .section-offers .offers__card:nth-of-type(3n + 2) {
  --offers-card-title-color: var(--secondary-variant);
}
.dark .section-offers .offers__card:nth-of-type(3n) {
  --offers-card-color: var(--background);
}
@media screen and (width < 740px) {
  .section-offers {
    isolation: isolate;
  }
  .section-offers .offers__card {
    position: relative;
    z-index: 1;
  }
  .section-offers .offers__card:not(:last-of-type) {
    position: sticky;
    top: var(--offers-sticky-top, 110px);
  }
  .section-offers.is-stack-released .offers__card:not(:last-of-type) {
    position: relative;
    top: auto;
  }
}
@media screen and (width >= 740px) {
  .section-offers.is-scroll-driven {
    position: relative;
    z-index: 5;
    min-height: 100svh;
    padding-top: calc(var(--navigation-bottom-offset) + var(--space-sm));
    padding-bottom: var(--space-lg);
    background-color: var(--background);
  }
  .section-offers .offers__card-container {
    width: var(--offers-viewport-width, 100%);
    overflow-x: auto;
    overscroll-behavior-inline: contain;
    scroll-snap-type: inline mandatory;
  }
  .section-offers.is-scroll-driven .offers__card-container {
    overflow: visible;
    scroll-snap-type: none;
  }
  .section-offers .offers__card__track {
    position: relative;
    z-index: 2;
    flex-direction: row;
    gap: var(--space-md);
    width: max-content;
  }
  .section-offers .offers__heading {
    position: relative;
    z-index: 1;
  }
  .section-offers .offers__card {
    flex: 0 0 clamp(340px, 40vw, 561px);
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: 561px;
    max-height: 731px;
    scroll-snap-align: start;
    gap: 23px;
  }
  .section-offers .offers__card > a {
    align-self: flex-start;
    margin-top: auto;
  }
}

.projets-rd__heading {
  margin-bottom: 35px;
  width: 100%;
}
.projets-rd__heading > h2 {
  margin-bottom: 8px;
  max-width: 854px;
}
@media screen and (width >= 740px) {
  .projets-rd__heading > h2 {
    margin-bottom: 6px;
  }
}
.projets-rd__heading > h3 {
  margin-bottom: 19px;
  max-width: 854px;
}
.projets-rd__heading > p {
  max-width: 854px;
}
@media screen and (width >= 740px) {
  .projets-rd__heading {
    margin-bottom: 30px;
  }
}
.projets-rd__cards {
  position: relative;
  isolation: isolate;
}
@media screen and (width < 740px) {
  .projets-rd__cards {
    padding-inline: 0;
  }
}
.projets-rd__cards::before {
  position: absolute;
  top: 161px;
  bottom: -155px;
  left: 50%;
  z-index: 0;
  width: 100dvw;
  content: "";
  background-color: var(--accent);
  transform: translateX(-50%);
}
@media screen and (width >= 740px) {
  .projets-rd__cards::before {
    top: 244px;
  }
}
.projets-rd__cards > .projets-rd__actions {
  display: none;
}
@media screen and (width >= 1580px) {
  .projets-rd__cards > .projets-rd__actions {
    position: absolute;
    right: 175px;
    bottom: calc(-155px + var(--block-connector-height));
    z-index: 1;
    display: flex;
    width: fit-content;
  }
  .projets-rd__cards > .projets-rd__actions > .cta--secondary {
    width: fit-content;
    background-color: var(--background);
    color: var(--foreground);
  }
  .projets-rd__cards > .projets-rd__actions > .cta--secondary > .cta--secondary-icon {
    color: var(--background);
    background-color: var(--foreground);
  }
  .projets-rd__cards > .projets-rd__actions > .cta--secondary:focus-visible {
    outline: 2px solid white;
    outline-offset: 0;
    box-shadow: 0 0 0 4px rgba(0, 0, 0, 0.75);
  }
}
.projets-rd__cards .projets-rd__actions > .projets-rd__connector {
  --block-connector-max-width: 207px;
  --block-connector-color: var(--background);
  top: auto;
  bottom: calc(var(--block-connector-height) * -1);
}
.projets-rd__cards .projets-rd__slider {
  position: relative;
  z-index: 1;
  width: 100%;
  max-width: 520px;
  margin-inline: auto;
}
@media screen and (width >= 1040px) {
  .projets-rd__cards .projets-rd__slider {
    max-width: 1071px;
  }
}
.projets-rd__cards .projets-rd__track {
  align-items: stretch;
}
.projets-rd__cards .projets-rd__card {
  width: 100%;
  max-width: 520px;
  height: auto;
}
.projets-rd__cards .projets-rd__card-header {
  position: relative;
  z-index: 2;
  background-color: var(--primary);
  height: 161px;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  padding: 20px 30px;
}
.projets-rd__cards .projets-rd__card-header > .projets-rd__category {
  width: 60%;
  text-transform: uppercase;
  color: var(--background);
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1.1;
  margin-bottom: 16px;
  text-wrap: balance;
}
@media screen and (width >= 740px) {
  .projets-rd__cards .projets-rd__card-header > .projets-rd__category {
    width: 80%;
    font-size: 1.125rem;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    margin-bottom: 24px;
  }
}
.projets-rd__cards .projets-rd__card-header > .projets-rd__image {
  overflow: hidden;
  width: 100%;
  max-width: 282px;
  height: 190px;
  border-radius: 8px;
}
.projets-rd__cards .projets-rd__card-header > .projets-rd__image > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media screen and (width >= 740px) {
  .projets-rd__cards .projets-rd__card-header > .projets-rd__image {
    width: 100%;
    max-width: 427px;
    height: 283px;
  }
}
@media screen and (width >= 740px) {
  .projets-rd__cards .projets-rd__card-header {
    flex: 0 0 244px;
    padding: 29px 23px;
    height: 244px;
  }
}
.projets-rd__cards .projets-rd__card-body {
  position: relative;
  z-index: 1;
  padding-top: 160px;
  padding-inline: 30px;
  padding-bottom: 35px;
  background-color: var(--background);
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}
.projets-rd__cards .projets-rd__card-body > .projets-rd__status {
  text-transform: uppercase;
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.1;
  margin-bottom: 0;
}
.projets-rd__cards .projets-rd__card-body > .projets-rd__title {
  text-transform: uppercase;
  font-size: 1.5rem;
  font-weight: 700;
  margin-bottom: 36px;
}
.projets-rd__cards .projets-rd__card-body > p {
  font-size: 1.3125rem;
  font-weight: 400;
  margin-bottom: 30px;
}
@media screen and (width >= 740px) {
  .projets-rd__cards .projets-rd__card-body {
    flex: 1;
    padding-top: 170px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
  }
}
.projets-rd__cards .projets-rd__card > .projets-rd__tags {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 19px 23px;
  background-color: var(--background);
  margin-top: 20px;
  border-radius: 8px;
  gap: 15px;
}
.projets-rd__cards .projets-rd__card > .projets-rd__tags > .block-connector {
  --block-connector-max-width: 191px;
  --block-connector-color: var(--background);
  top: calc(var(--block-connector-height) * -1);
}
.projets-rd__cards .projets-rd__card > .projets-rd__tags > .projets-rd__tag {
  width: fit-content;
  font-size: 0.875rem;
  font-weight: 700;
  color: var(--primary);
  border: 1px solid var(--primary);
  border-radius: 8px;
  padding: 8px 22px;
  text-transform: capitalize;
}
@media screen and (width >= 740px) {
  .projets-rd__cards .projets-rd__card > .projets-rd__tags > .projets-rd__tag {
    font-size: 1.1875rem;
  }
}
@media screen and (width >= 740px) {
  .projets-rd__cards .projets-rd__card > .projets-rd__tags {
    flex: 0 0 83px;
    height: 83px;
    justify-content: start;
  }
}
@media screen and (width >= 740px) {
  .projets-rd__cards .projets-rd__card {
    display: flex;
    flex-direction: column;
  }
}
.projets-rd__cards .projets-rd__card > .cta--secondary:focus-visible, .projets-rd__cards .projets-rd__card .projets-rd__card-body > .cta--secondary:focus-visible {
  outline: 2px solid white;
  outline-offset: 0;
  box-shadow: 0 0 0 4px rgba(0, 0, 0, 0.75);
}
.projets-rd__cards .projets-rd__pagination {
  --swiper-pagination-color: white;
  --swiper-pagination-bullet-inactive-color: white;
  --swiper-pagination-bullet-inactive-opacity: 0.5;
  position: relative;
  inset: auto;
  display: flex;
  justify-content: center;
  margin-top: var(--space-md);
}
.projets-rd__cards .projets-rd__pagination .swiper-pagination-bullet {
  position: relative;
  width: 1.5rem;
  height: 1.5rem;
  margin-inline: 0;
  background: transparent;
  opacity: 1;
}
.projets-rd__cards .projets-rd__pagination .swiper-pagination-bullet:focus-visible {
  border-radius: 50%;
  outline: 2px solid white;
  outline-offset: 0;
  box-shadow: 0 0 0 4px rgba(0, 0, 0, 0.75);
}
.projets-rd__cards .projets-rd__pagination .swiper-pagination-bullet::after {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 0.625rem;
  height: 0.625rem;
  content: "";
  background-color: var(--swiper-pagination-bullet-inactive-color);
  border-radius: 50%;
  opacity: var(--swiper-pagination-bullet-inactive-opacity);
  transform: translate(-50%, -50%);
}
.projets-rd__cards .projets-rd__pagination .swiper-pagination-bullet-active::after {
  background-color: var(--swiper-pagination-color);
  opacity: 1;
}
@media screen and (width >= 1580px) {
  .projets-rd__cards {
    --wrapper-padding-inline: 0;
  }
  .projets-rd__cards .projets-rd__slider {
    max-width: none;
    overflow: visible;
  }
  .projets-rd__cards .projets-rd__track {
    gap: 31px;
    transform: none !important;
  }
  .projets-rd__cards .projets-rd__card {
    flex: 1 1 0;
    width: auto;
    max-width: 520px;
  }
  .projets-rd__cards .projets-rd__pagination {
    display: none;
  }
}
.projets-rd__cards--static .projets-rd__slider {
  max-width: none;
  overflow: visible;
}
.projets-rd__cards--static .projets-rd__track {
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: 31px;
  transform: none !important;
}
.projets-rd__cards--static .projets-rd__card {
  width: auto;
  max-width: 520px;
}
.projets-rd__cards--static .projets-rd__pagination {
  display: none;
}
@media screen and (width >= 1040px) {
  .projets-rd__cards--static .projets-rd__track {
    display: grid;
    max-width: 977px;
    margin-inline: auto;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media screen and (width >= 1480px) {
  .projets-rd__cards--static .projets-rd__track {
    margin-inline: unset;
    max-width: 100%;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
.projets-rd__cards--projects-page + .projets-rd__cards--projects-page {
  margin-top: 334px;
  margin-bottom: 142px;
}
.projets-rd--page-end > .projets-rd__cards {
  padding-bottom: 155px;
}
.projets-rd--page-end > .projets-rd__cards::before {
  bottom: 0;
}
@media screen and (width >= 1580px) {
  .projets-rd--page-end > .projets-rd__cards > .projets-rd__actions {
    bottom: var(--block-connector-height);
  }
}

.section-partners {
  margin-block: 110px;
}
.section-partners .stack {
  align-items: center;
}
.section-partners__group > h2 {
  font-size: 1.25rem;
  margin-bottom: 12px;
}
@media screen and (width >= 740px) {
  .section-partners__group > h2 {
    font-size: 1.875rem;
    margin-bottom: 80px;
  }
}
.section-partners__logos {
  display: grid;
  grid-template-columns: 1fr;
  justify-items: center;
  padding: 0;
  margin: 0;
  list-style: none;
}
.section-partners__logos img {
  width: 148px;
  height: 80px;
  object-fit: contain;
}
@media screen and (width >= 740px) {
  .section-partners__logos {
    grid-template-columns: repeat(2, 1fr);
    justify-items: center;
  }
  .section-partners__logos img {
    width: 292px;
    height: 158px;
  }
}
@media screen and (width >= 960px) {
  .section-partners__logos {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media screen and (width >= 1140px) {
  .section-partners__logos {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media screen and (width >= 740px) {
  .section-partners {
    margin-block: 180px;
  }
}

.contact-section {
  padding-top: 44px;
  padding-bottom: 230px;
  background-color: var(--accent);
}

.contact {
  --wrapper-padding-inline: 0;
  --contact-control-color: color-mix(in srgb, var(--foreground) 80%, var(--background));
  --contact-placeholder-color: color-mix(in srgb, var(--foreground) 55%, var(--background));
  --contact-error-color: hsl(0 72% 40%);
  display: flex;
  flex-direction: column;
  gap: 23px;
  align-items: center;
}
.contact__locations {
  display: flex;
  flex-direction: column;
  gap: 66px;
  width: 100%;
  padding: 58px 44px;
  background-color: var(--background);
  border-radius: 10px;
}
.contact__location {
  max-width: 80%;
}
.contact__location > h3 {
  margin-bottom: 20px;
  font-size: 2.5rem;
  font-weight: 800;
  line-height: 1;
}
.contact__location > address {
  display: flex;
  flex-direction: column;
  gap: 16px;
  align-items: flex-start;
  font-style: normal;
}
.contact__location a:focus-visible {
  outline: 3px solid var(--secondary);
  outline-offset: 3px;
}
.contact__form {
  position: relative;
  flex: 1;
  width: 100%;
  padding: 58px 44px;
  background-color: var(--background);
  border-radius: 10px;
}
.contact__form .hidden-fields-container {
  display: none;
}
.contact__form form label, .contact__form form textarea, .contact__form form .wpcf7-form-control-wrap {
  display: block;
  width: 100%;
}
.contact__form form label {
  font-size: var(--fs-body-sm);
}
.contact__form form .wpcf7-form-control-wrap {
  margin-top: 16px;
  margin-bottom: 30px;
}
.contact__form form input:not([type=submit], [type=hidden]) {
  width: 100%;
  height: 40px;
  padding-inline: 14px;
  color: var(--contact-control-color);
  caret-color: var(--secondary);
  background-color: var(--background);
  border: 1px solid var(--secondary);
  border-radius: 10px;
}
.contact__form form textarea {
  padding: 12px 14px;
  color: var(--contact-control-color);
  caret-color: var(--secondary);
  resize: none;
  background-color: var(--background);
  border: 1px solid var(--secondary);
  border-radius: 10px;
}
.contact__form form input::placeholder, .contact__form form textarea::placeholder {
  color: var(--contact-placeholder-color);
  opacity: 1;
}
.contact__form form input:not([type=hidden]):focus-visible, .contact__form form textarea:focus-visible {
  outline: 3px solid var(--foreground);
  outline-offset: 2px;
}
.contact__form form .wpcf7-not-valid, .contact__form form [aria-invalid=true] {
  border-color: var(--contact-error-color);
  box-shadow: 0 0 0 1px var(--contact-error-color);
}
.contact__form form .wpcf7-not-valid:focus-visible, .contact__form form [aria-invalid=true]:focus-visible {
  outline-color: var(--contact-error-color);
}
.contact__form form .wpcf7-not-valid-tip {
  display: block;
  margin-top: 8px;
  color: var(--contact-error-color);
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.35;
}
.contact__form form.invalid .wpcf7-response-output, .contact__form form.failed .wpcf7-response-output, .contact__form form.aborted .wpcf7-response-output {
  color: var(--contact-error-color);
  border-color: var(--contact-error-color);
}
.contact__form form input[type=submit] {
  height: auto;
  color: var(--background);
  font-size: 1rem;
  font-weight: 300;
  text-transform: uppercase;
  cursor: pointer;
  background-color: inherit;
  border: none;
  border-radius: 0;
}
.contact__form-row {
  display: flex;
  flex-direction: column;
}
@media screen and (width >= 960px) {
  .contact__form-row {
    flex-direction: row;
    gap: 37px;
  }
}
.contact__field {
  width: 100%;
  min-width: 0;
}
@media screen and (width >= 960px) {
  .contact__field {
    flex: 1 1 0;
  }
}
.contact__submit-container {
  position: absolute;
  right: auto;
  bottom: -94px;
  left: 50%;
  width: 100%;
  max-width: 249px;
  padding: 14px 20px;
  background-color: var(--background);
  border-radius: 10px;
  transform: translateX(-50%);
}
.contact__submit-container .block-connector {
  max-width: 172px;
}
.contact__submit {
  display: flex;
  align-items: center;
  justify-content: space-between;
  max-width: 206px;
  height: 46px;
  padding: 13px 18px;
  margin-inline: auto;
  background-color: var(--secondary);
  border-radius: 10px;
}
@media screen and (width >= 960px) {
  .contact {
    flex-direction: row;
    align-items: stretch;
  }
  .contact__locations {
    flex: 1 1 478px;
    max-width: 478px;
  }
  .contact__submit-container {
    right: 60px;
    left: auto;
    transform: none;
  }
}

.dark .contact {
  --contact-error-color: hsl(0 85% 72%);
}

.hero-projets {
  min-height: 618px;
}
.hero-projets__inner {
  --wrapper-padding-inline: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  min-height: inherit;
  padding-block-start: var(--navigation-bottom-offset);
  background-color: var(--secondary);
  gap: var(--space-xl);
}
.hero-projets__title-page {
  margin-top: 127px;
  margin-bottom: 65px;
  color: var(--primary);
  font-size: 3.75rem;
  font-weight: 900;
  line-height: 1.1;
  text-align: center;
}
.hero-projets__filters-container {
  --wrapper-padding-inline: 16px;
  width: 100%;
}
.hero-projets__filters {
  width: 100%;
  color: #7c7c7c;
}
.hero-projets__filters .block-connector {
  top: unset;
  bottom: -20px;
  max-width: 338px;
}
.hero-projets__filters fieldset {
  position: relative;
  top: -20px;
  isolation: isolate;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  justify-content: center;
  padding: 0;
  margin: 0;
  border: 0;
  gap: 24px;
}
@media screen and (width <= 960px) {
  .hero-projets__filters fieldset {
    flex-direction: column;
    align-items: center;
    gap: 20px;
  }
}
.hero-projets__filter {
  position: relative;
  display: flex;
  flex: 1;
  flex-direction: column;
  align-items: center;
  width: 100%;
  padding: 17px;
  background-color: var(--background);
  border-radius: 10px;
  gap: 18px;
}
.hero-projets__filter input, .hero-projets__filter select {
  min-height: 48px;
  padding: 10px 14px;
  color: var(--primary);
  background-color: var(--background);
  border: 1px solid var(--primary);
  border-radius: 5px;
}
.hero-projets__filter input, .hero-projets__filter select {
  width: 100%;
  min-width: 260px;
  color: #7c7c7c;
  background-color: var(--accent);
  border: none;
}
.hero-projets__filter select {
  padding-right: 58px;
  appearance: none;
}
.hero-projets__filter button {
  display: flex;
  align-self: start;
  align-items: center;
  justify-content: space-between;
  min-width: 206px;
  min-height: 48px;
  padding: 10px 18px;
  color: var(--background);
  font: inherit;
  text-transform: uppercase;
  cursor: pointer;
  background-color: var(--primary);
  border: 0;
  border-radius: 5px;
}
.hero-projets__filter button:focus-visible, .hero-projets__filter button:hover {
  background-color: var(--primary-variant);
}
.hero-projets__filter--category > .hero-projets__filter-button--category {
  background-color: var(--secondary);
}
.hero-projets__filter .hero-projets__select {
  position: relative;
  width: 100%;
  min-width: 260px;
}
.hero-projets__filter .hero-projets__select-icon {
  position: absolute;
  top: 50%;
  right: 18px;
  width: 33px;
  height: 18px;
  color: var(--primary);
  pointer-events: none;
  transform: translateY(-50%);
}
.hero-projets__filter > .block-connector {
  top: auto;
  bottom: calc(var(--block-connector-height) * -1);
  max-width: 338px;
  background-color: var(--background);
}
.hero-projets__filter--search > .block-connector, .hero-projets__filter--category > .block-connector {
  --block-connector-max-width: 338px;
  max-width: var(--block-connector-max-width);
}
@media screen and (width < 740px) {
  .hero-projets__filter--search > .block-connector, .hero-projets__filter--category > .block-connector {
    --block-connector-max-width: 196px;
  }
}
.hero-projets .hero-projets__catchline {
  max-width: 804px;
  padding-block: 100px;
  margin-inline: auto;
  color: var(--primary);
  font-size: 1.5rem;
  font-weight: 300;
  text-align: center;
  background-color: var(--background);
}
@media screen and (width > 740px) {
  .hero-projets .hero-projets__catchline {
    font-size: 1.875rem;
  }
}
@media screen and (width < 960px) {
  .hero-projets__filter {
    flex-wrap: wrap;
    width: 100%;
  }
  .hero-projets__filter input, .hero-projets__filter select, .hero-projets__filter .hero-projets__select, .hero-projets__filter button {
    flex: 1 1 100%;
    width: 100%;
  }
  .hero-projets__filter button {
    max-width: 195px;
    margin-inline: auto;
  }
}

.projets-rd__cards[data-projects-grid] {
  --projects-grid-gap: 31px;
  --projects-row-background-overflow: 155px;
}
.projets-rd__cards[data-projects-grid] .projets-rd__track {
  position: relative;
  z-index: 1;
  isolation: isolate;
  display: grid;
  align-items: stretch;
  grid-template-columns: minmax(0, 520px);
  justify-content: center;
  gap: var(--projects-grid-gap);
  transform: none !important;
}
.projets-rd__cards[data-projects-grid]::before {
  top: 161px;
  bottom: 0;
}
.projets-rd__cards[data-projects-grid] .projets-rd__card {
  width: 100%;
  max-width: 520px;
}
.projets-rd__cards[data-projects-grid] .projets-rd__card[hidden] {
  display: none;
}
.projets-rd__cards[data-projects-grid] .projets-rd__pagination {
  position: relative;
  inset: auto;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 48px;
  padding-bottom: 141px;
  gap: 16px;
}
.projets-rd__cards[data-projects-grid] .projets-rd__pagination [data-projects-pages] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
}
.projets-rd__cards[data-projects-grid] .projets-rd__pagination [data-projects-ellipsis] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--primary);
  font-size: 1.5rem;
  font-weight: 900;
}
.projets-rd__cards[data-projects-grid] .projets-rd__pagination button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: auto;
  min-height: auto;
  padding: 0;
  color: var(--primary);
  font: inherit;
  font-size: 1.5rem;
  font-weight: 300;
  background: transparent;
  border: 0;
  border-radius: 3px;
  cursor: pointer;
}
.projets-rd__cards[data-projects-grid] .projets-rd__pagination button[aria-current=page] {
  font-weight: 900;
}
.projets-rd__cards[data-projects-grid] .projets-rd__pagination button:focus-visible {
  outline: 2px solid var(--primary);
  outline-offset: 2px;
}
.projets-rd__cards[data-projects-grid] .projets-rd__pagination button:disabled {
  cursor: not-allowed;
  opacity: 0.4;
}
.projets-rd__cards[data-projects-grid] .projets-rd__pagination [data-projects-previous],
.projets-rd__cards[data-projects-grid] .projets-rd__pagination [data-projects-next] {
  display: inline-flex;
  width: 44px;
  height: 44px;
  align-items: center;
  justify-content: center;
}
.projets-rd__cards[data-projects-grid] .projets-rd__pagination [data-projects-previous] svg,
.projets-rd__cards[data-projects-grid] .projets-rd__pagination [data-projects-next] svg {
  display: block;
}
@media screen and (width >= 979px) {
  .projets-rd__cards[data-projects-grid] {
    --projects-row-background-left: calc(100% + (var(--projects-grid-gap) / 2) - 50dvw);
  }
  .projets-rd__cards[data-projects-grid]::before {
    content: none;
  }
  .projets-rd__cards[data-projects-grid] .projets-rd__track {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 334px var(--projects-grid-gap);
  }
  .projets-rd__cards[data-projects-grid] .projets-rd__card {
    position: relative;
  }
  .projets-rd__cards[data-projects-grid] .projets-rd__card:nth-child(2n+1)::before {
    position: absolute;
    top: 244px;
    bottom: calc(var(--projects-row-background-overflow) * -1);
    left: var(--projects-row-background-left);
    z-index: -1;
    width: 100dvw;
    content: "";
    background-color: var(--accent);
  }
  .projets-rd__cards[data-projects-grid] .projets-rd__pagination {
    margin-top: calc(var(--projects-row-background-overflow) + 48px);
  }
  .projets-rd__cards[data-projects-grid] .projets-rd__pagination::before {
    position: absolute;
    top: -48px;
    bottom: 0;
    left: 50%;
    z-index: -1;
    width: 100dvw;
    content: "";
    background-color: var(--accent);
    transform: translateX(-50%);
  }
}
@media screen and (width >= 1480px) {
  .projets-rd__cards[data-projects-grid] {
    --projects-row-background-left: calc(150% + var(--projects-grid-gap) - 50dvw);
  }
  .projets-rd__cards[data-projects-grid] .projets-rd__track {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .projets-rd__cards[data-projects-grid] .projets-rd__card:nth-child(2n+1)::before {
    content: none;
  }
  .projets-rd__cards[data-projects-grid] .projets-rd__card:nth-child(3n+1)::before {
    position: absolute;
    top: 244px;
    bottom: calc(var(--projects-row-background-overflow) * -1);
    left: var(--projects-row-background-left);
    z-index: -1;
    width: 100dvw;
    content: "";
    background-color: var(--accent);
  }
  .projets-rd__cards[data-projects-grid] .projets-rd__pagination {
    padding-bottom: 183px;
  }
}

.hero-projet {
  min-height: 556px;
  background-color: var(--primary);
  color: var(--background);
  text-align: center;
}
.hero-projet__inner {
  --wrapper-padding-inline: 0;
  display: flex;
  flex-direction: column;
  min-height: inherit;
  padding-block-start: calc(var(--navigation-bottom-offset) + var(--block-connector-height));
  gap: var(--space-xl);
}
.hero-projet__previous-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  max-width: 315px;
  width: 100%;
  margin-top: 26px;
}
.hero-projet__previous-container > .cta--secondary-icon {
  color: var(--background);
  background-color: var(--secondary);
  width: 34px;
  height: 34px;
}
.hero-projet__previous-container > .cta--secondary-icon > svg {
  transform: scaleX(-1);
}
.hero-projet__previous-container > p {
  text-align: left;
  margin-right: auto;
}
.hero-projet__main-title {
  color: var(--secondary);
  font-size: 1.5rem;
  font-weight: 900;
}
@media screen and (width >= 740px) {
  .hero-projet__main-title {
    font-size: 1.875rem;
  }
}
.hero-projet__subtitle {
  max-width: 728px;
  margin-inline: auto;
  font-size: 1.875rem;
  font-weight: 900;
  margin-bottom: 40px;
}
@media screen and (width >= 740px) {
  .hero-projet__subtitle {
    font-size: 2.5rem;
  }
}
.hero-projet__kpi-container {
  color: var(--foreground);
  display: flex;
  gap: 47px;
  justify-content: space-between;
  max-width: 1150px;
  width: 100%;
  margin-inline: auto;
}
@media screen and (width <= 1290px) {
  .hero-projet__kpi-container {
    flex-direction: column;
    align-items: center;
  }
}
.hero-projet__kpi {
  position: relative;
  top: -20px;
  max-width: 352px;
  width: 100%;
  background-color: var(--background);
  padding: 20px 60px;
  border-radius: 10px;
}
@media screen and (width <= 1290px) {
  .hero-projet__kpi--1 {
    top: 34px;
  }
}
@media screen and (width <= 1290px) {
  .hero-projet__kpi--2 {
    top: 7px;
  }
}
.hero-projet__kpi > p:first-child {
  font-size: 3.125rem;
  color: var(--secondary);
  font-weight: 900;
  line-height: 1.3;
}
.hero-projet__kpi > p:last-child {
  font-size: 1.625rem;
  font-weight: 400;
}
.hero-projet__kpi .block-connector {
  top: auto;
  position: absolute;
  bottom: -20px;
  max-width: 218px;
}
.hero-projet__kpi--logo {
  display: flex;
  justify-content: center;
  padding: 0;
}
> .hero-projet__kpi--logo img {
  width: 100%;
  object-fit: cover;
}

.projet-presentation {
  background-color: var(--background);
  padding-top: 125px;
  padding-bottom: 215px;
}

.projet-partners {
  padding-bottom: 210px;
}
.projet-partners__heading {
  font-size: 3.75rem;
  font-weight: 900;
  line-height: 1.1;
  color: var(--primary);
  text-align: center;
  margin-bottom: 60px;
}
@media screen and (width < 740px) {
  .projet-partners__heading {
    font-size: 1.875rem;
  }
}
.projet-partners__viewport {
  overflow: hidden;
  width: 100%;
}
.projet-partners__track {
  display: flex;
  width: max-content;
  animation: projet-partners-marquee 36s linear infinite;
}
.projet-partners__track.is-paused, .projet-partners__track:has(:focus-visible) {
  animation-play-state: paused;
}
.projet-partners__logos {
  display: flex;
  flex: 0 0 auto;
  gap: clamp(32px, 5vw, 88px);
  padding: 0 clamp(32px, 5vw, 88px) 0 0;
  margin: 0;
  list-style: none;
}
.projet-partners__logos li {
  display: grid;
  flex: 0 0 auto;
  place-items: center;
}
.projet-partners__logos img {
  display: block;
  width: 292px;
  height: 158px;
  object-fit: contain;
}
@media screen and (width < 740px) {
  .projet-partners__viewport {
    overflow: visible;
  }
  .projet-partners__track {
    display: block;
    width: 100%;
    animation: none;
  }
  .projet-partners__logos {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    width: 100%;
    padding-inline: 16px;
    gap: 30px 16px;
  }
  .projet-partners__logos[aria-hidden=true] {
    display: none;
  }
  .projet-partners__logos li {
    width: 100%;
    min-width: 0;
  }
  .projet-partners__logos img {
    width: 100%;
  }
}
@media screen and (width < 740px) and (width > 740px) {
  .projet-partners__logos img {
    max-width: 148px;
    height: 80px;
  }
}

@keyframes projet-partners-marquee {
  to {
    transform: translateX(-50%);
  }
}
@media (prefers-reduced-motion: reduce) {
  .projet-partners__track {
    animation: none;
  }
}

/*# sourceMappingURL=style.css.map */