/* ============================================
   Styles specific to home page
   ============================================ */

.framer-cKxwG.framer-jhtltx,
.framer-cKxwG .framer-jhtltx {
  display: block
}

.framer-cKxwG.framer-hgfhlf {
  background-color: var(--token-e5f5cfd1-919e-408d-a80e-53ba8e2155e2, #242424);
  width: 1630px;
  height: 965px;
  position: relative;
  overflow: hidden
}

.framer-cKxwG .framer-1gov1kb {
  height: min-content;
  overflow: var(--overflow-clip-fallback, clip);
  flex-flow: row;
  flex: none;
  place-content: center space-between;
  align-items: center;
  padding: 0;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  flex-direction: row;
}

.framer-cKxwG .framer-jf3ct {
  height: min-content;
  overflow: var(--overflow-clip-fallback, clip);
  flex-flow: row;
  flex: none;
  place-content: center flex-start;
  align-items: center;
  gap: 10px;
  width: min-content;
  padding: 56px 42px 32px;
  display: flex;
  position: relative
}

.framer-cKxwG .framer-1djkhcb,
.framer-cKxwG .framer-umihly,
.framer-cKxwG .framer-1datvx6 {
  --framer-paragraph-spacing: 0px;
  white-space: pre;
  flex: none;
  width: auto;
  height: auto;
  position: relative
}

.framer-cKxwG .framer-1t2jjbd {
  height: min-content;
  overflow: var(--overflow-clip-fallback, clip);
  z-index: 1;
  flex-flow: column;
  flex: none;
  place-content: center;
  align-items: center;
  gap: 10px;
  width: 90%;
  padding: 42px 0 0;
  display: flex;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%)
}

.framer-cKxwG .framer-zomppd {
  aspect-ratio: 1.49392;
  height: var(--framer-aspect-ratio-supported, 52px);
  flex: none;
  width: 78px;
  position: relative;
  overflow: visible
}

.framer-cKxwG .framer-k8cb2m {
  height: min-content;
  overflow: var(--overflow-clip-fallback, clip);
  flex-flow: row;
  flex: none;
  place-content: center flex-end;
  align-items: center;
  gap: 10px;
  width: min-content;
  padding: 56px 42px 32px;
  display: flex;
  position: relative
}

.framer-cKxwG .framer-50tr5x {
  flex-flow: row;
  flex: none;
  place-content: center space-between;
  align-items: center;
  width: 100%;
  height: min-content;
  padding: 16px 42px 56px;
  display: flex;
  position: absolute;
  bottom: 0;
  left: 50%;
  overflow: hidden;
  transform: translate(-50%)
}

.framer-cKxwG .framer-1rap5ly {
  flex-flow: row;
  flex: none;
  place-content: center flex-end;
  align-items: center;
  gap: 22px;
  width: 243px;
  height: min-content;
  padding: 0;
  display: flex;
  position: relative;
  overflow: visible
}

.framer-cKxwG .framer-b130er {
  flex-flow: row;
  flex: none;
  place-content: center flex-start;
  align-items: center;
  gap: 12px;
  width: min-content;
  height: min-content;
  padding: 0;
  display: flex;
  position: relative;
  overflow: visible
}

.framer-cKxwG .framer-m7x5nx {
  flex: none;
  width: 16px;
  height: 18px;
  text-decoration: none;
  position: relative
}

.framer-cKxwG .framer-1adg73m {
  flex: none;
  width: 16px;
  height: 16px;
  position: relative
}

.framer-cKxwG .framer-krkpzu {
  --framer-paragraph-spacing: 0px;
  white-space: pre-wrap;
  word-break: break-word;
  word-wrap: break-word;
  flex: none;
  width: 243px;
  height: auto;
  position: relative
}

.framer-cKxwG .framer-9zt7i6 {
  flex-flow: row;
  flex: none;
  place-content: center space-between;
  align-items: center;
  width: 256px;
  height: min-content;
  min-height: 110px;
  padding: 0;
  display: flex;
  position: absolute;
  top: 436px;
  left: 50%;
  overflow: visible;
  transform: translate(-50%)
}

.framer-cKxwG .framer-14alhxs-container {
  z-index: 1;
  flex: none;
  width: auto;
  height: auto;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%)
}

.framer-cKxwG .framer-umt9ok-container {
  z-index: 1;
  flex: none;
  width: auto;
  height: auto;
  position: absolute;
  top: 50%;
  left: 23%;
  transform: translate(-50%, -50%)
}

