{"id":35,"date":"2026-08-05T16:06:38","date_gmt":"2026-08-05T16:06:38","guid":{"rendered":"https:\/\/www.jnyouevents.com\/?page_id=35"},"modified":"2026-09-05T16:18:45","modified_gmt":"2026-09-05T16:18:45","slug":"notre-duo","status":"publish","type":"page","link":"https:\/\/www.jnyouevents.com\/en\/notre-duo\/","title":{"rendered":"Our story"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"35\" class=\"elementor elementor-35\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-afc6dd3 e-con-full e-flex e-con e-parent\" data-id=\"afc6dd3\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-aa24e80 elementor-widget elementor-widget-html\" data-id=\"aa24e80\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\n     JN.YOU \u2014 NOTRE DUO \u2014 V52 \u2014 TRANSITION FOOTER PROPRE\n     Hero photo \u2022 texte r\u00e9v\u00e9l\u00e9 au scroll \u2022 aucun CTA\n     Plus couture \u2022 Plus identitaire \u2022 Sans 01\/02\/03\n     Fond prune profond \u2022 Jeanne \u2014 YOU \u2014 Na\u00ebl\n     Responsive \u2022 Elementor \/ WordPress \/ HTML\n========================================================== -->\n\n<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;1,400&family=Montserrat:wght@400;500;600&display=swap');\n\n.jny-duo-v52{\n  --plum:#44123A;\n  --wine:#54232F;\n  --wine-deep:#3E1B25;\n  --sage:#A8B6A5;\n  --sage-deep:#778A77;\n  --paper:#FBF9F6;\n  --porcelain:#F2EFEA;\n  --soft:rgba(251,249,246,.61);\n  --line:rgba(251,249,246,.13);\n\n  position:relative;\n  left:50%;\n\n  width:100vw!important;\n  max-width:100vw!important;\n\n  margin-left:-50vw!important;\n  margin-right:-50vw!important;\n  margin-top:0!important;\n  margin-bottom:0!important;\n\n  overflow:hidden;\n\n  background:\n    linear-gradient(\n      180deg,\n      #54232F 0%,\n      #471C28 76%,\n      #4E262F 100%\n    );\n\n  color:var(--paper);\n\n  font-family:\"Montserrat\",sans-serif;\n\n  isolation:isolate;\n\n  -webkit-font-smoothing:antialiased;\n  -moz-osx-font-smoothing:grayscale;\n}\n\n.jny-duo-v52,\n.jny-duo-v52 *{\n  box-sizing:border-box;\n}\n\n.elementor-widget-html:has(.jny-duo-v52),\n.elementor-widget-html:has(.jny-duo-v52) > .elementor-widget-container{\n  width:100%!important;\n  max-width:none!important;\n  overflow:visible!important;\n}\n\n.jny-duo-v52 a{\n  -webkit-tap-highlight-color:transparent;\n}\n\n\n\/* =========================================================\n   DETAIL FOND\n========================================================= *\/\n\n.jny-duo-v52::before{\n  content:\"\";\n\n  position:absolute;\n  z-index:0;\n\n  left:50%;\n  top:0;\n\n  width:1px;\n  height:100%;\n\n  background:\n    linear-gradient(\n      180deg,\n      transparent,\n      rgba(251,249,246,.095) 15%,\n      rgba(251,249,246,.095) 85%,\n      transparent\n    );\n\n  transform:\n    translateX(-50%);\n\n  pointer-events:none;\n}\n\n\n\/* =========================================================\n   WRAP\n========================================================= *\/\n\n.jny-duo-v52-wrap{\n  position:relative;\n  z-index:4;\n\n  width:min(100%,1560px);\n\n  margin:0 auto;\n\n  padding:\n    clamp(118px,8vw,148px)\n    clamp(22px,5vw,78px)\n    clamp(96px,7.2vw,124px);\n}\n\n\n\/* =========================================================\n   SIGNATURE DUO\n========================================================= *\/\n\n.jny-duo-v52-signature{\n  position:relative;\n\n  display:grid;\n\n  grid-template-columns:\n    minmax(0,1fr)\n    340px\n    minmax(0,1fr);\n\n  gap:\n    clamp(30px,5vw,80px);\n\n  align-items:center;\n\n  max-width:1280px;\n\n  margin:\n    clamp(14px,1.1vw,20px)\n    auto\n    0;\n\n  padding:\n    clamp(24px,2vw,32px)\n    0\n    clamp(24px,2vw,32px);\n\n  border-top:\n    1px solid var(--line);\n\n  border-bottom:0;\n}\n\n.jny-duo-v52-signature::before{\n  content:\"\";\n\n  position:absolute;\n\n  left:10%;\n  right:10%;\n\n  top:50%;\n\n  height:1px;\n\n  background:\n    linear-gradient(\n      90deg,\n      transparent,\n      rgba(168,182,165,.36) 30%,\n      rgba(168,182,165,.58) 50%,\n      rgba(168,182,165,.36) 70%,\n      transparent\n    );\n\n  z-index:0;\n}\n\n\n\/* =========================================================\n   PERSONNES\n========================================================= *\/\n\n.jny-duo-v52-person{\n  position:relative;\n  z-index:2;\n\n  min-height: 238px;\n\n  display:flex;\n\n  flex-direction:column;\n\n  justify-content:center;\n\n  transition:\n    transform .4s cubic-bezier(.2,.7,.2,1);\n}\n\n.jny-duo-v52-person:hover{\n  transform:\n    translateY(-5px);\n}\n\n.jny-duo-v52-person--left{\n  align-items:flex-end;\n\n  text-align:right;\n}\n\n.jny-duo-v52-person--right{\n  align-items:flex-start;\n\n  text-align:left;\n}\n\n\n\/* =========================================================\n   LETTRES J \/ N\n========================================================= *\/\n\n.jny-duo-v52-letter{\n  position:absolute;\n\n  top:50%;\n\n  transform:\n    translateY(-51%);\n\n  color:\n    rgba(251,249,246,.055);\n\n  font-family:\n    \"Cormorant Garamond\",\n    serif;\n\n  font-size:\n    clamp(180px,16vw,260px);\n\n  font-weight:500;\n\n  line-height:.7;\n\n  pointer-events:none;\n\n  transition:\n    color .4s ease,\n    transform .4s ease;\n}\n\n.jny-duo-v52-person--left\n.jny-duo-v52-letter{\n  right:-.03em;\n}\n\n.jny-duo-v52-person--right\n.jny-duo-v52-letter{\n  left:-.03em;\n}\n\n.jny-duo-v52-person:hover\n.jny-duo-v52-letter{\n  color:\n    rgba(168,182,165,.10);\n\n  transform:\n    translateY(-53%)\n    scale(1.025);\n}\n\n\n\/* =========================================================\n   NOM\n========================================================= *\/\n\n.jny-duo-v52-name{\n  position:relative;\n  z-index:2;\n\n  color:var(--paper);\n\n  font-family:\n    \"Cormorant Garamond\",\n    serif;\n\n  font-size:\n    clamp(46px,4.2vw,64px);\n\n  font-weight:500;\n\n  line-height:.93;\n\n  letter-spacing:-.02em;\n}\n\n\n\/* =========================================================\n   ROLE\n========================================================= *\/\n\n.jny-duo-v52-role{\n  position:relative;\n  z-index:2;\n\n  margin-top:11px;\n\n  color:var(--sage);\n\n  font-size:11px;\n\n  font-weight:600;\n\n  letter-spacing:.15em;\n\n  text-transform:uppercase;\n}\n\n.jny-duo-v52-role::after{\n  content:\"\";\n\n  display:block;\n\n  width:42px;\n  height:1px;\n\n  margin-top:14px;\n\n  background:\n    rgba(168,182,165,.34);\n}\n\n.jny-duo-v52-person--left\n.jny-duo-v52-role::after{\n  margin-left:auto;\n}\n\n.jny-duo-v52-person--right\n.jny-duo-v52-role::after{\n  margin-right:auto;\n}\n\n\n\/* =========================================================\n   TEXTE\n========================================================= *\/\n\n.jny-duo-v52-text{\n  position:relative;\n  z-index:2;\n\n  max-width:390px;\n\n  margin:\n    22px 0 0;\n\n  color:\n    rgba(251,249,246,.76);\n\n  font-size:\n    clamp(13.5px,1vw,15.5px);\n\n  font-weight:400;\n\n  line-height:1.72;\n\n  letter-spacing:-.005em;\n}\n\n\n\/* =========================================================\n   YOU CENTRAL\n========================================================= *\/\n\n.jny-duo-v52-center{\n  position:relative;\n  z-index:4;\n\n  display:flex;\n\n  align-items:center;\n  justify-content:center;\n}\n\n.jny-duo-v52-orbit{\n  position:relative;\n\n  width:310px;\n  height:310px;\n\n  display:flex;\n\n  align-items:center;\n  justify-content:center;\n\n  border:\n    1px solid rgba(168,182,165,.34);\n\n  border-radius:50%;\n\n  background:\n    rgba(62,27,37,.90);\n\n  box-shadow:\n    0 0 0 15px rgba(251,249,246,.016),\n    0 26px 60px rgba(31,12,18,.22);\n\n  transition:\n    transform .45s cubic-bezier(.2,.7,.2,1),\n    border-color .35s ease;\n}\n\n.jny-duo-v52-orbit::before,\n.jny-duo-v52-orbit::after{\n  content:\"\";\n\n  position:absolute;\n\n  border-radius:50%;\n\n  border:\n    1px solid rgba(168,182,165,.09);\n}\n\n.jny-duo-v52-orbit::before{\n  inset:-28px;\n}\n\n.jny-duo-v52-orbit::after{\n  inset:-60px;\n\n  border-color:\n    rgba(251,249,246,.035);\n}\n\n.jny-duo-v52-orbit:hover{\n  transform:\n    scale(1.035);\n\n  border-color:\n    rgba(168,182,165,.62);\n}\n\n.jny-duo-v52-center-inner{\n  text-align:center;\n}\n\n.jny-duo-v52-center-small{\n  display:block;\n\n  margin-bottom:5px;\n\n  color:\n    rgba(251,249,246,.44);\n\n  font-size:8.5px;\n\n  font-weight:600;\n\n  letter-spacing:.18em;\n\n  text-transform:uppercase;\n}\n\n.jny-duo-v52-center-you{\n  display:block;\n\n  color:var(--sage);\n\n  font-family:\n    \"Cormorant Garamond\",\n    serif;\n\n  font-size:98px;\n\n  font-weight:400;\n\n  font-style:italic;\n\n  line-height:.9;\n}\n\n.jny-duo-v52-center-note{\n  display:block;\n\n  max-width:210px;\n\n  margin:\n    17px auto 0;\n\n  color:\n    rgba(251,249,246,.72);\n\n  font-size:12px;\n\n  font-weight:500;\n\n  line-height:1.55;\n}\n\n\n\/* =========================================================\n   MANIFESTE\n========================================================= *\/\n\n\/* =========================================================\n   TABLETTE\n========================================================= *\/\n\n@media(max-width:1050px){\n\n  .jny-duo-v52-signature{\n    grid-template-columns:\n      minmax(0,1fr)\n      250px\n      minmax(0,1fr);\n\n    gap:\n      28px;\n  }\n\n  .jny-duo-v52-orbit{\n    width:\n      225px;\n\n    height:\n      225px;\n  }\n\n  .jny-duo-v52-center-you{\n    font-size:\n      72px;\n  }\n\n}\n\n\n\/* =========================================================\n   MOBILE\n========================================================= *\/\n\n@media(max-width:760px){\n\n  .jny-duo-v52::before{\n    display:none;\n  }\n\n  .jny-duo-v52-wrap{\n    padding:\n      78px\n      18px\n      86px;\n  }\n.jny-duo-v52-signature{\n    grid-template-columns:\n      1fr;\n\n    gap:\n      0;\n\n    margin-top:\n      54px;\n\n    padding:\n      0;\n\n    border-top:\n      1px solid var(--line);\n  }\n\n  .jny-duo-v52-signature::before{\n    display:none;\n  }\n\n\n  \/* PERSONNES *\/\n\n  .jny-duo-v52-person,\n  .jny-duo-v52-person--left,\n  .jny-duo-v52-person--right{\n    min-height:\n      0;\n\n    padding:\n      34px 0;\n\n    align-items:\n      flex-start;\n\n    text-align:\n      left;\n\n    border-bottom:\n      1px solid var(--line);\n  }\n\n  .jny-duo-v52-person--right{\n    order:3;\n  }\n\n  .jny-duo-v52-person:hover{\n    transform:none;\n  }\n\n\n  \/* LETTRES *\/\n\n  .jny-duo-v52-person--left\n  .jny-duo-v52-letter,\n\n  .jny-duo-v52-person--right\n  .jny-duo-v52-letter{\n    left:auto;\n\n    right:0;\n  }\n\n  .jny-duo-v52-letter{\n    font-size:\n      138px;\n  }\n\n\n  \/* TEXTE *\/\n\n  .jny-duo-v52-text{\n    max-width:\n      94%;\n\n    font-size:\n      14px;\n\n    line-height:\n      1.68;\n  }\n\n\n  \/* CENTRE *\/\n\n  .jny-duo-v52-center{\n    order:2;\n\n    padding:\n      44px 0;\n\n    border-bottom:\n      1px solid var(--line);\n  }\n\n  .jny-duo-v52-orbit{\n    width:\n      205px;\n\n    height:\n      205px;\n  }\n\n  .jny-duo-v52-orbit::before{\n    inset:\n      -18px;\n  }\n\n  .jny-duo-v52-orbit::after{\n    inset:\n      -38px;\n  }\n\n  .jny-duo-v52-center-you{\n    font-size:\n      68px;\n  }\n\n  .jny-duo-v52-center-note{\n    max-width:\n      170px;\n\n    font-size:\n      10px;\n\n    line-height:\n      1.55;\n  }\n\n\n  \/* MANIFESTE *\/\n\n  }\n\n\n\/* =========================================================\n   ACCESSIBILIT\u00c9\n========================================================= *\/\n\n@media(prefers-reduced-motion:reduce){\n\n  .jny-duo-v52 *,\n  .jny-duo-v52 *::before,\n  .jny-duo-v52 *::after{\n    transition:\n      none!important;\n\n    animation:\n      none!important;\n\n    scroll-behavior:\n      auto!important;\n  }\n\n}\n\n\n\n\/* =========================================================\n   V35 \u2014 HERO CIN\u00c9MATIQUE\n   1. image seule\n   2. texte appara\u00eet au scroll\n   3. texte reste\n   4. la photo recule et laisse place au bloc\n========================================================= *\/\n\n.jny-duo-v52-hero-stage{\n  position:relative;\n  height:100svh;\n  background:#54232F;\n}\n\n.jny-duo-v52-hero-frame{\n  position:relative;\n  top:auto;\n\n  width:100%;\n  height:100svh;\n\n  overflow:hidden;\n\n  background:#201016;\n\n  transform:none!important;\n  border-radius:0!important;\n\n  isolation:isolate;\n}\n\n.jny-duo-v52-hero-media{\n  position:absolute;\n\n  inset:0;\n\n  overflow:hidden;\n}\n\n.jny-duo-v52-hero-media img{\n  width:100%;\n  height:100%;\n\n  display:block;\n\n  object-fit:cover;\n  object-position:center 59%;\n\n  transform:\n    translate3d(0,0,0)\n    scale(1);\n\n  filter:none!important;\n\n  image-rendering:auto;\n\n  will-change:transform;\n\n  backface-visibility:hidden;\n  -webkit-backface-visibility:hidden;\n}\n\n.jny-duo-v52-hero-shade{\n  position:absolute;\n\n  inset:0;\n\n  z-index:3;\n\n  background:\n    rgba(32,12,18,0);\n\n  opacity:0;\n\n  will-change:\n    opacity,\n    background-color;\n\n  pointer-events:none;\n}\n\n\n\/* Fallback : si le JS est bloqu\u00e9, le titre reste visible.\n   D\u00e8s que le JS d\u00e9marre, il prend le contr\u00f4le. *\/\n.jny-duo-v52-hero-copy{\n  position:absolute;\n\n  left:50%;\n  top:50%;\n\n  z-index:5;\n\n  width:min(100%,1440px);\n\n  padding:\n    0\n    clamp(14px,2.6vw,34px);\n\n  transform:\n    translate(-50%,-43%);\n\n  opacity:1;\n\n  text-align:center;\n\n  pointer-events:none;\n}\n\n.jny-duo-v52.is-js\n.jny-duo-v52-hero-copy{\n  opacity:0;\n\n  transform:\n    translate(-50%,-37%)\n    scale(.945);\n\n  filter:blur(13px);\n\n  will-change:\n    transform,\n    opacity,\n    filter;\n}\n\n.jny-duo-v52-hero-title{\n  margin:0;\n\n  color:#FBF9F6!important;\n\n  font-family:\n    \"Cormorant Garamond\",\n    serif;\n\n  font-size:\n    clamp(66px,6.6vw,112px);\n\n  font-weight:500;\n\n  line-height:.92;\n\n  letter-spacing:-.05em;\n\n  text-wrap:balance;\n\n  text-shadow:\n    0 16px 48px rgba(19,7,12,.26),\n    0 2px 8px rgba(19,7,12,.18);\n}\n\n.jny-duo-v52-hero-title em{\n  display:block;\n\n  margin-top:.11em;\n\n  color:#D9E0D1!important;\n\n  font-weight:400;\n\n  font-style:italic;\n}\n\n\n\/* =========================================================\n   FL\u00c8CHE \u2014 VISIBLE D\u00c8S LE PREMIER \u00c9CRAN\n========================================================= *\/\n\n.jny-duo-v52-scroll-cue,\n.jny-duo-v52-scroll-cue:hover,\n.jny-duo-v52-scroll-cue:focus,\n.jny-duo-v52-scroll-cue:focus-visible,\n.jny-duo-v52-scroll-cue:active{\n  position:absolute;\n\n  left:50%;\n  bottom:58px;\n\n  z-index:8;\n\n  width:60px;\n  height:60px;\n\n  display:flex;\n\n  align-items:center;\n  justify-content:center;\n\n  padding:0;\n\n  transform:\n    translateX(-50%);\n\n  border:\n    1px solid rgba(251,249,246,.72)!important;\n\n  border-radius:50%!important;\n\n  color:#FBF9F6!important;\n\n  background:\n    rgba(27,10,16,.16)!important;\n\n  box-shadow:\n    0 16px 40px rgba(20,8,14,.14);\n\n  backdrop-filter:\n    blur(9px);\n\n  -webkit-backdrop-filter:\n    blur(9px);\n\n  appearance:none;\n  -webkit-appearance:none;\n\n  cursor:pointer;\n\n  pointer-events:auto!important;\n\n  transition:\n    transform .28s ease,\n    border-color .28s ease,\n    background-color .28s ease,\n    opacity .28s ease;\n}\n\n.jny-duo-v52-scroll-cue:hover,\n.jny-duo-v52-scroll-cue:focus-visible{\n  transform:\n    translateX(-50%)\n    translateY(-4px);\n\n  border-color:\n    rgba(251,249,246,.96)!important;\n\n  background:\n    rgba(84,35,47,.32)!important;\n\n  outline:none;\n}\n\n.jny-duo-v52-scroll-cue::before{\n  content:\"\";\n\n  width:11px;\n  height:11px;\n\n  border-right:\n    1.5px solid rgba(251,249,246,.98);\n\n  border-bottom:\n    1.5px solid rgba(251,249,246,.98);\n\n  transform:\n    translateY(-3px)\n    rotate(45deg);\n\n  animation:\n    jnyDuoCueV52\n    1.75s\n    cubic-bezier(.4,0,.2,1)\n    infinite;\n}\n\n@keyframes jnyDuoCueV52{\n\n  0%,\n  100%{\n    transform:\n      translateY(-5px)\n      rotate(45deg);\n\n    opacity:.52;\n  }\n\n  50%{\n    transform:\n      translateY(5px)\n      rotate(45deg);\n\n    opacity:1;\n  }\n\n}\n\n\n\/* =========================================================\n   D\u00c9BUT DU BLOC JEANNE \/ YOU \/ NA\u00cbL\n========================================================= *\/\n\n.jny-duo-v52-story{\n  position:relative;\n\n  z-index:6;\n\n  width:100%;\n\n  margin:0!important;\n\n  background:\n    linear-gradient(\n      180deg,\n      #54232F 0%,\n      #471C28 72%,\n      #4E262F 100%\n    );\n}\n\n\n\/* Entr\u00e9e l\u00e9g\u00e8re du contenu apr\u00e8s la transition *\/\n.jny-duo-v52-signature,\n.jny-duo-v52.story-inview\n.jny-duo-v52-signature{\n  opacity:1;\n\n  transform:none;\n}\n\n.jny-duo-v52.story-inview\n\/* Couleurs : on force les valeurs du design final *\/\n.jny-duo-v52-name{\n  color:#FBF9F6!important;\n}\n\n.jny-duo-v52-role,\n.jny-duo-v52-center-you{\n  color:#B9C4B2!important;\n}\n\n.jny-duo-v52-text,\n.jny-duo-v52-center-note,\n\/* =========================================================\n   MOBILE\n========================================================= *\/\n\n@media(max-width:760px){\n\n  .jny-duo-v52-hero-stage{\n    height:122svh;\n  }\n\n  .jny-duo-v52-hero-frame{\n    height:100svh;\n  }\n\n  .jny-duo-v52-hero-media img{\n    object-position:center 55%;\n  }\n\n  .jny-duo-v52-hero-copy{\n    transform:\n      translate(-50%,-39%);\n  }\n\n  .jny-duo-v52.is-js\n  .jny-duo-v52-hero-copy{\n    transform:\n      translate(-50%,-32%)\n      scale(.94);\n  }\n\n  .jny-duo-v52-hero-title{\n    font-size:\n      clamp(50px,12.9vw,72px);\n\n    line-height:.95;\n  }\n\n  .jny-duo-v52-scroll-cue,\n  .jny-duo-v52-scroll-cue:hover,\n  .jny-duo-v52-scroll-cue:focus-visible{\n    width:52px;\n    height:52px;\n\n    bottom:26px;\n  }\n\n  .jny-duo-v52-wrap{\n    padding:\n      70px\n      18px\n      88px;\n  }\n\n}\n\n\n\/* =========================================================\n   REDUCED MOTION\n========================================================= *\/\n\n@media(prefers-reduced-motion:reduce){\n\n  .jny-duo-v52-hero-stage{\n    height:auto;\n  }\n\n  .jny-duo-v52-hero-frame{\n    position:relative;\n\n    height:\n      min(820px,88svh);\n  }\n\n  .jny-duo-v52.is-js\n  .jny-duo-v52-hero-copy{\n    opacity:1!important;\n\n    transform:\n      translate(-50%,-44%)!important;\n\n    filter:none!important;\n  }\n\n  .jny-duo-v52-signature,\n  .jny-duo-v52-scroll-cue::before{\n    animation:none!important;\n  }\n\n}\n\n\n\n\/* =========================================================\n   V41 \u2014 TEXTE PR\u00c9SENT D\u00c8S LE D\u00c9BUT + HOVER\n========================================================= *\/\n\n.jny-duo-v52-hero-copy{\n  opacity:1!important;\n  filter:none!important;\n  transform:translate(-50%,-43%) scale(1)!important;\n\n  will-change:\n    transform,\n    opacity,\n    filter;\n\n  transition:\n    transform .38s cubic-bezier(.22,1,.36,1),\n    opacity .38s ease,\n    filter .38s ease,\n    text-shadow .38s ease;\n}\n\n\/* On annule le masquage JS des versions pr\u00e9c\u00e9dentes *\/\n.jny-duo-v52.is-js\n.jny-duo-v52-hero-copy{\n  opacity:1!important;\n  filter:none!important;\n  transform:translate(-50%,-43%) scale(1)!important;\n}\n\n\/* Hover discret et premium sur le hero *\/\n.jny-duo-v52-hero-frame:hover .jny-duo-v52-hero-copy,\n.jny-duo-v52-hero-frame:focus-within .jny-duo-v52-hero-copy{\n  transform:translate(-50%,-44.5%) scale(1.015)!important;\n  filter:none!important;\n}\n\n.jny-duo-v52-hero-frame:hover .jny-duo-v52-hero-title,\n.jny-duo-v52-hero-frame:focus-within .jny-duo-v52-hero-title{\n  text-shadow:\n    0 18px 48px rgba(19,7,12,.24),\n    0 0 24px rgba(251,249,246,.08);\n}\n\n.jny-duo-v52-hero-frame:hover .jny-duo-v52-hero-title em,\n.jny-duo-v52-hero-frame:focus-within .jny-duo-v52-hero-title em{\n  color:#E6ECDf!important;\n}\n\n\/* Le panneau commence un peu plus tard pour ne pas couper le texte trop t\u00f4t *\/\n@media(max-width:760px){\n  .jny-duo-v52-hero-copy{\n    transform:translate(-50%,-39%) scale(1)!important;\n  }\n\n  .jny-duo-v52.is-js\n  .jny-duo-v52-hero-copy{\n    transform:translate(-50%,-39%) scale(1)!important;\n  }\n\n  .jny-duo-v52-hero-frame:hover .jny-duo-v52-hero-copy,\n  .jny-duo-v52-hero-frame:focus-within .jny-duo-v52-hero-copy{\n    transform:translate(-50%,-40.5%) scale(1.012)!important;\n  }\n\n  }\n\n\n\n\/* =========================================================\n   V42 \u2014 TRANSITION DIRECTE PHOTO -> BLOC\n========================================================= *\/\n\n.jny-duo-v52-hero-frame{\n  box-shadow:none!important;\n}\n\n.jny-duo-v52-story{\n  margin-top:0!important;\n\n  background:\n    linear-gradient(\n      180deg,\n      #54232F 0%,\n      #471C28 72%,\n      #4E262F 100%\n    );\n}\n\n\n\n\/* tr\u00e8s l\u00e9ger trait de s\u00e9paration seulement *\/\n.jny-duo-v52-story::before{\n  content:none!important;\n  display:none!important;\n}\n\n@media(max-width:760px){\n  .jny-duo-v52-wrap{\n    padding:\n      34px\n      18px\n      54px!important;\n  }\n}\n\n\n\n\/* =========================================================\n   V44 \u2014 AJUSTEMENTS FINAUX\n========================================================= *\/\n\n\/* Fl\u00e8che visible d\u00e8s l'arriv\u00e9e sur l'image et pendant tout le hero *\/\n.jny-duo-v52-scroll-cue,\n.jny-duo-v52-scroll-cue:hover,\n.jny-duo-v52-scroll-cue:focus,\n.jny-duo-v52-scroll-cue:focus-visible{\n  opacity:1!important;\n  visibility:visible!important;\n  pointer-events:auto!important;\n}\n\n\/* Le haut du bloc reste compact *\/\n.jny-duo-v52-story::before{\n  margin-bottom:0!important;\n}\n\n\/* Davantage d'air sous Jeanne \/ YOU \/ Na\u00ebl avant le footer *\/\n.jny-duo-v52-story{\n  padding-bottom:\n    clamp(26px,3vw,42px);\n}\n\n@media(max-width:760px){\n\n  .jny-duo-v52-wrap{\n    padding:\n      12px\n      18px\n      78px!important;\n  }\n\n  .jny-duo-v52-signature{\n    margin-top:4px!important;\n\n    padding:\n      18px\n      0\n      16px!important;\n  }\n\n  .jny-duo-v52-story{\n    padding-bottom:22px;\n  }\n\n}\n\n\n\n\/* =========================================================\n   V45 \u2014 IMAGE ET BLOC DUO ENCHA\u00ceN\u00c9S SANS VIDE\n========================================================= *\/\n\n.jny-duo-v52-hero-stage,\n.jny-duo-v52-hero-frame{\n  height:100svh!important;\n}\n\n.jny-duo-v52-story{\n  margin:0!important;\n  padding-top:0!important;\n}\n\n.jny-duo-v52-wrap{\n  padding-top:clamp(86px,6vw,104px)!important;\n}\n\n.jny-duo-v52-signature{\n  margin-top:clamp(14px,1.1vw,20px)!important;\n}\n\n\/* La fl\u00e8che reste visible en permanence sur l'image *\/\n.jny-duo-v52-scroll-cue{\n  opacity:1!important;\n  visibility:visible!important;\n  pointer-events:auto!important;\n}\n\n@media(max-width:760px){\n\n  .jny-duo-v52-hero-stage,\n  .jny-duo-v52-hero-frame{\n    height:100svh!important;\n  }\n\n  .jny-duo-v52-wrap{\n    padding:\n      52px\n      18px\n      84px!important;\n  }\n\n  .jny-duo-v52-signature{\n    margin-top:10px!important;\n\n    padding:\n      20px\n      0\n      18px!important;\n  }\n\n}\n\n\n\n\/* =========================================================\n   V49 \u2014 TITRE HERO PLUS LARGE + HOVER LISIBILIT\u00c9\n========================================================= *\/\n\n.jny-duo-v52-hero-copy{\n  width:min(100%,1440px)!important;\n  padding:0 clamp(14px,2.6vw,34px)!important;\n}\n\n.jny-duo-v52-hero-title{\n  max-width:none!important;\n  text-shadow:\n    0 16px 48px rgba(19,7,12,.26),\n    0 2px 8px rgba(19,7,12,.18)!important;\n}\n\n.jny-duo-v52-hero-frame:hover .jny-duo-v52-hero-title,\n.jny-duo-v52-hero-frame:focus-within .jny-duo-v52-hero-title{\n  text-shadow:\n    0 20px 60px rgba(19,7,12,.34),\n    0 4px 14px rgba(19,7,12,.24),\n    0 0 28px rgba(251,249,246,.10)!important;\n}\n\n.jny-duo-v52-hero-frame:hover .jny-duo-v52-hero-shade,\n.jny-duo-v52-hero-frame:focus-within .jny-duo-v52-hero-shade{\n  background-color:rgba(32,12,18,.15)!important;\n}\n\n\/* fl\u00e8che toujours visible d\u00e8s le premier \u00e9cran *\/\n.jny-duo-v52-scroll-cue,\n.jny-duo-v52-scroll-cue:hover,\n.jny-duo-v52-scroll-cue:focus,\n.jny-duo-v52-scroll-cue:focus-visible,\n.jny-duo-v52-scroll-cue:active{\n  bottom:clamp(18px,2.8vw,34px)!important;\n  opacity:1!important;\n  visibility:visible!important;\n  pointer-events:auto!important;\n  z-index:10!important;\n}\n\n@media(max-width:760px){\n\n  .jny-duo-v52-hero-copy{\n    width:min(100%,96vw)!important;\n    padding:0 16px!important;\n  }\n\n  .jny-duo-v52-hero-title{\n    font-size:clamp(50px,12.9vw,72px)!important;\n  }\n\n  .jny-duo-v52-scroll-cue,\n  .jny-duo-v52-scroll-cue:hover,\n  .jny-duo-v52-scroll-cue:focus-visible{\n    bottom:18px!important;\n  }\n\n}\n\n\n\n\/* =========================================================\n   V50 \u2014 PLUS DE ROUGE + FL\u00c8CHE PLUS HAUTE\n========================================================= *\/\n\n.jny-duo-v52-wrap{\n  padding-top:clamp(118px,8vw,148px)!important;\n}\n\n\/* Fl\u00e8che remont\u00e9e franchement dans le hero *\/\n.jny-duo-v52-scroll-cue,\n.jny-duo-v52-scroll-cue:hover,\n.jny-duo-v52-scroll-cue:focus,\n.jny-duo-v52-scroll-cue:focus-visible,\n.jny-duo-v52-scroll-cue:active{\n  bottom:clamp(240px,28vh,320px)!important;\n\n  opacity:1!important;\n  visibility:visible!important;\n  pointer-events:auto!important;\n\n  z-index:20!important;\n}\n\n\/* un peu plus visible sans devenir lourde *\/\n.jny-duo-v52-scroll-cue{\n  background:rgba(27,10,16,.22)!important;\n  border-color:rgba(251,249,246,.82)!important;\n\n  box-shadow:\n    0 16px 42px rgba(20,8,14,.20),\n    0 0 0 1px rgba(251,249,246,.04);\n}\n\n@media(max-width:760px){\n\n  .jny-duo-v52-wrap{\n    padding:\n      72px\n      18px\n      84px!important;\n  }\n\n  .jny-duo-v52-scroll-cue,\n  .jny-duo-v52-scroll-cue:hover,\n  .jny-duo-v52-scroll-cue:focus-visible{\n    bottom:110px!important;\n  }\n\n}\n\n\n\n\/* =========================================================\n   V52 \u2014 TRANSITION PLUS PROPRE VERS LE FOOTER\n========================================================= *\/\n\n\/* Fin du bloc plus douce, sans ligne de coupure *\/\n.jny-duo-v52-story{\n  position:relative;\n\n  padding-bottom:\n    clamp(74px,6vw,100px)!important;\n\n  background:\n    linear-gradient(\n      180deg,\n      #54232F 0%,\n      #471C28 72%,\n      #4E262F 100%\n    )!important;\n}\n\n\/* l\u00e9ger fondu final pour faire entrer naturellement le footer *\/\n.jny-duo-v52-story::after{\n  content:\"\";\n\n  position:absolute;\n\n  left:0;\n  right:0;\n  bottom:0;\n\n  height:clamp(48px,4vw,68px);\n\n  pointer-events:none;\n\n  background:\n    linear-gradient(\n      180deg,\n      rgba(78,38,47,0) 0%,\n      rgba(78,38,47,.72) 58%,\n      #4E262F 100%\n    );\n}\n\n\/* On enl\u00e8ve uniquement le petit \"Jeanne \u00b7 Na\u00ebl \u00b7 Vous\"\n   qui s'affiche au d\u00e9marrage du footer suivant. *\/\n.jny-footer-v16-cta-mark{\n  display:none!important;\n}\n\n\/* s\u00e9curit\u00e9 si une ancienne signature similaire reste dans le footer *\/\n.jny-footer-v16-signature{\n  display:none!important;\n}\n\n\/* pas de trait visuel en bas du duo *\/\n.jny-duo-v52-signature{\n  border-bottom:0!important;\n}\n\n@media(max-width:760px){\n\n  .jny-duo-v52-story{\n    padding-bottom:64px!important;\n  }\n\n  .jny-duo-v52-story::after{\n    height:42px;\n  }\n\n}\n\n<\/style>\n\n\n<!-- =========================================================\n     SECTION\n========================================================= -->\n\n<section\n  class=\"jny-duo-v52\"\n  aria-label=\"Notre duo JN.YOU\"\n>\n\n  \n\n  <!-- ======================================================\n       HERO PHOTO \u2014 TEXTE R\u00c9V\u00c9L\u00c9 AU SCROLL\n  ======================================================= -->\n\n  <div class=\"jny-duo-v52-hero-stage\">\n\n    <div class=\"jny-duo-v52-hero-frame\">\n\n      <div\n        class=\"jny-duo-v52-hero-media\"\n        aria-hidden=\"true\"\n      >\n\n        <img\n          src=\"https:\/\/www.jnyouevents.com\/wp-content\/uploads\/2026\/08\/05_2027_ENGAGEMENT_VF_JEANNE_NAEL-21.jpg\"\n          onerror=\"this.onerror=null;this.src='https:\/\/www.jnyouevents.com\/wp-content\/uploads\/2026\/08\/05_2027_ENGAGEMENT_VF_JEANNE_NAEL-21-scaled.jpg';\"\n          alt=\"\"\n          loading=\"eager\"\n          decoding=\"async\"\n          fetchpriority=\"high\"\n        >\n\n      <\/div>\n\n\n      <div\n        class=\"jny-duo-v52-hero-shade\"\n        aria-hidden=\"true\"\n      ><\/div>\n<div class=\"jny-duo-v52-hero-copy\">\n\n        <h1 class=\"jny-duo-v52-hero-title\">\n\n          Two perspectives, perfectly in sync.\n\n          <em>\n            You, at the heart of it all.\n          <\/em>\n\n        <\/h1>\n\n      <\/div>\n\n\n      <button\n        class=\"jny-duo-v52-scroll-cue\"\n        type=\"button\"\n        aria-label=\"Faire appara\u00eetre notre histoire\"\n      ><\/button>\n\n    <\/div>\n\n  <\/div>\n\n\n  <!-- ======================================================\n       JEANNE \u2014 YOU \u2014 NA\u00cbL\n  ======================================================= -->\n\n  <div\n    class=\"jny-duo-v52-story\"\n    id=\"jny-duo-v52-story\"\n  >\n\n<div class=\"jny-duo-v52-wrap\">\n\n<!-- =====================================================\n         DUO\n    ====================================================== -->\n\n    <div class=\"jny-duo-v52-signature\">\n\n\n      <!-- ===================================================\n           JEANNE\n      ==================================================== -->\n\n      <div\n        class=\"jny-duo-v52-person jny-duo-v52-person--left\"\n      >\n\n        <span\n          class=\"jny-duo-v52-letter\"\n          aria-hidden=\"true\"\n        >\n          J\n        <\/span>\n\n\n        <span class=\"jny-duo-v52-name\">\n          Jeanne\n        <\/span>\n\n\n        <span class=\"jny-duo-v52-role\">\n          LISTENING \u00b7 INTUITION \u00b7 PRECISION\n        <\/span>\n\n\n        <p class=\"jny-duo-v52-text\">\n\n          Jeanne begins by understanding who you are, what you love and what truly matters to you. She notices the smallest details, brings meaning to every choice and shapes your ideas into a celebration that feels unmistakably yours.\n\n        <\/p>\n\n      <\/div>\n\n\n      <!-- ===================================================\n           YOU\n      ==================================================== -->\n\n      <div class=\"jny-duo-v52-center\">\n\n        <div class=\"jny-duo-v52-orbit\">\n\n          <div class=\"jny-duo-v52-center-inner\">\n\n\n            <span class=\"jny-duo-v52-center-small\">\n              THE STARTING POINT\n            <\/span>\n\n\n            <span class=\"jny-duo-v52-center-you\">\n              You\n            <\/span>\n\n\n            <span class=\"jny-duo-v52-center-note\">\n              Votre histoire avant tout.\n            <\/span>\n\n          <\/div>\n\n        <\/div>\n\n      <\/div>\n\n\n      <!-- ===================================================\n           NA\u00cbL\n      ==================================================== -->\n\n      <div\n        class=\"jny-duo-v52-person jny-duo-v52-person--right\"\n      >\n\n        <span\n          class=\"jny-duo-v52-letter\"\n          aria-hidden=\"true\"\n        >\n          N\n        <\/span>\n\n\n        <span class=\"jny-duo-v52-name\">\n          Na\u00ebl\n        <\/span>\n\n\n        <span class=\"jny-duo-v52-role\">\n          PERSPECTIVE \u00b7 IDEAS \u00b7 FLOW\n        <\/span>\n\n\n        <p class=\"jny-duo-v52-text\">\n\n          Na\u00ebl brings perspective, finds simple solutions and often the idea no one had considered yet. His vision complements Jeanne\u2019s, making every project feel more seamless, effortless and natural.\n\n        <\/p>\n\n      <\/div>\n\n    <\/div>\n<\/div>\n\n\n  <\/div>\n\n<\/section>\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n<script>\n(function(){\n\n  function initJnyDuoV52(){\n\n    var root = document.querySelector(\".jny-duo-v52\");\n    if(!root){ return; }\n\n    var image = root.querySelector(\".jny-duo-v52-hero-media img\");\n    var shade = root.querySelector(\".jny-duo-v52-hero-shade\");\n    var copy = root.querySelector(\".jny-duo-v52-hero-copy\");\n    var cue = root.querySelector(\".jny-duo-v52-scroll-cue\");\n    var story = root.querySelector(\".jny-duo-v52-story\");\n    var signature = root.querySelector(\".jny-duo-v52-signature\");\n\n    root.classList.add(\"is-js\");\n\n    if(image){\n      image.style.transform = \"translate3d(0,0,0) scale(1)\";\n    }\n\n    if(shade){\n      shade.style.backgroundColor = \"rgba(32,12,18,.10)\";\n      shade.style.opacity = \"1\";\n    }\n\n    if(copy){\n      copy.style.opacity = \"1\";\n      copy.style.filter = \"none\";\n\n      copy.style.transform =\n        window.innerWidth <= 760\n          ? \"translate(-50%,-39%) scale(1)\"\n          : \"translate(-50%,-43%) scale(1)\";\n    }\n\n    if(cue){\n\n      cue.style.opacity = \"1\";\n      cue.style.visibility = \"visible\";\n      cue.style.pointerEvents = \"auto\";\n      cue.style.display = \"flex\";\n\n      cue.addEventListener(\"click\", function(){\n\n        if(!story){ return; }\n\n        var storyTop =\n          window.scrollY +\n          story.getBoundingClientRect().top;\n\n        window.scrollTo({\n          top: storyTop,\n          behavior:\"smooth\"\n        });\n\n      });\n    }\n\n    if(signature && \"IntersectionObserver\" in window){\n\n      var observer =\n        new IntersectionObserver(function(entries){\n\n          entries.forEach(function(entry){\n\n            if(entry.isIntersecting){\n              root.classList.add(\"story-inview\");\n            }\n\n          });\n\n        },{\n          threshold:.08\n        });\n\n      observer.observe(signature);\n\n    }else{\n      root.classList.add(\"story-inview\");\n    }\n\n  }\n\n  if(document.readyState === \"loading\"){\n    document.addEventListener(\"DOMContentLoaded\", initJnyDuoV52);\n  }else{\n    initJnyDuoV52();\n  }\n\n})();\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Deux regards qui se compl\u00e8tent. Une seule chose au centre : vous. J Jeanne \u00c9coute \u00b7 sensibilit\u00e9 \u00b7 pr\u00e9cision Jeanne aime d\u2019abord comprendre qui vous \u00eates, ce que vous aimez et ce qui compte vraiment pour vous. Elle capte les petits d\u00e9tails, donne du sens \u00e0 chaque choix et transforme vos envies en une c\u00e9l\u00e9bration [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-35","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.jnyouevents.com\/en\/wp-json\/wp\/v2\/pages\/35","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.jnyouevents.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.jnyouevents.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.jnyouevents.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.jnyouevents.com\/en\/wp-json\/wp\/v2\/comments?post=35"}],"version-history":[{"count":97,"href":"https:\/\/www.jnyouevents.com\/en\/wp-json\/wp\/v2\/pages\/35\/revisions"}],"predecessor-version":[{"id":1483,"href":"https:\/\/www.jnyouevents.com\/en\/wp-json\/wp\/v2\/pages\/35\/revisions\/1483"}],"wp:attachment":[{"href":"https:\/\/www.jnyouevents.com\/en\/wp-json\/wp\/v2\/media?parent=35"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}