@font-face {
  font-family: Spacegrotesk;
  src: url('../fonts/SpaceGrotesk-SemiBold.ttf') format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Spacegrotesk;
  src: url('../fonts/SpaceGrotesk-Medium.ttf') format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Spacegrotesk;
  src: url('../fonts/SpaceGrotesk-Regular.ttf') format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Spacegrotesk;
  src: url('../fonts/SpaceGrotesk-Bold.ttf') format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Spacegrotesk;
  src: url('../fonts/SpaceGrotesk-Light.ttf') format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

:root {
  --_colors---background-color--bg-primary: var(--_colors---core-neutral-color--neutral-primary);
  --_typography---font--body-font: "Instrument Sans";
  --_colors---headerz: #0e100e;
  --_typography---base-typography--base-font-size: 1rem;
  --_typography---base-typography--base-line-height: 1rem;
  --_typography---base-typography--base-letter-spacing: 0em;
  --_typography---h1-heading--h1-margin-bottom: .3em;
  --_typography---h1-heading--h1-size: 4.25rem;
  --_typography---h1-heading--h1-line-height: 1.04em;
  --_typography---h1-heading--h1-weight: 700;
  --_typography---h1-heading--h1-letter-spacing: -.02em;
  --_typography---h2-heading--h2-margin-bottom: .35em;
  --_typography---font--heading-font: "Instrument Sans";
  --_typography---h2-heading--h2-size: 4.25rem;
  --_typography---h2-heading--h2-line-height: 1.04em;
  --_typography---h2-heading--h2-weight: 600;
  --_typography---h2-size-mobile: -.01em;
  --_typography---h3-heading--h3-margin-bottom: 16px;
  --_typography---h3-heading--h3-size: 3.1rem;
  --_typography---h3-heading--textesh3: 1.1em;
  --_typography---h3-heading--h3-weight: 700;
  --_typography---h3-heading--subtitle: 1.1em;
  --_typography---h4-heading--h4-margin-bottom: .5em;
  --_typography---h4-heading--h4-size: 1.33rem;
  --_typography---h4-heading--h4-line-height: 1.3em;
  --_typography---h4-heading--h4-weight: 700;
  --_typography---h4-heading--h4-letter-spacing: -.01em;
  --_typography---h5-heading--h5-margin-bottom: .5em;
  --_typography---h5-heading--h5-size: 1rem;
  --_typography---h5-heading--h5-line-height: 1.3em;
  --_typography---h5-heading--h5-weight: 700;
  --_typography---h5-heading--h5-letter-spacing: .1em;
  --_typography---h6-heading--h6-margin-bottom: .5em;
  --_typography---h6-heading--h6-size: .75rem;
  --_typography---h6-heading--h6-line-height: 1.3em;
  --_typography---h6-heading--h6-weight: 700;
  --_typography---h6-heading--h6-letter-spacing: .1em;
  --_typography---base-typography--base-margin-bottom: .75em;
  --_typography---text--text-size: 1rem;
  --_typography---text--text-line-height: 1.5em;
  --_typography---text--text-letter-spacing: 0em;
  --_colors---core-accent-color--accent-primary: #e03001;
  --_colors---core-accent-color--accent-primary-hover: #fe4f20;
  --_sizes---image--image-radius: var(--_sizes---card--card-radius);
  --_colors---core-neutral-color--neutral-inverse: #151617;
  --main_background: #fffce1;
  --_sizes---section--section-padding-vertical: var(--_sizes---spacing--8x);
  --headerz: Spacegrotesk, Arial, sans-serif;
  --_sizes---spacing--2x: 2rem;
  --_sizes---gap--xs-gap: var(--_sizes---spacing--1x);
  --_colors---border-color--border-secondary: var(--_colors---core-color-tint--neutral-inverse-a20);
  --_sizes---gap--sm-gap: var(--_sizes---spacing--2x);
  --timeline: var(--_colors---headerz);
  --_sizes---spacing--0-5x: .5rem;
  --_colors---text-link--link-inverse-hover: var(--_colors---text-color--text-accent-on-inverse-hover);
  --_colors---text-link--link-primary: var(--_colors---text-color--text-accent-on-primary);
  --_sizes---spacing--4x: 4rem;
  --_sizes---spacing--3x: 3rem;
  --fontnav: 1.125rem;
  --spacenav: 0em;
  --_colors---button--button-secondary-bg-hover: transparent;
  --_colors---text-color--text-secondary: var(--_colors---core-color-tint--neutral-inverse-a60);
  --_typography---text-lg--lg-text-size: 1.05rem;
  --mainopa60: #ffffe399;
  --_sizes---card--card-radius: .75rem;
  --textes: #172c43;
  --small-spacing-letter: .05em;
  --_sizes---spacing--1x: 1rem;
  --_sizes---radius--md-radius: .5rem;
  --_sizes---container--container-sm-width: 1000px;
  --_sizes---spacing--1-25x: 1.25rem;
  --_colors---current-color--current-a70: color-mix(in srgb, currentColor 70%, transparent);
  --_typography---text-lg--lg-text-line-height: .9em;
  --_typography---text-lg--lg-text-letter-spacing: -.01em;
  --textesopa70: #172c43b3;
  --_sizes---gap--md-gap: var(--_sizes---spacing--1x);
  --_colors---current-color--current-a50: color-mix(in srgb, currentColor 50%, transparent);
  --astersique: .85rem;
  --buttonsopa70: #2e5bffb3;
  --mainopa70: #ffffe3b3;
  --headerzopa60: #0e100e99;
  --mainopa80: #ffffe3cc;
  --mainopa90: #ffffe3e6;
  --buttonsopa90: #2e5bffe6;
  --mainopa30: #ffffe34d;
  --mainopa50: #ffffe380;
  --texte: Satoshi;
  --buttons: #2e5bff;
  --textespace: Satoshi;
  --headerzopa80: #0e100ecc;
  --headerzopa70: #0e100eb3;
  --_slider---spacing: 0rem;
  --headers_1: #6b0d0d;
  --sousheaderz: #0e100eb3;
  --textesopa80: #172c43cc;
  --textesopa90: #172c43e6;
  --buttonsopa80: #2e5bffcc;
  --h1sizemaxi: 4rem;
  --texte-size: 1.1rem;
  --hoverimage: #0e100ee6;
  --headercards: 2.5rem;
  --apartirde: 1.35em;
  --textecard: 1rem;
  --lettre-espacée: 5em;
  --headerzopa90: #0e100ee6;
  --_colors---core-accent-color--accent-secondary: transparent;
  --_colors---core-accent-color--accent-secondary-hover: transparent;
  --_colors---core-accent-color--accent-tertiary: transparent;
  --_colors---core-accent-color--accent-tertiary-hover: transparent;
  --_colors---core-neutral-color--neutral-primary: #f4f4ef;
  --_colors---core-neutral-color--neutral-secondary: #e3e3d7;
  --_colors---current-color--current: color-mix(in srgb, currentColor 100%, transparent);
  --_colors---current-color--current-a80: color-mix(in srgb, currentColor 80%, transparent);
  --_colors---current-color--current-a60: color-mix(in srgb, currentColor 60%, transparent);
  --_colors---current-color--current-a20: color-mix(in srgb, currentColor 20%, transparent);
  --_colors---current-color--current-a10: color-mix(in srgb, currentColor 10%, transparent);
  --_colors---current-color--current-a05: color-mix(in srgb, currentColor 5%, transparent);
  --_colors---core-color-tint--accent-primary-a10: #e030011a;
  --_colors---core-color-tint--accent-primary-a20: #e0300133;
  --_colors---core-color-tint--accent-primary-a30: #e030014d;
  --_colors---core-color-tint--accent-primary-a40: #e0300166;
  --_colors---core-color-tint--accent-primary-a50: #e0300180;
  --_colors---core-color-tint--accent-primary-a60: #e0300199;
  --_colors---core-color-tint--accent-primary-a70: #e03001b3;
  --_colors---core-color-tint--accent-primary-a80: #e03001cc;
  --_colors---core-color-tint--accent-primary-a90: #e03001e6;
  --_colors---core-color-tint--accent-secondary-a10: transparent;
  --_colors---core-color-tint--accent-secondary-a20: transparent;
  --_colors---core-color-tint--accent-secondary-a30: transparent;
  --_colors---core-color-tint--accent-secondary-a40: transparent;
  --_colors---core-color-tint--accent-secondary-a50: transparent;
  --_colors---core-color-tint--accent-secondary-a60: transparent;
  --_colors---core-color-tint--accent-secondary-a70: transparent;
  --_colors---core-color-tint--accent-secondary-a80: transparent;
  --_colors---core-color-tint--accent-secondary-a90: transparent;
  --_colors---core-color-tint--accent-tertiary-a10: transparent;
  --_colors---core-color-tint--accent-tertiary-a20: transparent;
  --_colors---core-color-tint--accent-tertiary-a30: transparent;
  --_colors---core-color-tint--accent-tertiary-a40: transparent;
  --_colors---core-color-tint--accent-tertiary-a50: transparent;
  --_colors---core-color-tint--accent-tertiary-a60: transparent;
  --_colors---core-color-tint--accent-tertiary-a70: transparent;
  --_colors---core-color-tint--accent-tertiary-a80: transparent;
  --_colors---core-color-tint--accent-tertiary-a90: transparent;
  --_colors---core-color-tint--neutral-primary-a10: #f4f4ef1a;
  --_colors---core-color-tint--neutral-primary-a20: #f4f4ef33;
  --_colors---core-color-tint--neutral-primary-a30: #f4f4ef4d;
  --_colors---core-color-tint--neutral-primary-a40: #f4f4ef66;
  --_colors---core-color-tint--neutral-primary-a50: #f4f4ef80;
  --_colors---core-color-tint--neutral-primary-a60: #f4f4ef99;
  --_colors---core-color-tint--neutral-primary-a70: #f4f4efb3;
  --_colors---core-color-tint--neutral-primary-a80: #f4f4efcc;
  --_colors---core-color-tint--neutral-primary-a90: #f4f4efe6;
  --_colors---core-color-tint--neutral-inverse-a10: #1516171a;
  --_colors---core-color-tint--neutral-inverse-a20: #15161733;
  --_colors---core-color-tint--neutral-inverse-a30: #1516174d;
  --_colors---core-color-tint--neutral-inverse-a40: #15161766;
  --_colors---core-color-tint--neutral-inverse-a50: #15161780;
  --_colors---core-color-tint--neutral-inverse-a60: #15161799;
  --_colors---core-color-tint--neutral-inverse-a70: #151617b3;
  --_colors---core-color-tint--neutral-inverse-a80: #151617cc;
  --_colors---core-color-tint--neutral-inverse-a90: #151617e6;
  --_colors---background-color--bg-secondary: var(--_colors---core-neutral-color--neutral-secondary);
  --_colors---background-color--bg-accent-primary: var(--_colors---core-accent-color--accent-primary);
  --_colors---background-color--bg-accent-secondary: var(--_colors---core-accent-color--accent-secondary);
  --_colors---background-color--bg-accent-tertiary: var(--_colors---core-accent-color--accent-tertiary);
  --_colors---background-color--bg-inverse: var(--_colors---core-neutral-color--neutral-inverse);
  --_colors---background-color--bg-overlay: var(--_colors---core-neutral-color--neutral-inverse);
  --_colors---text-color--text-inverse-primary: var(--_colors---core-neutral-color--neutral-primary);
  --_colors---text-color--text-inverse-secondary: var(--_colors---core-color-tint--neutral-primary-a60);
  --_colors---text-color--text-on-accent-primary: #f4f4ef;
  --_colors---text-color--text-on-accent-secondary: #e03001;
  --_colors---text-color--text-on-accent-tertiary: #e03001;
  --_colors---text-color--text-accent-on-primary: #e03001;
  --_colors---text-color--text-accent-on-primary-hover: #e0300199;
  --_colors---text-color--text-accent-on-inverse: #e03001;
  --_colors---text-color--text-accent-on-inverse-hover: #e0300199;
  --_colors---text-color--text-on-overlay: var(--_colors---core-neutral-color--neutral-primary);
  --_colors---border-color--border-primary: var(--_colors---core-color-tint--neutral-inverse-a10);
  --_colors---border-color--border-inverse-primary: var(--_colors---core-color-tint--neutral-primary-a20);
  --_colors---border-color--border-inverse-secondary: var(--_colors---core-color-tint--neutral-primary-a10);
  --_colors---border-color--border-accent: var(--_colors---core-accent-color--accent-primary);
  --_sizes---radius--sm-radius: .25rem;
  --_sizes---radius--lg-radius: .75rem;
  --_sizes---radius--xl-radius: 1rem;
  --_sizes---radius--round: 100rem;
  --_sizes---spacing--0-25x: .25rem;
  --_sizes---spacing--0-75x: .75rem;
  --_sizes---spacing--1-5x: 1.45rem;
  --_sizes---spacing--1-75x: 1.75rem;
  --_sizes---spacing--5x: 5rem;
  --_sizes---spacing--6x: 6rem;
  --_sizes---header-main-grand-cru: 9rem;
  --_sizes---spacing--8x: 8rem;
  --_sizes---gap--xxs-gap: var(--_sizes---spacing--0-5x);
  --_sizes---gap--lg-gap: var(--_sizes---spacing--4x);
  --_sizes---gap--xl-gap: var(--_sizes---spacing--5x);
  --_sizes---gap--xxl-gap: var(--_sizes---spacing--6x);
  --_typography---font--button-font: "Instrument Sans";
  --_typography---base-typography--base-font: var(--_typography---font--body-font);
  --_typography---base-typography--base-font-weight: 500;
  --_typography---base-typography--base-font-weight-bold: 600;
  --textesh3mobile: .95em;
  --h3sizemobile: 1.12rem;
  --numbertimeline: 1.45rem;
  --textecardhover: 1.6rem;
  --headerzopa30: #0e100e4d;
  --invisible: #0e100e00;
  --accueilheight: calc(100svh - 230px);
  --mainpoa40: #ffffe366;
  --dégradé: #fffce1;
  --_typography---h0-heading--h0-size: .875rem;
  --_typography---h0-heading--h0-letter-spacing: -.01em;
  --_typography---h0-heading--h0-line-height: 1.04em;
  --_typography---h0-heading--h0-weight: 700;
  --_typography---h0-heading--h0-margin-bottom: .3em;
  --_typography---text-sm--sm-text-size: .88rem;
  --_typography---text-sm--sm-text-letter-spacing: 0em;
  --_typography---text-sm--sm-text-line-height: 1.6em;
  --_typography---text-xl--xl-text-size: 1.5rem;
  --_typography---text-xl--xl-text-letter-spacing: 0em;
  --_typography---text-xl--xl-text-line-height: 1.6em;
  --_typography---text-xxl--xxl-text-size: 1rem;
  --_typography---text-xxl--xxl-text-letter-spacing: 0em;
  --_typography---text-xxl--xxl-text-line-height: 1.6em;
  --_colors---blockquote--blockquote-bg: transparent;
  --_colors---blockquote--blockquote-text: var(--_colors---headerz);
  --_colors---blockquote--blockquote-border: var(--_colors---headerz);
  --_typography---blockquote--blockquote-radius: 0px;
  --_typography---blockquote--blockquote-border-width: 3px;
  --_typography---blockquote--blockquote-font: var(--_typography---font--body-font);
  --_typography---blockquote--blockquote-size: clamp(1.125rem, 1.5vw + .25rem, 1.5rem);
  --_typography---blockquote--blockquote-letter-spacing: .01em;
  --_typography---blockquote--blockquote-line-height: 1.5em;
  --_typography---blockquote--blockquote-padding-vertical: var(--_sizes---spacing--0-75x);
  --_typography---blockquote--blockquote-padding-horizontal: var(--_sizes---spacing--1-25x);
  --_typography---eyebrow--eyebrow-font: var(--_typography---font--body-font);
  --_typography---eyebrow--eyebrow-size: 1rem;
  --_typography---eyebrow--eyebrow-letter-spacing: .01em;
  --_typography---eyebrow--eyebrow-line-height: 1.3em;
  --_sizes---button--button-radius: .5rem;
  --_sizes---button--button-padding-vertical: .85em;
  --_sizes---button--button-padding-horizontal: 1.5em;
  --_typography---button--button-font: var(--_typography---font--button-font);
  --_sizes---button--button-size: var(--_typography---base-typography--base-font-size);
  --_colors---button--button-primary-bg: var(--_colors---core-accent-color--accent-primary);
  --_colors---button--button-primary-bg-hover: var(--_colors---core-accent-color--accent-primary-hover);
  --_colors---button--button-primary-text: var(--_colors---text-color--text-on-accent-primary);
  --_colors---button--button-primary-border: transparent;
  --_colors---button--button-primary-border-hover: transparent;
  --_colors---button--button-secondary-bg: transparent;
  --_colors---button--button-secondary-text: var(--_colors---headerz);
  --_colors---button--button-secondary-border: transparent;
  --_colors---button--button-secondary-border-hover: transparent;
  --_sizes---input--input-radius: .5rem;
  --_sizes---input--input-padding-vertical: var(--_sizes---spacing--1x);
  --_sizes---input--input-padding-horizontal: var(--_sizes---spacing--1x);
  --_colors---input--input-primary-bg: transparent;
  --_colors---input--input-primary-bg-hover: transparent;
  --_colors---input--input-primary-text: var(--_colors---headerz);
  --_colors---input--input-primary-text-placeholder: var(--_colors---core-color-tint--neutral-inverse-a20);
  --_colors---input--input-primary-border: var(--_colors---headerz);
  --_colors---input--input-primary-border-hover: var(--_colors---headerz);
  --_colors---input--input-inverse-bg: transparent;
  --_colors---input--input-inverse-bg-hover: transparent;
  --_colors---input--input-inverse-text: var(--_colors---text-color--text-inverse-primary);
  --_colors---input--input-inverse-text-placeholder: var(--_colors---core-color-tint--neutral-primary-a50);
  --_colors---input--input-inverse-border: var(--_colors---text-color--text-inverse-primary);
  --_colors---input--input-inverse-border-hover: var(--_colors---text-color--text-inverse-primary);
  --_colors---input--input-control: var(--_colors---core-accent-color--accent-primary);
  --_colors---input--input-control-border: var(--_colors---core-accent-color--accent-primary);
  --_colors---card--card-primary-bg: var(--_colors---background-color--bg-primary);
  --_sizes---card--card-padding-sm: var(--_sizes---spacing--1-5x);
  --_colors---card--card-primary-bg-hover: var(--_colors---background-color--bg-primary);
  --_colors---card--card-primary-text: var(--_colors---headerz);
  --_sizes---card--card-padding: 2.5rem;
  --_colors---card--card-primary-border: var(--_colors---border-color--border-secondary);
  --_colors---card--card-secondary-bg: var(--_colors---background-color--bg-secondary);
  --_colors---card--card-secondary-bg-hover: var(--_colors---background-color--bg-secondary);
  --_colors---card--card-secondary-text: var(--_colors---headerz);
  --_colors---card--card-secondary-border: var(--_colors---border-color--border-secondary);
  --_colors---card--card-accent-primary-bg: var(--_colors---background-color--bg-accent-primary);
  --_colors---card--card-accent-primary-bg-hover: var(--_colors---background-color--bg-accent-primary);
  --_colors---card--card-accent-primary-text: white;
  --_colors---card--card-accent-primary-border: transparent;
  --_colors---card--card-accent-secondary-bg: var(--_colors---background-color--bg-accent-secondary);
  --_colors---card--card-accent-secondary-bg-hover: var(--_colors---background-color--bg-accent-secondary);
  --_colors---card--card-accent-secondary-text: white;
  --_colors---card--card-accent-secondary-border: transparent;
  --_colors---card--card-accent-tertiary-bg: var(--_colors---background-color--bg-accent-tertiary);
  --_colors---card--card-accent-tertiary-bg-hover: var(--_colors---background-color--bg-accent-tertiary);
  --_colors---card--card-accent-tertiary-text: transparent;
  --_colors---card--card-accent-tertiary-border: transparent;
  --_colors---card--card-inverse-bg: var(--_colors---background-color--bg-inverse);
  --_colors---card--card-inverse-bg-hover: var(--_colors---background-color--bg-inverse);
  --_colors---card--card-inverse-text: var(--_colors---text-color--text-inverse-primary);
  --_colors---card--card-inverse-border: transparent;
  --_sizes---container--container-width: 1400px;
  --_sizes---container--container-lg-width: 1440px;
  --_sizes---container--container-padding-horizontal: var(--_sizes---spacing--1x);
  --_sizes---pricecard: 3rem;
  --_colors---nav-link--nav-link-primary: var(--_colors---headerz);
  --_colors---nav-link--nav-link-inverse: var(--_colors---text-color--text-inverse-primary);
  --_sizes---tag--tag-radius: .5rem;
  --_typography---tag--tag-size: .75rem;
  --_sizes---tag--tag-padding-vertical: var(--_sizes---spacing--0-25x);
  --_typography---size: 0px;
  --_sizes---tag--tag-padding-horizontal: var(--_sizes---spacing--0-5x);
  --_sizes---slider--spacing-sm: var(--_sizes---spacing--1x);
  --_sizes---slider--5-slides: 5;
  --_sizes---slider--4-slides: 4;
  --_sizes---slider--3-slides: 3;
  --_sizes---slider--2-slides: 2;
  --_sizes---slider--1-5-slides: 1.5;
  --_sizes---slider--navigation: var(--_sizes---spacing--0-75x);
  --_colors---text-link--link-primary-hover: var(--_colors---text-color--text-accent-on-primary-hover);
  --_colors---text-link--link-secondary: var(--_colors---headerz);
  --_colors---text-link--link-secondary-hover: var(--_colors---core-color-tint--neutral-inverse-a60);
  --_colors---text-link--link-inverse: var(--_colors---text-color--text-accent-on-inverse);
  --_interactions---ix--ix-hero-intro-slide-up-100vh: 0px;
  --_interactions---ix--ix-hero-intro-clipping-mask-1: 0px;
  --_interactions---ix--ix-hero-intro-clipping-mask-2: 0px;
  --_interactions---ix--ix-hero-intro-clipping-mask-3: 100px;
  --_interactions---ix--ix-card-spacing: 2rem;
  --_interactions---ix--ix-follow-cursor: 0%;
  --_interactions---ix--ix-card-change-width: 50%;
  --_interactions---ix--ix-nav-width: 0px;
  --_sizes---width--xxs: 12rem;
  --_sizes---width--xs: 25rem;
  --_sizes---width--sm: 35rem;
  --_sizes---width--md: 40rem;
  --_sizes---width--lg: 50rem;
  --_sizes---width--xl: 60rem;
}

.w-layout-vflex {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

body {
  background-color: var(--_colors---background-color--bg-primary);
  font-family: var(--_typography---font--body-font);
  color: var(--_colors---headerz);
  font-size: var(--_typography---base-typography--base-font-size);
  line-height: var(--_typography---base-typography--base-line-height);
  letter-spacing: var(--_typography---base-typography--base-letter-spacing);
}

h1 {
  margin-top: 20px;
  margin-bottom: var(--_typography---h1-heading--h1-margin-bottom);
  font-size: var(--_typography---h1-heading--h1-size);
  line-height: var(--_typography---h1-heading--h1-line-height);
  font-weight: var(--_typography---h1-heading--h1-weight);
  letter-spacing: var(--_typography---h1-heading--h1-letter-spacing);
}

h2 {
  margin-top: 20px;
  margin-bottom: var(--_typography---h2-heading--h2-margin-bottom);
  font-family: var(--_typography---font--heading-font);
  font-size: var(--_typography---h2-heading--h2-size);
  line-height: var(--_typography---h2-heading--h2-line-height);
  font-weight: var(--_typography---h2-heading--h2-weight);
  letter-spacing: var(--_typography---h2-size-mobile);
}

h3 {
  margin-top: 20px;
  margin-bottom: var(--_typography---h3-heading--h3-margin-bottom);
  font-family: var(--_typography---font--heading-font);
  font-size: var(--_typography---h3-heading--h3-size);
  line-height: var(--_typography---h3-heading--textesh3);
  font-weight: var(--_typography---h3-heading--h3-weight);
  letter-spacing: var(--_typography---h3-heading--subtitle);
}

h4 {
  margin-top: 10px;
  margin-bottom: var(--_typography---h4-heading--h4-margin-bottom);
  font-family: var(--_typography---font--heading-font);
  font-size: var(--_typography---h4-heading--h4-size);
  line-height: var(--_typography---h4-heading--h4-line-height);
  font-weight: var(--_typography---h4-heading--h4-weight);
  letter-spacing: var(--_typography---h4-heading--h4-letter-spacing);
}

h5 {
  margin-top: 10px;
  margin-bottom: var(--_typography---h5-heading--h5-margin-bottom);
  font-family: var(--_typography---font--heading-font);
  font-size: var(--_typography---h5-heading--h5-size);
  line-height: var(--_typography---h5-heading--h5-line-height);
  font-weight: var(--_typography---h5-heading--h5-weight);
  letter-spacing: var(--_typography---h5-heading--h5-letter-spacing);
}

h6 {
  margin-top: 10px;
  margin-bottom: var(--_typography---h6-heading--h6-margin-bottom);
  font-family: var(--_typography---font--heading-font);
  font-size: var(--_typography---h6-heading--h6-size);
  line-height: var(--_typography---h6-heading--h6-line-height);
  font-weight: var(--_typography---h6-heading--h6-weight);
  letter-spacing: var(--_typography---h6-heading--h6-letter-spacing);
}

p {
  margin-bottom: var(--_typography---base-typography--base-margin-bottom);
  font-family: var(--_typography---font--body-font);
  font-size: var(--_typography---text--text-size);
  line-height: var(--_typography---text--text-line-height);
  letter-spacing: var(--_typography---text--text-letter-spacing);
}

a {
  color: var(--_colors---core-accent-color--accent-primary);
  text-decoration: underline;
}

a:hover {
  color: var(--_colors---core-accent-color--accent-primary-hover);
}

img {
  border-radius: var(--_sizes---image--image-radius);
  max-width: 100%;
  display: inline-block;
}

.footer_link-scroll-up {
  z-index: 10;
  color: var(--_colors---core-neutral-color--neutral-inverse);
  position: absolute;
  inset: 15% -1% auto auto;
  transform: rotate(90deg);
}

.section {
  z-index: 5;
  background-color: var(--_colors---background-color--bg-primary);
  max-width: 100%;
  height: 100vh;
  min-height: 100vh;
  color: var(--_colors---headerz);
  -webkit-text-stroke-color: var(--main_background);
  margin-top: auto;
  padding-top: 9rem;
  display: block;
  position: sticky;
  overflow: clip;
}

.section.section {
  background-color: var(--main_background);
  height: auto;
  margin-bottom: 0;
  padding-top: 5rem;
  position: static;
}

.section.about {
  background-color: #fffce1;
}

.heading_primary {
  max-width: none;
  font-family: var(--headerz);
  color: var(--_colors---headerz);
  font-size: var(--_typography---h2-heading--h2-size);
  line-height: var(--_typography---h1-heading--h1-line-height);
  text-align: left;
  letter-spacing: var(--_typography---h1-heading--h1-letter-spacing);
  text-transform: uppercase;
  white-space: normal;
  overflow-wrap: anywhere;
  text-wrap: balance;
  margin-top: 1.125rem;
  margin-bottom: 0;
  margin-left: 0%;
  font-weight: 600;
}

.margin-bottom_none {
  flex: 0 auto;
  align-self: auto;
  list-style-type: none;
  margin-bottom: 0 !important;
}

.screen-reader {
  white-space: nowrap;
  border: 0 solid #0000;
  width: 1px;
  height: 1px;
  margin-top: -1px;
  padding: 0;
  position: absolute;
  overflow: hidden;
}

.rich-text {
  box-sizing: border-box;
  text-align: justify;
  white-space: normal;
  word-break: keep-all;
  overflow-wrap: break-word;
  object-fit: fill;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  width: 700px;
  max-width: 700px;
  font-style: normal;
  display: flex;
}

.rich-text h4 {
  margin-top: var(--_typography---h4-heading--h4-line-height);
}

.rich-text h5 {
  margin-top: var(--_typography---h2-heading--h2-line-height);
}

.rich-text h6 {
  margin-top: var(--_typography---h6-heading--h6-line-height);
}

.rich-text h3 {
  margin-top: var(--_typography---h3-heading--textesh3);
}

.rich-text blockquote {
  margin-top: var(--_sizes---spacing--2x);
  margin-bottom: var(--_sizes---spacing--2x);
}

.rich-text ol {
  margin-top: var(--_sizes---gap--xs-gap);
  margin-bottom: var(--_sizes---gap--xs-gap);
  overflow: visible;
}

.rich-text ul {
  margin-top: 1rem;
  padding-left: 0;
  list-style-type: none;
}

.rich-text li {
  border-bottom: 1px solid var(--_colors---border-color--border-secondary);
  margin-top: .5rem;
  padding-bottom: .5rem;
  padding-left: 4px;
}

.rich-text img {
  border-radius: var(--_sizes---image--image-radius);
}

.rich-text p {
  font-size: inherit;
}

.rich-text figure {
  margin-top: var(--_sizes---gap--sm-gap);
  margin-bottom: var(--_sizes---gap--sm-gap);
}

.rich-text.subheading {
  width: auto;
  max-width: none;
  color: var(--_colors---core-accent-color--accent-primary-hover);
  justify-content: flex-start;
  align-items: center;
  margin-bottom: auto;
  font-family: Spacegrotesk, Arial, sans-serif;
  font-size: 1.1rem;
  display: flex;
}

.nav {
  z-index: 99;
  width: 100%;
  color: var(--_colors---headerz);
  font-size: var(--_typography---base-typography--base-font-size);
  background-color: #fff0;
  justify-content: center;
  align-items: flex-start;
  display: flex;
  position: relative;
}

.nav.is-secondary {
  z-index: 10000;
  clear: none;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  aspect-ratio: auto;
  border-bottom: 1.5px solid var(--timeline);
  background-color: var(--main_background);
  mix-blend-mode: normal;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
  padding-top: 1rem;
  padding-bottom: 1rem;
  padding-right: 0;
  display: flex;
  position: sticky;
  inset: 0 0% 0%;
}

.nav_mobile-menu-button {
  padding-top: var(--_sizes---spacing--0-5x);
  padding-right: var(--_sizes---spacing--0-5x);
  padding-bottom: var(--_sizes---spacing--0-5x);
  padding-left: var(--_sizes---spacing--0-5x);
  color: inherit;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  display: none;
}

.nav_mobile-menu-button:hover {
  color: inherit;
}

.nav_mobile-menu-button.w--open {
  z-index: 2;
  background-color: #0000;
}

.nav_mobile-menu-button.w--open:hover {
  color: var(--_colors---text-link--link-inverse-hover);
}

.footer {
  padding-top: var(--_sizes---spacing--4x);
  padding-bottom: var(--_sizes---spacing--4x);
  background-color: var(--_colors---background-color--bg-primary);
  color: var(--_colors---headerz);
}

.footer.is-secondary {
  color: var(--_colors---headerz);
  background-color: #000;
  padding-top: 0;
  padding-bottom: 0;
}

.nav_link {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  font-family: var(--headerz);
  color: var(--timeline);
  font-size: 1rem;
  line-height: var(--fontnav);
  text-align: left;
  letter-spacing: var(--spacenav);
  text-indent: 0;
  text-transform: none;
  white-space: nowrap;
  word-break: keep-all;
  border-bottom: 0 #2e5bff;
  border-radius: 0;
  flex: none;
  justify-content: center;
  align-items: center;
  margin-right: 0;
  padding: .75em .5em;
  font-weight: 500;
  -webkit-text-decoration: none;
  text-decoration: none;
  display: flex;
  position: relative;
}

.nav_link:hover {
  color: var(--timeline);
  position: relative;
}

.nav_link.w--current, .nav_link.w--open {
  background-color: var(--_colors---button--button-secondary-bg-hover);
}

.footer_link {
  grid-column-gap: .5em;
  grid-row-gap: .5em;
  flex-flow: row;
  justify-content: flex-end;
  align-items: center;
  padding: .35em 0 .35em 0;
  font-weight: 400;
  text-decoration: none;
  display: inline-flex;
  position: relative;
  bottom: 100px;
  left: 90px;
  transform: rotate(90deg);
}

.footer_link:hover {
  opacity: 1;
  color: color-mix(in srgb, currentColor 100%, transparent);
  text-decoration: underline;
}

.nav_container {
  border-bottom-left-radius: var(--_sizes---card--card-radius);
  border-bottom-right-radius: var(--_sizes---card--card-radius);
  background-color: #ddd0;
  flex-flow: row;
  flex: 0 auto;
  order: 0;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: column;
  justify-content: space-between;
  align-self: center;
  align-items: center;
  width: 100%;
  margin: 0 auto;
  padding: 0 0 0;
  display: flex;
}

.nav_menu {
  height: 100%;
  color: var(--textes);
  font-family: Satoshi;
  font-size: var(--_typography---h4-heading--h4-size);
  letter-spacing: var(--small-spacing-letter);
  background-color: #0000;
  justify-content: center;
  align-self: center;
  align-items: center;
  margin-bottom: 0;
  padding-left: 0;
  font-weight: 500;
  display: flex;
  position: static;
  transform: none !important;
}

.nav_left {
  flex-flow: row;
  flex: 1;
  order: 0;
  justify-content: space-between;
  align-self: center;
  align-items: center;
  margin-top: 0;
  padding-top: 0;
  padding-left: 5%;
  padding-right: 5%;
  display: flex;
}

.nav_logo {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  height: auto;
  color: inherit;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.nav_logo:hover {
  color: color-mix(in srgb, currentColor 80%, transparent);
}

.nav_logo.w--current {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  justify-content: flex-end;
  align-items: center;
}

.nav_menu-list {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: row;
  flex: 0 auto;
  justify-content: center;
  align-self: auto;
  align-items: center;
  margin-bottom: 0;
  padding-left: 0;
  display: flex;
}

.nav_menu-list-item {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
  margin-bottom: 0 !important;
}

.footer_icon-link {
  width: var(--_sizes---spacing--2x);
  height: var(--_sizes---spacing--2x);
  color: color-mix(in srgb, currentColor 70%, transparent);
  justify-content: center;
  align-items: center;
  padding: .35rem;
  display: inline-flex;
}

.footer_icon-link:hover {
  opacity: 1;
  color: color-mix(in srgb, currentColor 100%, transparent);
}

.subheading {
  max-width: var(--_sizes---container--container-sm-width);
  margin-bottom: var(--_sizes---spacing--1-25x);
  font-family: var(--_typography---font--body-font);
  color: var(--_colors---current-color--current-a70);
  font-size: var(--_typography---text-lg--lg-text-size);
  line-height: var(--_typography---text-lg--lg-text-line-height);
  letter-spacing: var(--_typography---text-lg--lg-text-letter-spacing);
  -webkit-text-stroke-color: var(--_colors---current-color--current-a70);
  text-wrap: balance;
}

.subheading p {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  color: var(--textesopa70);
  text-align: left;
  letter-spacing: -.01em;
  text-transform: none;
  text-overflow: clip;
  white-space: nowrap;
  overflow-wrap: normal;
  text-wrap: balance;
  direction: ltr;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  margin-bottom: auto;
  font-family: Satoshi Variable;
  font-size: 1.025em;
  font-weight: 400;
  line-height: 1.45em;
  display: flex;
  overflow: hidden;
}

.nav_logo-icon {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-end;
  display: flex;
}

.header {
  z-index: 2;
  width: 100%;
  margin-top: 0;
  margin-bottom: var(--_sizes---gap--md-gap);
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
  position: relative;
}

.body {
  box-sizing: border-box;
  background-color: var(--main_background);
  flex-flow: row;
  display: block;
  overflow: visible;
}

.btn-magnetic-wrap {
  z-index: 10001;
  width: auto;
  height: auto;
  color: var(--timeline);
  text-align: center;
  justify-content: center;
  align-items: center;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 2rem;
  font-weight: 700;
  display: flex;
  position: relative;
}

.code-embed-2 {
  background-color: var(--timeline);
  font-family: var(--headerz);
  color: var(--main_background);
  font-weight: 400;
  position: static;
}

.code-embed-2.black {
  font-weight: 400;
}

.code-embed-2.white {
  background-color: var(--main_background);
  font-family: var(--headerz);
  color: #0e100e;
  font-weight: 400;
}

.card-projet {
  background-color: #2a2a2a;
  border: 1px solid #ffffff1a;
  border-radius: 4px;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 500px;
  min-width: auto;
  height: 310px;
  margin-left: 0;
  margin-right: auto;
  padding: 30px 16px 16px;
  transition: margin .5s cubic-bezier(.25, .46, .45, .94), transform .5s;
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: inset 1px 1px 5px #0003, 0 5px 30px #0009;
}

.card-projet:hover {
  z-index: 10;
  margin-right: 0;
  position: relative;
}

.ligne-hover {
  background-color: #2e5bff;
  width: 0%;
  height: 3px;
  margin-bottom: 16px;
  display: block;
}

.utility-page-wrap {
  justify-content: center;
  align-items: center;
  width: 100vw;
  max-width: 100%;
  height: 100vh;
  max-height: 100%;
  display: flex;
}

.utility-page-content {
  text-align: center;
  flex-direction: column;
  width: 260px;
  display: flex;
}

.utility-page-form {
  flex-direction: column;
  align-items: stretch;
  display: flex;
}

.path {
  -webkit-text-stroke-color: #2e5bff;
}

.svg {
  color: var(--main_background);
  -webkit-text-stroke-color: var(--main_background);
}

.code-embed-googlemaps {
  width: 100%;
  height: 50vh;
  margin-top: auto;
  margin-bottom: 2rem;
  padding-bottom: 0;
}

.textedevis {
  font-family: var(--headerz);
  color: var(--_colors---current-color--current-a50);
  text-align: center;
  padding-top: 0;
}

.c-faq-item {
  border-left: 3px solid var(--buttonsopa70);
  cursor: pointer;
  background-color: #222;
  width: 120%;
  margin-bottom: 16px;
  font-size: 1.2em;
  line-height: 1.6em;
}

.div-block-17 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  justify-content: flex-start;
  align-self: flex-start;
  align-items: center;
  display: flex;
}

.paragraph_large-2 {
  letter-spacing: -.01em;
  margin-bottom: .75em;
  font-family: Instrument Sans;
  font-size: 1.05rem;
  line-height: .9em;
}

.paragraph_large-2.margin-bottom_none {
  font-family: var(--headerz);
  color: var(--main_background);
  text-align: right;
  letter-spacing: .02em;
  -webkit-text-stroke-color: #10100e;
  white-space: nowrap;
  font-size: 1.5em;
  font-weight: 500;
}

.paragraph_large-2.margin-bottom_none.logoblack {
  font-family: var(--headerz);
  color: var(--timeline);
  text-align: left;
  margin-bottom: 0;
  font-size: 1.25em;
  font-weight: 500;
  display: block;
}

.paragraph_large-2.margin-bottom_none {
  color: var(--main_background);
  text-align: right;
  letter-spacing: .02em;
  -webkit-text-stroke-color: #10100e;
  white-space: nowrap;
  font-family: Clashdisplay;
  font-size: 1.5em;
  font-weight: 600;
}

.paragraph_large-2.margin-bottom_none.logoblack {
  font-family: var(--headerz);
  color: var(--timeline);
  text-align: left;
  margin-bottom: 0;
  font-weight: 500;
  display: block;
}

.subtextlogofooter-2 {
  font-family: var(--headerz);
  color: var(--mainopa60);
  font-weight: 400;
}

.subtextlogofooter-2.souslogoblack {
  font-family: var(--headerz);
  color: var(--headerzopa60);
  text-align: right;
  align-self: auto;
  margin-bottom: 0;
  font-size: .9rem;
}

.textbackup {
  font-family: var(--headerz);
  color: var(--mainopa80);
  letter-spacing: .05em;
}

.footer-f13 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  padding-left: 64px;
  padding-right: 64px;
}

.link-f13 {
  font-family: var(--headerz);
  color: var(--mainopa80);
  text-transform: uppercase;
  padding-left: 12px;
  padding-right: 12px;
  font-weight: 400;
  text-decoration: none;
  transition: color .2s;
}

.link-f13:hover {
  color: var(--mainopa60);
}

.title-f13 {
  font-family: var(--headerz);
  color: var(--mainopa90);
  text-align: center;
  text-transform: uppercase;
  margin-bottom: 16px;
  font-weight: 700;
}

.social-media-wrapper-f13 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  justify-content: center;
  align-items: flex-end;
  margin-left: 0;
  margin-right: -5px;
  padding-left: 9px;
  display: flex;
}