.framer-cKxwG .framer-1g67u2e-container {
  z-index: 1;
  flex: none;
  width: auto;
  height: auto;
  position: absolute;
  top: 50%;
  left: 41%;
  transform: translate(-50%, -50%)
}

.framer-cKxwG .framer-1c75l0g-container {
  z-index: 1;
  flex: none;
  width: auto;
  height: auto;
  position: absolute;
  top: 50%;
  left: 59%;
  transform: translate(-50%, -50%)
}

.framer-cKxwG .framer-93rn54-container {
  z-index: 1;
  flex: none;
  width: auto;
  height: auto;
  position: absolute;
  top: 50%;
  left: 77%;
  transform: translate(-50%, -50%)
}

.framer-cKxwG .framer-1n9zbh4-container {
  z-index: 1;
  flex: none;
  width: auto;
  height: auto;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%)
}

.framer-cKxwG .framer-1kl5ttk-container {
  pointer-events: none;
  z-index: 1;
  flex: none;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0
}

@media (min-width:810px) and (max-width:1629.98px) {

  .framer-cKxwG.framer-hgfhlf,
  .framer-cKxwG .framer-50tr5x {
    width: 810px
  }

  .framer-cKxwG .framer-1t2jjbd {
    width: min-content;
    padding: 26px 0 0;
    top: 20px;
    transform: translate(-50%)
  }

  .framer-cKxwG .framer-zomppd {
    height: var(--framer-aspect-ratio-supported, 42px);
    width: 63px
  }

  .framer-cKxwG .framer-1adg73m {
    text-decoration: none
  }
}

@media (max-width:767.98px) {
  /* Téléphones uniquement (≤ 767.98px), même borne que les pages
     couleur : dès 768px (iPad) on garde la version web.
     La home occupe exactement la taille de l'écran du téléphone
     (100dvh s'adapte dynamiquement à chaque écran, barre d'adresse
     du navigateur mobile comprise) */
  .framer-cKxwG.framer-hgfhlf {
    width: 100%;
    height: 100vh;
    height: 100dvh;
    min-height: 100dvh !important;
    max-height: 100dvh
  }

  /* Header : même traitement que les pages couleur
     (.seebrale-m-header) — bandeau en haut, plein largeur,
     padding 32px 24px 0 — MAIS le logo est centré (les pages
     couleur le collent à gauche) et on garde les crochets [ ]
     de part et d'autre. */
  .framer-cKxwG .framer-1gov1kb {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: auto;
    width: 100%;
    min-height: 0;
    transform: none;
    flex-flow: row nowrap;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: 0 16px;
    padding: 32px 24px 0;
    z-index: 2;
  }

  /* Logo : sort du centre de l'écran, vient dans le header,
     centré horizontalement (flex:0 0 auto entre deux crochets
     à flex égal → centrage vrai quelle que soit leur largeur) */
  .framer-cKxwG .framer-1t2jjbd {
    order: 1;
    flex: 0 0 auto;
    position: static;
    top: auto;
    left: auto;
    transform: none;
    width: auto;
    min-width: 0;
    max-width: 100%;
    padding: 0
  }

  .framer-cKxwG .framer-zomppd {
    height: var(--framer-aspect-ratio-supported, 36px);
    width: 54px
  }

  /* Menu (nuancier de couleurs) : centré au milieu de l'écran */
  .framer-cKxwG .framer-9zt7i6 {
    height: 140px;
    min-height: unset;
    width: 274px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
  }

  /* Conteneurs latéraux à flex égal pour centrer le logo.
     Le crochet de gauche « ] » est masqué (visibility:hidden)
     MAIS garde sa place dans le flux → le logo reste parfaitement
     centré ; le crochet de droite « [ » reste visible. */
  .framer-cKxwG .framer-jf3ct,
  .framer-cKxwG .framer-k8cb2m {
    flex: 1 1 0;
    min-width: 0;
    padding: 0
  }

  .framer-cKxwG .framer-jf3ct {
    order: 0;
    visibility: hidden;
    justify-content: flex-start;
    text-align: left
  }

  .framer-cKxwG .framer-k8cb2m {
    order: 2;
    justify-content: flex-end;
    text-align: right
  }

  /* Footer : on masque les textes (« Directrice Artistique » et
     « Graphisme & Communication ») et on centre les deux
     pictogrammes (Instagram + LinkedIn) au milieu du footer */
  .framer-cKxwG .framer-1datvx6,
  .framer-cKxwG .framer-krkpzu {
    display: none
  }

  .framer-cKxwG .framer-50tr5x {
    justify-content: center
  }

  .framer-cKxwG .framer-1rap5ly {
    width: auto;
    justify-content: center
  }

  /* Pictogrammes réseaux agrandis de 2px en mobile, comme sur les
     pages couleur (tailles d'origine : Instagram 16×18, LinkedIn
     16×16) */
  .framer-cKxwG .framer-m7x5nx {
    width: 18px;
    height: 20px
  }

  .framer-cKxwG .framer-1adg73m {
    width: 18px;
    height: 18px
  }
}

