{"id":39,"date":"2026-08-05T16:07:01","date_gmt":"2026-08-05T16:07:01","guid":{"rendered":"https:\/\/www.jnyouevents.com\/?page_id=39"},"modified":"2026-09-09T17:49:35","modified_gmt":"2026-09-09T17:49:35","slug":"mariages","status":"publish","type":"page","link":"https:\/\/www.jnyouevents.com\/en\/mariages\/","title":{"rendered":"Weddings"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"39\" class=\"elementor elementor-39\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-635df5b e-con-full e-flex e-con e-parent\" data-id=\"635df5b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-67ccafa elementor-widget elementor-widget-html\" data-id=\"67ccafa\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\n     JN.YOU \u2014 PAGE MARIAGES \/ BLOC 01 \u2014 HERO V11\n     CIN\u00c9MATIQUE \u2022 SCROLL MOTION \u2022 PREMIUM \u2022 APPLE-INSPIRED\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-mar-hero-v1{\n  --wine:#54232F;\n  --sage:#778A77;\n  --paper:#FBF9F6;\n  --porcelain:#F2EFEA;\n\n  position:relative;\n  left:50%;\n  width:100vw!important;\n  max-width:100vw!important;\n  margin-left:-50vw!important;\n  margin-right:-50vw!important;\n\n  min-height:100svh;\n  overflow:hidden;\n\n  background:#24171d;\n  color:var(--paper);\n\n  font-family:\"Montserrat\",sans-serif;\n\n  isolation:isolate;\n}\n\n.jny-mar-hero-v1,\n.jny-mar-hero-v1 *{box-sizing:border-box;}\n\n.elementor-widget-html:has(.jny-mar-hero-v1),\n.elementor-widget-html:has(.jny-mar-hero-v1) > .elementor-widget-container{\n  width:100%!important;\n  max-width:none!important;\n  overflow:visible!important;\n}\n\n\/* ===============================\n   IMAGE\n================================ *\/\n\n.jny-mar-hero-v1-media{\n  position:absolute;\n  inset:0;\n  z-index:-3;\n\n  overflow:hidden;\n}\n\n.jny-mar-hero-v1-img{\n  position:absolute;\n  inset:-1%;\n\n  width:102%;\n  height:102%;\n\n  object-fit:cover;\n  object-position:center 40%;\n\n  transform:scale(1.03);\n  will-change:transform,filter;\n\n  filter:saturate(.88) contrast(.98);\n}\n\n.jny-mar-hero-v1-shade{\n  position:absolute;\n  inset:0;\n  z-index:-2;\n\n  background:\n    linear-gradient(180deg,\n      rgba(23,14,19,.26) 0%,\n      rgba(23,14,19,.16) 30%,\n      rgba(23,14,19,.34) 72%,\n      rgba(23,14,19,.62) 100%\n    ),\n    linear-gradient(90deg,\n      rgba(32,17,25,.18) 0%,\n      rgba(32,17,25,.02) 55%,\n      rgba(32,17,25,.15) 100%\n    );\n}\n\n.jny-mar-hero-v1-vignette{\n  position:absolute;\n  inset:0;\n  z-index:-1;\n\n  box-shadow:inset 0 0 180px rgba(20,10,15,.22);\n  pointer-events:none;\n}\n\n\/* ===============================\n   WRAP\n================================ *\/\n\n.jny-mar-hero-v1-wrap{\n  position:relative;\n  z-index:3;\n\n  width:min(100%,1500px);\n  min-height:100svh;\n  margin:0 auto;\n\n  display:flex;\n  align-items:center;\n  justify-content:center;\n\n  padding:\n    clamp(82px,8.5vh,104px)\n    clamp(22px,5vw,72px)\n    clamp(88px,10vh,112px);\n}\n\n\/* ===============================\n   CENTRE\n================================ *\/\n\n.jny-mar-hero-v1-center{\n  display:flex;\n  align-items:center;\n  justify-content:center;\n\n  text-align:center;\n}\n\n.jny-mar-hero-v1-content{\n  width:min(100%,1080px);\n  margin-top:-13vh;\n\n  will-change:transform,opacity;\n}\n\n.jny-mar-hero-v1-kicker{\n  display:inline-flex;\n  align-items:center;\n  gap:11px;\n\n  margin-bottom:19px;\n\n  color:rgba(251,249,246,.72);\n\n  font-size:10.5px;\n  font-weight:600;\n  letter-spacing:.19em;\n  text-transform:uppercase;\n}\n\n.jny-mar-hero-v1-kicker::before,\n.jny-mar-hero-v1-kicker::after{\n  content:\"\";\n  width:32px;\n  height:1px;\n  background:rgba(251,249,246,.40);\n}\n\n.jny-mar-hero-v1-title{\n  margin:0;\n\n  color:var(--paper);\n\n  font-family:\"Cormorant Garamond\",serif;\n  font-size:clamp(68px,7.7vw,122px);\n  font-weight:500;\n  line-height:.95;\n  letter-spacing:-.042em;\n\n  text-wrap:balance;\n}\n\n.jny-mar-hero-v1-title span{\n  display:block;\n}\n\n.jny-mar-hero-v1-title span + span{\n  margin-top:.085em;\n}\n\n.jny-mar-hero-v1-title em{\n  display:block;\n  margin-top:.18em;\n\n  color:#D4DDD2;\n\n  font-size:.50em;\n  font-weight:400;\n  font-style:italic;\n  letter-spacing:-.018em;\n  line-height:1.06;\n}\n\n.jny-mar-hero-v1-copy{\n  width:min(100%,650px);\n  margin:23px auto 0;\n\n  color:rgba(251,249,246,.80);\n\n  font-size:15.5px;\n  line-height:1.75;\n}\n\n\/* ===============================\n   BAS\n================================ *\/\n\n.jny-mar-hero-v1-bottom{\n  position:absolute;\n  z-index:6;\n  left:clamp(22px,5vw,72px);\n  right:clamp(22px,5vw,72px);\n  bottom:clamp(72px,8vh,96px);\n\n  display:flex;\n  align-items:center;\n  justify-content:space-between;\n  gap:28px;\n\n  margin:0;\n\n  color:rgba(251,249,246,.82);\n}\n\n.jny-mar-hero-v1-meta{\n  display:flex;\n  gap:26px;\n  align-items:center;\n\n  font-size:10px;\n  font-weight:600;\n  letter-spacing:.14em;\n  text-transform:uppercase;\n}\n\n.jny-mar-hero-v1-meta span + span{\n  position:relative;\n}\n\n.jny-mar-hero-v1-meta span + span::before{\n  content:\"\";\n  position:absolute;\n  left:-14px;\n  top:50%;\n\n  width:3px;\n  height:3px;\n  border-radius:50%;\n\n  background:rgba(251,249,246,.38);\n\n  transform:translateY(-50%);\n}\n\n.jny-mar-hero-v1-scroll{\n  display:flex;\n  align-items:center;\n  gap:12px;\n\n  color:rgba(251,249,246,.72);\n\n  font-size:10px;\n  font-weight:600;\n  letter-spacing:.15em;\n  text-transform:uppercase;\n}\n\n.jny-mar-hero-v1-scroll-line{\n  position:relative;\n\n  width:54px;\n  height:1px;\n\n  overflow:hidden;\n\n  background:rgba(251,249,246,.28);\n}\n\n.jny-mar-hero-v1-scroll-line::after{\n  content:\"\";\n  position:absolute;\n  inset:0 auto 0 0;\n\n  width:44%;\n  background:var(--paper);\n\n  animation:jnyMarHeroLine 1.8s ease-in-out infinite;\n}\n\n@keyframes jnyMarHeroLine{\n  0%{transform:translateX(-130%);}\n  65%,100%{transform:translateX(260%);}\n}\n\n\/* ===============================\n   REVEAL PORCELAINE\n================================ *\/\n\n.jny-mar-hero-v1-reveal{\n  position:absolute;\n  z-index:5;\n  left:50%;\n  bottom:-1px;\n\n  width:104vw;\n  height:0;\n\n  background:var(--paper);\n\n  border-radius:50% 50% 0 0 \/ 22px 22px 0 0;\n\n  transform:translateX(-50%);\n  will-change:height;\n  pointer-events:none;\n}\n\n\/* ===============================\n   ENTR\u00c9E\n================================ *\/\n\n.jny-mar-hero-v1.is-ready .jny-mar-hero-v1-kicker,\n.jny-mar-hero-v1.is-ready .jny-mar-hero-v1-title,\n.jny-mar-hero-v1.is-ready .jny-mar-hero-v1-copy,\n.jny-mar-hero-v1.is-ready .jny-mar-hero-v1-bottom{\n  opacity:1;\n  transform:translateY(0);\n}\n\n.jny-mar-hero-v1-kicker,\n.jny-mar-hero-v1-title,\n.jny-mar-hero-v1-copy,\n.jny-mar-hero-v1-bottom{\n  opacity:0;\n  transform:translateY(24px);\n\n  transition:\n    opacity .95s cubic-bezier(.2,.7,.2,1),\n    transform .95s cubic-bezier(.2,.7,.2,1);\n}\n\n.jny-mar-hero-v1-title{transition-delay:.08s;}\n.jny-mar-hero-v1-copy{transition-delay:.16s;}\n.jny-mar-hero-v1-bottom{transition-delay:.26s;}\n\n\n\/* ===============================\n   V8 \u2014 COMPENSATION BARRE WORDPRESS\n   Garde le hero enti\u00e8rement visible lorsqu'on est connect\u00e9\n================================ *\/\nbody.admin-bar .jny-mar-hero-v1,\nbody.admin-bar .jny-mar-hero-v1-wrap{\n  min-height:calc(100svh - 32px);\n}\n\n@media(max-width:782px){\n  body.admin-bar .jny-mar-hero-v1,\n  body.admin-bar .jny-mar-hero-v1-wrap{\n    min-height:calc(100svh - 46px);\n  }\n}\n\n\/* ===============================\n   TABLETTE\n   VERSION \u00c9DITORIALE PLUS HARMONIEUSE\n================================ *\/\n\n@media(min-width:701px) and (max-width:1024px){\n\n  .jny-mar-hero-v1{\n    min-height:100svh;\n  }\n\n  .jny-mar-hero-v1-media{\n    inset:0;\n  }\n\n  .jny-mar-hero-v1-img{\n    inset:0;\n\n    width:100%;\n    height:100%;\n\n    object-fit:cover;\n    object-position:center 40%;\n\n    transform:scale(1.015);\n    filter:saturate(.92) contrast(.99);\n  }\n\n  .jny-mar-hero-v1-shade{\n    background:\n      linear-gradient(\n        180deg,\n        rgba(20,10,15,.09) 0%,\n        rgba(20,10,15,.03) 28%,\n        rgba(20,10,15,.08) 44%,\n        rgba(26,12,19,.40) 63%,\n        rgba(26,12,19,.86) 100%\n      );\n  }\n\n  .jny-mar-hero-v1-vignette{\n    box-shadow:\n      inset 0 0 120px rgba(20,10,15,.10),\n      inset 0 -120px 160px rgba(20,10,15,.10);\n  }\n\n  .jny-mar-hero-v1-wrap{\n    min-height:100svh;\n\n    display:flex;\n    align-items:center;\n    justify-content:center;\n\n    padding:\n      clamp(74px,7.8vh,90px)\n      clamp(42px,7vw,72px)\n      92px;\n  }\n\n  .jny-mar-hero-v1-center{\n    flex:1;\n    display:flex;\n    align-items:center;\n    justify-content:flex-start;\n    text-align:left;\n  }\n\n  .jny-mar-hero-v1-content{\n    position:relative;\n\n    width:min(76%,700px);\n    margin:-12vh 0 0;\n\n    padding:\n      28px\n      30px\n      30px;\n\n    border:1px solid rgba(251,249,246,.12);\n    border-radius:26px;\n\n    background:\n      linear-gradient(\n        135deg,\n        rgba(44,23,32,.46) 0%,\n        rgba(44,23,32,.24) 100%\n      );\n\n    box-shadow:\n      0 20px 60px rgba(16,7,11,.14),\n      inset 0 1px 0 rgba(255,255,255,.04);\n\n    backdrop-filter:blur(10px);\n    -webkit-backdrop-filter:blur(10px);\n  }\n\n  .jny-mar-hero-v1-content::before{\n    content:\"\";\n\n    position:absolute;\n    left:30px;\n    top:-1px;\n\n    width:74px;\n    height:2px;\n\n    background:#A8B6A5;\n    border-radius:999px;\n  }\n\n  .jny-mar-hero-v1-kicker{\n    justify-content:flex-start;\n\n    margin-bottom:15px;\n\n    color:rgba(251,249,246,.72);\n\n    font-size:9.4px;\n    letter-spacing:.17em;\n  }\n\n  .jny-mar-hero-v1-kicker::before{\n    width:22px;\n  }\n\n  .jny-mar-hero-v1-kicker::after{\n    display:none;\n  }\n\n  .jny-mar-hero-v1-title{\n    max-width:650px;\n\n    font-size:clamp(54px,7.3vw,70px);\n    line-height:.96;\n    letter-spacing:-.039em;\n\n    text-wrap:balance;\n  }\n\n  .jny-mar-hero-v1-title em{\n    margin-top:.13em;\n\n    font-size:.54em;\n    line-height:1.06;\n    letter-spacing:-.02em;\n  }\n\n  .jny-mar-hero-v1-copy{\n    width:min(100%,560px);\n    margin:21px 0 0;\n\n    color:rgba(251,249,246,.82);\n\n    font-size:14.2px;\n    line-height:1.69;\n  }\n\n  .jny-mar-hero-v1-bottom{\n    left:clamp(42px,7vw,72px);\n    right:clamp(42px,7vw,72px);\n    bottom:64px;\n    align-items:center;\n  }\n\n  .jny-mar-hero-v1-meta{\n    gap:22px;\n\n    font-size:8.2px;\n  }\n\n  .jny-mar-hero-v1-scroll{\n    font-size:8.2px;\n  }\n\n  .jny-mar-hero-v1-reveal{\n    display:none;\n  }\n}\n\n\/* tablette portrait plus \u00e9troite *\/\n@media(min-width:701px) and (max-width:820px){\n\n  .jny-mar-hero-v1-wrap{\n    padding-left:34px;\n    padding-right:34px;\n  }\n\n  .jny-mar-hero-v1-content{\n    width:min(84%,650px);\n    margin-top:-10vh;\n\n    padding:\n      25px\n      27px\n      27px;\n  }\n\n  .jny-mar-hero-v1-title{\n    font-size:clamp(52px,8.2vw,66px);\n  }\n\n  .jny-mar-hero-v1-copy{\n    font-size:13.9px;\n  }\n}\n\n\/* ===============================\n   MOBILE\n   M\u00caME BLOC, PLUS \u00c9DITORIAL ET COMPACT\n================================ *\/\n\n@media(max-width:700px){\n\n  .jny-mar-hero-v1{\n    min-height:100svh;\n  }\n\n  .jny-mar-hero-v1-media{\n    inset:0;\n  }\n\n  .jny-mar-hero-v1-img{\n    inset:0;\n\n    width:100%;\n    height:100%;\n\n    object-fit:cover;\n    object-position:center 42%;\n\n    transform:scale(1.005);\n    filter:saturate(.93) contrast(.99);\n  }\n\n  .jny-mar-hero-v1-shade{\n    background:\n      linear-gradient(\n        180deg,\n        rgba(20,10,15,.07) 0%,\n        rgba(20,10,15,.03) 26%,\n        rgba(20,10,15,.10) 44%,\n        rgba(27,12,20,.54) 68%,\n        rgba(27,12,20,.92) 100%\n      );\n  }\n\n  .jny-mar-hero-v1-vignette{\n    box-shadow:inset 0 0 90px rgba(20,10,15,.11);\n  }\n\n  .jny-mar-hero-v1-wrap{\n    min-height:100svh;\n\n    display:flex;\n    align-items:center;\n    justify-content:center;\n\n    padding:\n      clamp(70px,7vh,82px)\n      18px\n      96px;\n  }\n\n  .jny-mar-hero-v1-center{\n    flex:1;\n    display:flex;\n    align-items:center;\n    text-align:left;\n    padding-bottom:0;\n  }\n\n  .jny-mar-hero-v1-content{\n    width:100%;\n    margin:-4vh 0 0;\n  }\n\n  .jny-mar-hero-v1-kicker{\n    margin-bottom:11px;\n\n    font-size:8.5px;\n    letter-spacing:.16em;\n  }\n\n  .jny-mar-hero-v1-kicker::before{\n    width:20px;\n  }\n\n  .jny-mar-hero-v1-kicker::after{\n    display:none;\n  }\n\n  .jny-mar-hero-v1-title{\n    max-width:560px;\n\n    font-size:clamp(43px,12vw,56px);\n    line-height:.98;\n    letter-spacing:-.037em;\n\n    text-wrap:balance;\n  }\n\n  .jny-mar-hero-v1-title em{\n    margin-top:.15em;\n\n    font-size:.57em;\n    line-height:1.08;\n    letter-spacing:-.018em;\n  }\n\n  .jny-mar-hero-v1-copy{\n    width:min(100%,470px);\n    margin:16px 0 0;\n\n    color:rgba(251,249,246,.84);\n\n    font-size:13.4px;\n    line-height:1.64;\n  }\n\n  .jny-mar-hero-v1-bottom{\n    left:18px;\n    right:18px;\n    bottom:46px;\n    align-items:flex-start;\n  }\n\n  .jny-mar-hero-v1-meta{\n    flex-wrap:wrap;\n\n    gap:17px;\n\n    font-size:7.7px;\n    letter-spacing:.13em;\n  }\n\n  .jny-mar-hero-v1-meta span + span::before{\n    left:-9px;\n  }\n\n  .jny-mar-hero-v1-scroll{\n    display:none;\n  }\n\n  .jny-mar-hero-v1-reveal{\n    display:none;\n  }\n}\n\n\/* ===============================\n   V13 \u2014 CADRAGE PHOTO MOBILE\n================================ *\/\n@media(max-width:520px){\n  .jny-mar-hero-v1-img{\n    object-position:50% 50%;\n  }\n}\n\n\/* ===============================\n   PETITS MOBILES\n================================ *\/\n\n@media(max-width:390px){\n\n  .jny-mar-hero-v1{\n    min-height:100svh;\n  }\n\n  .jny-mar-hero-v1-wrap{\n    min-height:100svh;\n\n    padding:\n      64px\n      15px\n      88px;\n  }\n\n  .jny-mar-hero-v1-title{\n    font-size:clamp(42px,12.5vw,50px);\n  }\n\n  .jny-mar-hero-v1-copy{\n    font-size:12.9px;\n    line-height:1.61;\n  }\n\n  .jny-mar-hero-v1-bottom{\n    margin-top:22px;\n  }\n\n  .jny-mar-hero-v1-meta{\n    gap:15px;\n    font-size:7.2px;\n  }\n}\n\n\n\/* ===============================\n   V6 \u2014 AJUSTEMENT \u00c9CRANS DESKTOP PLUS BAS\n   Tout reste visible d\u00e8s le premier \u00e9cran\n================================ *\/\n@media(min-width:1025px) and (max-height:820px){\n\n  .jny-mar-hero-v1-wrap{\n    padding-top:68px;\n    padding-bottom:92px;\n  }\n\n  .jny-mar-hero-v1-content{\n    margin-top:-11vh;\n  }\n\n  .jny-mar-hero-v1-title{\n    font-size:clamp(66px,7.4vw,112px);\n  }\n\n  .jny-mar-hero-v1-copy{\n    margin-top:18px;\n    font-size:14.7px;\n    line-height:1.66;\n  }\n\n  .jny-mar-hero-v1-kicker{\n    margin-bottom:15px;\n  }\n}\n\n\n@media(min-width:1025px) and (max-height:760px){\n  .jny-mar-hero-v1-content{\n    margin-top:-8vh;\n  }\n\n  .jny-mar-hero-v1-bottom{\n    bottom:62px;\n  }\n\n  .jny-mar-hero-v1-title{\n    font-size:clamp(62px,7vw,104px);\n  }\n\n  .jny-mar-hero-v1-copy{\n    margin-top:16px;\n  }\n}\n\n\n\/* V9 \u2014 la ligne basse doit rester clairement visible en preview WordPress *\/\nbody.admin-bar .jny-mar-hero-v1-bottom{\n  bottom:clamp(82px,9vh,108px);\n}\n\n@media(max-width:1024px){\n  body.admin-bar .jny-mar-hero-v1-bottom{\n    bottom:68px;\n  }\n}\n\n@media(max-width:700px){\n  body.admin-bar .jny-mar-hero-v1-bottom{\n    bottom:52px;\n  }\n}\n\n\n\/* ===============================\n   V10 \u2014 HERO CAL\u00c9 SUR LE PREMIER \u00c9CRAN\n   Le header est pris en compte : les infos du bas restent visibles.\n================================ *\/\n@media(min-width:1025px){\n\n  .jny-mar-hero-v1,\n  .jny-mar-hero-v1-wrap{\n    height:calc(100svh - 94px);\n    min-height:calc(100svh - 94px);\n  }\n\n  body.admin-bar .jny-mar-hero-v1,\n  body.admin-bar .jny-mar-hero-v1-wrap{\n    height:calc(100svh - 126px);\n    min-height:calc(100svh - 126px);\n  }\n\n  .jny-mar-hero-v1-wrap{\n    padding-top:clamp(62px,7vh,82px);\n    padding-bottom:100px;\n  }\n\n  .jny-mar-hero-v1-content{\n    margin-top:-8vh;\n  }\n\n  .jny-mar-hero-v1-bottom{\n    left:clamp(28px,5vw,74px);\n    right:clamp(28px,5vw,74px);\n    bottom:42px;\n  }\n\n  body.admin-bar .jny-mar-hero-v1-bottom{\n    bottom:42px;\n  }\n\n  .jny-mar-hero-v1-meta,\n  .jny-mar-hero-v1-scroll{\n    font-size:10.5px;\n    letter-spacing:.13em;\n  }\n\n  .jny-mar-hero-v1-scroll-line{\n    width:62px;\n  }\n}\n\n\/* s\u00e9curit\u00e9 pour les \u00e9crans d'ordinateur peu hauts *\/\n@media(min-width:1025px) and (max-height:760px){\n\n  .jny-mar-hero-v1-wrap{\n    padding-top:54px;\n    padding-bottom:88px;\n  }\n\n  .jny-mar-hero-v1-content{\n    margin-top:-5vh;\n  }\n\n  .jny-mar-hero-v1-bottom,\n  body.admin-bar .jny-mar-hero-v1-bottom{\n    bottom:34px;\n  }\n\n  .jny-mar-hero-v1-title{\n    font-size:clamp(60px,6.8vw,100px);\n  }\n\n  .jny-mar-hero-v1-copy{\n    margin-top:15px;\n    font-size:14.4px;\n    line-height:1.62;\n  }\n}\n\n\n\/* ===============================\n   V11 \u2014 REMONT\u00c9 FRANCHEMENT\n   Le bloc bas est positionn\u00e9 dans la zone visible du premier \u00e9cran,\n   ind\u00e9pendamment de la hauteur r\u00e9elle du hero \/ header Elementor.\n================================ *\/\n@media(min-width:1025px){\n\n  .jny-mar-hero-v1-content{\n    margin-top:-11vh!important;\n  }\n\n  .jny-mar-hero-v1-bottom,\n  body.admin-bar .jny-mar-hero-v1-bottom{\n    top:min(calc(100svh - 220px), 635px)!important;\n    bottom:auto!important;\n\n    left:clamp(30px,5vw,76px)!important;\n    right:clamp(30px,5vw,76px)!important;\n\n    margin:0!important;\n\n    opacity:1!important;\n    transform:none!important;\n  }\n\n  .jny-mar-hero-v1-meta,\n  .jny-mar-hero-v1-scroll{\n    font-size:10.5px!important;\n    letter-spacing:.13em!important;\n  }\n}\n\n@media(min-width:1025px) and (max-height:760px){\n\n  .jny-mar-hero-v1-content{\n    margin-top:-8vh!important;\n  }\n\n  .jny-mar-hero-v1-bottom,\n  body.admin-bar .jny-mar-hero-v1-bottom{\n    top:calc(100svh - 205px)!important;\n  }\n}\n\n\/* tablette : m\u00eame principe, clairement au-dessus du bord *\/\n@media(min-width:701px) and (max-width:1024px){\n\n  .jny-mar-hero-v1-bottom,\n  body.admin-bar .jny-mar-hero-v1-bottom{\n    top:calc(100svh - 190px)!important;\n    bottom:auto!important;\n  }\n}\n\n\/* mobile : Annecy \/ Suisse \/ Destination reste visible avant la fin *\/\n@media(max-width:700px){\n\n  .jny-mar-hero-v1-bottom,\n  body.admin-bar .jny-mar-hero-v1-bottom{\n    top:calc(100svh - 145px)!important;\n    bottom:auto!important;\n  }\n}\n\n\/* ===============================\n   REDUCED MOTION\n================================ *\/\n\n@media(prefers-reduced-motion:reduce){\n\n  .jny-mar-hero-v1 *,\n  .jny-mar-hero-v1 *::before,\n  .jny-mar-hero-v1 *::after{\n    animation:none!important;\n    transition:none!important;\n  }\n\n  .jny-mar-hero-v1-kicker,\n  .jny-mar-hero-v1-title,\n  .jny-mar-hero-v1-copy,\n  .jny-mar-hero-v1-bottom{\n    opacity:1!important;\n    transform:none!important;\n  }\n}\n\n\/* =========================================================\n   V14 \u2014 MOBILE \u00c9DITORIAL\n   Photo + contenu compact, sans grand vide 100vh\n========================================================= *\/\n@media(max-width:700px){\n\n  .jny-mar-hero-v1{\n    min-height:0!important;\n    height:auto!important;\n    overflow:hidden;\n    background:#1D0D14;\n  }\n\n  \/* La photo devient un vrai bloc dans le flux *\/\n  .jny-mar-hero-v1-media{\n    position:relative!important;\n    inset:auto!important;\n    width:100%;\n    height:clamp(430px,58svh,570px);\n    overflow:hidden;\n    z-index:0;\n  }\n\n  .jny-mar-hero-v1-img{\n    position:absolute;\n    inset:0!important;\n    width:100%!important;\n    height:100%!important;\n    object-fit:cover!important;\n    object-position:50% 40%!important;\n\n    \/* Pas de zoom\/parallaxe agressif sur mobile *\/\n    transform:none!important;\n    filter:saturate(.94) contrast(.99)!important;\n  }\n\n  \/* D\u00e9grad\u00e9 uniquement sur la zone photo *\/\n  .jny-mar-hero-v1-shade{\n    position:absolute;\n    z-index:1;\n    top:0;\n    right:0;\n    bottom:auto;\n    left:0;\n    height:clamp(430px,58svh,570px);\n\n    background:\n      linear-gradient(\n        180deg,\n        rgba(18,9,13,.03) 0%,\n        rgba(18,9,13,.02) 46%,\n        rgba(25,11,17,.12) 63%,\n        rgba(29,13,20,.60) 82%,\n        #1D0D14 100%\n      )!important;\n  }\n\n  .jny-mar-hero-v1-vignette{\n    position:absolute;\n    z-index:2;\n    top:0;\n    right:0;\n    bottom:auto;\n    left:0;\n    height:clamp(430px,58svh,570px);\n\n    box-shadow:\n      inset 0 0 70px rgba(20,10,15,.05),\n      inset 0 -70px 90px rgba(20,10,15,.12)!important;\n  }\n\n  \/* Le contenu chevauche volontairement le bas de la photo *\/\n  .jny-mar-hero-v1-wrap{\n    position:relative;\n    z-index:4;\n\n    min-height:0!important;\n    height:auto!important;\n\n    display:block!important;\n\n    margin:-112px auto 0!important;\n    padding:0 20px 34px!important;\n  }\n\n  .jny-mar-hero-v1-center{\n    display:block!important;\n    padding:0!important;\n    text-align:left!important;\n  }\n\n  .jny-mar-hero-v1-content{\n    width:100%!important;\n    max-width:none!important;\n    margin:0!important;\n    padding:0!important;\n\n    transform:none!important;\n    opacity:1!important;\n  }\n\n  .jny-mar-hero-v1-kicker{\n    margin:0 0 12px!important;\n    color:rgba(251,249,246,.76)!important;\n    font-size:8.8px!important;\n    letter-spacing:.17em!important;\n  }\n\n  .jny-mar-hero-v1-title{\n    max-width:100%!important;\n    margin:0!important;\n\n    font-size:clamp(44px,12.7vw,57px)!important;\n    line-height:.91!important;\n    letter-spacing:-.047em!important;\n  }\n\n  .jny-mar-hero-v1-title em{\n    margin-top:.15em!important;\n    font-size:.56em!important;\n    line-height:1.05!important;\n  }\n\n  .jny-mar-hero-v1-copy{\n    width:100%!important;\n    max-width:520px!important;\n    margin:25px 0 0!important;\n\n    color:rgba(251,249,246,.78)!important;\n    font-size:13.6px!important;\n    line-height:1.68!important;\n  }\n\n  \/* Plus de positionnement absolu \u00e0 100vh *\/\n  .jny-mar-hero-v1-bottom,\n  body.admin-bar .jny-mar-hero-v1-bottom{\n    position:relative!important;\n\n    top:auto!important;\n    right:auto!important;\n    bottom:auto!important;\n    left:auto!important;\n\n    display:block!important;\n\n    margin:30px 0 0!important;\n\n    opacity:1!important;\n    transform:none!important;\n  }\n\n  .jny-mar-hero-v1-meta{\n    display:flex!important;\n    flex-wrap:wrap;\n    align-items:center;\n\n    gap:18px!important;\n\n    color:rgba(251,249,246,.73)!important;\n\n    font-size:7.8px!important;\n    letter-spacing:.14em!important;\n  }\n\n  .jny-mar-hero-v1-meta span + span::before{\n    left:-10px!important;\n  }\n\n  .jny-mar-hero-v1-scroll{\n    display:none!important;\n  }\n\n  .jny-mar-hero-v1-reveal{\n    display:none!important;\n  }\n}\n\n\/* Tr\u00e8s petits mobiles *\/\n@media(max-width:390px){\n\n  .jny-mar-hero-v1-media,\n  .jny-mar-hero-v1-shade,\n  .jny-mar-hero-v1-vignette{\n    height:420px!important;\n  }\n\n  .jny-mar-hero-v1-wrap{\n    margin-top:-100px!important;\n    padding-left:16px!important;\n    padding-right:16px!important;\n    padding-bottom:30px!important;\n  }\n\n  .jny-mar-hero-v1-title{\n    font-size:clamp(41px,12.4vw,49px)!important;\n  }\n\n  .jny-mar-hero-v1-copy{\n    margin-top:22px!important;\n    font-size:13px!important;\n  }\n\n  .jny-mar-hero-v1-bottom,\n  body.admin-bar .jny-mar-hero-v1-bottom{\n    margin-top:26px!important;\n  }\n}\n\n\n\/* =========================================================\n   V15 \u2014 MOBILE PREMIUM AFFIN\u00c9\n   Composition plus \u00e9l\u00e9gante et plus naturelle\n========================================================= *\/\n@media(max-width:700px){\n\n  .jny-mar-hero-v1{\n    background:\n      linear-gradient(\n        180deg,\n        #1D0D14 0%,\n        #1D0D14 86%,\n        #24141B 100%\n      )!important;\n  }\n\n  \/* Photo un peu plus g\u00e9n\u00e9reuse, avec le couple mieux conserv\u00e9 *\/\n  .jny-mar-hero-v1-media{\n    height:clamp(455px,61svh,600px)!important;\n  }\n\n  .jny-mar-hero-v1-img{\n    object-position:50% 38%!important;\n    transform:none!important;\n    filter:saturate(.95) contrast(1.01) brightness(.99)!important;\n  }\n\n  .jny-mar-hero-v1-shade,\n  .jny-mar-hero-v1-vignette{\n    height:clamp(455px,61svh,600px)!important;\n  }\n\n  .jny-mar-hero-v1-shade{\n    background:\n      linear-gradient(\n        180deg,\n        rgba(15,8,11,.015) 0%,\n        rgba(15,8,11,.015) 54%,\n        rgba(24,11,17,.10) 68%,\n        rgba(29,13,20,.42) 82%,\n        rgba(29,13,20,.88) 94%,\n        #1D0D14 100%\n      )!important;\n  }\n\n  .jny-mar-hero-v1-vignette{\n    box-shadow:\n      inset 0 0 54px rgba(20,10,15,.025),\n      inset 0 -55px 75px rgba(20,10,15,.07)!important;\n  }\n\n  \/* Chevauchement plus fin : le titre touche la photo sans la couper brutalement *\/\n  .jny-mar-hero-v1-wrap{\n    margin:-86px auto 0!important;\n    padding:\n      0\n      clamp(18px,5vw,24px)\n      30px!important;\n  }\n\n  .jny-mar-hero-v1-content{\n    position:relative;\n  }\n\n  .jny-mar-hero-v1-kicker{\n    margin-bottom:13px!important;\n\n    color:rgba(251,249,246,.70)!important;\n\n    font-size:8.6px!important;\n    letter-spacing:.18em!important;\n  }\n\n  .jny-mar-hero-v1-kicker::before{\n    width:19px!important;\n    background:rgba(251,249,246,.32)!important;\n  }\n\n  .jny-mar-hero-v1-title{\n    max-width:96%!important;\n\n    font-size:clamp(41px,11.3vw,53px)!important;\n    line-height:.99!important;\n    letter-spacing:-.035em!important;\n  }\n\n  .jny-mar-hero-v1-title span{\n    display:block;\n  }\n\n  .jny-mar-hero-v1-title em{\n    margin-top:.20em!important;\n\n    color:#D7DED5!important;\n\n    font-size:.54em!important;\n    line-height:1.02!important;\n    letter-spacing:-.012em!important;\n  }\n\n  .jny-mar-hero-v1-copy{\n    width:100%!important;\n    max-width:490px!important;\n\n    margin:23px 0 0!important;\n\n    color:rgba(251,249,246,.76)!important;\n\n    font-size:13.35px!important;\n    line-height:1.66!important;\n    letter-spacing:-.004em;\n  }\n\n  \/* Petit trait \u00e9ditorial pour fermer le contenu *\/\n  .jny-mar-hero-v1-copy::after{\n    content:\"\";\n    display:block;\n\n    width:44px;\n    height:1px;\n\n    margin-top:25px;\n\n    background:rgba(168,182,165,.52);\n  }\n\n  .jny-mar-hero-v1-bottom,\n  body.admin-bar .jny-mar-hero-v1-bottom{\n    margin-top:23px!important;\n  }\n\n  .jny-mar-hero-v1-meta{\n    gap:20px!important;\n\n    color:rgba(251,249,246,.64)!important;\n\n    font-size:7.7px!important;\n    font-weight:600!important;\n    letter-spacing:.15em!important;\n  }\n\n  .jny-mar-hero-v1-meta span + span::before{\n    width:2.5px!important;\n    height:2.5px!important;\n\n    left:-11px!important;\n\n    background:rgba(251,249,246,.31)!important;\n  }\n}\n\n\/* iPhone \u00e9troits *\/\n@media(max-width:390px){\n\n  .jny-mar-hero-v1-media,\n  .jny-mar-hero-v1-shade,\n  .jny-mar-hero-v1-vignette{\n    height:438px!important;\n  }\n\n  .jny-mar-hero-v1-wrap{\n    margin-top:-78px!important;\n    padding-left:16px!important;\n    padding-right:16px!important;\n    padding-bottom:27px!important;\n  }\n\n  .jny-mar-hero-v1-title{\n    max-width:100%!important;\n    font-size:clamp(39px,11.7vw,47px)!important;\n  }\n\n  .jny-mar-hero-v1-copy{\n    margin-top:21px!important;\n    font-size:12.9px!important;\n    line-height:1.64!important;\n  }\n\n  .jny-mar-hero-v1-copy::after{\n    margin-top:22px;\n  }\n\n  .jny-mar-hero-v1-bottom,\n  body.admin-bar .jny-mar-hero-v1-bottom{\n    margin-top:20px!important;\n  }\n}\n\n\n\/* =========================================================\n   AJUSTEMENT FINAL \u2014 PHOTO RECADR\u00c9E POUR MONTRER LES PERSONNES\n   ========================================================= *\/\n@media(min-width:1025px){\n  .jny-mar-hero-v1-img{\n    object-position:50% 100%!important;\n  }\n}\n\n@media(min-width:701px) and (max-width:1024px){\n  .jny-mar-hero-v1-img{\n    object-position:50% 96%!important;\n  }\n}\n\n@media(max-width:700px){\n  .jny-mar-hero-v1-img{\n    object-position:50% 92%!important;\n  }\n}\n\n\n\n\/* =========================================================\n   CADRAGE FINAL \u2014 PRIORIT\u00c9 AUX PERSONNES, MOINS DE CIEL\n   L'image est ancr\u00e9e en bas et volontairement plus haute que le hero.\n   ========================================================= *\/\n@media(min-width:1025px){\n  .jny-mar-hero-v1-img{\n    top:auto!important;\n    right:0!important;\n    bottom:0!important;\n    left:0!important;\n\n    width:100%!important;\n    height:150%!important;\n\n    object-fit:cover!important;\n    object-position:center bottom!important;\n\n    transform:none!important;\n  }\n}\n\n@media(min-width:701px) and (max-width:1024px){\n  .jny-mar-hero-v1-img{\n    top:auto!important;\n    right:0!important;\n    bottom:0!important;\n    left:0!important;\n\n    width:100%!important;\n    height:142%!important;\n\n    object-fit:cover!important;\n    object-position:center bottom!important;\n\n    transform:none!important;\n  }\n}\n\n@media(max-width:700px){\n  .jny-mar-hero-v1-img{\n    top:auto!important;\n    right:0!important;\n    bottom:0!important;\n    left:0!important;\n\n    width:100%!important;\n    height:132%!important;\n\n    object-fit:cover!important;\n    object-position:center bottom!important;\n\n    transform:none!important;\n  }\n}\n\n<\/style>\n\n<section class=\"jny-mar-hero-v1\" aria-labelledby=\"jny-mar-hero-v1-title\">\n\n  <div class=\"jny-mar-hero-v1-media\" aria-hidden=\"true\">\n    <img\n      class=\"jny-mar-hero-v1-img\"\n      src=\"https:\/\/www.jnyouevents.com\/wp-content\/uploads\/2026\/09\/photoheromariage-scaled.jpg\"\n      alt=\"\"\n      loading=\"eager\"\n      decoding=\"async\"\n      fetchpriority=\"high\"\n    >\n  <\/div>\n\n  <div class=\"jny-mar-hero-v1-shade\" aria-hidden=\"true\"><\/div>\n  <div class=\"jny-mar-hero-v1-vignette\" aria-hidden=\"true\"><\/div>\n\n  <div class=\"jny-mar-hero-v1-wrap\">\n\n    <div class=\"jny-mar-hero-v1-center\">\n\n      <div class=\"jny-mar-hero-v1-content\">\n\n        <div class=\"jny-mar-hero-v1-kicker\">\n          Mariages par JN.YOU\n        <\/div>\n\n        <h1 class=\"jny-mar-hero-v1-title\" id=\"jny-mar-hero-v1-title\">\n          <span>Un mariage qui<\/span>\n          <span>vous ressemble.<\/span>\n          <em>Dans chaque d\u00e9tail.<\/em>\n        <\/h1>\n\n        <p class=\"jny-mar-hero-v1-copy\">\n          Nous imaginons des c\u00e9l\u00e9brations \u00e9l\u00e9gantes, personnelles et profond\u00e9ment vivantes,\n          pens\u00e9es autour de votre histoire, de vos invit\u00e9s et de la fa\u00e7on dont vous voulez vraiment vivre cette journ\u00e9e.\n        <\/p>\n\n      <\/div>\n\n    <\/div>\n\n    <div class=\"jny-mar-hero-v1-bottom\">\n\n      <div class=\"jny-mar-hero-v1-meta\">\n        <span>Sur mesure<\/span>\n        <span>\u00c9l\u00e9gance<\/span>\n        <span>\u00c9motion<\/span>\n      <\/div>\n\n      <div class=\"jny-mar-hero-v1-scroll\">\n        Faire d\u00e9filer\n        <span class=\"jny-mar-hero-v1-scroll-line\" aria-hidden=\"true\"><\/span>\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n\n  <div class=\"jny-mar-hero-v1-reveal\" aria-hidden=\"true\"><\/div>\n\n<\/section>\n\n<script>\n(function(){\n  const hero = document.querySelector('.jny-mar-hero-v1');\n  if(!hero || hero.dataset.jnyInit === '1') return;\n  hero.dataset.jnyInit = '1';\n\n  const img = hero.querySelector('.jny-mar-hero-v1-img');\n  const content = hero.querySelector('.jny-mar-hero-v1-content');\n  const reveal = hero.querySelector('.jny-mar-hero-v1-reveal');\n\n  requestAnimationFrame(() => {\n    requestAnimationFrame(() => hero.classList.add('is-ready'));\n  });\n\n  let ticking = false;\n\n  function update(){\n    ticking = false;\n\n    const rect = hero.getBoundingClientRect();\n    const h = hero.offsetHeight || window.innerHeight;\n\n    const progress = Math.min(\n      1,\n      Math.max(0, -rect.top \/ Math.max(1, h * .82))\n    );\n\n    const compact = window.innerWidth <= 1024;\n\n    if(img){\n      if(compact){\n        const isMobile = window.innerWidth <= 700;\n        const base = isMobile ? 1.005 : 1.015;\n        const scale = Math.max(1, base - (progress * (isMobile ? .004 : .008)));\n        const y = progress * (isMobile ? 3 : 6);\n\n        img.style.transform = `translate3d(0, ${y}px, 0) scale(${scale})`;\n        img.style.filter = `saturate(${0.93 - progress*.025}) contrast(.99)`;\n      }else{\n        const scale = 1.03 - (progress * .03);\n        const y = progress * 14;\n\n        img.style.transform = `translate3d(0, ${y}px, 0) scale(${scale})`;\n        img.style.filter = `saturate(${0.88 - progress*.08}) contrast(.98)`;\n      }\n    }\n\n    if(content){\n      if(compact){\n        \/* V14 : contenu mobile\/tablette stable, sans d\u00e9placement vertical *\/\n        content.style.transform = '';\n        content.style.opacity = '';\n      }else{\n        const y = progress * -38;\n        const opacity = 1 - progress * .56;\n\n        content.style.transform = `translate3d(0, ${y}px, 0)`;\n        content.style.opacity = opacity.toFixed(3);\n      }\n    }\n\n    if(reveal){\n      reveal.style.height = compact\n        ? '0px'\n        : `${Math.max(0, progress - .58) * 150}px`;\n    }\n  }\n\n  function onScroll(){\n    if(!ticking){\n      ticking = true;\n      requestAnimationFrame(update);\n    }\n  }\n\n  update();\n  window.addEventListener('scroll', onScroll, {passive:true});\n  window.addEventListener('resize', onScroll, {passive:true});\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1b11d8d e-con-full e-flex e-con e-parent\" data-id=\"1b11d8d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2c854ae elementor-widget elementor-widget-html\" data-id=\"2c854ae\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\n     JN.YOU \u2014 PAGE MARIAGES \/ BLOC 02 \u2014 V2\n     SCROLL STORY \u2022 IMAGE STICKY + TEXTES QUI SE SUCC\u00c8DENT\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-mar-story-v1{\n  --wine:#54232F;\n  --sage:#778A77;\n  --taupe:#4F444C;\n  --paper:#FBF9F6;\n  --porcelain:#F2EFEA;\n\n  position:relative;\n  left:50%;\n  width:100vw!important;\n  max-width:100vw!important;\n  margin-left:-50vw!important;\n  margin-right:-50vw!important;\n\n  background:\n    linear-gradient(\n      180deg,\n      var(--paper) 0%,\n      #F8F5F1 52%,\n      var(--paper) 100%\n    );\n  color:var(--taupe);\n\n  font-family:\"Montserrat\",sans-serif;\n}\n\n.jny-mar-story-v1,\n.jny-mar-story-v1 *{box-sizing:border-box;}\n\n.elementor-widget-html:has(.jny-mar-story-v1),\n.elementor-widget-html:has(.jny-mar-story-v1) > .elementor-widget-container{\n  width:100%!important;\n  max-width:none!important;\n  overflow:visible!important;\n}\n\n.jny-mar-story-v1-wrap{\n  width:min(100%,1500px);\n  margin:0 auto;\n\n  display:grid;\n  grid-template-columns:minmax(0,.82fr) minmax(460px,1.18fr);\n  gap:clamp(64px,8vw,128px);\n\n  padding:\n    clamp(96px,8vw,132px)\n    clamp(22px,5vw,72px)\n    clamp(104px,8vw,142px);\n}\n\n\/* ===============================\n   COLONNE TEXTE\n================================ *\/\n\n.jny-mar-story-v1-copycol{\n  min-width:0;\n}\n\n.jny-mar-story-v1-intro{\n  max-width:620px;\n  margin-bottom:52px;\n}\n\n\n.jny-mar-story-v1-title{\n  margin:0;\n\n  color:var(--wine);\n\n  font-family:\"Cormorant Garamond\",serif;\n  font-size:clamp(60px,5.3vw,88px);\n  font-weight:500;\n  line-height:.94;\n  letter-spacing:-.044em;\n}\n\n.jny-mar-story-v1-title em{\n  display:block;\n  margin-top:.08em;\n\n  color:var(--sage);\n\n  font-weight:400;\n  font-style:italic;\n}\n\n.jny-mar-story-v1-lead{\n  max-width:565px;\n  margin:28px 0 0;\n\n  color:rgba(79,68,76,.68);\n\n  font-size:15px;\n  line-height:1.82;\n}\n\n\/* ===============================\n   \u00c9TAPES\n================================ *\/\n\n.jny-mar-story-v1-step{\n  position:relative;\n\n  min-height:68vh;\n\n  display:flex;\n  align-items:center;\n\n  padding:\n    48px\n    0\n    48px\n    30px;\n\n  border-top:1px solid rgba(84,35,47,.08);\n\n  opacity:.38;\n  transform:translateY(18px);\n\n  transition:\n    opacity .6s cubic-bezier(.2,.7,.2,1),\n    transform .6s cubic-bezier(.2,.7,.2,1);\n}\n\n.jny-mar-story-v1-step:last-child{\n  border-bottom:1px solid rgba(84,35,47,.10);\n}\n\n.jny-mar-story-v1-step::before{\n  content:\"\";\n\n  position:absolute;\n\n  left:0;\n  top:50%;\n\n  width:2px;\n  height:0;\n\n  border-radius:999px;\n\n  background:var(--sage);\n\n  transform:translateY(-50%);\n\n  transition:\n    height .55s cubic-bezier(.2,.7,.2,1),\n    opacity .45s ease;\n\n  opacity:0;\n}\n\n.jny-mar-story-v1-step.is-active::before{\n  height:72px;\n  opacity:.72;\n}\n\n.jny-mar-story-v1-step.is-active{\n  opacity:1;\n  transform:none;\n}\n\n.jny-mar-story-v1-stepinner{\n  max-width:560px;\n}\n\n.jny-mar-story-v1-num{\n  display:block;\n  margin-bottom:18px;\n\n  color:rgba(84,35,47,.46);\n\n  font-size:10px;\n  font-weight:600;\n  letter-spacing:.17em;\n  text-transform:uppercase;\n}\n\n.jny-mar-story-v1-step h3{\n  margin:0;\n\n  color:var(--wine);\n\n  font-family:\"Cormorant Garamond\",serif;\n  font-size:clamp(48px,4.05vw,66px);\n  font-weight:500;\n  line-height:.98;\n  letter-spacing:-.030em;\n}\n\n.jny-mar-story-v1-step h3 em{\n  color:var(--sage);\n  font-weight:400;\n  font-style:italic;\n}\n\n.jny-mar-story-v1-step p{\n  max-width:500px;\n  margin:24px 0 0;\n\n  color:rgba(79,68,76,.68);\n\n  font-size:15px;\n  line-height:1.80;\n}\n\n\/* ===============================\n   VISUEL STICKY\n================================ *\/\n\n.jny-mar-story-v1-visualcol{\n  position:relative;\n}\n\n.jny-mar-story-v1-sticky{\n  position:sticky;\n  top:calc(var(--jny-header-offset, 92px) + 28px);\n\n  height:calc(100vh - var(--jny-header-offset, 92px) - 56px);\n  min-height:560px;\n  max-height:820px;\n\n  overflow:hidden;\n\n  border-radius:26px;\n\n  background:#ddd4cf;\n\n  box-shadow:\n    0 42px 96px rgba(68,18,58,.11),\n    0 12px 32px rgba(68,18,58,.05);\n\n  border:\n    1px solid rgba(84,35,47,.08);\n\n  isolation:isolate;\n}\n\n.jny-mar-story-v1-photo{\n  position:absolute;\n  inset:0;\n\n  opacity:0;\n  transform:scale(1.055);\n\n  transition:\n    opacity .85s cubic-bezier(.2,.7,.2,1),\n    transform 1.2s cubic-bezier(.2,.7,.2,1);\n\n  will-change:opacity,transform;\n}\n\n.jny-mar-story-v1-photo.is-active{\n  opacity:1;\n  transform:scale(1);\n}\n\n.jny-mar-story-v1-photo img{\n  width:100%;\n  height:100%;\n  object-fit:cover;\n}\n\n.jny-mar-story-v1-photo:nth-child(1) img{object-position:center 48%;}\n.jny-mar-story-v1-photo:nth-child(2) img{object-position:center 50%;}\n.jny-mar-story-v1-photo:nth-child(3) img{object-position:center 47%;}\n\n.jny-mar-story-v1-sticky::after{\n  content:\"\";\n  position:absolute;\n  inset:0;\n  z-index:4;\n\n  background:\n    linear-gradient(180deg,\n      rgba(29,16,22,.025) 0%,\n      rgba(29,16,22,.01) 52%,\n      rgba(29,16,22,.46) 100%\n    );\n\n  pointer-events:none;\n}\n\n\/* cadre fin *\/\n.jny-mar-story-v1-frame{\n  position:absolute;\n  inset:14px;\n  z-index:5;\n\n  border:1px solid rgba(251,249,246,.22);\n  border-radius:19px;\n\n  pointer-events:none;\n}\n\n\/* bas image *\/\n.jny-mar-story-v1-visualmeta{\n  position:absolute;\n  z-index:6;\n  left:32px;\n  right:32px;\n  bottom:30px;\n\n  display:flex;\n  align-items:flex-end;\n  justify-content:space-between;\n  gap:24px;\n\n  color:var(--paper);\n}\n\n.jny-mar-story-v1-visualtitle{\n  margin:0;\n\n  font-family:\"Cormorant Garamond\",serif;\n  font-size:clamp(30px,2.5vw,41px);\n  font-weight:500;\n  line-height:.98;\n}\n\n.jny-mar-story-v1-visualtitle em{\n  display:block;\n  margin-top:6px;\n\n  color:#D4DDD2;\n\n  font-size:.56em;\n  font-weight:400;\n  font-style:italic;\n}\n\n.jny-mar-story-v1-count{\n  display:flex;\n  align-items:center;\n  gap:10px;\n\n  color:rgba(251,249,246,.68);\n\n  font-size:9px;\n  font-weight:600;\n  letter-spacing:.15em;\n  text-transform:uppercase;\n}\n\n.jny-mar-story-v1-count strong{\n  color:var(--paper);\n  font-weight:600;\n}\n\n\/* progress rail *\/\n.jny-mar-story-v1-progress{\n  position:absolute;\n  z-index:7;\n  right:18px;\n  top:50%;\n\n  display:flex;\n  flex-direction:column;\n  gap:8px;\n\n  transform:translateY(-50%);\n}\n\n.jny-mar-story-v1-progress span{\n  width:1px;\n  height:34px;\n\n  border-radius:999px;\n\n  background:rgba(251,249,246,.24);\n\n  transition:\n    height .35s ease,\n    background-color .35s ease;\n}\n\n.jny-mar-story-v1-progress span.is-active{\n  height:52px;\n  background:rgba(251,249,246,.82);\n}\n\n\/* ===============================\n   TABLETTE\n================================ *\/\n\n@media(max-width:1050px){\n\n  .jny-mar-story-v1-wrap{\n    grid-template-columns:minmax(0,.92fr) minmax(360px,1.08fr);\n    gap:42px;\n  }\n\n  .jny-mar-story-v1-step{\n    min-height:60vh;\n  }\n\n  .jny-mar-story-v1-sticky{\n    top:118px;\n    height:650px;\n    min-height:0;\n  }\n}\n\n\/* ===============================\n   MOBILE\n================================ *\/\n\n@media(max-width:760px){\n\n  .jny-mar-story-v1-step{\n    padding-left:0;\n  }\n\n  .jny-mar-story-v1-step.is-active::before{\n    height:56vw;\n    opacity:1;\n  }\n\n\n\n  .jny-mar-story-v1-wrap{\n    grid-template-columns:1fr;\n\n    padding:\n      70px\n      18px\n      76px;\n  }\n\n  .jny-mar-story-v1-intro{\n    margin-bottom:36px;\n  }\n\n  .jny-mar-story-v1-title{\n    font-size:clamp(48px,13vw,62px);\n  }\n\n  .jny-mar-story-v1-lead{\n    font-size:14.5px;\n  }\n\n  .jny-mar-story-v1-copycol{\n    display:contents;\n  }\n\n  .jny-mar-story-v1-visualcol{\n    display:none;\n  }\n\n  .jny-mar-story-v1-step{\n    min-height:auto;\n\n    display:block;\n\n    padding:34px 0;\n\n    opacity:1;\n    transform:none;\n  }\n\n  .jny-mar-story-v1-step::before{\n    content:\"\";\n\n    display:block;\n\n    width:100%;\n    height:56vw;\n    min-height:220px;\n    max-height:360px;\n\n    margin-bottom:26px;\n\n    overflow:hidden;\n\n    border-radius:22px;\n\n    background-position:center;\n    background-size:cover;\n\n    box-shadow:0 18px 44px rgba(68,18,58,.07);\n  }\n\n  .jny-mar-story-v1-step[data-scene=\"0\"]::before{\n    background-image:\n      linear-gradient(180deg,rgba(29,16,22,.05),rgba(29,16,22,.16)),\n      url('https:\/\/www.jnyouevents.com\/wp-content\/uploads\/2026\/09\/alliancemariagecouple-scaled.jpg');\n  }\n\n  .jny-mar-story-v1-step[data-scene=\"1\"]::before{\n    background-image:\n      linear-gradient(180deg,rgba(29,16,22,.05),rgba(29,16,22,.16)),\n      url('https:\/\/www.jnyouevents.com\/wp-content\/uploads\/2026\/09\/editovasefleur-scaled.jpg');\n  }\n\n  .jny-mar-story-v1-step[data-scene=\"2\"]::before{\n    background-image:\n      linear-gradient(180deg,rgba(29,16,22,.05),rgba(29,16,22,.16)),\n      url('https:\/\/www.jnyouevents.com\/wp-content\/uploads\/2026\/09\/couplephotomariage-scaled.jpg');\n  }\n\n  .jny-mar-story-v1-num{\n    font-size:10.5px;\n    margin-bottom:16px;\n  }\n\n  .jny-mar-story-v1-step h3{\n    font-size:43px;\n    line-height:1.01;\n  }\n\n  .jny-mar-story-v1-step p{\n    font-size:14.2px;\n    line-height:1.76;\n  }\n}\n\n\/* ===============================\n   REDUCED MOTION\n================================ *\/\n\n@media(prefers-reduced-motion:reduce){\n  .jny-mar-story-v1 *,\n  .jny-mar-story-v1 *::before,\n  .jny-mar-story-v1 *::after{\n    transition:none!important;\n  }\n\n  .jny-mar-story-v1-step{\n    opacity:1!important;\n    transform:none!important;\n  }\n}\n<\/style>\n\n<section class=\"jny-mar-story-v1\" aria-labelledby=\"jny-mar-story-v1-title\">\n\n  <div class=\"jny-mar-story-v1-wrap\">\n\n    <div class=\"jny-mar-story-v1-copycol\">\n\n      <div class=\"jny-mar-story-v1-intro\">\n<h2 class=\"jny-mar-story-v1-title\" id=\"jny-mar-story-v1-title\">\n          Avant d\u2019organiser,\n          <em>on cherche \u00e0 comprendre.<\/em>\n        <\/h2>\n\n        <p class=\"jny-mar-story-v1-lead\">\n          Votre histoire, vos habitudes, ce qui vous \u00e9meut\n          et la mani\u00e8re dont vous souhaitez recevoir.\n          C\u2019est de l\u00e0 que na\u00eet une c\u00e9l\u00e9bration qui vous ressemble vraiment.\n        <\/p>\n\n      <\/div>\n\n      <article class=\"jny-mar-story-v1-step is-active\" data-scene=\"0\">\n\n        <div class=\"jny-mar-story-v1-stepinner\">\n\n          <span class=\"jny-mar-story-v1-num\">\n            01 \u00b7 L\u2019\u00e9coute\n          <\/span>\n\n          <h3>\n            Tout part\n            <em>de vous.<\/em>\n          <\/h3>\n\n          <p>\n            Nous prenons le temps de comprendre votre histoire,\n            vos priorit\u00e9s, ce qui vous touche et ce que vous ne voulez surtout pas.\n            Ce sont ces nuances qui donnent sa singularit\u00e9 au projet.\n          <\/p>\n\n        <\/div>\n\n      <\/article>\n\n      <article class=\"jny-mar-story-v1-step\" data-scene=\"1\">\n\n        <div class=\"jny-mar-story-v1-stepinner\">\n\n          <span class=\"jny-mar-story-v1-num\">\n            02 \u00b7 La vision\n          <\/span>\n\n          <h3>\n            Une direction\n            <em>devient \u00e9vidente.<\/em>\n          <\/h3>\n\n          <p>\n            Le lieu, les mati\u00e8res, les couleurs, le rythme et chaque d\u00e9tail\n            prennent place dans une vision coh\u00e9rente, \u00e9l\u00e9gante et profond\u00e9ment personnelle.\n          <\/p>\n\n        <\/div>\n\n      <\/article>\n\n      <article class=\"jny-mar-story-v1-step\" data-scene=\"2\">\n\n        <div class=\"jny-mar-story-v1-stepinner\">\n\n          <span class=\"jny-mar-story-v1-num\">\n            03 \u00b7 L\u2019orchestration\n          <\/span>\n\n          <h3>\n            Le jour venu,<br>\n            <em>soyez simplement nos invit\u00e9s.<\/em>\n          <\/h3>\n\n          <p>\n            En coulisses, nous veillons au rythme, aux prestataires,\n            aux d\u00e9tails et aux impr\u00e9vus. Devant vous, il ne reste que l\u2019essentiel :\n            vos proches et le moment pr\u00e9sent.\n          <\/p>\n\n        <\/div>\n\n      <\/article>\n\n    <\/div>\n\n    <div class=\"jny-mar-story-v1-visualcol\">\n\n      <div class=\"jny-mar-story-v1-sticky\">\n\n        <div class=\"jny-mar-story-v1-photo is-active\">\n          <img decoding=\"async\"\n            src=\"https:\/\/www.jnyouevents.com\/wp-content\/uploads\/2026\/09\/alliancemariagecouple-scaled.jpg\"\n            alt=\"\"\n            loading=\"lazy\"\n          >\n        <\/div>\n\n        <div class=\"jny-mar-story-v1-photo\">\n          <img decoding=\"async\"\n            src=\"https:\/\/www.jnyouevents.com\/wp-content\/uploads\/2026\/09\/editovasefleur-scaled.jpg\"\n            alt=\"\"\n            loading=\"lazy\"\n          >\n        <\/div>\n\n        <div class=\"jny-mar-story-v1-photo\">\n          <img decoding=\"async\"\n            src=\"https:\/\/www.jnyouevents.com\/wp-content\/uploads\/2026\/09\/couplephotomariage-scaled.jpg\"\n            alt=\"\"\n            loading=\"lazy\"\n          >\n        <\/div>\n\n        <div class=\"jny-mar-story-v1-frame\"><\/div>\n\n        <div class=\"jny-mar-story-v1-visualmeta\">\n\n          <p class=\"jny-mar-story-v1-visualtitle\">\n            Votre histoire\n            <em>donne le ton.<\/em>\n          <\/p>\n\n          <div class=\"jny-mar-story-v1-count\">\n            <strong class=\"jny-mar-story-v1-current\">01<\/strong>\n            <span>\/<\/span>\n            <span>03<\/span>\n          <\/div>\n\n        <\/div>\n\n        <div class=\"jny-mar-story-v1-progress\" aria-hidden=\"true\">\n          <span class=\"is-active\"><\/span>\n          <span><\/span>\n          <span><\/span>\n        <\/div>\n\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n<script>\n(function(){\n  const section = document.querySelector('.jny-mar-story-v1');\n  if(!section || section.dataset.jnyInit === '1') return;\n  section.dataset.jnyInit = '1';\n\n  const steps = [...section.querySelectorAll('.jny-mar-story-v1-step')];\n  const photos = [...section.querySelectorAll('.jny-mar-story-v1-photo')];\n  const bars = [...section.querySelectorAll('.jny-mar-story-v1-progress span')];\n  const current = section.querySelector('.jny-mar-story-v1-current');\n  const visualTitle = section.querySelector('.jny-mar-story-v1-visualtitle');\n\n  const titles = [\n    ['Votre histoire','comme point de d\u00e9part.'],\n    ['Une vision','qui vous ressemble.'],\n    ['Le jour J','sans rien avoir \u00e0 g\u00e9rer.']\n  ];\n\n  let active = 0;\n\n  function setActive(index){\n    if(index === active && steps[index]?.classList.contains('is-active')) return;\n    active = index;\n\n    steps.forEach((el,i)=>el.classList.toggle('is-active',i===index));\n    photos.forEach((el,i)=>el.classList.toggle('is-active',i===index));\n    bars.forEach((el,i)=>el.classList.toggle('is-active',i===index));\n\n    if(current){\n      current.textContent = String(index + 1).padStart(2,'0');\n    }\n\n    if(visualTitle){\n      visualTitle.innerHTML = `${titles[index][0]}<em>${titles[index][1]}<\/em>`;\n    }\n  }\n\n  if('IntersectionObserver' in window){\n    const observer = new IntersectionObserver((entries)=>{\n      const visible = entries\n        .filter(entry=>entry.isIntersecting)\n        .sort((a,b)=>b.intersectionRatio-a.intersectionRatio);\n\n      if(!visible.length) return;\n\n      const index = Number(visible[0].target.dataset.scene || 0);\n      setActive(index);\n    },{\n      root:null,\n      rootMargin:'-28% 0px -28% 0px',\n      threshold:[0,.2,.4,.6,.8]\n    });\n\n    steps.forEach(step=>observer.observe(step));\n  }else{\n    steps.forEach((step,i)=>{\n      step.addEventListener('mouseenter',()=>setActive(i));\n    });\n  }\n\n  setActive(0);\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7fa4626 e-con-full e-flex e-con e-parent\" data-id=\"7fa4626\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a8638c4 elementor-widget elementor-widget-html\" data-id=\"a8638c4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\n     JN.YOU \u2014 PAGE MARIAGES \/ BLOC 05 \u2014 V9\n     EXP\u00c9RIENCE DIGITALE \u2022 SHOWCASE LUXE \u2022 MINIMAL\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-mar-digital-v9{\n  --wine:#54232F;\n  --wine-deep:#3F1823;\n  --sage:#778A77;\n  --sage-soft:#A8B6A5;\n  --paper:#FBF9F6;\n  --porcelain:#F2EFEA;\n  --taupe:#4F444C;\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\n  overflow:hidden;\n\n  background:\n    radial-gradient(circle at 80% 10%,rgba(168,182,165,.12),transparent 26%),\n    linear-gradient(180deg,#F8F5F1 0%,#F1EBE6 100%);\n\n  color:var(--taupe);\n\n  font-family:\"Montserrat\",sans-serif;\n}\n\n.jny-mar-digital-v9,\n.jny-mar-digital-v9 *{\n  box-sizing:border-box;\n}\n\n.elementor-widget-html:has(.jny-mar-digital-v9),\n.elementor-widget-html:has(.jny-mar-digital-v9) > .elementor-widget-container{\n  width:100%!important;\n  max-width:none!important;\n  overflow:visible!important;\n}\n\n\n\/* =========================================================\n   WRAP\n========================================================= *\/\n\n.jny-mar-digital-v9-wrap{\n  width:min(calc(100% - 48px),1400px);\n\n  margin:0 auto;\n\n  padding:\n    clamp(96px,8vw,132px)\n    0\n    clamp(102px,8vw,138px);\n}\n\n\n\/* =========================================================\n   INTRO\n========================================================= *\/\n\n.jny-mar-digital-v9-head{\n  display:grid;\n\n  grid-template-columns:\n    minmax(0,.82fr)\n    minmax(320px,.58fr);\n\n  align-items:end;\n\n  gap:\n    clamp(44px,7vw,96px);\n\n  margin-bottom:\n    clamp(52px,6vw,78px);\n}\n\n.jny-mar-digital-v9-title{\n  max-width:850px;\n\n  margin:0;\n\n  color:var(--wine);\n\n  font-family:\n    \"Cormorant Garamond\",\n    serif;\n\n  font-size:\n    clamp(62px,5.9vw,94px);\n\n  font-weight:500;\n\n  line-height:.94;\n\n  letter-spacing:-.045em;\n}\n\n.jny-mar-digital-v9-title span,\n.jny-mar-digital-v9-title em{\n  display:block;\n}\n\n.jny-mar-digital-v9-title em{\n  margin-top:.11em;\n\n  color:var(--sage);\n\n  font-size:.66em;\n\n  font-weight:400;\n\n  font-style:italic;\n\n  line-height:1.05;\n\n  letter-spacing:-.018em;\n}\n\n.jny-mar-digital-v9-copy{\n  position:relative;\n\n  max-width:520px;\n\n  margin:0 0 6px;\n\n  padding:\n    18px\n    4px\n    0\n    34px;\n\n  color:\n    rgba(79,68,76,.72);\n\n  font-family:\n    \"Montserrat\",\n    sans-serif;\n\n  font-size:\n    clamp(14px,1vw,15.5px);\n\n  font-weight:400;\n\n  line-height:1.78;\n\n  letter-spacing:-.01em;\n}\n\n.jny-mar-digital-v9-copy::before{\n  content:\"\u201c\";\n\n  position:absolute;\n\n  left:0;\n  top:-12px;\n\n  color:\n    rgba(84,35,47,.34);\n\n  font-family:\n    \"Cormorant Garamond\",\n    serif;\n\n  font-size:\n    clamp(54px,4vw,72px);\n\n  font-style:normal;\n  font-weight:400;\n\n  line-height:1;\n}\n\n.jny-mar-digital-v9-copy::after{\n  content:\"\u201d\";\n\n  display:block;\n\n  width:100%;\n\n  margin-top:8px;\n\n  color:\n    rgba(84,35,47,.34);\n\n  font-family:\n    \"Cormorant Garamond\",\n    serif;\n\n  font-size:\n    clamp(54px,4vw,72px);\n\n  font-style:normal;\n  font-weight:400;\n\n  line-height:.55;\n\n  text-align:right;\n}\n\n\n\/* =========================================================\n   SHOWCASE\n========================================================= *\/\n\n.jny-mar-digital-v9-showcase{\n  position:relative;\n\n  min-height:\n    clamp(590px,56vw,760px);\n\n  padding:\n    clamp(24px,3vw,42px);\n\n  overflow:hidden;\n\n  border:\n    1px solid rgba(84,35,47,.08);\n\n  border-radius:34px;\n\n  background:\n    linear-gradient(\n      145deg,\n      rgba(251,249,246,.92) 0%,\n      rgba(245,239,234,.82) 58%,\n      rgba(231,221,217,.72) 100%\n    );\n\n  box-shadow:\n    0 34px 90px rgba(68,18,58,.08);\n\n  isolation:isolate;\n}\n\n.jny-mar-digital-v9-showcase::before{\n  content:\"\";\n\n  position:absolute;\n\n  width:520px;\n  height:520px;\n\n  right:-170px;\n  top:-210px;\n\n  border-radius:50%;\n\n  background:\n    radial-gradient(\n      circle,\n      rgba(168,182,165,.18) 0%,\n      rgba(168,182,165,.06) 46%,\n      transparent 72%\n    );\n\n  pointer-events:none;\n}\n\n\n\/* =========================================================\n   BROWSER\n========================================================= *\/\n\n.jny-mar-digital-v9-browser{\n  position:absolute;\n\n  left:clamp(24px,4vw,64px);\n  top:clamp(34px,4vw,58px);\n\n  width:min(73%,980px);\n  height:calc(100% - clamp(92px,9vw,132px));\n\n  overflow:hidden;\n\n  border:\n    1px solid rgba(84,35,47,.10);\n\n  border-radius:26px;\n\n  background:var(--paper);\n\n  box-shadow:\n    0 30px 72px rgba(68,18,58,.13),\n    0 9px 24px rgba(68,18,58,.05);\n\n  transform:\n    rotate(-1.1deg);\n}\n\n.jny-mar-digital-v9-browserbar{\n  height:46px;\n\n  display:flex;\n\n  align-items:center;\n\n  gap:7px;\n\n  padding:\n    0\n    16px;\n\n  border-bottom:\n    1px solid rgba(84,35,47,.07);\n\n  background:#F7F3EF;\n}\n\n.jny-mar-digital-v9-dot{\n  width:6px;\n  height:6px;\n\n  border-radius:50%;\n\n  background:\n    rgba(84,35,47,.18);\n}\n\n.jny-mar-digital-v9-url{\n  margin-left:10px;\n\n  color:\n    rgba(79,68,76,.34);\n\n  font-size:8px;\n\n  letter-spacing:.07em;\n}\n\n.jny-mar-digital-v9-screen{\n  height:\n    calc(100% - 46px);\n\n  display:grid;\n\n  grid-template-columns:\n    .82fr\n    1.18fr;\n}\n\n.jny-mar-digital-v9-screen-copy{\n  display:flex;\n\n  flex-direction:column;\n\n  justify-content:center;\n\n  padding:\n    clamp(28px,4vw,58px);\n\n  background:#F8F5F1;\n}\n\n.jny-mar-digital-v9-screen-small{\n  margin-bottom:14px;\n\n  color:var(--sage);\n\n  font-size:7px;\n\n  font-weight:600;\n\n  letter-spacing:.17em;\n\n  text-transform:uppercase;\n}\n\n.jny-mar-digital-v9-screen-name{\n  margin:0;\n\n  color:var(--wine);\n\n  font-family:\n    \"Cormorant Garamond\",\n    serif;\n\n  font-size:\n    clamp(48px,5vw,80px);\n\n  font-weight:500;\n\n  line-height:.86;\n\n  letter-spacing:-.045em;\n}\n\n.jny-mar-digital-v9-screen-name em{\n  display:block;\n\n  margin-top:.06em;\n\n  color:var(--sage);\n\n  font-weight:400;\n\n  font-style:italic;\n}\n\n.jny-mar-digital-v9-screen-date{\n  margin-top:22px;\n\n  color:\n    rgba(79,68,76,.48);\n\n  font-size:8px;\n\n  font-weight:600;\n\n  letter-spacing:.14em;\n\n  text-transform:uppercase;\n}\n\n.jny-mar-digital-v9-mini{\n  width:max-content;\n\n  margin-top:22px;\n\n  padding:\n    9px\n    13px;\n\n  border:\n    1px solid rgba(84,35,47,.16);\n\n  border-radius:999px;\n\n  color:var(--wine);\n\n  font-size:7px;\n\n  font-weight:600;\n\n  letter-spacing:.12em;\n\n  text-transform:uppercase;\n}\n\n.jny-mar-digital-v9-photo{\n  position:relative;\n\n  background:\n    linear-gradient(\n      180deg,\n      rgba(27,15,20,.01),\n      rgba(27,15,20,.26)\n    ),\n    url('https:\/\/www.jnyouevents.com\/wp-content\/uploads\/2026\/09\/alliancesavethedatesite-scaled.jpg')\n    center 48% \/ cover\n    no-repeat;\n}\n\n.jny-mar-digital-v9-photo::after{\n  content:\"Bienvenue \u00e0 notre mariage\";\n\n  position:absolute;\n\n  left:28px;\n  bottom:26px;\n\n  color:\n    rgba(251,249,246,.96);\n\n  font-family:\n    \"Cormorant Garamond\",\n    serif;\n\n  font-size:\n    clamp(24px,2.2vw,38px);\n\n  font-style:italic;\n}\n\n\n\/* =========================================================\n   PHONE\n========================================================= *\/\n\n.jny-mar-digital-v9-phone{\n  position:absolute;\n\n  z-index:4;\n\n  right:\n    clamp(34px,5vw,72px);\n\n  bottom:\n    clamp(28px,4vw,58px);\n\n  width:\n    clamp(150px,14vw,198px);\n\n  aspect-ratio:\n    1 \/ 2.02;\n\n  padding:7px;\n\n  border:\n    1px solid rgba(84,35,47,.11);\n\n  border-radius:32px;\n\n  background:#fff;\n\n  box-shadow:\n    0 34px 80px rgba(68,18,58,.20),\n    0 10px 28px rgba(68,18,58,.08);\n\n  transform:\n    rotate(3deg);\n}\n\n.jny-mar-digital-v9-phone-inner{\n  position:relative;\n\n  height:100%;\n\n  overflow:hidden;\n\n  border-radius:25px;\n\n  background:\n    linear-gradient(\n      180deg,\n      rgba(25,13,19,.03),\n      rgba(25,13,19,.68)\n    ),\n    url('https:\/\/www.jnyouevents.com\/wp-content\/uploads\/2026\/09\/savethedatemockup-scaled.jpg')\n    center \/ cover\n    no-repeat;\n}\n\n.jny-mar-digital-v9-notch{\n  position:absolute;\n\n  left:50%;\n  top:8px;\n\n  width:66px;\n  height:17px;\n\n  border-radius:999px;\n\n  background:#171217;\n\n  transform:\n    translateX(-50%);\n}\n\n.jny-mar-digital-v9-phone-copy{\n  height:100%;\n\n  display:flex;\n\n  flex-direction:column;\n\n  justify-content:flex-end;\n\n  padding:\n    22px\n    16px;\n\n  color:var(--paper);\n}\n\n.jny-mar-digital-v9-phone-copy small{\n  margin-bottom:7px;\n\n  font-size:6px;\n\n  font-weight:600;\n\n  letter-spacing:.16em;\n\n  text-transform:uppercase;\n}\n\n.jny-mar-digital-v9-phone-copy strong{\n  max-width:130px;\n\n  font-family:\n    \"Cormorant Garamond\",\n    serif;\n\n  font-size:\n    clamp(22px,2.2vw,29px);\n\n  font-weight:500;\n\n  line-height:.95;\n}\n\n\n\/* =========================================================\n   BENEFITS\n========================================================= *\/\n\n.jny-mar-digital-v9-benefits{\n  position:absolute;\n\n  z-index:6;\n\n  left:\n    clamp(30px,4vw,58px);\n\n  right:\n    clamp(30px,4vw,58px);\n\n  bottom:\n    clamp(18px,2.3vw,30px);\n\n  display:flex;\n\n  align-items:center;\n\n  gap:16px;\n\n  pointer-events:none;\n}\n\n.jny-mar-digital-v9-benefit{\n  display:inline-flex;\n\n  align-items:center;\n\n  gap:9px;\n\n  padding:\n    10px\n    14px;\n\n  border:\n    1px solid rgba(84,35,47,.08);\n\n  border-radius:999px;\n\n  background:\n    rgba(251,249,246,.88);\n\n  color:\n    rgba(84,35,47,.76);\n\n  box-shadow:\n    0 10px 28px rgba(68,18,58,.05);\n\n  font-size:8.5px;\n\n  font-weight:600;\n\n  letter-spacing:.12em;\n\n  text-transform:uppercase;\n}\n\n.jny-mar-digital-v9-benefit::before{\n  content:\"\";\n\n  width:5px;\n  height:5px;\n\n  border-radius:50%;\n\n  background:var(--sage);\n}\n\n\n\/* =========================================================\n   FINAL NOTE\n========================================================= *\/\n\n.jny-mar-digital-v9-note{\n  display:grid;\n\n  grid-template-columns:\n    minmax(0,1fr)\n    auto;\n\n  align-items:end;\n\n  gap:\n    clamp(32px,5vw,70px);\n\n  margin-top:\n    clamp(50px,5vw,72px);\n\n  padding-top:\n    clamp(34px,3vw,46px);\n\n  border-top:\n    1px solid rgba(84,35,47,.10);\n}\n\n.jny-mar-digital-v9-note p{\n  max-width:800px;\n\n  margin:0;\n\n  color:var(--wine);\n\n  font-family:\n    \"Cormorant Garamond\",\n    serif;\n\n  font-size:\n    clamp(29px,2.7vw,42px);\n\n  font-style:italic;\n\n  line-height:1.18;\n}\n\n.jny-mar-digital-v9-note p span{\n  color:var(--sage);\n}\n\n.jny-mar-digital-v9-note small{\n  color:\n    rgba(79,68,76,.48);\n\n  font-size:8.5px;\n\n  font-weight:600;\n\n  letter-spacing:.16em;\n\n  text-transform:uppercase;\n\n  white-space:nowrap;\n}\n\n\n\/* =========================================================\n   REVEAL\n========================================================= *\/\n\n.jny-mar-digital-v9 [data-reveal]{\n  opacity:0;\n\n  transform:\n    translateY(22px);\n\n  transition:\n    opacity .85s cubic-bezier(.2,.7,.2,1),\n    transform .90s cubic-bezier(.2,.7,.2,1);\n}\n\n.jny-mar-digital-v9.is-visible [data-reveal]{\n  opacity:1;\n\n  transform:none;\n}\n\n.jny-mar-digital-v9.is-visible [data-reveal=\"2\"]{\n  transition-delay:.12s;\n}\n\n.jny-mar-digital-v9.is-visible [data-reveal=\"3\"]{\n  transition-delay:.22s;\n}\n\n\n\/* =========================================================\n   TABLETTE\n========================================================= *\/\n\n@media(max-width:1024px){\n\n  .jny-mar-digital-v9-head{\n    grid-template-columns:1fr;\n\n    gap:24px;\n  }\n\n  .jny-mar-digital-v9-copy{\n    max-width:650px;\n  }\n\n  .jny-mar-digital-v9-showcase{\n    min-height:650px;\n  }\n\n  .jny-mar-digital-v9-browser{\n    width:82%;\n  }\n\n  .jny-mar-digital-v9-note{\n    grid-template-columns:1fr;\n\n    align-items:start;\n  }\n}\n\n\n\/* =========================================================\n   MOBILE\n========================================================= *\/\n\n@media(max-width:700px){\n\n  .jny-mar-digital-v9-wrap{\n    width:calc(100% - 36px);\n\n    padding:\n      76px\n      0\n      82px;\n  }\n\n  .jny-mar-digital-v9-title{\n    font-size:\n      clamp(48px,13vw,62px);\n  }\n\n  .jny-mar-digital-v9-title em{\n    font-size:.69em;\n  }\n\n  .jny-mar-digital-v9-copy{\n    padding-left:28px;\n\n    font-size:14px;\n\n    line-height:1.70;\n  }\n\n  .jny-mar-digital-v9-copy::before,\n  .jny-mar-digital-v9-copy::after{\n    font-size:52px;\n  }\n\n  .jny-mar-digital-v9-showcase{\n    min-height:620px;\n\n    padding:14px;\n\n    border-radius:25px;\n  }\n\n  .jny-mar-digital-v9-browser{\n    left:14px;\n    top:18px;\n\n    width:\n      calc(100% - 28px);\n\n    height:430px;\n\n    border-radius:20px;\n\n    transform:none;\n  }\n\n  .jny-mar-digital-v9-browserbar{\n    height:38px;\n\n    padding:\n      0\n      11px;\n  }\n\n  .jny-mar-digital-v9-screen{\n    height:\n      calc(100% - 38px);\n\n    grid-template-columns:1fr;\n  }\n\n  .jny-mar-digital-v9-screen-copy{\n    min-height:190px;\n\n    justify-content:flex-start;\n\n    padding:\n      23px\n      20px\n      18px;\n  }\n\n  .jny-mar-digital-v9-screen-name{\n    font-size:44px;\n  }\n\n  .jny-mar-digital-v9-photo{\n    min-height:190px;\n  }\n\n  .jny-mar-digital-v9-photo::after{\n    left:18px;\n    bottom:15px;\n\n    font-size:24px;\n  }\n\n  .jny-mar-digital-v9-phone{\n    right:10px;\n    bottom:50px;\n\n    width:142px;\n\n    border-radius:27px;\n  }\n\n  .jny-mar-digital-v9-phone-inner{\n    border-radius:21px;\n  }\n\n  .jny-mar-digital-v9-notch{\n    width:54px;\n    height:14px;\n  }\n\n  .jny-mar-digital-v9-benefits{\n    left:14px;\n    right:165px;\n    bottom:54px;\n\n    flex-direction:column;\n\n    align-items:flex-start;\n\n    gap:8px;\n  }\n\n  .jny-mar-digital-v9-benefit{\n    padding:\n      9px\n      11px;\n\n    font-size:7.8px;\n  }\n\n  .jny-mar-digital-v9-note{\n    margin-top:42px;\n\n    padding-top:30px;\n  }\n\n  .jny-mar-digital-v9-note p{\n    font-size:29px;\n  }\n}\n\n\n\/* =========================================================\n   SMALL MOBILE\n========================================================= *\/\n\n@media(max-width:390px){\n\n  .jny-mar-digital-v9-showcase{\n    min-height:605px;\n  }\n\n  .jny-mar-digital-v9-phone{\n    width:132px;\n  }\n\n  .jny-mar-digital-v9-benefits{\n    right:150px;\n  }\n\n  .jny-mar-digital-v9-benefit{\n    font-size:7.3px;\n  }\n}\n\n\n\/* =========================================================\n   REDUCED MOTION\n========================================================= *\/\n\n@media(prefers-reduced-motion:reduce){\n\n  .jny-mar-digital-v9 *,\n  .jny-mar-digital-v9 *::before,\n  .jny-mar-digital-v9 *::after{\n    transition:none!important;\n  }\n\n  .jny-mar-digital-v9 [data-reveal]{\n    opacity:1!important;\n\n    transform:none!important;\n  }\n}\n<\/style>\n\n\n<section\n  class=\"jny-mar-digital-v9\"\n  aria-labelledby=\"jny-mar-digital-v9-title\"\n>\n\n  <div class=\"jny-mar-digital-v9-wrap\">\n\n\n    <!-- INTRO -->\n\n    <div\n      class=\"jny-mar-digital-v9-head\"\n      data-reveal=\"1\"\n    >\n\n      <h2\n        class=\"jny-mar-digital-v9-title\"\n        id=\"jny-mar-digital-v9-title\"\n      >\n        <span>\n          Un \u00e9crin digital\n        <\/span>\n\n        <em>\n          pens\u00e9 pour vos invit\u00e9s.\n        <\/em>\n      <\/h2>\n\n\n      <p class=\"jny-mar-digital-v9-copy\">\n        Un espace priv\u00e9, imagin\u00e9 dans l\u2019univers de votre mariage,\n        pour r\u00e9unir l\u2019essentiel avec \u00e9l\u00e9gance et offrir \u00e0 vos invit\u00e9s\n        une exp\u00e9rience aussi fluide avant le jour J que le jour venu.\n      <\/p>\n\n    <\/div>\n\n\n    <!-- SHOWCASE -->\n\n    <div\n      class=\"jny-mar-digital-v9-showcase\"\n      data-reveal=\"2\"\n    >\n\n\n      <!-- BROWSER -->\n\n      <div class=\"jny-mar-digital-v9-browser\">\n\n        <div class=\"jny-mar-digital-v9-browserbar\">\n\n          <span class=\"jny-mar-digital-v9-dot\"><\/span>\n          <span class=\"jny-mar-digital-v9-dot\"><\/span>\n          <span class=\"jny-mar-digital-v9-dot\"><\/span>\n\n          <span class=\"jny-mar-digital-v9-url\">\n            notrejour.jnyouevents.com\n          <\/span>\n\n        <\/div>\n\n\n        <div class=\"jny-mar-digital-v9-screen\">\n\n          <div class=\"jny-mar-digital-v9-screen-copy\">\n\n            <span class=\"jny-mar-digital-v9-screen-small\">\n              Nous nous marions\n            <\/span>\n\n            <h3 class=\"jny-mar-digital-v9-screen-name\">\n              Camille\n              <em>& Gabriel<\/em>\n            <\/h3>\n\n            <span class=\"jny-mar-digital-v9-screen-date\">\n              12 septembre 2027 \u00b7 Annecy\n            <\/span>\n\n            <span class=\"jny-mar-digital-v9-mini\">\n              Confirmer ma pr\u00e9sence\n            <\/span>\n\n          <\/div>\n\n\n          <div class=\"jny-mar-digital-v9-photo\"><\/div>\n\n        <\/div>\n\n      <\/div>\n\n\n      <!-- PHONE -->\n\n      <div class=\"jny-mar-digital-v9-phone\">\n\n        <div class=\"jny-mar-digital-v9-phone-inner\">\n\n          <span class=\"jny-mar-digital-v9-notch\"><\/span>\n\n          <div class=\"jny-mar-digital-v9-phone-copy\">\n\n            <small>\n              Votre journ\u00e9e\n            <\/small>\n\n            <strong>\n              Tout au m\u00eame endroit.\n            <\/strong>\n\n          <\/div>\n\n        <\/div>\n\n      <\/div>\n\n\n      <!-- B\u00c9N\u00c9FICES -->\n\n      <div\n        class=\"jny-mar-digital-v9-benefits\"\n        aria-hidden=\"true\"\n      >\n\n        <span class=\"jny-mar-digital-v9-benefit\">\n          RSVP\n        <\/span>\n\n        <span class=\"jny-mar-digital-v9-benefit\">\n          Programme\n        <\/span>\n\n        <span class=\"jny-mar-digital-v9-benefit\">\n          Informations invit\u00e9s\n        <\/span>\n\n      <\/div>\n\n    <\/div>\n\n\n    <!-- FINAL -->\n\n    <div\n      class=\"jny-mar-digital-v9-note\"\n      data-reveal=\"3\"\n    >\n\n      <p>\n        Une attention suppl\u00e9mentaire,\n        <span>\n          jusque dans la fa\u00e7on de recevoir vos invit\u00e9s.\n        <\/span>\n      <\/p>\n\n      <small>\n        Exp\u00e9rience digitale JN.YOU\n      <\/small>\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n\n<script>\n(function(){\n\n  const section =\n    document.querySelector(\n      '.jny-mar-digital-v9'\n    );\n\n  if(\n    !section ||\n    section.dataset.jnyInit === '1'\n  ){\n    return;\n  }\n\n  section.dataset.jnyInit = '1';\n\n\n  if(\n    !(\n      'IntersectionObserver'\n      in window\n    )\n  ){\n    section.classList.add(\n      'is-visible'\n    );\n\n    return;\n  }\n\n\n  const observer =\n    new IntersectionObserver(\n      (entries)=>{\n        entries.forEach(\n          entry=>{\n            if(\n              entry.isIntersecting\n            ){\n              section.classList.add(\n                'is-visible'\n              );\n\n              observer.disconnect();\n            }\n          }\n        );\n      },\n      {\n        threshold:.14\n      }\n    );\n\n\n  observer.observe(section);\n\n})();\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-77bed17 e-con-full e-flex e-con e-parent\" data-id=\"77bed17\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2a5c3dd elementor-widget elementor-widget-html\" data-id=\"2a5c3dd\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\n     JN.YOU \u2014 PAGE MARIAGES \/ BLOC FINAL \u2014 V1\n     IMPACT + \u00c9MOTION \u2022 CONCLUSION UNIQUE \u2022 LUXE \u2022 PREMIUM\n     \u00c0 PLACER APR\u00c8S LE BLOC DIGITAL, AVANT LE FOOTER\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-mar-closing-v1{\n  --wine:#54232F;\n  --wine-deep:#3F1823;\n  --sage:#A8B6A5;\n  --paper:#FBF9F6;\n  --taupe:#4F444C;\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\n  overflow:hidden;\n\n  background:\n    radial-gradient(circle at 78% 12%,rgba(168,182,165,.10),transparent 27%),\n    linear-gradient(135deg,#3F1823 0%,#54232F 58%,#5B2935 100%);\n\n  color:var(--paper);\n\n  font-family:\"Montserrat\",sans-serif;\n}\n\n.jny-mar-closing-v1,\n.jny-mar-closing-v1 *{\n  box-sizing:border-box;\n}\n\n.elementor-widget-html:has(.jny-mar-closing-v1),\n.elementor-widget-html:has(.jny-mar-closing-v1) > .elementor-widget-container{\n  width:100%!important;\n  max-width:none!important;\n  overflow:visible!important;\n}\n\n\n\/* =========================================================\n   WRAP\n========================================================= *\/\n\n.jny-mar-closing-v1-wrap{\n  width:min(calc(100% - 48px),1360px);\n\n  margin:0 auto;\n\n  padding:\n    clamp(94px,8vw,126px)\n    0\n    clamp(72px,6vw,94px);\n}\n\n\n\/* =========================================================\n   INTRO\n========================================================= *\/\n\n.jny-mar-closing-v1-head{\n  display:grid;\n\n  grid-template-columns:\n    minmax(0,1fr)\n    minmax(300px,.46fr);\n\n  gap:\n    clamp(44px,7vw,94px);\n\n  align-items:end;\n\n  margin-bottom:\n    clamp(58px,6vw,78px);\n}\n\n.jny-mar-closing-v1-title{\n  max-width:890px;\n\n  margin:0;\n\n  color:var(--paper);\n\n  font-family:\n    \"Cormorant Garamond\",\n    serif;\n\n  font-size:\n    clamp(64px,5.9vw,96px);\n\n  font-weight:500;\n\n  line-height:.94;\n\n  letter-spacing:-.044em;\n}\n\n.jny-mar-closing-v1-title span,\n.jny-mar-closing-v1-title em{\n  display:block;\n}\n\n.jny-mar-closing-v1-title em{\n  margin-top:.10em;\n\n  color:var(--sage);\n\n  font-size:.64em;\n\n  font-weight:400;\n\n  font-style:italic;\n\n  line-height:1.08;\n\n  letter-spacing:-.018em;\n}\n\n.jny-mar-closing-v1-intro{\n  max-width:470px;\n\n  margin:0 0 7px;\n\n  color:\n    rgba(251,249,246,.68);\n\n  font-size:\n    clamp(15px,1.05vw,16.5px);\n\n  line-height:1.80;\n\n  position:relative;\n  padding:\n    22px\n    28px\n    18px\n    30px;\n}\n\n\/* Guillemets \u00e9ditoriaux JN.YOU *\/\n.jny-mar-closing-v1-intro::before,\n.jny-mar-closing-v1-intro::after{\n  position:absolute;\n\n  color:var(--sage);\n\n  font-family:\n    \"Cormorant Garamond\",\n    serif;\n\n  font-size:72px;\n  font-weight:400;\n  line-height:1;\n\n  opacity:.72;\n\n  pointer-events:none;\n}\n\n.jny-mar-closing-v1-intro::before{\n  content:\"\u201c\";\n  top:-8px;\n  left:-4px;\n}\n\n.jny-mar-closing-v1-intro::after{\n  content:\"\u201d\";\n  right:-2px;\n  bottom:-22px;\n}\n\n\n\/* =========================================================\n   3 B\u00c9N\u00c9FICES\n========================================================= *\/\n\n.jny-mar-closing-v1-benefits{\n  display:grid;\n\n  grid-template-columns:\n    repeat(3,minmax(0,1fr));\n\n  border-top:\n    1px solid rgba(251,249,246,.14);\n\n  border-bottom:\n    1px solid rgba(251,249,246,.12);\n}\n\n.jny-mar-closing-v1-benefit{\n  min-height:\n    clamp(205px,18vw,258px);\n\n  padding:\n    clamp(34px,3.5vw,46px)\n    clamp(24px,3vw,40px);\n\n  border-right:\n    1px solid rgba(251,249,246,.10);\n}\n\n.jny-mar-closing-v1-benefit:first-child{\n  padding-left:0;\n}\n\n.jny-mar-closing-v1-benefit:last-child{\n  padding-right:0;\n  border-right:0;\n}\n\n.jny-mar-closing-v1-benefit h3{\n  margin:0;\n\n  color:var(--paper);\n\n  font-family:\n    \"Cormorant Garamond\",\n    serif;\n\n  font-size:\n    clamp(34px,3vw,47px);\n\n  font-weight:500;\n\n  line-height:1;\n\n  letter-spacing:-.027em;\n}\n\n.jny-mar-closing-v1-benefit h3 em{\n  display:block;\n\n  margin-top:.10em;\n\n  color:var(--sage);\n\n  font-size:.62em;\n\n  font-weight:400;\n\n  font-style:italic;\n\n  line-height:1.08;\n}\n\n.jny-mar-closing-v1-benefit p{\n  max-width:390px;\n\n  margin:22px 0 0;\n\n  color:\n    rgba(251,249,246,.66);\n\n  font-size:\n    clamp(13.5px,.95vw,14.5px);\n\n  line-height:1.76;\n}\n\n\n\/* =========================================================\n   CONCLUSION\n========================================================= *\/\n\n.jny-mar-closing-v1-final{\n  max-width:980px;\n\n  margin:\n    clamp(44px,4.5vw,60px)\n    auto\n    0;\n\n  text-align:center;\n}\n\n\n.jny-mar-closing-v1-words{\n  display:flex;\n\n  justify-content:center;\n  align-items:center;\n\n  flex-wrap:wrap;\n\n  gap:\n    13px\n    19px;\n\n  margin-top:0;\n\n  color:\n    rgba(251,249,246,.58);\n\n  font-size:10.5px;\n\n  font-weight:600;\n\n  letter-spacing:.17em;\n\n  text-transform:uppercase;\n}\n\n.jny-mar-closing-v1-words i{\n  width:3px;\n  height:3px;\n\n  border-radius:50%;\n\n  background:\n    rgba(168,182,165,.72);\n}\n\n\n\n\/* =========================================================\n   REVEAL\n========================================================= *\/\n\n.jny-mar-closing-v1 [data-reveal]{\n  opacity:0;\n\n  transform:translateY(20px);\n\n  transition:\n    opacity .82s cubic-bezier(.2,.7,.2,1),\n    transform .88s cubic-bezier(.2,.7,.2,1);\n}\n\n.jny-mar-closing-v1.is-visible [data-reveal]{\n  opacity:1;\n  transform:none;\n}\n\n.jny-mar-closing-v1.is-visible [data-reveal=\"2\"]{\n  transition-delay:.10s;\n}\n\n.jny-mar-closing-v1.is-visible [data-reveal=\"3\"]{\n  transition-delay:.19s;\n}\n\n\n\/* =========================================================\n   TABLETTE\n========================================================= *\/\n\n@media(max-width:980px){\n\n  .jny-mar-closing-v1-head{\n    grid-template-columns:1fr;\n    gap:24px;\n  }\n\n  .jny-mar-closing-v1-intro{\n    max-width:650px;\n  }\n\n  .jny-mar-closing-v1-benefits{\n    grid-template-columns:1fr;\n  }\n\n  .jny-mar-closing-v1-benefit{\n    min-height:0;\n\n    padding:\n      30px\n      0;\n\n    border-right:0;\n\n    border-bottom:\n      1px solid rgba(251,249,246,.10);\n  }\n\n  .jny-mar-closing-v1-benefit:last-child{\n    border-bottom:0;\n  }\n\n  .jny-mar-closing-v1-benefit p{\n    max-width:620px;\n  }\n}\n\n\n\/* =========================================================\n   MOBILE\n========================================================= *\/\n\n@media(max-width:700px){\n\n  .jny-mar-closing-v1-wrap{\n    width:calc(100% - 36px);\n\n    padding:\n      76px\n      0\n      82px;\n  }\n\n  .jny-mar-closing-v1-head{\n    margin-bottom:42px;\n  }\n\n  .jny-mar-closing-v1-title{\n    font-size:\n      clamp(49px,13vw,63px);\n  }\n\n  .jny-mar-closing-v1-title em{\n    font-size:.68em;\n  }\n\n  .jny-mar-closing-v1-intro{\n    font-size:15px;\n    line-height:1.74;\n\n    padding:\n      20px\n      24px\n      16px\n      27px;\n  }\n\n  .jny-mar-closing-v1-intro::before,\n  .jny-mar-closing-v1-intro::after{\n    font-size:62px;\n  }\n\n  .jny-mar-closing-v1-intro::before{\n    top:-6px;\n    left:-3px;\n  }\n\n  .jny-mar-closing-v1-intro::after{\n    right:-1px;\n    bottom:-18px;\n  }\n\n  .jny-mar-closing-v1-benefit h3{\n    font-size:38px;\n  }\n\n  .jny-mar-closing-v1-benefit p{\n    margin-top:16px;\n\n    font-size:13.8px;\n\n    line-height:1.72;\n  }\n\n  .jny-mar-closing-v1-final{\n    margin-top:48px;\n  }\n\n  .jny-mar-closing-v1-words{\n    margin-top:0;\n\n    gap:\n      10px\n      14px;\n\n    font-size:9px;\n  }\n}\n\n\n\/* =========================================================\n   REDUCED MOTION\n========================================================= *\/\n\n@media(prefers-reduced-motion:reduce){\n\n  .jny-mar-closing-v1 *,\n  .jny-mar-closing-v1 *::before,\n  .jny-mar-closing-v1 *::after{\n    transition:none!important;\n  }\n\n  .jny-mar-closing-v1 [data-reveal]{\n    opacity:1!important;\n    transform:none!important;\n  }\n}\n<\/style>\n\n\n<section\n  class=\"jny-mar-closing-v1\"\n  aria-labelledby=\"jny-mar-closing-v1-title\"\n>\n\n  <div class=\"jny-mar-closing-v1-wrap\">\n\n\n    <!-- INTRO -->\n\n    <div\n      class=\"jny-mar-closing-v1-head\"\n      data-reveal=\"1\"\n    >\n\n      <h2\n        class=\"jny-mar-closing-v1-title\"\n        id=\"jny-mar-closing-v1-title\"\n      >\n        <span>\n          Ce que notre pr\u00e9sence\n        <\/span>\n\n        <em>\n          change vraiment.\n        <\/em>\n      <\/h2>\n\n\n      <p class=\"jny-mar-closing-v1-intro\">\n        Notre r\u00f4le ne se mesure pas seulement \u00e0 ce que nous organisons,\n        mais \u00e0 tout ce que vous n\u2019avez plus \u00e0 porter seuls.\n      <\/p>\n\n    <\/div>\n\n\n    <!-- B\u00c9N\u00c9FICES -->\n\n    <div\n      class=\"jny-mar-closing-v1-benefits\"\n      data-reveal=\"2\"\n    >\n\n\n      <article class=\"jny-mar-closing-v1-benefit\">\n\n        <h3>\n          Du temps retrouv\u00e9.\n          <em>Pour ce qui compte vraiment.<\/em>\n        <\/h3>\n\n        <p>\n          Nous absorbons ce qui demande du temps, de la m\u00e9thode\n          et de l\u2019attention pour que l\u2019organisation ne prenne jamais toute la place.\n        <\/p>\n\n      <\/article>\n\n\n      <article class=\"jny-mar-closing-v1-benefit\">\n\n        <h3>\n          Une vision coh\u00e9rente.\n          <em>Du premier choix au dernier d\u00e9tail.<\/em>\n        <\/h3>\n\n        <p>\n          Chaque d\u00e9cision trouve sa place dans une vision d\u2019ensemble,\n          \u00e9l\u00e9gante, fluide et profond\u00e9ment personnelle.\n        <\/p>\n\n      <\/article>\n\n\n      <article class=\"jny-mar-closing-v1-benefit\">\n\n        <h3>\n          Une vraie s\u00e9r\u00e9nit\u00e9.\n          <em>Le jour venu, tout s\u2019efface.<\/em>\n        <\/h3>\n\n        <p>\n          Lorsque votre mariage commence, il ne reste plus rien \u00e0 v\u00e9rifier,\n          anticiper ou g\u00e9rer. Seulement votre journ\u00e9e \u00e0 vivre.\n        <\/p>\n\n      <\/article>\n\n\n    <\/div>\n\n\n    <!-- FINAL -->\n\n    <div\n      class=\"jny-mar-closing-v1-final\"\n      data-reveal=\"3\"\n    >\n      <div\n        class=\"jny-mar-closing-v1-words\"\n        aria-hidden=\"true\"\n      >\n        <span>Ressentir<\/span>\n        <i><\/i>\n        <span>Partager<\/span>\n        <i><\/i>\n        <span>Vivre<\/span>\n        <i><\/i>\n        <span>Se souvenir<\/span>\n      <\/div>\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n\n<script>\n(function(){\n\n  const section =\n    document.querySelector(\n      '.jny-mar-closing-v1'\n    );\n\n  if(\n    !section ||\n    section.dataset.jnyInit === '1'\n  ){\n    return;\n  }\n\n  section.dataset.jnyInit = '1';\n\n\n  if(\n    !(\n      'IntersectionObserver'\n      in window\n    )\n  ){\n    section.classList.add(\n      'is-visible'\n    );\n\n    return;\n  }\n\n\n  const observer =\n    new IntersectionObserver(\n      (entries)=>{\n        entries.forEach(\n          entry=>{\n            if(\n              entry.isIntersecting\n            ){\n              section.classList.add(\n                'is-visible'\n              );\n\n              observer.disconnect();\n            }\n          }\n        );\n      },\n      {\n        threshold:.14\n      }\n    );\n\n\n  observer.observe(section);\n\n})();\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Mariages par JN.YOU Un mariage qui vous ressemble. Dans chaque d\u00e9tail. Nous imaginons des c\u00e9l\u00e9brations \u00e9l\u00e9gantes, personnelles et profond\u00e9ment vivantes, pens\u00e9es autour de votre histoire, de vos invit\u00e9s et de la fa\u00e7on dont vous voulez vraiment vivre cette journ\u00e9e. Sur mesure \u00c9l\u00e9gance \u00c9motion Faire d\u00e9filer Avant d\u2019organiser, on cherche \u00e0 comprendre. Votre histoire, vos habitudes, [&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-39","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.jnyouevents.com\/en\/wp-json\/wp\/v2\/pages\/39","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=39"}],"version-history":[{"count":136,"href":"https:\/\/www.jnyouevents.com\/en\/wp-json\/wp\/v2\/pages\/39\/revisions"}],"predecessor-version":[{"id":1772,"href":"https:\/\/www.jnyouevents.com\/en\/wp-json\/wp\/v2\/pages\/39\/revisions\/1772"}],"wp:attachment":[{"href":"https:\/\/www.jnyouevents.com\/en\/wp-json\/wp\/v2\/media?parent=39"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}