.footer-wrapper {
  background-color: var(--_colors---headerz);
  border-radius: 0;
  align-items: center;
  width: auto;
  max-width: none;
  margin: 20px auto 0;
  padding-top: 60px;
  padding-bottom: 0;
}

.email-f13 {
  font-family: var(--headerz);
  color: var(--mainopa80);
  letter-spacing: .075em;
  margin-bottom: 10px;
  padding-bottom: 6px;
  font-weight: 300;
  text-decoration: none;
  transition: color .2s;
}

.email-f13:hover {
  color: var(--mainopa60);
}

.copyright-f13 {
  border-top: 1px solid var(--mainopa30);
  font-family: var(--headerz);
  color: var(--mainopa50);
  text-align: center;
  padding-top: 20px;
}

.phone-f13 {
  font-family: var(--headerz);
  color: var(--mainopa80);
  margin-bottom: 10px;
  padding-right: 0;
  font-weight: 300;
  text-decoration: none;
  transition: color .2s;
}

.phone-f13:hover {
  color: var(--mainopa60);
  -webkit-text-stroke-color: var(--main_background);
}

.top-wrapper-f13 {
  justify-content: center;
  align-items: flex-start;
  padding-bottom: 120px;
  display: flex;
  position: relative;
}

.top-right-wrapper-f13 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  color: #333;
  flex-direction: column;
  flex: none;
  justify-content: center;
  align-self: stretch;
  align-items: flex-end;
  margin-right: 30px;
  padding-right: 0;
  text-decoration: none;
  display: flex;
  position: absolute;
  inset: 0% 0% auto auto;
}