.framer-UGidf.framer-v-5t9bsr.hover.framer-5t9bsr {
  width: 66px
}

.framer-uV7fn.framer-v-140woqu.hover.framer-140woqu {
  width: 66px
}

.framer-47cL4.framer-v-m31e69.hover.framer-m31e69 {
  width: 66px
}

.framer-kkzMj.framer-v-vpbu1n.hover.framer-vpbu1n {
  width: 46px
}

.framer-jVdAK.framer-12dcz6s {
  height: 965px;
  overflow: var(--overflow-clip-fallback, clip);
  flex-flow: column;
  place-content: center space-between;
  align-items: center;
  width: 1630px;
  padding: 0;
  display: flex;
  position: relative
}

.framer-jVdAK .framer-6u5zsz,
.framer-jVdAK .framer-j5hzjn {
  flex: none;
  width: 100%;
  height: 50%;
  position: relative;
  overflow: visible
}

.framer-jVdAK .framer-4ac3j9 {
  z-index: 1;
  flex-flow: row;
  flex: none;
  place-content: center space-between;
  align-items: center;
  width: 256px;
  height: min-content;
  padding: 0;
  display: flex;
  position: absolute;
  top: 51%;
  left: 50%;
  overflow: visible
}

.framer-jVdAK .framer-pebwad-container,
.framer-jVdAK .framer-i43pea-container,
.framer-jVdAK .framer-rrhze5-container,
.framer-jVdAK .framer-gdg4p3-container,
.framer-jVdAK .framer-1by71ww-container,
.framer-jVdAK .framer-135fvu-container {
  flex: none;
  width: auto;
  height: auto;
  position: relative
}

.framer-jVdAK .framer-16g0i1h {
  height: min-content;
  overflow: var(--overflow-clip-fallback, clip);
  z-index: 1;
  flex-flow: row;
  flex: none;
  place-content: center space-between;
  align-items: center;
  width: 100%;
  padding: 0;
  display: flex;
  position: absolute;
  top: 0;
  left: 50%
}

.framer-jVdAK .framer-1mmg9at {
  height: min-content;
  overflow: var(--overflow-clip-fallback, clip);
  flex-flow: row;
  flex: none;
  place-content: center flex-start;
  align-items: center;
  gap: 10px;
  width: min-content;
  padding: 56px 42px 32px;
  display: flex;
  position: relative
}

.framer-jVdAK .framer-yqgy2f,
.framer-jVdAK .framer-1719rsa,
.framer-jVdAK .framer-1hggr7z,
.framer-jVdAK .framer-7umyqs {
  white-space: pre;
  flex: none;
  width: auto;
  height: auto;
  position: relative
}

.framer-jVdAK .framer-1rbmof1 {
  height: min-content;
  overflow: var(--overflow-clip-fallback, clip);
  z-index: 1;
  flex-flow: column;
  flex: none;
  place-content: center;
  align-items: center;
  gap: 10px;
  width: 1472px;
  padding: 42px 0 0;
  display: flex;
  position: absolute;
  top: 50%;
  left: 50%
}

.framer-jVdAK .framer-1hl7fzx {
  aspect-ratio: 1.49392;
  height: var(--framer-aspect-ratio-supported, 52px);
  flex: none;
  width: 78px;
  position: relative;
  overflow: visible
}

.framer-jVdAK .framer-f5l3w3 {
  height: min-content;
  overflow: var(--overflow-clip-fallback, clip);
  flex-flow: row;
  flex: none;
  place-content: center flex-end;
  align-items: center;
  gap: 10px;
  width: min-content;
  padding: 56px 42px 32px;
  display: flex;
  position: relative
}

.framer-jVdAK .framer-lqp62c {
  z-index: 1;
  flex-flow: row;
  flex: none;
  place-content: center space-between;
  align-items: center;
  height: min-content;
  padding: 16px 42px 56px;
  display: flex;
  position: absolute;
  bottom: 1px;
  left: 0;
  right: 0;
  overflow: hidden
}

.framer-jVdAK .framer-bbjzr3 {
  flex-flow: row;
  flex: none;
  place-content: center flex-end;
  align-items: center;
  gap: 22px;
  width: 243px;
  height: min-content;
  padding: 0;
  display: flex;
  position: relative;
  overflow: visible
}

.framer-jVdAK .framer-17luzv0,
.framer-jVdAK .framer-9qqmed {
  flex-flow: row;
  flex: none;
  place-content: center flex-start;
  align-items: center;
  gap: 8px;
  width: min-content;
  height: min-content;
  padding: 0;
  display: flex;
  position: relative;
  overflow: visible
}

.framer-jVdAK .framer-1n6741d,
.framer-jVdAK .framer-1tdxefw {
  flex: none;
  width: 16px;
  height: 18px;
  position: relative
}

.framer-jVdAK .framer-1afs48c,
.framer-jVdAK .framer-whbmnv {
  flex: none;
  width: 16px;
  height: 16px;
  position: relative
}

.framer-jVdAK .framer-ngudw7 {
  white-space: pre-wrap;
  word-break: break-word;
  word-wrap: break-word;
  flex: none;
  width: 243px;
  height: auto;
  position: relative
}

.framer-jVdAK.framer-v-1ixbt78.framer-12dcz6s,
.framer-jVdAK.framer-v-td92oe.framer-12dcz6s,
.framer-jVdAK.framer-v-bs8oen.framer-12dcz6s,
.framer-jVdAK.framer-v-ip08gc.framer-12dcz6s,
.framer-jVdAK.framer-v-3di3xm.framer-12dcz6s,
.framer-jVdAK.framer-v-1315uqo.framer-12dcz6s,
.framer-jVdAK.framer-v-qczboj.framer-12dcz6s {
  width: 2322px;
  height: 1375px
}

.framer-jVdAK.framer-v-td92oe .framer-4ac3j9,
.framer-jVdAK.framer-v-qczboj .framer-4ac3j9 {
  order: 4;
  justify-content: center;
  gap: 0;
  width: min-content;
  min-width: 256px;
  min-height: 110px;
  top: 51%
}

.framer-jVdAK.framer-v-td92oe .framer-pebwad-container,
.framer-jVdAK.framer-v-qczboj .framer-pebwad-container {
  z-index: 1;
  height: 110px;
  position: absolute;
  top: 50%;
  left: 0
}

.framer-jVdAK.framer-v-td92oe .framer-i43pea-container,
.framer-jVdAK.framer-v-qczboj .framer-i43pea-container {
  height: unset;
  z-index: 1;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 47px
}

.framer-jVdAK.framer-v-td92oe .framer-rrhze5-container,
.framer-jVdAK.framer-v-qczboj .framer-rrhze5-container {
  z-index: 1;
  height: 110px;
  position: absolute;
  top: 50%;
  left: 92px
}

.framer-jVdAK.framer-v-td92oe .framer-gdg4p3-container,
.framer-jVdAK.framer-v-qczboj .framer-gdg4p3-container {
  z-index: 1;
  height: 110px;
  position: absolute;
  top: 50%;
  right: 92px
}

.framer-jVdAK.framer-v-td92oe .framer-1by71ww-container,
.framer-jVdAK.framer-v-qczboj .framer-1by71ww-container {
  z-index: 1;
  height: 110px;
  position: absolute;
  top: 50%;
  right: 46px
}

.framer-jVdAK.framer-v-td92oe .framer-135fvu-container,
.framer-jVdAK.framer-v-qczboj .framer-135fvu-container {
  z-index: 1;
  height: 110px;
  position: absolute;
  top: 50%;
  right: 0
}

.framer-jVdAK.framer-v-td92oe .framer-16g0i1h,
.framer-jVdAK.framer-v-bs8oen .framer-6u5zsz,
.framer-jVdAK.framer-v-qczboj .framer-16g0i1h {
  order: 0
}

.framer-jVdAK.framer-v-bs8oen .framer-j5hzjn,
.framer-jVdAK.framer-v-qczboj .framer-lqp62c {
  order: 1
}

.framer-jVdAK.framer-v-qczboj .framer-6u5zsz {
  order: 2;
  height: 0%
}

.framer-jVdAK.framer-v-qczboj .framer-j5hzjn {
  order: 3;
  height: 0%
}