.top-left-wrapper-f13 {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  position: absolute;
  inset: 0% auto auto 10px;
}

.grid {
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
  position: relative;
}

.grid.is--footer {
  z-index: 3;
  grid-column-gap: 32px;
  grid-row-gap: 32px;
}

.ck-form-wrapper {
  font-family: var(--texte);
  flex: 1;
  padding-bottom: 0;
  position: relative;
}

.container-form {
  z-index: 1;
  width: 1560px;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding: 15em 6.25em;
}

.container-form.footer-form {
  width: auto;
  padding: 0 0%;
}

.image-footer {
  z-index: 0;
  opacity: .5;
  object-fit: fill;
  width: 100%;
  height: 100%;
  display: none;
  position: absolute;
  inset: 0%;
}

.contact-text-wrapper {
  padding-top: 1em;
  padding-bottom: 1em;
}

.form-block {
  position: relative;
}

.grid_item {
  z-index: 1;
  width: 100%;
  padding: 1.04em;
  display: block;
  position: relative;
}

.grid_item.footer-form {
  grid-column-gap: 20vw;
  grid-row-gap: 20vw;
  order: 0;
  width: 100%;
  padding-bottom: 1em;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.section-2 {
  z-index: 10;
  background-color: #fff;
  max-width: 100%;
  position: relative;
}

.section-2.is--footer {
  z-index: 1;
  background-color: var(--main_background);
  z-index: 1;
  background-color: var(--main_background);
  margin-left: auto;
  margin-right: auto;
  padding-left: 5%;
  padding-right: 5%;
  position: relative;
  bottom: 0;
  overflow: visible;
}

.form-input-line {
  border-style: none none solid;
  border-width: 1px;
  border-color: black black var(--timeline);
  font-family: var(--headerz);
  background-color: #fff0;
  margin-bottom: 0;
  padding: 1.5em 0;
  font-weight: 300;
}

.form-input-line:active {
  color: var(--textes);
  letter-spacing: 2px;
  font-size: 16px;
  font-weight: 300;
}

.form-input-line:focus {
  border-bottom-style: solid;
  border-bottom-color: var(--buttons);
  font-family: var(--texte);
  -webkit-text-stroke-color: var(--timeline);
  font-size: 16px;
  font-weight: 300;
}

.form-input-line::placeholder {
  color: var(--textesopa70);
  letter-spacing: 2px;
  font-size: 16px;
  font-weight: 400;
}

.form-grid {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 40px;
  display: grid;
}

.success-message {
  background-color: var(--_colors---headerz);
  color: var(--mainopa90);
}

.codecheckbox {
  font-family: var(--textespace);
  justify-content: flex-start;
  align-self: flex-start;
  align-items: center;
  padding-top: 32px;
  font-weight: 300;
  display: flex;
}

.divtextedevis {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding-top: 32px;
  padding-bottom: 32px;
  display: flex;
}

.embed-fab-phone {
  width: auto;
  height: 0;
}

.div-block-19 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.blockheadercontact {
  font-family: var(--headerz);
}

.phonecontact {
  font-family: var(--headerz);
  color: var(--headerzopa80);
  letter-spacing: .05em;
  text-transform: uppercase;
  font-size: 1.1rem;
  font-weight: 300;
}

.contactdetails {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  display: flex;
}

.divinfos {
  grid-column-gap: 64px;
  grid-row-gap: 64px;
  text-align: left;
  flex-flow: column;
  width: auto;
  height: auto;
  margin-top: 60px;
  display: flex;
}

.contactdetailstext {
  font-family: var(--headerz);
  color: var(--_colors---headerz);
  letter-spacing: .05em;
  font-size: 1.3rem;
  font-weight: 700;
  text-decoration: none;
}

.contactdetailstext:hover {
  color: var(--buttonsopa90);
}

.code-embed-11 {
  display: flex;
}

.headerformcontact {
  font-family: var(--headerz);
  letter-spacing: .05em;
  font-weight: 700;
}

.text-block-18, .text-block-19 {
  font-family: var(--headerz);
  color: var(--timeline);
  text-transform: capitalize;
  font-size: 1rem;
}

.text-block-20 {
  font-family: var(--headerz);
  color: var(--timeline);
  text-transform: capitalize;
}

.page-wrapper {
  overflow: hidden;
}

.sub-dev-l-gale {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  justify-content: center;
  align-items: center;
  font-size: .9rem;
  display: flex;
}

.textlegal {
  font-family: var(--headerz);
  color: var(--mainopa50);
  font-size: .885rem;
  text-decoration: none;
  display: inline;
}

.textlegal:hover {
  color: var(--buttonsopa90);
}

.traitdunion {
  color: var(--mainopa90);
}

.text-span-20 {
  font-family: var(--headerz);
}

.gradient-top-2 {
  z-index: 1;
  background-image: linear-gradient(0deg, #fffce1, #ffffe3cc 50%, #fffce1);
  width: 100%;
  height: 100%;
  display: none;
  position: absolute;
  inset: 0%;
}

.form-input-line-3 {
  background-color: #fff0;
  border: 1px #000;
  border-bottom: 1px solid #0e100e;
  margin-bottom: 0;
  padding: 1.5em 0;
}

.form-input-line-3:active {
  color: #172c43;
  letter-spacing: 2px;
  font-size: 16px;
  font-weight: 300;
}

.form-input-line-3:focus {
  -webkit-text-stroke-color: #0e100e;
  border-bottom-style: solid;
  border-bottom-color: #2e5bff;
  font-family: Satoshi;
  font-size: 16px;
  font-weight: 300;
}

.form-input-line-3::placeholder {
  color: #172c43b3;
  letter-spacing: 2px;
  font-size: 16px;
  font-weight: 400;
}

.heading_primary-4 {
  max-width: none;
  font-family: var(--headerz);
  color: #0e100e;
  text-align: left;
  letter-spacing: -.02em;
  text-transform: uppercase;
  white-space: normal;
  overflow-wrap: anywhere;
  text-wrap: balance;
  margin-top: 1.125rem;
  margin-bottom: 0;
  margin-left: 0%;
  font-size: 4.25rem;
  font-weight: 600;
  line-height: 1.04em;
}

.section-4 {
  z-index: 5;
  color: #0e100e;
  -webkit-text-stroke-color: #fffce1;
  background-color: #f4f4ef;
  max-width: 100%;
  height: 100vh;
  min-height: 100vh;
  padding-top: 9rem;
  display: block;
  position: sticky;
  overflow: clip;
}

.section-4.section-legal {
  background-color: var(--main_background);
  height: auto;
  padding-top: 0;
}

.form-input-line-4 {
  background-color: #fff0;
  border: 1px #000;
  border-bottom: 1px solid #0e100e;
  margin-bottom: 0;
  padding: 1.5em 0;
}

.form-input-line-4:active {
  color: #172c43;
  letter-spacing: 2px;
  font-size: 16px;
  font-weight: 300;
}

.form-input-line-4:focus {
  -webkit-text-stroke-color: #0e100e;
  border-bottom-style: solid;
  border-bottom-color: #2e5bff;
  font-family: Satoshi;
  font-size: 16px;
  font-weight: 300;
}

.form-input-line-4::placeholder {
  color: #172c43b3;
  letter-spacing: 2px;
  font-size: 16px;
  font-weight: 400;
}

.container-legal {
  z-index: 1;
  width: 1560px;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding: 15em 6.25em;
}

.container-legal.footer-form {
  width: auto;
  max-width: none;
  padding: 4em 0% 0;
}

.header-legal {
  z-index: 2;
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  margin-top: 0;
  margin-bottom: 1rem;
  display: flex;
  position: relative;
}

.rich-text-legal {
  font-family: var(--texte);
  color: var(--timeline);
  padding-top: 64px;
  font-weight: 400;
  line-height: 1.6rem;
}

.rich-text-legal h3 {
  font-family: var(--headerz);
  color: var(--timeline);
  letter-spacing: .075em;
  text-transform: uppercase;
  margin-bottom: 20px;
  font-size: 1.5rem;
  font-weight: 700;
}

.rich-subtext-legal {
  font-family: var(--headerz);
  text-align: justify;
  letter-spacing: 0;
  font-size: 1.05rem;
  line-height: 1.6em;
}

.text-block-32 {
  font-family: var(--headerz);
  color: var(--headerzopa70);
  text-align: center;
  margin-top: 20px;
  margin-bottom: 40px;
}

.body-3 {
  background-color: var(--main_background);
  overflow: visible;
}

.subtitleheadinglegal {
  font-family: var(--headerz);
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 40px;
}

.list-item, .paragraph-15, .paragraph-16, .paragraph-17 {
  font-family: var(--headerz);
}

.subparagraphelegal {
  font-family: var(--headerz);
  margin-top: -10px;
  margin-bottom: 0;
}

.paragraph-20, .paragraph-21, .paragraph-23 {
  margin-bottom: 0;
}

.list-3 {
  margin-bottom: 0;
}

.section-5 {
  z-index: 5;
  color: #0e100e;
  -webkit-text-stroke-color: #fffce1;
  background-color: #f4f4ef;
  max-width: 100%;
  height: 100vh;
  min-height: 100vh;
  padding-top: 9rem;
  display: block;
  position: sticky;
  overflow: clip;
}

.section-5.section-legal {
  background-color: #fffce1;
  height: auto;
  padding-top: 0;
}

.text-block-33 {
  color: #0e100eb3;
  text-align: center;
  margin-top: 20px;
  margin-bottom: 40px;
  font-family: Satoshi;
}

.heading_primary-5 {
  color: #0e100e;
  text-align: left;
  letter-spacing: -.02em;
  text-transform: uppercase;
  white-space: nowrap;
  overflow-wrap: anywhere;
  text-wrap: balance;
  max-width: none;
  margin-top: 1.125rem;
  margin-bottom: 0;
  margin-left: 0%;
  font-family: Clashdisplay;
  font-size: 4.25rem;
  font-weight: 600;
  line-height: 1.04em;
}

.rich-text-legal-2 {
  z-index: 2;
  color: #0e100e;
  margin-right: 10%;
  padding-top: 64px;
  font-family: Satoshi;
  font-weight: 400;
  line-height: 1.6rem;
  position: relative;
}

.rich-text-legal-2 h3 {
  font-family: var(--textespace);
  letter-spacing: .05em;
  text-transform: uppercase;
  font-size: 1.5rem;
}

.body-4 {
  background-color: var(--main_background);
}

.nav-sticky-wrapper {
  z-index: 1000;
  position: sticky;
  top: 0;
}

.bigheading {
  font-family: var(--headerz);
  color: #000;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 20px;
  font-size: 3rem;
  font-weight: 700;
}

.bigheading.sectiontof {
  z-index: 99;
  color: var(--timeline);
  letter-spacing: .05em;
  mix-blend-mode: normal;
  order: -9999;
  font-size: 5.5rem;
  position: relative;
}

.div-block-36 {
  width: 90%;
}

.mainpara {
  color: #000000b3;
  margin-bottom: 0;
  padding-right: 30px;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.5em;
}

.mainpara.width {
  width: 355px;
  font-family: var(--headerz);
  color: var(--timeline);
  text-align: left;
  letter-spacing: .01em;
  padding-top: 40px;
  padding-right: 0;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5em;
}

.mainpara.border {
  font-family: var(--headerz);
  letter-spacing: -.025em;
  border: 1px solid #000000b3;
  border-radius: 0;
  flex-flow: row;
  align-self: center;
  padding: 5px 10px;
  font-size: .9rem;
  display: flex;
}

.mainpara.border:hover {
  background-color: var(--timeline);
  font-family: var(--texte);
  color: #ffffe3;
}

.hoverline {
  background-color: #0000001a;
  height: 1px;
  position: absolute;
  bottom: -1px;
  left: 0;
  right: 0;
  overflow: hidden;
}

.section-header-wrapper {
  margin-bottom: 60px;
  position: sticky;
  top: 100px;
}

.section-header-wrapper.tech {
  flex-flow: column;
  justify-content: space-between;
  margin-bottom: 0;
  display: block;
  position: sticky;
}

.section-header-wrapper.apropos {
  margin-bottom: 0;
  padding-bottom: 40px;
  position: relative;
  top: 0;
}

.mainheading {
  font-family: var(--headerz);
  color: var(--timeline);
  letter-spacing: -.04em;
  margin-top: 0;
  margin-bottom: 10px;
  font-size: 1.2rem;
  font-weight: 500;
  line-height: 1.2em;
}

.hoverlinefill {
  background-color: var(--timeline);
  width: 100%;
  height: 100%;
}

.div-block-26 {
  justify-content: space-between;
  align-items: center;
  padding-bottom: 30px;
  display: flex;
  position: relative;
}

.div-block-26.top {
  width: 100%;
  padding-top: 30px;
}

.div-block-27 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  align-self: center;
  display: flex;
}

.headersection {
  align-self: flex-start;
  margin-bottom: 60px;
  position: sticky;
  top: 100px;
}

.headersection.apropos {
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
  margin-bottom: 60px;
  display: flex;
  position: relative;
  top: 40px;
  bottom: auto;
}

.headersection.apropos.petit {
  justify-content: flex-start;
  align-items: stretch;
}

.headersection.apropos.grand {
  display: none;
}

.div-block-38 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: .75fr 1fr;
  grid-auto-columns: 1fr;
  padding-top: 5%;
  padding-left: 5%;
  padding-right: 5%;
  display: flex;
}

.page-intro-splitscreen-wrapper {
  z-index: 1;
  pointer-events: none;
  flex-flow: column;
  justify-content: center;
  align-items: stretch;
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
  inset: 0%;
}

.page-intro-splitscreen-top {
  background-color: var(--timeline);
  width: 100%;
  height: 0%;
}

.page-padding {
  padding: 40px 4rem;
}

.phraseprojets {
  font-family: var(--headerz);
  color: var(--main_background);
  text-align: left;
  letter-spacing: .1em;
  text-transform: uppercase;
  flex-flow: column;
  font-size: 5rem;
  font-weight: 900;
  line-height: .9;
  display: flex;
}

.phraseprojets.double {
  text-align: right;
  font-size: 5rem;
  display: block;
}

.container-small {
  width: 100%;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.accrocheprojets {
  color: var(--mainopa80);
  letter-spacing: .02em;
  text-transform: uppercase;
  font-size: 1.1rem;
  font-weight: 400;
  line-height: 1.1;
}

.spacer-sm-start {
  padding-top: 2.25rem;
}

.spacer-sm-start.spacer-sm-end {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  display: flex;
}

.section-page-intro {
  background-color: var(--main_background);
  flex-flow: row;
  justify-content: center;
  align-items: center;
  height: 300vh;
  min-height: auto;
  display: block;
  overflow: clip;
}

.text-align-center {
  text-align: center;
}

.page-intro-splitscreen-bottom {
  background-color: var(--timeline);
  width: 100%;
  height: 0%;
}

.section-after-intro-text {
  z-index: 3;
  background-color: var(--timeline);
  color: var(--main_background);
  margin-top: 5vh;
  padding-top: 0;
  padding-bottom: 0;
  position: relative;
}

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

.section-page-intro-7 {
  background-color: var(--main_background);
  min-height: 100vh;
  font-family: var(--headerz);
  justify-content: center;
  align-items: center;
  position: static;
  overflow: clip;
}

.code-embed-19 {
  flex-flow: row;
  justify-content: flex-end;
  align-items: center;
  font-size: 1.6rem;
  display: flex;
}

.div-block-85 {
  z-index: 0;
  cursor: none;
  width: 100%;
  height: 100vh;
  position: absolute;
  inset: 0% 0% auto;
}

.nametitle-3 {
  font-family: var(--headerz);
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 1em;
  padding-bottom: 0;
  font-size: 5rem;
  font-weight: 700;
}

.div-block-84 {
  z-index: 3;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.divctamain {
  grid-column-gap: 36px;
  grid-row-gap: 36px;
  display: flex;
}

.divglitch {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: row;
  flex: 1;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-end;
  align-self: center;
  align-items: center;
  width: 100%;
  min-height: 4px;
  margin-bottom: 0;
  padding-bottom: 0;
  display: flex;
}

.container_accueil-2 {
  z-index: 3;
  grid-column-gap: 64px;
  grid-row-gap: 64px;
  background-color: #0000;
  flex-flow: column;
  grid-template-rows: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  justify-content: center;
  align-items: flex-end;
  width: 100%;
  min-width: 100vh;
  max-width: none;
  margin-top: 2rem;
  margin-left: 0%;
  margin-right: auto;
  padding-left: 5%;
  padding-right: 5%;
  font-weight: 400;
  display: grid;
  position: relative;
}

.header-3 {
  z-index: 2;
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  margin-top: 0;
  margin-bottom: 1rem;
  display: flex;
  position: relative;
}

.header-3.margin-bottom_none {
  z-index: 3;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  max-width: 900px;
  font-family: var(--headerz);
  text-align: left;
  white-space: nowrap;
  flex-flow: column;
  flex: 0 auto;
  justify-content: center;
  align-items: flex-end;
  margin-bottom: 0;
  padding-bottom: 0;
}

.page-intro-wrapper-2 {
  z-index: 0;
  justify-content: center;
  align-items: center;
  height: 100vh;
  padding-top: 5em;
  padding-bottom: 5em;
  display: flex;
  position: sticky;
  top: 0;
}

.maintitle-2 {
  clear: none;
  font-family: var(--headerz);
  text-align: right;
  text-transform: uppercase;
  order: 0;
  align-self: auto;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 5rem;
  font-weight: 700;
  line-height: .85;
  position: static;
}

.page-intro-content-2 {
  z-index: 0;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  padding-top: 0;
  display: flex;
  position: relative;
}

.code-embed-24 {
  color: var(--timeline);
}

.wrapper-glitch-cta {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  justify-content: center;
  align-items: flex-end;
  display: flex;
}

.pointclignotant {
  display: inline;
}

.projects-scroll-section {
  z-index: 10;
  background-color: var(--timeline);
  width: 100%;
  height: 300vh;
  position: relative;
  overflow: visible;
}

.project-left-col {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 40%;
  display: flex;
}

.project-right-col {
  justify-content: center;
  align-items: center;
  width: 50%;
  height: 60vh;
  display: flex;
  transform: translate(0);
}

.projects-sticky-view {
  width: 100%;
  height: 100vh;
  position: sticky;
  top: 0;
  overflow: hidden;
}

.text-block-35 {
  font-family: var(--headerz);
  color: var(--mainopa60);
  letter-spacing: .1em;
  font-size: 1.2rem;
  font-weight: 300;
}

.heading-8 {
  font-family: var(--headerz);
  color: #fffce1;
  text-transform: uppercase;
  font-size: 4.3rem;
  font-weight: 600;
}

.paragraph-24 {
  font-family: var(--headerz);
  color: var(--mainopa80);
  text-align: left;
  font-size: 1.2rem;
  font-weight: 400;
}

.tags-wrapper {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: wrap;
  align-content: stretch;
  margin-top: 20px;
  display: flex;
}

.textetechno {
  border: 1px solid var(--main_background);
  font-family: var(--headerz);
  color: var(--main_background);
  flex-flow: row;
  align-self: center;
  padding: 5px 10px;
  font-size: 1.05rem;
  font-weight: 400;
  display: flex;
}

.textetechno:hover {
  background-color: var(--main_background);
  color: var(--timeline);
}

.textetechno.borderlight {
  border-color: #fffce166;
  font-size: 1.15rem;
  font-weight: 400;
}

.textetechno.borderlight:hover {
  color: var(--timeline);
}

.link-block {
  color: var(--main_background);
  margin-top: 60px;
  text-decoration: none;
}

.text-block-36 {
  font-family: var(--headerz);
  text-align: center;
  text-transform: none;
  border: 0 #fffce1;
  border-bottom-color: #fff0;
  font-size: 2.4rem;
  font-weight: 700;
  -webkit-text-decoration: none;
  text-decoration: none;
}

.projects-track {
  background-color: var(--timeline);
  flex-flow: row;
  justify-content: flex-start;
  width: 300vw;
  height: 100vh;
  display: flex;
}

.project-slide {
  border: 0 #000;
  flex-flow: row;
  flex: none;
  order: 0;
  justify-content: space-between;
  align-items: center;
  width: 100vw;
  height: 100vh;
  margin-top: 20px;
  padding-left: 2%;
  padding-right: 2%;
  display: flex;
}

.pixelated-image-card {
  background-color: var(--timeline);
  color: #ff4c24;
  cursor: auto;
  border-radius: .5em;
  width: 60%;
  max-width: 75%;
  position: relative;
  overflow: hidden;
}

.pixelated-image-card__pixel {
  box-sizing: border-box;
  aspect-ratio: auto;
  background-color: currentColor;
  width: 100%;
  height: 100%;
  display: none;
  position: absolute;
}

.before__100 {
  padding-top: 100%;
}

.pixelated-image-card__pixels {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.pixelated-image-card__default {
  filter: contrast(175%) grayscale();
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.pixelated-image-card__active {
  width: 100%;
  height: 100%;
  display: none;
  position: absolute;
  inset: 0%;
}

.pixelated-image-card__img {
  aspect-ratio: auto;
  object-fit: contain;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.pixelated-image-card__img.is-joker-active {
  filter: saturate(120%);
  object-fit: contain;
}

.project-cover-native {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  background-color: #349d85;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.project-cover-native.is-active-reparevou {
  filter: grayscale(0%);
}

.portfolio-visual {
  object-fit: fill;
  width: 64px;
}

.text-block-37 {
  color: #fff;
  font-family: IBM Plex Sans;
  font-size: 3.25rem;
  font-weight: 700;
}

.footername {
  font-family: var(--headerz);
  color: var(--main_background);
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1rem;
}

.divabout {
  padding-left: 10%;
  padding-right: 10%;
}

.text-intro-large {
  width: 700px;
  font-family: var(--headerz);
  color: var(--timeline);
  text-align: left;
  letter-spacing: .075em;
  justify-content: flex-end;
  align-self: flex-end;
  align-items: center;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
  font-size: 1.2rem;
  font-weight: 600;
  line-height: 1.5em;
  display: flex;
}

.about-services-grid {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.about-portrait-wrapper {
  z-index: 0;
  filter: sepia(50%);
  mix-blend-mode: multiply;
  flex: 0 auto;
  align-self: center;
  width: 350px;
  height: auto;
  margin-top: 0;
  margin-bottom: 0;
  padding-bottom: 0;
  display: block;
  position: static;
  overflow: visible;
}

.image-5 {
  z-index: 5;
  aspect-ratio: auto;
  filter: sepia(25%);
  mix-blend-mode: normal;
  object-fit: fill;
  width: 100%;
  max-width: none;
  height: 100%;
  margin-top: -70px;
  margin-right: 0;
  position: static;
  overflow: clip;
}

.heading-10 {
  color: #0e100ee6;
  letter-spacing: .05em;
  font-family: Space Grotesk;
  font-size: 1.9rem;
  font-weight: 700;
}

.paragraph-27 {
  letter-spacing: .01em;
  font-family: Space Grotesk;
  font-size: 1rem;
  font-weight: 400;
}

.text-intro-large-2 {
  color: #0e100e;
  letter-spacing: .02em;
  justify-content: flex-end;
  align-self: flex-end;
  align-items: center;
  width: 700px;
  margin-top: -44px;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
  font-family: Space Grotesk;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5em;
  display: flex;
}

.mot-moi {
  z-index: 10;
  display: inline-block;
  position: static;
}

.text-block-38 {
  letter-spacing: .025em;
  margin-top: -36px;
  margin-bottom: 36px;
  font-size: 1rem;
  font-weight: 300;
  line-height: 1rem;
}

.div-block-87 {
  justify-content: flex-end;
  align-items: center;
  display: flex;
  position: relative;
  left: 0;
}

.text-block-39 {
  color: var(--headerzopa60);
  font-size: .95rem;
}

.list-item-2, .list-item-3, .list-item-4, .list-item-5, .list-item-6, .list-item-7, .list-item-8, .list-item-9, .list-item-10, .list-item-11 {
  font-family: var(--headerz);
}

@media screen and (min-width: 1920px) {
  .footer_link-scroll-up {
    flex-flow: column;
    justify-content: flex-end;
    align-self: flex-end;
    align-items: flex-end;
    width: auto;
    display: flex;
    position: relative;
    inset: 0;
  }

  .rich-text.subheading {
    font-family: var(--headerz);
    color: var(--timeline);
    font-size: 1.2rem;
    font-weight: 700;
  }

  .footer_link {
    color: var(--mainopa60);
    justify-content: flex-end;
    align-self: flex-end;
    align-items: center;
    transform: rotate(90deg);
  }

  .nav_logo.w--current {
    text-align: right;
    justify-content: flex-end;
    align-items: center;
  }

  .nav_logo-icon {
    text-align: right;
    justify-content: center;
    align-items: flex-end;
  }

  .textbackup {
    font-family: var(--headerz);
    justify-content: flex-end;
    align-items: center;
    font-weight: 300;
    display: block;
  }

  .top-right-wrapper-f13 {
    justify-content: center;
    align-items: flex-end;
  }

  .div-block-22 {
    width: auto;
  }

  .bigheading {
    font-size: 6rem;
  }

  .bigheading.sectiontof {
    z-index: 10;
    color: var(--timeline);
    letter-spacing: .05em;
    mix-blend-mode: normal;
    order: -9999;
    font-size: 7rem;
  }

  .div-block-36 {
    width: 90%;
  }

  .mainpara.width {
    width: 500px;
    font-size: 1.5rem;
    font-weight: 400;
  }

  .mainpara.border {
    color: #000000b3;
    font-size: 1.2rem;
  }

  .section-header-wrapper.apropos {
    padding-bottom: 100px;
  }

  .mainheading {
    font-size: 1.4rem;
  }

  .headersection.apropos {
    text-align: left;
    margin-bottom: 0;
    display: flex;
  }

  .headersection.apropos.petit {
    display: none;
  }

  .headersection.apropos.grand {
    flex-flow: column;
    justify-content: flex-start;
    align-items: stretch;
    display: flex;
  }

  .phraseprojets, .phraseprojets.double {
    font-size: 5.5rem;
  }

  .container-small {
    max-width: 65%;
    margin-left: auto;
  }

  .code-embed-19 {
    font-size: 2rem;
  }

  .nametitle-3, .maintitle-2 {
    font-size: 7rem;
  }

  .code-embed-24 {
    font-size: 2.5rem;
  }

  .project-left-col {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
  }

  .text-block-35 {
    font-size: 1.3rem;
  }

  .heading-8 {
    font-size: 5.5rem;
  }

  .paragraph-24 {
    font-size: 1.5rem;
  }

  .textetechno.borderlight {
    font-size: 1.4rem;
  }

  .textetechno.borderlight:hover {
    background-color: var(--main_background);
    color: var(--timeline);
  }

  .pixelated-image-card__img {
    object-fit: contain;
  }

  .code-embed-25 {
    font-size: 2.5rem;
  }

  .divabout {
    padding-left: 15%;
    padding-right: 15%;
  }

  .text-intro-large {
    color: var(--timeline);
    text-align: justify;
    justify-content: flex-end;
    align-items: center;
    margin-top: 60px;
    font-size: 1.4rem;
    font-weight: 700;
  }

  .about-services-grid {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
  }

  .about-portrait-wrapper {
    z-index: 0;
    filter: sepia(50%);
    mix-blend-mode: multiply;
    width: 400px;
    height: 500px;
    margin-top: -70px;
    position: relative;
  }

  .image-5 {
    z-index: auto;
    filter: sepia(25%);
    mix-blend-mode: normal;
    margin-top: 0;
    position: static;
  }

  .heading-10 {
    font-size: 2.15rem;
    font-weight: 700;
  }

  .paragraph-27 {
    color: #0e100ee6;
    font-family: Space Grotesk;
    font-size: 1.25rem;
    font-weight: 400;
  }

  .text-intro-large-2 {
    color: #0e100e;
    font-size: 1.25rem;
    font-weight: 400;
  }

  .div-block-86 {
    font-size: 1.25rem;
  }

  .mot-moi {
    mix-blend-mode: normal;
  }

  .text-block-38 {
    font-family: var(--headerz);
    margin-top: -60px;
    margin-bottom: 60px;
    padding-bottom: 0;
    font-size: 1.3rem;
    font-weight: 300;
    line-height: 2rem;
  }

  .div-block-87 {
    flex-flow: column;
    justify-content: space-between;
    align-items: center;
    display: flex;
    position: relative;
    bottom: 0;
    left: 0;
    right: 0;
  }
}

@media screen and (max-width: 991px) {
  body {
    --_typography---font--body-font: "Instrument Sans";
    --_typography---base-typography--base-font-size: 1rem;
    --_typography---base-typography--base-line-height: 1rem;
    --_typography---base-typography--base-letter-spacing: 0em;
    --_typography---h1-heading--h1-margin-bottom: .3em;
    --_typography---h1-heading--h1-size: 3.37rem;
    --_typography---h1-heading--h1-line-height: 1.04em;
    --_typography---h1-heading--h1-weight: 700;
    --_typography---h1-heading--h1-letter-spacing: -.02em;
    --_typography---h2-heading--h2-margin-bottom: .35em;
    --_typography---font--heading-font: "Instrument Sans";
    --_typography---h2-heading--h2-size: 1.89rem;
    --_typography---h2-heading--h2-line-height: 1.04em;
    --_typography---h2-heading--h2-weight: 600;
    --_typography---h2-size-mobile: -.01em;
    --_typography---h3-heading--h3-margin-bottom: 16px;
    --_typography---h3-heading--h3-size: 1.42rem;
    --_typography---h3-heading--textesh3: 1.1em;
    --_typography---h3-heading--h3-weight: 700;
    --_typography---h3-heading--subtitle: 1.1em;
    --_typography---h4-heading--h4-margin-bottom: .5em;
    --_typography---h4-heading--h4-size: 1.2rem;
    --_typography---h4-heading--h4-line-height: 1.3em;
    --_typography---h4-heading--h4-weight: 700;
    --_typography---h4-heading--h4-letter-spacing: -.01em;
    --_typography---h5-heading--h5-margin-bottom: .5em;
    --_typography---h5-heading--h5-size: 1rem;
    --_typography---h5-heading--h5-line-height: 1.3em;
    --_typography---h5-heading--h5-weight: 700;
    --_typography---h5-heading--h5-letter-spacing: .1em;
    --_typography---h6-heading--h6-margin-bottom: .5em;
    --_typography---h6-heading--h6-size: .75rem;
    --_typography---h6-heading--h6-line-height: 1.3em;
    --_typography---h6-heading--h6-weight: 700;
    --_typography---h6-heading--h6-letter-spacing: .1em;
    --_typography---base-typography--base-margin-bottom: .75em;
    --_typography---text--text-size: 1rem;
    --_typography---text--text-line-height: 1.5em;
    --_typography---text--text-letter-spacing: 0em;
    --_typography---text-lg--lg-text-size: 1.13rem;
    --_typography---text-lg--lg-text-line-height: .9em;
    --_typography---text-lg--lg-text-letter-spacing: -.01em;
    --_typography---font--button-font: "Instrument Sans";
    --_typography---base-typography--base-font: var(--_typography---font--body-font);
    --_typography---base-typography--base-font-weight: 500;
    --_typography---base-typography--base-font-weight-bold: 600;
    --_typography---h0-heading--h0-size: 4.49rem;
    --_typography---h0-heading--h0-letter-spacing: -.01em;
    --_typography---h0-heading--h0-line-height: 1.04em;
    --_typography---h0-heading--h0-weight: 700;
    --_typography---h0-heading--h0-margin-bottom: .3em;
    --_typography---text-sm--sm-text-size: .88rem;
    --_typography---text-sm--sm-text-letter-spacing: 0em;
    --_typography---text-sm--sm-text-line-height: 1.6em;
    --_typography---text-xl--xl-text-size: 1.4rem;
    --_typography---text-xl--xl-text-letter-spacing: 0em;
    --_typography---text-xl--xl-text-line-height: 1.6em;
    --_typography---text-xxl--xxl-text-size: 1.8rem;
    --_typography---text-xxl--xxl-text-letter-spacing: 0em;
    --_typography---text-xxl--xxl-text-line-height: 1.6em;
    --_typography---blockquote--blockquote-radius: 0px;
    --_typography---blockquote--blockquote-border-width: 3px;
    --_typography---blockquote--blockquote-font: var(--_typography---font--body-font);
    --_typography---blockquote--blockquote-size: clamp(1.125rem, 1.5vw + .25rem, 1.5rem);
    --_typography---blockquote--blockquote-letter-spacing: .01em;
    --_typography---blockquote--blockquote-line-height: 1.5em;
    --_typography---blockquote--blockquote-padding-vertical: var(--_sizes---spacing--0-75x);
    --_typography---blockquote--blockquote-padding-horizontal: var(--_sizes---spacing--1-25x);
    --_typography---eyebrow--eyebrow-font: var(--_typography---font--body-font);
    --_typography---eyebrow--eyebrow-size: .9rem;
    --_typography---eyebrow--eyebrow-letter-spacing: .01em;
    --_typography---eyebrow--eyebrow-line-height: 1.3em;
    --_typography---button--button-font: var(--_typography---font--button-font);
    --_typography---tag--tag-size: .75rem;
    --_typography---size: 0px;
    --_sizes---image--image-radius: var(--_sizes---card--card-radius);
    --_sizes---section--section-padding-vertical: var(--_sizes---header-main-grand-cru);
    --_sizes---spacing--2x: 2rem;
    --_sizes---gap--xs-gap: var(--_sizes---spacing--1x);
    --_sizes---gap--sm-gap: var(--_sizes---spacing--2x);
    --_sizes---spacing--0-5x: .5rem;
    --_sizes---spacing--4x: 4rem;
    --_sizes---spacing--3x: 3rem;
    --_sizes---card--card-radius: .75rem;
    --_sizes---spacing--1x: 1rem;
    --_sizes---radius--md-radius: .5rem;
    --_sizes---container--container-sm-width: 1000px;
    --_sizes---spacing--1-25x: 1.25rem;
    --_sizes---gap--md-gap: var(--_sizes---spacing--1x);
    --_sizes---radius--sm-radius: .25rem;
    --_sizes---radius--lg-radius: .75rem;
    --_sizes---radius--xl-radius: 1rem;
    --_sizes---radius--round: 100rem;
    --_sizes---spacing--0-25x: .25rem;
    --_sizes---spacing--0-75x: .75rem;
    --_sizes---spacing--1-5x: 1.45rem;
    --_sizes---spacing--1-75x: 1.75rem;
    --_sizes---spacing--5x: 5rem;
    --_sizes---spacing--6x: 6rem;
    --_sizes---header-main-grand-cru: 8.6rem;
    --_sizes---spacing--8x: 8rem;
    --_sizes---gap--xxs-gap: var(--_sizes---spacing--0-5x);
    --_sizes---gap--lg-gap: var(--_sizes---spacing--4x);
    --_sizes---gap--xl-gap: var(--_sizes---spacing--5x);
    --_sizes---gap--xxl-gap: var(--_sizes---spacing--6x);
    --_sizes---button--button-radius: .5rem;
    --_sizes---button--button-padding-vertical: .85em;
    --_sizes---button--button-padding-horizontal: 1.5em;
    --_sizes---button--button-size: var(--_typography---base-typography--base-font-size);
    --_sizes---input--input-radius: .5rem;
    --_sizes---input--input-padding-vertical: var(--_sizes---spacing--1x);
    --_sizes---input--input-padding-horizontal: var(--_sizes---spacing--1x);
    --_sizes---card--card-padding-sm: var(--_sizes---spacing--1-25x);
    --_sizes---card--card-padding: var(--_sizes---spacing--2x);
    --_sizes---container--container-width: 1400px;
    --_sizes---container--container-lg-width: 1440px;
    --_sizes---container--container-padding-horizontal: var(--_sizes---spacing--1x);
    --_sizes---pricecard: 3rem;
    --_sizes---tag--tag-radius: .5rem;
    --_sizes---tag--tag-padding-vertical: var(--_sizes---spacing--0-25x);
    --_sizes---tag--tag-padding-horizontal: var(--_sizes---spacing--0-5x);
    --_sizes---slider--spacing-sm: var(--_sizes---spacing--1x);
    --_sizes---slider--5-slides: 3;
    --_sizes---slider--4-slides: 3;
    --_sizes---slider--3-slides: 2;
    --_sizes---slider--2-slides: 2;
    --_sizes---slider--1-5-slides: 1.5;
    --_sizes---slider--navigation: var(--_sizes---spacing--0-75x);
    --_sizes---width--xxs: 12rem;
    --_sizes---width--xs: 25rem;
    --_sizes---width--sm: 35rem;
  }

  h1 {
    font-size: var(--_typography---h1-heading--h1-size);
  }

  h2 {
    font-size: var(--_typography---h2-heading--h2-size);
  }

  h3 {
    font-size: var(--_typography---h3-heading--h3-size);
  }

  h4 {
    font-size: var(--_typography---h4-heading--h4-size);
  }

  h5 {
    font-size: var(--_typography---h5-heading--h5-size);
  }

  h6 {
    font-size: var(--_typography---h6-heading--h6-size);
  }

  p {
    font-size: var(--_typography---text--text-size);
  }

  .section.sectioncontact {
    padding-top: 0;
  }

  .heading_primary {
    font-family: var(--headerz);
    font-size: 4rem;
  }

  .margin-bottom_none {
    margin-bottom: 0;
  }

  .rich-text.subheading {
    font-family: var(--headerz);
    font-weight: 400;
  }

  .nav {
    height: auto;
  }

  .nav.is-secondary {
    padding-top: .25rem;
    padding-bottom: .25rem;
  }

  .nav_mobile-menu-button {
    color: inherit;
    background-color: #0000;
    align-self: center;
    display: block;
  }

  .nav_mobile-menu-button.w--open {
    color: var(--_colors---core-accent-color--accent-primary);
    background-color: #0000;
  }

  .nav_mobile-menu-button.w--open:hover {
    color: var(--_colors---text-link--link-primary);
  }

  .footer {
    padding-top: var(--_sizes---spacing--3x);
    padding-bottom: var(--_sizes---spacing--3x);
  }

  .nav_link {
    color: var(--_colors---text-color--text-secondary);
    font-size: var(--_typography---text-lg--lg-text-size);
    justify-content: space-between;
    align-items: center;
  }

  .nav_link:hover {
    color: var(--_colors---text-link--link-primary);
    background-color: color-mix(in srgb, currentColor 0%, transparent);
  }

  .nav_link.w--current {
    color: var(--_colors---text-color--text-secondary);
  }

  .nav_link.w--current:hover {
    background-color: var(--_colors---button--button-secondary-bg-hover);
  }

  .nav_link.w--open {
    background-color: #0000;
  }

  .footer_link {
    justify-content: flex-end;
    align-items: center;
    bottom: 110px;
    left: 100px;
  }

  .nav_container {
    padding-left: 5%;
    padding-right: 5%;
  }

  .nav_menu {
    height: auto;
    padding-top: var(--_sizes---spacing--1x);
    padding-right: var(--_sizes---spacing--1x);
    padding-bottom: var(--_sizes---spacing--1x);
    padding-left: var(--_sizes---spacing--1x);
    border-top-left-radius: var(--_sizes---radius--md-radius);
    border-top-right-radius: var(--_sizes---radius--md-radius);
    border-bottom-left-radius: var(--_sizes---radius--md-radius);
    border-bottom-right-radius: var(--_sizes---radius--md-radius);
    align-self: center;
    max-height: calc(100dvh - 10rem);
    position: absolute;
    top: 100%;
    overflow: auto;
    box-shadow: 0 4px 8px #0000001a;
  }

  .nav_left, .nav_logo.w--current {
    align-self: flex-start;
  }

  .nav_menu-list {
    flex-flow: column;
  }

  .nav_menu-list-item {
    flex-flow: column;
    margin-bottom: 0;
  }

  .nav_logo-icon {
    order: 9999;
    align-self: center;
    padding-top: 60px;
  }

  .c-faq-item {
    width: 100%;
  }

  .footer-f13 {
    padding-left: 0;
    padding-right: 60px;
  }

  .link-f13 {
    margin-bottom: 20px;
  }

  .footer-wrapper {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
  }

  .top-wrapper-f13 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-flow: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: space-around;
    align-items: flex-start;
    padding-bottom: 20px;
    display: grid;
  }

  .link-wrapper-f13 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-flow: column;
    align-items: flex-start;
    display: flex;
  }

  .top-right-wrapper-f13 {
    justify-content: flex-start;
    align-items: flex-end;
    width: 45%;
    margin-right: 0;
    font-size: 16px;
    position: static;
  }

  .top-left-wrapper-f13 {
    order: 9999;
    position: static;
  }

  .container-form {
    padding: 0 3em 10em;
  }

  .container-form.footer-form {
    padding-left: 10%;
    padding-right: 10%;
  }

  .grid_item {
    height: 100%;
    display: block;
  }

  .grid_item.footer-form {
    grid-column-gap: 10vw;
    grid-row-gap: 10vw;
    flex-flow: column;
  }

  .div-block-19 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-flow: column;
    justify-content: space-between;
    align-items: center;
  }

  .divinfos {
    margin-top: 0;
  }

  .div-block-22 {
    grid-column-gap: 58px;
    grid-row-gap: 58px;
    flex-flow: row;
    display: flex;
    overflow: visible;
  }

  .heading_primary-4 {
    font-size: 3.5rem;
  }

  .section-4.section-legal {
    padding-top: 0;
  }

  .container-legal {
    padding: 0 3em 10em;
  }

  .container-legal.footer-form {
    padding-left: 10%;
    padding-right: 10%;
  }

  .rich-text-legal {
    padding-top: 16px;
  }

  .section-5.section-legal {
    padding-top: 0;
  }

  .heading_primary-5 {
    font-size: 4rem;
  }

  .rich-text-legal-2 {
    padding-top: 16px;
  }

  .bigheading {
    font-size: 2.5rem;
  }

  .bigheading.sectiontof {
    margin-top: 0;
    margin-bottom: 65px;
    font-size: 4rem;
  }

  .div-block-36 {
    width: 100%;
    padding-top: 40px;
  }

  .mainpara {
    font-size: 16px;
  }

  .mainpara.width {
    width: 100%;
    font-size: 1.05rem;
  }

  .section-header-wrapper.tech {
    position: static;
  }

  .mainheading {
    font-size: 20px;
  }

  .headersection {
    margin-bottom: 0;
    position: static;
  }

  .div-block-38 {
    grid-template-columns: .75fr;
    display: block;
  }

  .page-padding {
    padding-left: 10vw;
    padding-right: 10vw;
  }

  .phraseprojets, .phraseprojets.double {
    font-size: 3.5rem;
  }

  .container-small {
    max-width: none;
    margin-left: 0;
    margin-right: 0;
  }

  .spacer-sm-start.spacer-sm-end {
    width: 100%;
    margin-left: 0;
    padding-left: 0;
  }

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

  .section-page-intro-7 {
    min-height: auto;
  }

  .code-embed-19 {
    font-size: 1.5rem;
  }

  .nametitle-3 {
    font-size: clamp(1.5rem, 6vmin, 3.5rem);
    line-height: 1.1em;
  }

  .container_accueil-2 {
    grid-column-gap: 80px;
    grid-row-gap: 80px;
    grid-template-rows: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: center;
    place-items: center stretch;
    min-width: auto;
    margin-top: 8rem;
    display: grid;
  }

  .page-intro-wrapper-2 {
    justify-content: center;
    align-items: center;
    padding-top: 0;
  }

  .maintitle-2 {
    font-size: clamp(1.5rem, 6vmin, 3.5rem);
    line-height: 1.1;
  }

  .code-embed-24 {
    font-size: 1.5rem;
  }

  .projects-scroll-section {
    height: auto;
  }

  .project-left-col {
    width: 100%;
  }

  .project-right-col {
    width: 100%;
    padding-bottom: 100px;
  }

  .heading-8 {
    font-size: 3.5rem;
  }

  .paragraph-24 {
    font-size: 1.15rem;
  }

  .textetechno.borderlight {
    font-size: 1.05rem;
  }

  .text-block-36 {
    font-size: 2.3rem;
  }

  .pixelated-image-card__default {
    display: none;
  }

  .pixelated-image-card__active {
    width: 215px;
    height: 215px;
    display: block;
  }

  .code-embed-25 {
    font-size: 1.5rem;
  }

  .divabout {
    padding-left: 7%;
    padding-right: 7%;
  }

  .text-intro-large {
    width: 500px;
    margin-top: 0;
  }

  .image-5 {
    position: static;
  }

  .text-block-38 {
    font-size: .8rem;
  }

  .div-block-87 {
    justify-content: flex-end;
    align-items: center;
    display: flex;
  }
}

@media screen and (max-width: 767px) {
  body {
    --_typography---font--body-font: "Instrument Sans";
    --_typography---base-typography--base-font-size: 1rem;
    --_typography---base-typography--base-line-height: 1rem;
    --_typography---base-typography--base-letter-spacing: 0em;
    --_typography---h1-heading--h1-margin-bottom: .5em;
    --_typography---h1-heading--h1-size: 2.69rem;
    --_typography---h1-heading--h1-line-height: 1.04em;
    --_typography---h1-heading--h1-weight: 700;
    --_typography---h1-heading--h1-letter-spacing: -.02em;
    --_typography---h2-heading--h2-margin-bottom: .4em;
    --_typography---font--heading-font: "Instrument Sans";
    --_typography---h2-heading--h2-size: 1.52rem;
    --_typography---h2-heading--h2-line-height: 1.04em;
    --_typography---h2-heading--h2-weight: 600;
    --_typography---h2-size-mobile: -.01em;
    --_typography---h3-heading--h3-margin-bottom: 16px;
    --_typography---h3-heading--h3-size: 1.14rem;
    --_typography---h3-heading--textesh3: 1.1em;
    --_typography---h3-heading--h3-weight: 700;
    --_typography---h3-heading--subtitle: 1.1em;
    --_typography---h4-heading--h4-margin-bottom: .5em;
    --_typography---h4-heading--h4-size: 1.08rem;
    --_typography---h4-heading--h4-line-height: 1.3em;
    --_typography---h4-heading--h4-weight: 700;
    --_typography---h4-heading--h4-letter-spacing: -.01em;
    --_typography---h5-heading--h5-margin-bottom: .5em;
    --_typography---h5-heading--h5-size: 1rem;
    --_typography---h5-heading--h5-line-height: 1.3em;
    --_typography---h5-heading--h5-weight: 700;
    --_typography---h5-heading--h5-letter-spacing: .1em;
    --_typography---h6-heading--h6-margin-bottom: .5em;
    --_typography---h6-heading--h6-size: .75rem;
    --_typography---h6-heading--h6-line-height: 1.3em;
    --_typography---h6-heading--h6-weight: 700;
    --_typography---h6-heading--h6-letter-spacing: .1em;
    --_typography---base-typography--base-margin-bottom: .75em;
    --_typography---text--text-size: 1rem;
    --_typography---text--text-line-height: 1.5em;
    --_typography---text--text-letter-spacing: 0em;
    --_typography---text-lg--lg-text-size: 1.1rem;
    --_typography---text-lg--lg-text-line-height: .9em;
    --_typography---text-lg--lg-text-letter-spacing: -.01em;
    --_typography---font--button-font: "Instrument Sans";
    --_typography---base-typography--base-font: var(--_typography---font--body-font);
    --_typography---base-typography--base-font-weight: 500;
    --_typography---base-typography--base-font-weight-bold: 600;
    --_typography---h0-heading--h0-size: 3.59rem;
    --_typography---h0-heading--h0-letter-spacing: -.01em;
    --_typography---h0-heading--h0-line-height: 1.2em;
    --_typography---h0-heading--h0-weight: 700;
    --_typography---h0-heading--h0-margin-bottom: .5em;
    --_typography---text-sm--sm-text-size: .88rem;
    --_typography---text-sm--sm-text-letter-spacing: 0em;
    --_typography---text-sm--sm-text-line-height: 1.6em;
    --_typography---text-xl--xl-text-size: 1.3rem;
    --_typography---text-xl--xl-text-letter-spacing: 0em;
    --_typography---text-xl--xl-text-line-height: 1.6em;
    --_typography---text-xxl--xxl-text-size: 1.6rem;
    --_typography---text-xxl--xxl-text-letter-spacing: 0em;
    --_typography---text-xxl--xxl-text-line-height: 1.6em;
    --_typography---blockquote--blockquote-radius: 0px;
    --_typography---blockquote--blockquote-border-width: 3px;
    --_typography---blockquote--blockquote-font: var(--_typography---font--body-font);
    --_typography---blockquote--blockquote-size: clamp(1.125rem, 1.5vw + .25rem, 1.5rem);
    --_typography---blockquote--blockquote-letter-spacing: .01em;
    --_typography---blockquote--blockquote-line-height: 1.5em;
    --_typography---blockquote--blockquote-padding-vertical: var(--_sizes---spacing--0-75x);
    --_typography---blockquote--blockquote-padding-horizontal: var(--_sizes---spacing--1x);
    --_typography---eyebrow--eyebrow-font: var(--_typography---font--body-font);
    --_typography---eyebrow--eyebrow-size: .8rem;
    --_typography---eyebrow--eyebrow-letter-spacing: .01em;
    --_typography---eyebrow--eyebrow-line-height: 1.3em;
    --_typography---button--button-font: var(--_typography---font--button-font);
    --_typography---tag--tag-size: .75rem;
    --_typography---size: 0px;
    --_sizes---image--image-radius: var(--_sizes---card--card-radius);
    --_sizes---section--section-padding-vertical: var(--_sizes---spacing--5x);
    --_sizes---spacing--2x: 2rem;
    --_sizes---gap--xs-gap: var(--_sizes---spacing--1x);
    --_sizes---gap--sm-gap: var(--_sizes---spacing--2x);
    --_sizes---spacing--0-5x: .5rem;
    --_sizes---spacing--4x: 4rem;
    --_sizes---spacing--3x: 3rem;
    --_sizes---card--card-radius: .75rem;
    --_sizes---spacing--1x: 1rem;
    --_sizes---radius--md-radius: .5rem;
    --_sizes---container--container-sm-width: 1000px;
    --_sizes---spacing--1-25x: 1.25rem;
    --_sizes---gap--md-gap: var(--_sizes---spacing--1x);
    --_sizes---radius--sm-radius: .25rem;
    --_sizes---radius--lg-radius: .75rem;
    --_sizes---radius--xl-radius: 1rem;
    --_sizes---radius--round: 100rem;
    --_sizes---spacing--0-25x: .25rem;
    --_sizes---spacing--0-75x: .75rem;
    --_sizes---spacing--1-5x: 1.45rem;
    --_sizes---spacing--1-75x: 1.75rem;
    --_sizes---spacing--5x: 5rem;
    --_sizes---spacing--6x: 6rem;
    --_sizes---header-main-grand-cru: 7rem;
    --_sizes---spacing--8x: 8rem;
    --_sizes---gap--xxs-gap: var(--_sizes---spacing--0-5x);
    --_sizes---gap--lg-gap: var(--_sizes---spacing--4x);
    --_sizes---gap--xl-gap: var(--_sizes---spacing--5x);
    --_sizes---gap--xxl-gap: var(--_sizes---spacing--6x);
    --_sizes---button--button-radius: .5rem;
    --_sizes---button--button-padding-vertical: .85em;
    --_sizes---button--button-padding-horizontal: 1.5em;
    --_sizes---button--button-size: var(--_typography---base-typography--base-font-size);
    --_sizes---input--input-radius: .5rem;
    --_sizes---input--input-padding-vertical: var(--_sizes---spacing--1x);
    --_sizes---input--input-padding-horizontal: var(--_sizes---spacing--1x);
    --_sizes---card--card-padding-sm: var(--_sizes---spacing--1x);
    --_sizes---card--card-padding: var(--_sizes---spacing--1-5x);
    --_sizes---container--container-width: 1400px;
    --_sizes---container--container-lg-width: 1440px;
    --_sizes---container--container-padding-horizontal: var(--_sizes---spacing--1x);
    --_sizes---pricecard: 3rem;
    --_sizes---tag--tag-radius: .5rem;
    --_sizes---tag--tag-padding-vertical: var(--_sizes---spacing--0-25x);
    --_sizes---tag--tag-padding-horizontal: var(--_sizes---spacing--0-5x);
    --_sizes---slider--spacing-sm: var(--_sizes---spacing--1x);
    --_sizes---slider--5-slides: 2;
    --_sizes---slider--4-slides: 2;
    --_sizes---slider--3-slides: 2;
    --_sizes---slider--2-slides: 1;
    --_sizes---slider--1-5-slides: 1.5;
    --_sizes---slider--navigation: var(--_sizes---spacing--0-75x);
    --_sizes---width--xxs: 12rem;
    --_sizes---width--xs: 25rem;
    --_sizes---width--sm: 35rem;
  }

  h1 {
    font-size: var(--_typography---h1-heading--h1-size);
  }

  h2 {
    font-size: var(--_typography---h2-heading--h2-size);
  }

  h3 {
    font-size: var(--_typography---h3-heading--h3-size);
  }

  h4 {
    font-size: var(--_typography---h4-heading--h4-size);
  }

  h5 {
    font-size: var(--_typography---h5-heading--h5-size);
  }

  h6 {
    font-size: var(--_typography---h6-heading--h6-size);
  }

  p {
    font-size: var(--_typography---text--text-size);
  }

  .margin-bottom_none {
    margin-bottom: 0;
  }

  .rich-text blockquote {
    font-size: 1.5rem;
  }

  .nav.is-secondary {
    padding-top: .125rem;
    padding-bottom: .125rem;
  }

  .footer_link {
    left: 60px;
  }

  .nav_menu {
    transform: translate(0);
  }

  .nav_logo {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
  }

  .nav_menu-list-item {
    margin-bottom: 0;
  }

  .nav_logo-icon {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
  }

  .header {
    margin-bottom: var(--_sizes---spacing--2x);
  }

  .c-faq-item {
    width: 100%;
  }

  .div-block-17 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
  }

  .footer-f13 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .title-f13 {
    display: block;
  }

  .social-media-wrapper-f13 {
    flex: none;
  }

  .footer-wrapper {
    margin-left: auto;
    margin-right: auto;
  }

  .email-f13 {
    margin-right: 0;
  }

  .phone-f13 {
    flex: none;
    margin-right: 0;
  }

  .top-wrapper-f13 {
    flex-flow: column;
    justify-content: space-between;
    align-items: center;
  }

  .link-wrapper-f13 {
    flex-flow: column;
    order: 0;
    align-self: flex-start;
    font-size: 16px;
  }

  .top-right-wrapper-f13 {
    text-align: center;
    flex-flow: column;
    flex: none;
    order: 0;
    justify-content: flex-start;
    align-self: flex-end;
    align-items: flex-end;
    width: auto;
    margin-bottom: 20px;
    margin-right: 0;
    padding-right: 48px;
    font-size: 16px;
    display: flex;
  }

  .top-left-wrapper-f13 {
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    margin-bottom: 20px;
  }

  .grid.is--footer {
    width: 100%;
  }

  .container-form.footer-form {
    flex-flow: column;
    margin-left: 0%;
    margin-right: 0%;
    padding-bottom: 4em;
    padding-left: 10%;
    padding-right: 10%;
    display: flex;
  }

  .grid_item.footer-form {
    flex-flow: column;
    padding-top: 0;
    padding-bottom: 1em;
  }

  .section-2.is--footer {
    flex-flow: column;
    display: block;
  }

  .div-block-19 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-flow: column;
    justify-content: space-between;
    align-items: center;
  }

  .div-block-22 {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex-flow: column;
    order: 0;
    justify-content: flex-start;
    align-self: flex-start;
    align-items: flex-start;
    display: flex;
  }

  .heading_primary-4 {
    font-size: 2.6rem;
  }

  .container-legal.footer-form {
    margin-left: 0%;
    margin-right: 0%;
    padding-bottom: 4em;
    padding-left: 10%;
    padding-right: 10%;
  }

  .header-legal {
    margin-bottom: 2rem;
  }

  .rich-text-legal {
    padding-top: 16px;
  }

  .rich-subtext-legal {
    font-size: 1rem;
  }

  .heading_primary-5 {
    font-size: 3.5rem;
  }

  .bigheading {
    font-size: 25px;
  }

  .bigheading.sectiontof {
    font-size: 3rem;
  }

  .mainpara.width {
    width: 60%;
    font-size: 14px;
  }

  .mainpara.border {
    font-size: 14px;
  }

  .section-header-wrapper {
    margin-bottom: 0;
  }

  .mainheading {
    font-size: 18px;
  }

  .phraseprojets, .phraseprojets.double {
    font-size: 3rem;
  }

  .mainname {
    align-self: flex-start;
    display: block;
  }

  .code-embed-19 {
    font-size: 1.1rem;
  }

  .nametitle-3 {
    margin-bottom: 0;
    font-size: 2.5rem;
  }

  .container_accueil-2 {
    justify-content: center;
    align-self: auto;
    align-items: center;
    min-width: auto;
    margin-top: 0;
  }

  .header-3 {
    margin-bottom: 2rem;
  }

  .header-3.margin-bottom_none {
    margin-top: 0;
  }

  .maintitle-2 {
    font-size: 2.5rem;
  }

  .code-embed-24 {
    font-size: 1.25rem;
  }

  .wrapper-glitch-cta {
    font-size: 1rem;
  }

  .project-right-col {
    padding-bottom: 120px;
  }

  .text-block-35 {
    font-size: 1rem;
  }

  .heading-8 {
    font-size: 2.25rem;
  }

  .paragraph-24 {
    font-size: 1rem;
  }

  .tags-wrapper {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .textetechno.borderlight {
    text-align: left;
    font-size: 1.1rem;
  }

  .text-block-36 {
    font-family: var(--headerz);
    text-transform: uppercase;
    font-size: 1.6rem;
  }

  .pixelated-image-card__active {
    width: 185px;
    height: 185px;
    padding-bottom: 0;
  }

  .code-embed-25 {
    font-size: 1.25rem;
  }

  .text-intro-large {
    width: 500px;
    margin-top: 0;
    font-size: 1.2rem;
  }

  .image-5 {
    position: static;
  }

  .text-block-38 {
    display: none;
  }
}

@media screen and (max-width: 479px) {
  body {
    --_typography---font--body-font: "Instrument Sans";
    --_typography---base-typography--base-font-size: 1rem;
    --_typography---base-typography--base-line-height: 1rem;
    --_typography---base-typography--base-letter-spacing: 0em;
    --_typography---h1-heading--h1-margin-bottom: .5em;
    --_typography---h1-heading--h1-size: 2.15rem;
    --_typography---h1-heading--h1-line-height: 1.2em;
    --_typography---h1-heading--h1-weight: 700;
    --_typography---h1-heading--h1-letter-spacing: -.02em;
    --_typography---h2-heading--h2-margin-bottom: .5em;
    --_typography---font--heading-font: "Instrument Sans";
    --_typography---h2-heading--h2-size: 2.25rem;
    --_typography---h2-heading--h2-line-height: 1.04em;
    --_typography---h2-heading--h2-weight: 600;
    --_typography---h2-size-mobile: 1.4rem;
    --_typography---h3-heading--h3-margin-bottom: 8px;
    --_typography---h3-heading--h3-size: .91rem;
    --_typography---h3-heading--textesh3: 1.5em;
    --_typography---h3-heading--h3-weight: 700;
    --_typography---h3-heading--subtitle: 1.1em;
    --_typography---h4-heading--h4-margin-bottom: .5em;
    --_typography---h4-heading--h4-size: .97rem;
    --_typography---h4-heading--h4-line-height: 1.5em;
    --_typography---h4-heading--h4-weight: 700;
    --_typography---h4-heading--h4-letter-spacing: -.01em;
    --_typography---h5-heading--h5-margin-bottom: .5em;
    --_typography---h5-heading--h5-size: 1rem;
    --_typography---h5-heading--h5-line-height: 1.5em;
    --_typography---h5-heading--h5-weight: 700;
    --_typography---h5-heading--h5-letter-spacing: .1em;
    --_typography---h6-heading--h6-margin-bottom: .5em;
    --_typography---h6-heading--h6-size: .75rem;
    --_typography---h6-heading--h6-line-height: 1.5em;
    --_typography---h6-heading--h6-weight: 700;
    --_typography---h6-heading--h6-letter-spacing: .1em;
    --_typography---base-typography--base-margin-bottom: .75em;
    --_typography---text--text-size: 1rem;
    --_typography---text--text-line-height: 1.5em;
    --_typography---text--text-letter-spacing: 0em;
    --_typography---text-lg--lg-text-size: 1.1rem;
    --_typography---text-lg--lg-text-line-height: .9em;
    --_typography---text-lg--lg-text-letter-spacing: -.01em;
    --_typography---font--button-font: "Instrument Sans";
    --_typography---base-typography--base-font: var(--_typography---font--body-font);
    --_typography---base-typography--base-font-weight: 500;
    --_typography---base-typography--base-font-weight-bold: 600;
    --_typography---h0-heading--h0-size: 2.87rem;
    --_typography---h0-heading--h0-letter-spacing: -.01em;
    --_typography---h0-heading--h0-line-height: 1.2em;
    --_typography---h0-heading--h0-weight: 700;
    --_typography---h0-heading--h0-margin-bottom: .5em;
    --_typography---text-sm--sm-text-size: .88rem;
    --_typography---text-sm--sm-text-letter-spacing: 0em;
    --_typography---text-sm--sm-text-line-height: 1.6em;
    --_typography---text-xl--xl-text-size: 1.2rem;
    --_typography---text-xl--xl-text-letter-spacing: 0em;
    --_typography---text-xl--xl-text-line-height: 1.6em;
    --_typography---text-xxl--xxl-text-size: 1.4rem;
    --_typography---text-xxl--xxl-text-letter-spacing: 0em;
    --_typography---text-xxl--xxl-text-line-height: 1.6em;
    --_typography---blockquote--blockquote-radius: 0px;
    --_typography---blockquote--blockquote-border-width: 3px;
    --_typography---blockquote--blockquote-font: var(--_typography---font--body-font);
    --_typography---blockquote--blockquote-size: clamp(1.125rem, 1.5vw + .25rem, 1.5rem);
    --_typography---blockquote--blockquote-letter-spacing: .01em;
    --_typography---blockquote--blockquote-line-height: 1.5em;
    --_typography---blockquote--blockquote-padding-vertical: var(--_sizes---spacing--0-75x);
    --_typography---blockquote--blockquote-padding-horizontal: var(--_sizes---spacing--1-25x);
    --_typography---eyebrow--eyebrow-font: var(--_typography---font--body-font);
    --_typography---eyebrow--eyebrow-size: 1.1rem;
    --_typography---eyebrow--eyebrow-letter-spacing: .01em;
    --_typography---eyebrow--eyebrow-line-height: 1.3em;
    --_typography---button--button-font: var(--_typography---font--button-font);
    --_typography---tag--tag-size: .75rem;
    --_typography---size: 0px;
    --_sizes---image--image-radius: var(--_sizes---card--card-radius);
    --_sizes---section--section-padding-vertical: var(--_sizes---spacing--2x);
    --_sizes---spacing--2x: 2rem;
    --_sizes---gap--xs-gap: var(--_sizes---spacing--1x);
    --_sizes---gap--sm-gap: var(--_sizes---spacing--2x);
    --_sizes---spacing--0-5x: .5rem;
    --_sizes---spacing--4x: 4rem;
    --_sizes---spacing--3x: 3rem;
    --_sizes---card--card-radius: .75rem;
    --_sizes---spacing--1x: 1rem;
    --_sizes---radius--md-radius: .5rem;
    --_sizes---container--container-sm-width: 1000px;
    --_sizes---spacing--1-25x: 1.25rem;
    --_sizes---gap--md-gap: var(--_sizes---spacing--1x);
    --_sizes---radius--sm-radius: .25rem;
    --_sizes---radius--lg-radius: .75rem;
    --_sizes---radius--xl-radius: 1rem;
    --_sizes---radius--round: 100rem;
    --_sizes---spacing--0-25x: .25rem;
    --_sizes---spacing--0-75x: .75rem;
    --_sizes---spacing--1-5x: 0rem;
    --_sizes---spacing--1-75x: 1.75rem;
    --_sizes---spacing--5x: 5rem;
    --_sizes---spacing--6x: 6rem;
    --_sizes---header-main-grand-cru: 4.5rem;
    --_sizes---spacing--8x: 8rem;
    --_sizes---gap--xxs-gap: var(--_sizes---spacing--0-5x);
    --_sizes---gap--lg-gap: var(--_sizes---spacing--4x);
    --_sizes---gap--xl-gap: var(--_sizes---spacing--5x);
    --_sizes---gap--xxl-gap: var(--_sizes---spacing--6x);
    --_sizes---button--button-radius: .5rem;
    --_sizes---button--button-padding-vertical: .85em;
    --_sizes---button--button-padding-horizontal: 1.5em;
    --_sizes---button--button-size: var(--_typography---base-typography--base-font-size);
    --_sizes---input--input-radius: .5rem;
    --_sizes---input--input-padding-vertical: var(--_sizes---spacing--1x);
    --_sizes---input--input-padding-horizontal: var(--_sizes---spacing--1x);
    --_sizes---card--card-padding-sm: var(--_sizes---spacing--1-5x);
    --_sizes---card--card-padding: var(--_sizes---spacing--1x);
    --_sizes---container--container-width: 1400px;
    --_sizes---container--container-lg-width: 1440px;
    --_sizes---container--container-padding-horizontal: var(--_sizes---spacing--1x);
    --_sizes---pricecard: 3rem;
    --_sizes---tag--tag-radius: .5rem;
    --_sizes---tag--tag-padding-vertical: var(--_sizes---spacing--0-25x);
    --_sizes---tag--tag-padding-horizontal: var(--_sizes---spacing--0-5x);
    --_sizes---slider--spacing-sm: var(--_sizes---spacing--1x);
    --_sizes---slider--5-slides: 1;
    --_sizes---slider--4-slides: 1;
    --_sizes---slider--3-slides: 1;
    --_sizes---slider--2-slides: 1;
    --_sizes---slider--1-5-slides: 1;
    --_sizes---slider--navigation: var(--_sizes---spacing--0-75x);
    --_sizes---width--xxs: 12rem;
    --_sizes---width--xs: 25rem;
    --_sizes---width--sm: 35rem;
  }

  .footer_link-scroll-up {
    right: -6%;
  }

  .section {
    height: auto;
    min-height: 100svh;
    padding-top: 4rem;
  }

  .section.section {
    margin-bottom: 2.5rem;
  }

  .section.sectioncontact {
    padding-top: var(--_sizes---section--section-padding-vertical);
  }

  .section.about {
    padding-top: 2rem;
  }

  .heading_primary {
    text-align: left;
    font-size: 3.6rem;
  }

  .margin-bottom_none {
    margin-bottom: 0;
  }

  .rich-text.subheading {
    font-family: var(--headerz);
    text-align: left;
    font-size: 1rem;
  }

  .nav.is-secondary {
    aspect-ratio: auto;
    --_typography---font--body-font: "Instrument Sans";
    --_typography---base-typography--base-font-size: 1rem;
    --_typography---base-typography--base-line-height: 1rem;
    --_typography---base-typography--base-letter-spacing: 0em;
    --_typography---h1-heading--h1-margin-bottom: .5em;
    --_typography---h1-heading--h1-size: 2.15rem;
    --_typography---h1-heading--h1-line-height: 1.2em;
    --_typography---h1-heading--h1-weight: 700;
    --_typography---h1-heading--h1-letter-spacing: -.02em;
    --_typography---h2-heading--h2-margin-bottom: .5em;
    --_typography---font--heading-font: "Instrument Sans";
    --_typography---h2-heading--h2-size: 2.25rem;
    --_typography---h2-heading--h2-line-height: 1.04em;
    --_typography---h2-heading--h2-weight: 600;
    --_typography---h2-size-mobile: 1.4rem;
    --_typography---h3-heading--h3-margin-bottom: 8px;
    --_typography---h3-heading--h3-size: .91rem;
    --_typography---h3-heading--textesh3: 1.5em;
    --_typography---h3-heading--h3-weight: 700;
    --_typography---h3-heading--subtitle: 1.1em;
    --_typography---h4-heading--h4-margin-bottom: .5em;
    --_typography---h4-heading--h4-size: .97rem;
    --_typography---h4-heading--h4-line-height: 1.5em;
    --_typography---h4-heading--h4-weight: 700;
    --_typography---h4-heading--h4-letter-spacing: -.01em;
    --_typography---h5-heading--h5-margin-bottom: .5em;
    --_typography---h5-heading--h5-size: 1rem;
    --_typography---h5-heading--h5-line-height: 1.5em;
    --_typography---h5-heading--h5-weight: 700;
    --_typography---h5-heading--h5-letter-spacing: .1em;
    --_typography---h6-heading--h6-margin-bottom: .5em;
    --_typography---h6-heading--h6-size: .75rem;
    --_typography---h6-heading--h6-line-height: 1.5em;
    --_typography---h6-heading--h6-weight: 700;
    --_typography---h6-heading--h6-letter-spacing: .1em;
    --_typography---base-typography--base-margin-bottom: .75em;
    --_typography---text--text-size: 1rem;
    --_typography---text--text-line-height: 1.5em;
    --_typography---text--text-letter-spacing: 0em;
    --_typography---text-lg--lg-text-size: 1.1rem;
    --_typography---text-lg--lg-text-line-height: .9em;
    --_typography---text-lg--lg-text-letter-spacing: -.01em;
    --_typography---font--button-font: "Instrument Sans";
    --_typography---base-typography--base-font: var(--_typography---font--body-font);
    --_typography---base-typography--base-font-weight: 500;
    --_typography---base-typography--base-font-weight-bold: 600;
    --_typography---h0-heading--h0-size: 2.87rem;
    --_typography---h0-heading--h0-letter-spacing: -.01em;
    --_typography---h0-heading--h0-line-height: 1.2em;
    --_typography---h0-heading--h0-weight: 700;
    --_typography---h0-heading--h0-margin-bottom: .5em;
    --_typography---text-sm--sm-text-size: .88rem;
    --_typography---text-sm--sm-text-letter-spacing: 0em;
    --_typography---text-sm--sm-text-line-height: 1.6em;
    --_typography---text-xl--xl-text-size: 1.2rem;
    --_typography---text-xl--xl-text-letter-spacing: 0em;
    --_typography---text-xl--xl-text-line-height: 1.6em;
    --_typography---text-xxl--xxl-text-size: 1.4rem;
    --_typography---text-xxl--xxl-text-letter-spacing: 0em;
    --_typography---text-xxl--xxl-text-line-height: 1.6em;
    --_typography---blockquote--blockquote-radius: 0px;
    --_typography---blockquote--blockquote-border-width: 3px;
    --_typography---blockquote--blockquote-font: var(--_typography---font--body-font);
    --_typography---blockquote--blockquote-size: clamp(1.125rem, 1.5vw + .25rem, 1.5rem);
    --_typography---blockquote--blockquote-letter-spacing: .01em;
    --_typography---blockquote--blockquote-line-height: 1.5em;
    --_typography---blockquote--blockquote-padding-vertical: var(--_sizes---spacing--0-75x);
    --_typography---blockquote--blockquote-padding-horizontal: var(--_sizes---spacing--1-25x);
    --_typography---eyebrow--eyebrow-font: var(--_typography---font--body-font);
    --_typography---eyebrow--eyebrow-size: 1.1rem;
    --_typography---eyebrow--eyebrow-letter-spacing: .01em;
    --_typography---eyebrow--eyebrow-line-height: 1.3em;
    --_typography---button--button-font: var(--_typography---font--button-font);
    --_typography---tag--tag-size: .75rem;
    --_typography---size: 0px;
    justify-content: center;
    align-items: flex-end;
    height: 80px;
    margin-top: 0;
    padding-top: 0;
    padding-bottom: 0;
  }

  .nav_mobile-menu-button {
    display: block;
  }

  .nav_mobile-menu-button.w--open {
    color: inherit;
  }

  .footer.is-secondary {
    margin-top: 0;
    padding-top: 0;
    position: relative;
  }

  .footer_link {
    justify-content: flex-end;
    align-self: flex-start;
    align-items: center;
    bottom: 280px;
  }

  .nav_container {
    font-family: var(--headerz);
    padding-left: 5%;
  }

  .nav_menu {
    justify-content: center;
    align-items: flex-end;
    padding-left: 0;
    padding-right: 0;
  }

  .nav_left {
    justify-content: space-between;
    align-self: center;
    align-items: flex-end;
    padding: 0 5% 0 0%;
  }

  .nav_logo {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
  }

  .nav_logo.w--current {
    justify-content: center;
    align-items: flex-end;
  }

  .nav_menu-list-item {
    margin-bottom: 0;
  }

  .subheading p {
    font-size: 1em;
  }

  .nav_logo-icon {
    order: -9999;
    justify-content: center;
    align-items: flex-start;
    margin-left: 0%;
  }

  .header {
    justify-content: center;
    align-items: flex-start;
    margin-bottom: 0;
  }

  .body {
    max-width: 100%;
    overflow: visible;
  }

  .btn-magnetic-wrap {
    justify-content: flex-end;
    align-items: center;
    margin-top: 4rem;
    margin-bottom: 0;
    font-size: 1.5rem;
    text-decoration: none;
  }

  .code-embed-2.black {
    margin-top: 0;
  }

  .card-projet {
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
    height: 250px;
    margin-left: 0;
    margin-right: 0;
    padding: 15px;
    position: static;
    overflow: hidden;
    box-shadow: inset 1px 1px 5px #0003, 0 5px 30px #0009;
  }

  .code-embed-googlemaps {
    margin-top: 0;
  }

  .textedevis {
    font-size: var(--astersique);
  }

  .c-faq-item {
    width: 100%;
  }

  .div-block-17 {
    padding-left: 0;
  }

  .paragraph_large-2.margin-bottom_none.logoblack {
    font-size: 1.25em;
  }

  .subtextlogofooter-2 {
    color: var(--mainopa70);
    white-space: nowrap;
    font-size: .9rem;
    font-weight: 400;
  }

  .subtextlogofooter-2.souslogoblack {
    font-size: .75rem;
  }

  .textbackup {
    font-family: var(--headerz);
    letter-spacing: .05em;
    margin-top: 0;
    padding-top: 0;
    padding-bottom: 0;
  }

  .footer-f13 {
    width: 100%;
  }

  .link-f13 {
    font-family: var(--headerz);
    text-transform: uppercase;
    padding-right: 0;
    font-weight: 300;
  }

  .link-f13:hover {
    color: var(--mainopa60);
  }

  .title-f13 {
    font-family: var(--headerz);
    margin-bottom: 16px;
    font-weight: 500;
    display: block;
  }

  .social-media-wrapper-f13 {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    align-self: auto;
    padding-top: 4px;
    padding-left: 12px;
  }

  .footer-wrapper {
    border-radius: 0;
    width: 100%;
  }

  .email-f13 {
    font-family: var(--headerz);
    letter-spacing: .025em;
    margin-bottom: 20px;
    margin-right: 0;
    padding-left: 12px;
    font-weight: 300;
  }

  .email-f13:hover {
    color: var(--buttonsopa90);
  }

  .copyright-f13 {
    font-family: var(--texte);
    font-size: var(--astersique);
  }

  .phone-f13 {
    font-family: var(--headerz);
    flex: 0 auto;
    padding-left: 12px;
    font-weight: 300;
  }

  .phone-f13:hover {
    color: var(--buttonsopa90);
  }

  .top-wrapper-f13 {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    flex-flow: column;
    grid-template-columns: 1fr;
  }

  .link-wrapper-f13 {
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
    margin-bottom: 0;
    padding-left: 4%;
  }

  .top-right-wrapper-f13 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-flow: column;
    flex: 0 auto;
    place-content: flex-start center;
    align-self: auto;
    align-items: flex-start;
    margin-bottom: 16px;
  }

  .top-left-wrapper-f13 {
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
  }

  .container-form.footer-form {
    padding-top: 0;
    padding-bottom: 2em;
  }

  .image-footer {
    object-fit: cover;
  }

  .grid_item.footer-form {
    grid-column-gap: 5vw;
    grid-row-gap: 5vw;
    flex-flow: column;
    padding-left: 0;
    padding-right: 0;
  }

  .divtextedevis {
    padding-top: 16px;
    padding-bottom: 16px;
  }

  .embed-fab-phone {
    width: auto;
  }

  .divinfos {
    grid-column-gap: 58px;
    grid-row-gap: 58px;
    flex-flow: column;
    margin-top: 0;
  }

  .contactdetailstext {
    font-size: 1.1rem;
    font-weight: 700;
  }

  .div-block-22 {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex-flow: column;
    justify-content: space-between;
    align-self: flex-start;
    align-items: flex-start;
    display: flex;
  }

  .page-wrapper {
    max-width: 100%;
    overflow: hidden;
  }

  .div-l-gales {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    margin-left: 0;
    padding-left: 0;
    padding-right: 0;
    display: flex;
  }

  .sub-dev-l-gale {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    width: auto;
    font-family: var(--texte);
    text-align: center;
    flex-flow: row;
    justify-content: space-between;
    align-items: stretch;
    font-size: .75rem;
    display: flex;
  }

  .textlegal {
    color: var(--mainopa50);
    text-decoration: none;
    -webkit-text-decoration-color: var(--buttons);
    text-decoration-color: var(--buttons);
    text-decoration-style: solid;
  }

  .textlegal:hover {
    color: var(--buttonsopa90);
  }

  .traitdunion {
    color: var(--mainopa90);
  }

  .text-span-20 {
    font-family: var(--headerz);
  }

  .heading_primary-4 {
    text-align: left;
    font-size: 2rem;
  }

  .section-4 {
    height: auto;
    min-height: 100vh;
    padding-top: 4rem;
  }

  .section-4.section-legal {
    padding-top: 8rem;
  }

  .container-legal.footer-form {
    padding-top: 0;
    padding-bottom: 10em;
  }

  .header-legal {
    justify-content: center;
    align-items: flex-start;
    margin-bottom: 0;
  }

  .rich-subtext-legal {
    font-size: 1rem;
  }

  .subparagraphelegal {
    text-align: justify;
  }

  .section-5 {
    height: auto;
    min-height: 100vh;
    padding-top: 4rem;
  }

  .section-5.section-legal {
    padding-top: 8rem;
  }

  .heading_primary-5 {
    text-align: left;
    font-size: 2.25rem;
  }

  .rich-text-legal-2 h3 {
    font-size: 1.4rem;
  }

  .bigheading {
    letter-spacing: .1em;
    margin-bottom: 10px;
    font-size: 1.5rem;
  }

  .bigheading.sectiontof {
    order: -9999;
    margin-bottom: 100px;
    font-size: 2.15rem;
  }

  .mainpara {
    font-size: 14px;
  }

  .mainpara.width {
    width: 100%;
    font-family: var(--texte);
    font-size: 1rem;
    font-weight: 400;
  }

  .mainpara.border {
    text-align: center;
    justify-content: center;
    align-items: center;
    width: 100%;
    font-size: 1rem;
    font-weight: 500;
  }

  .section-header-wrapper {
    margin-bottom: 20px;
    padding-top: 0;
    position: static;
  }

  .section-header-wrapper.apropos {
    padding-bottom: 10px;
  }

  .mainheading {
    font-size: 1.2rem;
  }

  .div-block-27 {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    text-align: left;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    align-self: center;
    width: 107px;
    display: block;
  }

  .headersection.apropos.petit {
    display: none;
  }

  .headersection.apropos.grand {
    display: flex;
  }

  .page-padding {
    padding-left: 0;
    padding-right: 0;
  }

  .phraseprojets, .phraseprojets.double {
    font-size: 2.1rem;
  }

  .accrocheprojets {
    letter-spacing: .1em;
    padding-top: 10px;
  }

  .spacer-sm-start.spacer-sm-end {
    padding-bottom: 2.5rem;
    padding-left: 4%;
    padding-right: 4%;
  }

  .text-align-center {
    padding-left: 0%;
  }

  .mainname {
    flex-flow: row;
    align-self: center;
    margin-top: 0;
    margin-bottom: 0;
    padding-bottom: 0;
    font-size: 1rem;
    display: block;
  }

  .section-page-intro-7 {
    padding-left: 0;
    padding-right: 0;
  }

  .code-embed-19 {
    padding-right: 0;
    font-size: 1rem;
    font-weight: 400;
    display: block;
  }

  .div-block-85 {
    height: 120svh;
  }

  .nametitle-3 {
    letter-spacing: .05em;
    align-self: flex-end;
    font-size: 1.9rem;
  }

  .divctamain {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    flex-flow: row;
    justify-content: center;
    align-self: center;
    align-items: center;
    padding-right: 6px;
  }

  .divglitch {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
  }

  .container_accueil-2 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    text-align: left;
    flex: 0 auto;
    grid-template-rows: 1fr 1fr;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    grid-auto-flow: row;
    justify-content: space-between;
    align-self: auto;
    place-items: center stretch;
    min-width: auto;
    max-width: none;
    min-height: auto;
    margin: 0 0% 0;
    padding-left: 4%;
    padding-right: 4%;
    display: grid;
  }

  .header-3 {
    justify-content: center;
    align-items: flex-start;
    margin-bottom: 0;
  }

  .header-3.margin-bottom_none {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    justify-content: space-between;
    align-items: flex-end;
    margin-top: 20px;
    padding-right: 0;
    font-size: 1rem;
  }

  .page-intro-wrapper-2 {
    padding-left: 0;
    padding-right: 0;
  }

  .maintitle-2 {
    align-self: auto;
    margin-bottom: 1em;
    font-size: 1.75rem;
  }

  .code-embed-24 {
    font-size: 1rem;
    font-weight: 500;
    text-decoration: none;
  }

  .wrapper-glitch-cta {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    justify-content: center;
    align-self: center;
    align-items: center;
    margin-bottom: 100px;
  }

  .projects-scroll-section {
    width: auto;
  }

  .project-left-col {
    flex-flow: column;
    justify-content: space-between;
    align-items: center;
    height: 400px;
    margin-top: 100px;
    margin-left: auto;
    margin-right: auto;
  }

  .project-right-col {
    text-align: left;
    flex-flow: row;
    justify-content: center;
    align-self: center;
    align-items: center;
    height: auto;
    margin: 0 auto auto;
    padding-bottom: 0;
    padding-left: 0;
    transform: none;
  }

  .text-block-35 {
    text-align: center;
    white-space: normal;
    align-self: auto;
    font-size: .75rem;
    font-weight: 300;
  }

  .heading-8 {
    text-align: center;
    letter-spacing: -.025em;
    margin-top: 0;
    font-size: 2rem;
    line-height: 1.5rem;
  }

  .paragraph-24 {
    text-align: left;
    min-height: 92px;
    font-size: .95rem;
  }

  .tags-wrapper {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: space-between;
    align-items: center;
    display: grid;
  }

  .textetechno.borderlight {
    justify-content: center;
    align-items: center;
    font-size: .9rem;
  }

  .link-block {
    margin-top: auto;
  }

  .text-block-36 {
    margin-top: 60px;
    margin-bottom: 0;
    padding-bottom: 0;
    font-size: 1.6rem;
    line-height: 1.3rem;
  }

  .projects-track {
    transform: none;
  }

  .project-slide {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    height: auto;
    margin-top: auto;
    margin-bottom: 0;
    padding-bottom: 60px;
    padding-left: 3%;
    padding-right: 3%;
  }

  .pixelated-image-card {
    justify-content: center;
    align-self: center;
    align-items: center;
    width: 75%;
    max-width: none;
    margin: auto auto 0;
    padding-top: 0;
    padding-bottom: 0;
    display: flex;
  }

  .before__100 {
    flex-flow: column;
    justify-content: center;
    align-self: auto;
    align-items: center;
    display: block;
  }

  .pixelated-image-card__pixels {
    align-self: center;
    width: 185px;
    height: 185px;
    inset: 0%;
  }

  .pixelated-image-card__default {
    flex: 0 auto;
    justify-content: center;
    align-self: center;
    align-items: center;
    width: 185px;
    height: 185px;
    margin-left: auto;
    margin-right: auto;
    display: none;
    inset: 0%;
  }

  .pixelated-image-card__active {
    justify-content: center;
    align-self: center;
    align-items: center;
    width: 185px;
    height: 185px;
    margin-top: 0;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    inset: 0%;
  }

  .pixelated-image-card__img {
    width: 185px;
    max-width: none;
    height: auto;
  }

  .pixelated-image-card__img.is-joker-active {
    align-self: center;
  }

  .project-cover-native {
    justify-content: center;
    align-items: center;
  }

  .portfolio-visual {
    align-self: center;
    width: 50px;
    max-width: none;
    overflow: clip;
  }

  .text-block-37 {
    align-self: center;
    font-family: Satoshi;
    font-size: 2rem;
    font-weight: 500;
  }

  .code-embed-25 {
    font-size: 1rem;
    font-weight: 500;
  }

  .text-intro-large {
    text-align: left;
    letter-spacing: .05em;
    width: auto;
    margin-top: 20px;
    font-size: 1.15rem;
    font-weight: 700;
    line-height: 1.5em;
  }

  .image-5 {
    position: static;
  }

  .text-block-38 {
    text-align: right;
    justify-content: flex-end;
    align-items: center;
    margin-top: 21px;
    margin-bottom: 0;
    display: flex;
  }

  .div-block-87 {
    position: relative;
    left: auto;
  }
}

#w-node-_44b8ca5b-50e3-ed64-5f6e-715bb4602c5e-a8574aa2 {
  grid-area: span 2 / span 2 / span 2 / span 2;
  place-self: end;
}

#w-node-_44b8ca5b-50e3-ed64-5f6e-715bb4602c6c-a8574aa2 {
  grid-area: span 2 / span 2 / span 2 / span 2;
  place-self: end start;
}

#w-node-_2c411110-8538-b83c-a335-6df776c3f606-a8574aa2 {
  place-self: auto;
}

#w-node-_2c411110-8538-b83c-a335-6df776c3f612-a8574aa2 {
  place-self: auto stretch;
}

#w-node-_49437267-5790-70eb-3900-9d3c8d8b4157-5ec61a2a, #w-node-_49437267-5790-70eb-3900-9d3c8d8b4159-5ec61a2a {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

@media screen and (min-width: 1920px) {
  #w-node-_2c411110-8538-b83c-a335-6df776c3f612-a8574aa2 {
    place-self: auto end;
  }
}

@media screen and (max-width: 991px) {
  #w-node-_38395641-ca94-d5f7-6440-16126e149050-34146c3a {
    justify-self: end;
  }
}

@media screen and (max-width: 767px) {
  #w-node-_38395641-ca94-d5f7-6440-16126e149050-34146c3a {
    align-self: start;
  }
}

@media screen and (max-width: 479px) {
  #w-node-_44b8ca5b-50e3-ed64-5f6e-715bb4602c6c-a8574aa2 {
    grid-area: span 2 / span 2 / span 2 / span 2;
    place-self: end start;
  }

  #w-node-_6c104cbf-4fa0-bca3-7343-2ba7248373b7-f701a235.w-node-_1056632b-7682-e99f-608e-fe05be16da17-34146c3a {
    order: -9999;
    align-self: start;
  }

  #w-node-_38395641-ca94-d5f7-6440-16126e149050-34146c3a {
    justify-self: start;
  }

  #w-node-_49437267-5790-70eb-3900-9d3c8d8b4153-5ec61a2a, #w-node-_49437267-5790-70eb-3900-9d3c8d8b4155-5ec61a2a, #w-node-_49437267-5790-70eb-3900-9d3c8d8b4157-5ec61a2a {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }
}


@font-face {
  font-family: 'Spacegrotesk';
  src: url('../fonts/SpaceGrotesk-SemiBold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Spacegrotesk';
  src: url('../fonts/SpaceGrotesk-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Spacegrotesk';
  src: url('../fonts/SpaceGrotesk-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Spacegrotesk';
  src: url('../fonts/SpaceGrotesk-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Spacegrotesk';
  src: url('../fonts/SpaceGrotesk-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}