{"id":29889,"date":"2026-02-14T11:29:10","date_gmt":"2026-02-14T11:29:10","guid":{"rendered":"https:\/\/ya2.design\/?page_id=29889"},"modified":"2026-04-28T18:58:20","modified_gmt":"2026-04-28T18:58:20","slug":"home","status":"publish","type":"page","link":"https:\/\/ya2.design\/en\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"29889\" class=\"elementor elementor-29889\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7e124b46 e-con-full e-flex e-con e-parent\" data-id=\"7e124b46\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-ff294b2 e-con-full e-flex e-con e-child\" data-id=\"ff294b2\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2b3272d elementor-absolute elementor-widget elementor-widget-html\" data-id=\"2b3272d\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_position&quot;:&quot;absolute&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"ya2-badge-inline\">\r\n  <div class=\"ya2-seal\" aria-label=\"Augment\u00e9 par l\u2019IA\">\r\n    <div class=\"ya2-seal__container\">\r\n\r\n      <svg viewBox=\"0 0 100 100\" class=\"ya2-seal__ring\">\r\n        <defs>\r\n          <path id=\"ya2Path\" d=\"M 50,50 m -38,0 a 38,38 0 1,1 76,0 a 38,38 0 1,1 -76,0\" \/>\r\n        <\/defs>\r\n        <text class=\"ya2-seal__ringText\">\r\n          <textPath \r\n            href=\"#ya2Path\" \r\n            startOffset=\"0%\" \r\n            textLength=\"235\" \r\n            lengthAdjust=\"spacing\">\r\n            AUGMENT\u00c9 PAR L\u2019IA \u2022 AUGMENT\u00c9 PAR L\u2019IA \u2022\r\n          <\/textPath>\r\n        <\/text>\r\n      <\/svg>\r\n\r\n      <div class=\"ya2-seal__core\">\r\n        <svg viewBox=\"0 0 100 100\" class=\"ya2-gemini-star\">\r\n          <path d=\"M50 0C50 27.6 72.4 50 100 50C72.4 50 50 72.4 50 100C50 72.4 27.6 50 0 50C27.6 50 50 27.6 50 0Z\" fill=\"#EA8EFF\" \/>\r\n        <\/svg>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<style>\r\n:root {\r\n  --ya2-rose: #EA8EFF; \/* Votre couleur pr\u00e9cise *\/\r\n  --speed: 20s;\r\n  --badge-size: 180px; \r\n}\r\n\r\n\/* Positionnement Inline pour Elementor *\/\r\n.ya2-badge-inline {\r\n  display: inline-block;\r\n  vertical-align: middle;\r\n  pointer-events: auto;\r\n}\r\n\r\n.ya2-seal__container {\r\n  position: relative;\r\n  width: var(--badge-size);\r\n  height: var(--badge-size);\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n  background: transparent;\r\n  margin: 0 auto;\r\n}\r\n\r\n\/* TEXTE *\/\r\n.ya2-seal__ring {\r\n  position: absolute;\r\n  width: 100%;\r\n  height: 100%;\r\n  animation: rotateBadge var(--speed) linear infinite;\r\n}\r\n\r\n.ya2-seal__ringText {\r\n  font-family: \"Space Grotesk\", sans-serif;\r\n  font-weight: 700;\r\n  font-size: 8.8px;\r\n  fill: var(--ya2-rose);\r\n  text-transform: uppercase;\r\n}\r\n\r\n\/* \u00c9TOILE *\/\r\n.ya2-seal__core {\r\n  width: 38%;\r\n  height: 38%;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n}\r\n\r\n.ya2-gemini-star {\r\n  width: 100%;\r\n  height: 100%;\r\n  animation: pulseStar 3s ease-in-out infinite;\r\n}\r\n\r\n\/* ANIMATIONS *\/\r\n@keyframes rotateBadge {\r\n  from { transform: rotate(0deg); }\r\n  to { transform: rotate(360deg); }\r\n}\r\n\r\n@keyframes pulseStar {\r\n  0%, 100% { transform: scale(1); opacity: 0.75; }\r\n  50% { transform: scale(1.1); opacity: 1; }\r\n}\r\n\r\n\/* RESPONSIVE *\/\r\n@media (max-width: 1024px) {\r\n  :root { --badge-size: 300px; }\r\n}\r\n\r\n@media (max-width: 767px) {\r\n  :root { --badge-size: 180px; }\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-cc5ff21 elementor-widget elementor-widget-html\" data-id=\"cc5ff21\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"ya2-hero-video-wrap\">\r\n  <video\r\n    class=\"ya2-hero-video\"\r\n    src=\"https:\/\/ya2.design\/wp-content\/uploads\/2026\/03\/Hero.webm\"\r\n    autoplay\r\n    loop\r\n    muted\r\n    playsinline\r\n    preload=\"none\"\r\n    controlslist=\"nodownload\"\r\n  ><\/video>\r\n<\/div>\r\n\r\n<style>\r\n\/* DESKTOP *\/\r\n.ya2-hero-video-wrap{\r\n  width: 80%;\r\n  aspect-ratio: 3 \/ 2;\r\n  margin: 0 auto;\r\n  padding: 0;\r\n  border-radius: 30px;\r\n  overflow: hidden;\r\n  line-height: 0;\r\n}\r\n\r\n.ya2-hero-video{\r\n  width: 100%;\r\n  height: 100%;\r\n  display: block;\r\n  object-fit: cover;\r\n  border-radius: 30px;\r\n}\r\n\r\n\/* TABLET *\/\r\n@media (max-width: 1024px){\r\n  .ya2-hero-video-wrap{\r\n    width: 90%;\r\n  }\r\n}\r\n\r\n\/* MOBILE *\/\r\n@media (max-width: 767px){\r\n  .ya2-hero-video-wrap{\r\n    width: 100%;\r\n    aspect-ratio: 4 \/ 3; \/* plus lisible sur mobile *\/\r\n    border-radius: 20px;\r\n  }\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e14172b e-con-full e-flex e-con e-child\" data-id=\"e14172b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b5828c4 elementor-widget__width-initial elementor-widget-tablet__width-initial elementor-widget-mobile__width-inherit elementor-widget elementor-widget-heading\" data-id=\"b5828c4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\"><b>Sofiane (YA\u00b2)<br><\/b><\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-91a548e elementor-widget__width-initial elementor-widget-tablet__width-initial elementor-widget elementor-widget-heading\" data-id=\"91a548e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Strategic Brand Designer | Creative Partner\u2122<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-38c0373 elementor-widget__width-initial elementor-widget-tablet__width-initial elementor-widget-mobile__width-inherit elementor-widget elementor-widget-heading\" data-id=\"38c0373\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Je transforme des marques existantes en r\u00e9f\u00e9rences premium.<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3850a3a elementor-hidden-desktop elementor-hidden-tablet elementor-widget elementor-widget-html\" data-id=\"3850a3a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n.logo-marquee-wrapper{\r\n  position:relative;\r\n  overflow:hidden;\r\n  isolation:isolate;\r\n  width:100%;\r\n  background-color:#ffffff;\r\n  padding:40px 0;\r\n  box-sizing:border-box;\r\n}\r\n\r\n\/* Fondu gauche *\/\r\n.logo-marquee-wrapper::before{\r\n  content:\"\";\r\n  position:absolute;\r\n  top:0;\r\n  left:0;\r\n  width:60px;\r\n  height:100%;\r\n  z-index:2;\r\n  pointer-events:none;\r\n  background:linear-gradient(to right,#ffffff 0%,rgba(255,255,255,0) 100%);\r\n}\r\n\r\n\/* Fondu droit *\/\r\n.logo-marquee-wrapper::after{\r\n  content:\"\";\r\n  position:absolute;\r\n  top:0;\r\n  right:0;\r\n  width:60px;\r\n  height:100%;\r\n  z-index:2;\r\n  pointer-events:none;\r\n  background:linear-gradient(to left,#ffffff 0%,rgba(255,255,255,0) 100%);\r\n}\r\n\r\n.marquee-content-flex{\r\n  position:relative;\r\n  z-index:1;\r\n  display:flex;\r\n  width:max-content;\r\n  animation:marquee-scroll 20s linear infinite;\r\n  will-change:transform;\r\n}\r\n\r\n.logo-marquee-container{\r\n  display:flex;\r\n  white-space:nowrap;\r\n}\r\n\r\n.logo-marquee-container img{\r\n  height:110px;\r\n  width:auto;\r\n  margin:0 30px;\r\n  filter:grayscale(100%) invert(1);\r\n  opacity:0.9;\r\n  transition:transform 0.3s ease, opacity 0.3s ease;\r\n}\r\n\r\n.logo-marquee-container img:hover{\r\n  transform:scale(1.05);\r\n  opacity:1;\r\n}\r\n\r\n@keyframes marquee-scroll{\r\n  0%{transform:translateX(0);}\r\n  100%{transform:translateX(-50%);}\r\n}\r\n\r\n@media (max-width:768px){\r\n  .logo-marquee-container img{\r\n    height:100px;\r\n    margin:0 25px;\r\n  }\r\n\r\n  .logo-marquee-wrapper::before,\r\n  .logo-marquee-wrapper::after{\r\n    width:40px;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<div class=\"logo-marquee-wrapper\">\r\n  <div class=\"marquee-content-flex\">\r\n    <div class=\"logo-marquee-container\">\r\n      <img decoding=\"async\" src=\"https:\/\/ya2.design\/wp-content\/uploads\/2025\/06\/CA-scaled.png\" alt=\"CA\">\r\n      <img decoding=\"async\" src=\"https:\/\/ya2.design\/wp-content\/uploads\/2025\/06\/Compaq-scaled.png\" alt=\"Compaq\">\r\n      <img decoding=\"async\" src=\"https:\/\/ya2.design\/wp-content\/uploads\/2025\/06\/HP-scaled.png\" alt=\"HP\">\r\n      <img decoding=\"async\" src=\"https:\/\/ya2.design\/wp-content\/uploads\/2025\/06\/PG-scaled.png\" alt=\"P&G\">\r\n      <img decoding=\"async\" src=\"https:\/\/ya2.design\/wp-content\/uploads\/2025\/06\/Pfizer-scaled.png\" alt=\"Pfizer\">\r\n      <img decoding=\"async\" src=\"https:\/\/ya2.design\/wp-content\/uploads\/2025\/06\/Tostitos-scaled.png\" alt=\"Tostitos\">\r\n      <img decoding=\"async\" src=\"https:\/\/ya2.design\/wp-content\/uploads\/2025\/06\/CAF-scaled.png\" alt=\"CAF\">\r\n      <img decoding=\"async\" src=\"https:\/\/ya2.design\/wp-content\/uploads\/2025\/06\/Cineplex-scaled.png\" alt=\"Cineplex\">\r\n      <img decoding=\"async\" src=\"https:\/\/ya2.design\/wp-content\/uploads\/2025\/06\/PPG-scaled.png\" alt=\"PPG\">\r\n      <img decoding=\"async\" src=\"https:\/\/ya2.design\/wp-content\/uploads\/2025\/06\/LG-scaled.png\" alt=\"LG\">\r\n    <\/div>\r\n\r\n    <div class=\"logo-marquee-container\" aria-hidden=\"true\">\r\n      <img decoding=\"async\" src=\"https:\/\/ya2.design\/wp-content\/uploads\/2025\/06\/CA-scaled.png\" alt=\"\">\r\n      <img decoding=\"async\" src=\"https:\/\/ya2.design\/wp-content\/uploads\/2025\/06\/Compaq-scaled.png\" alt=\"\">\r\n      <img decoding=\"async\" src=\"https:\/\/ya2.design\/wp-content\/uploads\/2025\/06\/HP-scaled.png\" alt=\"\">\r\n      <img decoding=\"async\" src=\"https:\/\/ya2.design\/wp-content\/uploads\/2025\/06\/PG-scaled.png\" alt=\"\">\r\n      <img decoding=\"async\" src=\"https:\/\/ya2.design\/wp-content\/uploads\/2025\/06\/Pfizer-scaled.png\" alt=\"\">\r\n      <img decoding=\"async\" src=\"https:\/\/ya2.design\/wp-content\/uploads\/2025\/06\/Tostitos-scaled.png\" alt=\"\">\r\n      <img decoding=\"async\" src=\"https:\/\/ya2.design\/wp-content\/uploads\/2025\/06\/CAF-scaled.png\" alt=\"\">\r\n      <img decoding=\"async\" src=\"https:\/\/ya2.design\/wp-content\/uploads\/2025\/06\/Cineplex-scaled.png\" alt=\"\">\r\n      <img decoding=\"async\" src=\"https:\/\/ya2.design\/wp-content\/uploads\/2025\/06\/PPG-scaled.png\" alt=\"\">\r\n      <img decoding=\"async\" src=\"https:\/\/ya2.design\/wp-content\/uploads\/2025\/06\/LG-scaled.png\" alt=\"\">\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4821295 e-con-full e-flex e-con e-child\" data-id=\"4821295\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-81c253b elementor-widget-mobile__width-initial elementor-widget__width-initial elementor-widget elementor-widget-heading\" data-id=\"81c253b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Votre marque m\u00e9rite <br>un statut premium.<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-df3f2ee elementor-widget__width-initial elementor-widget-tablet__width-initial elementor-widget elementor-widget-heading\" data-id=\"df3f2ee\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Repositionnement strat\u00e9gique <br>pour aligner image, perception et valeur.<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-68ed188 elementor-hidden-mobile elementor-widget elementor-widget-html\" data-id=\"68ed188\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n.logo-marquee-wrapper{\r\n  position:relative;\r\n  overflow:hidden;\r\n  isolation:isolate;\r\n  width:100%;\r\n  background-color:#ffffff;\r\n  padding:40px 0;\r\n  box-sizing:border-box;\r\n}\r\n\r\n\/* Fondu gauche *\/\r\n.logo-marquee-wrapper::before{\r\n  content:\"\";\r\n  position:absolute;\r\n  top:0;\r\n  left:0;\r\n  width:60px;\r\n  height:100%;\r\n  z-index:2;\r\n  pointer-events:none;\r\n  background:linear-gradient(to right,#ffffff 0%,rgba(255,255,255,0) 100%);\r\n}\r\n\r\n\/* Fondu droit *\/\r\n.logo-marquee-wrapper::after{\r\n  content:\"\";\r\n  position:absolute;\r\n  top:0;\r\n  right:0;\r\n  width:60px;\r\n  height:100%;\r\n  z-index:2;\r\n  pointer-events:none;\r\n  background:linear-gradient(to left,#ffffff 0%,rgba(255,255,255,0) 100%);\r\n}\r\n\r\n.marquee-content-flex{\r\n  position:relative;\r\n  z-index:1;\r\n  display:flex;\r\n  width:max-content;\r\n  animation:marquee-scroll 20s linear infinite;\r\n  will-change:transform;\r\n}\r\n\r\n.logo-marquee-container{\r\n  display:flex;\r\n  white-space:nowrap;\r\n}\r\n\r\n.logo-marquee-container img{\r\n  height:110px;\r\n  width:auto;\r\n  margin:0 30px;\r\n  filter:grayscale(100%) invert(1);\r\n  opacity:0.9;\r\n  transition:transform 0.3s ease, opacity 0.3s ease;\r\n}\r\n\r\n.logo-marquee-container img:hover{\r\n  transform:scale(1.05);\r\n  opacity:1;\r\n}\r\n\r\n@keyframes marquee-scroll{\r\n  0%{transform:translateX(0);}\r\n  100%{transform:translateX(-50%);}\r\n}\r\n\r\n@media (max-width:768px){\r\n  .logo-marquee-container img{\r\n    height:100px;\r\n    margin:0 25px;\r\n  }\r\n\r\n  .logo-marquee-wrapper::before,\r\n  .logo-marquee-wrapper::after{\r\n    width:40px;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<div class=\"logo-marquee-wrapper\">\r\n  <div class=\"marquee-content-flex\">\r\n    <div class=\"logo-marquee-container\">\r\n      <img decoding=\"async\" src=\"https:\/\/ya2.design\/wp-content\/uploads\/2025\/06\/CA-scaled.png\" alt=\"CA\">\r\n      <img decoding=\"async\" src=\"https:\/\/ya2.design\/wp-content\/uploads\/2025\/06\/Compaq-scaled.png\" alt=\"Compaq\">\r\n      <img decoding=\"async\" src=\"https:\/\/ya2.design\/wp-content\/uploads\/2025\/06\/HP-scaled.png\" alt=\"HP\">\r\n      <img decoding=\"async\" src=\"https:\/\/ya2.design\/wp-content\/uploads\/2025\/06\/PG-scaled.png\" alt=\"P&G\">\r\n      <img decoding=\"async\" src=\"https:\/\/ya2.design\/wp-content\/uploads\/2025\/06\/Pfizer-scaled.png\" alt=\"Pfizer\">\r\n      <img decoding=\"async\" src=\"https:\/\/ya2.design\/wp-content\/uploads\/2025\/06\/Tostitos-scaled.png\" alt=\"Tostitos\">\r\n      <img decoding=\"async\" src=\"https:\/\/ya2.design\/wp-content\/uploads\/2025\/06\/CAF-scaled.png\" alt=\"CAF\">\r\n      <img decoding=\"async\" src=\"https:\/\/ya2.design\/wp-content\/uploads\/2025\/06\/Cineplex-scaled.png\" alt=\"Cineplex\">\r\n      <img decoding=\"async\" src=\"https:\/\/ya2.design\/wp-content\/uploads\/2025\/06\/PPG-scaled.png\" alt=\"PPG\">\r\n      <img decoding=\"async\" src=\"https:\/\/ya2.design\/wp-content\/uploads\/2025\/06\/LG-scaled.png\" alt=\"LG\">\r\n    <\/div>\r\n\r\n    <div class=\"logo-marquee-container\" aria-hidden=\"true\">\r\n      <img decoding=\"async\" src=\"https:\/\/ya2.design\/wp-content\/uploads\/2025\/06\/CA-scaled.png\" alt=\"\">\r\n      <img decoding=\"async\" src=\"https:\/\/ya2.design\/wp-content\/uploads\/2025\/06\/Compaq-scaled.png\" alt=\"\">\r\n      <img decoding=\"async\" src=\"https:\/\/ya2.design\/wp-content\/uploads\/2025\/06\/HP-scaled.png\" alt=\"\">\r\n      <img decoding=\"async\" src=\"https:\/\/ya2.design\/wp-content\/uploads\/2025\/06\/PG-scaled.png\" alt=\"\">\r\n      <img decoding=\"async\" src=\"https:\/\/ya2.design\/wp-content\/uploads\/2025\/06\/Pfizer-scaled.png\" alt=\"\">\r\n      <img decoding=\"async\" src=\"https:\/\/ya2.design\/wp-content\/uploads\/2025\/06\/Tostitos-scaled.png\" alt=\"\">\r\n      <img decoding=\"async\" src=\"https:\/\/ya2.design\/wp-content\/uploads\/2025\/06\/CAF-scaled.png\" alt=\"\">\r\n      <img decoding=\"async\" src=\"https:\/\/ya2.design\/wp-content\/uploads\/2025\/06\/Cineplex-scaled.png\" alt=\"\">\r\n      <img decoding=\"async\" src=\"https:\/\/ya2.design\/wp-content\/uploads\/2025\/06\/PPG-scaled.png\" alt=\"\">\r\n      <img decoding=\"async\" src=\"https:\/\/ya2.design\/wp-content\/uploads\/2025\/06\/LG-scaled.png\" alt=\"\">\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7753d8a e-con-full e-flex e-con e-parent\" data-id=\"7753d8a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-a79a535 e-con-full e-flex e-con e-child\" data-id=\"a79a535\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7356244 elementor-widget__width-initial elementor-widget-tablet__width-initial elementor-widget elementor-widget-heading\" data-id=\"7356244\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Voici comment des marques lifestyle <br>passent au statut premium. \u2193<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d057959 e-con-full e-flex e-con e-child\" data-id=\"d057959\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8d7bf80 animated-fast elementor-widget__width-initial elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"8d7bf80\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInRight&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">1. D\u00e9cider avant de dessiner.\n<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e510171 animated-fast elementor-widget__width-initial elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"e510171\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInRight&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">2. Cadrer avant d\u2019amplifier.<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3e61244 animated-fast elementor-widget__width-initial elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"3e61244\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInRight&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">3. Structurer avant d\u2019embellir.<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4d5bba1 animated-fast elementor-widget__width-initial elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"4d5bba1\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInRight&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">4. \u00c9lever sans diluer.<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-800d82e animated-fast elementor-widget__width-initial elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"800d82e\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInRight&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">5. Construire ensemble. <br>Assumer ensuite.<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b6678b9 e-con-full e-flex e-con e-parent\" data-id=\"b6678b9\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-a64acbe e-con-full e-flex e-con e-child\" data-id=\"a64acbe\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;slideshow&quot;,&quot;background_slideshow_gallery&quot;:[],&quot;background_slideshow_loop&quot;:&quot;yes&quot;,&quot;background_slideshow_slide_duration&quot;:5000,&quot;background_slideshow_slide_transition&quot;:&quot;fade&quot;,&quot;background_slideshow_transition_duration&quot;:500}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-07e90ff elementor-widget elementor-widget-image\" data-id=\"07e90ff\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"1826\" height=\"1590\" src=\"https:\/\/ya2.design\/wp-content\/uploads\/2025\/04\/OG.png\" class=\"attachment-full size-full wp-image-5201\" alt=\"\" srcset=\"https:\/\/ya2.design\/wp-content\/uploads\/2025\/04\/OG.png 1826w, https:\/\/ya2.design\/wp-content\/uploads\/2025\/04\/OG-300x261.png 300w, https:\/\/ya2.design\/wp-content\/uploads\/2025\/04\/OG-1024x892.png 1024w, https:\/\/ya2.design\/wp-content\/uploads\/2025\/04\/OG-768x669.png 768w, https:\/\/ya2.design\/wp-content\/uploads\/2025\/04\/OG-1536x1337.png 1536w\" sizes=\"(max-width: 1826px) 100vw, 1826px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-bea52d4 e-con-full e-flex e-con e-child\" data-id=\"bea52d4\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d93d37c elementor-widget elementor-widget-html\" data-id=\"d93d37c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div id=\"og-translations\" style=\"display:none;\" aria-hidden=\"true\">\r\n    <span data-id=\"s0-pill\">Avant cadrage<\/span>\r\n    <span data-id=\"s0-title\"><br>Franchise lisse.<br>Identit\u00e9 neutre.<\/span>\r\n    <span data-id=\"s0-sub\">Aucune place pour son univers street.<\/span>\r\n    <span data-id=\"s0-copy\">Franchise lisse, univers standardis\u00e9. Peu d\u2019attachement \u00e0 la marque et une carte qui ne plait pas vraiment.<\/span>\r\n    <span data-id=\"s0-kpiLabel\"><\/span>\r\n    \r\n    <span data-id=\"s1-pill\">Direction retenue<\/span>\r\n    <span data-id=\"s1-title\"><br>Univers street.<br>Marque assum\u00e9e.<\/span>\r\n    <span data-id=\"s1-sub\">Ambiance marqu\u00e9e, ton direct.<\/span>\r\n    <span data-id=\"s1-copy\">Repositionnement autour d\u2019un univers hip-hop assum\u00e9. Ambiance plus marqu\u00e9e. Une identit\u00e9 enfin coh\u00e9rente.<\/span>\r\n    <span data-id=\"s1-kpiLabel\">clients plus matures et r\u00e9guliers.<\/span>\r\n    \r\n    <span data-id=\"s2-pill\">Apr\u00e8s d\u00e9ploiement<\/span>\r\n    <span data-id=\"s2-title\"><br>Identit\u00e9 assum\u00e9e.<br>Impact durable.<\/span>\r\n    <span data-id=\"s2-sub\">OGGIE, marque jeune et distincte.<\/span>\r\n    <span data-id=\"s2-copy\">J\u2019ai enfin un lieu \u00e0 mon image. Une identit\u00e9 forte. Et d\u00e8s l\u2019entr\u00e9e, les clients adh\u00e8rent.<\/span>\r\n    <span data-id=\"s2-clientLine\">M. Menet \u00b7 Fondateur \u00b7 OGGIE<\/span>\r\n<\/div>\r\n\r\n<div class=\"og-wrap og-reveal\" data-og>\r\n  <div class=\"og-scale\">\r\n    <div class=\"og-card\">\r\n      <img decoding=\"async\" class=\"og-logoFixed\" src=\"https:\/\/ya2.design\/wp-content\/uploads\/2026\/02\/Logo-OG-3.svg\">\r\n\r\n      <div class=\"og-inner\">\r\n        <div class=\"og-left\">\r\n          <h2 class=\"og-title\" data-og-title><br>Concept g\u00e9n\u00e9rique.<br>D\u00e9connexion locale.<\/h2>\r\n          <p class=\"og-sub\" data-og-sub>Franchise peu align\u00e9e avec le territoire.<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"og-right\">\r\n          <div class=\"og-topRow\" data-og-toprow>\r\n            <div class=\"og-pill\" data-og-pill>Avant cadrage<\/div>\r\n          <\/div>\r\n\r\n          <div class=\"og-slider\" aria-label=\"Timeline\">\r\n            <div class=\"og-track\">\r\n              <div class=\"og-fill\" data-og-fill aria-hidden=\"true\"><\/div>\r\n              <span class=\"og-tick og-tick--0\" aria-hidden=\"true\"><\/span>\r\n              <span class=\"og-tick og-tick--1\" aria-hidden=\"true\"><\/span>\r\n              <span class=\"og-tick og-tick--2\" aria-hidden=\"true\"><\/span>\r\n              <div class=\"og-dot\" data-og-dot><\/div>\r\n            <\/div>\r\n            <input class=\"og-range\" data-og-range type=\"range\" min=\"0\" max=\"2\" step=\"1\" value=\"0\" aria-label=\"\u00c9tape\">\r\n          <\/div>\r\n\r\n          <div class=\"og-body\" data-og-body>\r\n            <div class=\"og-copy\" data-og-copy>Le point de vente tournait, mais sans r\u00e9sonance r\u00e9unionnaise...<\/div>\r\n\r\n            <div class=\"og-kpi\" data-og-kpi>\r\n              <div class=\"og-kpiNum\" data-og-kpiNum>0%<\/div>\r\n              <div class=\"og-kpiLabel\" data-og-kpiLabel><br>Connexion culturelle<\/div>\r\n            <\/div>\r\n\r\n            <div class=\"og-client\" data-og-client>\r\n              <img decoding=\"async\" class=\"og-avatar\" data-og-avatar src=\"https:\/\/ya2.design\/wp-content\/uploads\/2026\/02\/Mehdi.jpg\" alt=\"\">\r\n              <div class=\"og-clientLine\" data-og-clientLine>M. Menet \u00b7 Fondateur \u00b7 OGGIE<\/div>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"og-bottomBar\" aria-label=\"Actions\">\r\n        <a class=\"og-ctaFixed\" href=\"https:\/\/ya2.design\/oggie\" data-og-cta>Voir la transformation compl\u00e8te<\/a>\r\n\r\n        <div class=\"og-nav\" aria-label=\"Navigation\">\r\n          <button class=\"og-btn og-btn--dark\" data-og-prev type=\"button\" aria-label=\"Pr\u00e9c\u00e9dent\">\r\n            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M14.5 6.5L9 12l5.5 5.5\" stroke-width=\"2.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\r\n          <\/button>\r\n          <button class=\"og-btn og-btn--dark og-btn--hint\" data-og-next type=\"button\" aria-label=\"Suivant\">\r\n            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M9.5 6.5L15 12l-5.5 5.5\" stroke-width=\"2.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\r\n          <\/button>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<style>\r\n.og-wrap{ --cardH:360px; --radius:44px; --pad:34px; --gap:44px; --navSize:44px; --safe:26px; --accent:#6d5cff; font-family:\"Space Grotesk\",system-ui; max-width:1100px; margin:0 auto; position:relative; overflow:visible !important; isolation:isolate; color:#0b1020; }\r\n.og-scale{ transform:scale(.75); transform-origin:top left; width:calc(100%\/.75); }\r\n.og-wrap *{ box-sizing:border-box; }\r\n.og-wrap h1,.og-wrap h2,.og-wrap h3,.og-wrap p{ margin:0 !important; }\r\n.og-reveal{ opacity:0; transform:translateY(10px); filter:blur(6px); }\r\n.og-reveal.is-in{ opacity:1; transform:translateY(0); filter:blur(0); transition:opacity 280ms ease, transform 280ms ease, filter 280ms ease; }\r\n.og-card{ height:var(--cardH); border-radius:var(--radius); overflow:hidden; background:#fff; box-shadow:0 20px 60px rgba(0,0,0,.06); position:relative; padding-bottom:calc(var(--safe) + var(--navSize) + 10px); }\r\n.og-logoFixed{ position:absolute; top:24px; left:34px; width:260px; height:auto; pointer-events:none; z-index:2; }\r\n.og-inner{ height:100%; padding:var(--pad); display:grid; grid-template-columns:1fr 1fr; gap:var(--gap); }\r\n.og-left{ display:flex; flex-direction:column; justify-content:center; min-width:0; padding-top:96px; }\r\n.og-title{ font-family:\"Changa\"; font-size:42px; line-height:1.05; margin-bottom:12px !important; }\r\n.og-sub{ font-size:18px; color:rgba(11,16,32,.62); }\r\n.og-right{ min-width:0; height:100%; display:grid; grid-template-rows:auto auto 1fr; gap:16px; }\r\n.og-topRow{ display:flex; align-items:center; justify-content:flex-end; }\r\n.og-pill{ background:#000; color:#fff; padding:6px 14px; border-radius:999px; font-weight:750; }\r\n.og-slider{ position:relative; }\r\n.og-track{ height:4px; background:#ddd; border-radius:999px; position:relative; margin-top:6px; }\r\n.og-fill{ position:absolute; left:0; top:0; height:100%; width:0%; background:#000; border-radius:999px; transition:width .4s cubic-bezier(.2,.9,.2,1); }\r\n.og-tick{ position:absolute; top:50%; width:8px; height:8px; border-radius:999px; background:#cfcfcf; transform:translate(-50%,-50%); box-shadow:0 0 0 6px #fff; transition: background 0.3s ease; }\r\n.og-tick--0{ left:0%; } .og-tick--1{ left:50%; } .og-tick--2{ left:100%; }\r\n.og-tick.is-on{ background:#000; }\r\n.og-dot{ position:absolute; width:16px; height:16px; background:#000; border-radius:999px; top:50%; transform:translate(-50%,-50%); left:0%; transition:left .4s cubic-bezier(.2,.9,.2,1); box-shadow:0 0 0 6px #fff, 0 12px 24px rgba(0,0,0,.14); z-index:5; }\r\n.og-range{ position:absolute; inset:-12px 0; width:100%; height:44px; opacity:0; cursor:pointer; z-index:10; }\r\n.og-body{ display:flex; flex-direction:column; gap:14px; overflow:hidden; min-height:0; transition:opacity 220ms ease, transform 220ms ease, filter 220ms ease; will-change:opacity,transform,filter; }\r\n.og-body.is-out{ opacity:.15; transform:translateY(6px); filter:blur(2px); }\r\n.og-copy{ font-size:17px; line-height:1.45; color:rgba(11,16,32,.78); display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:4; overflow:hidden; }\r\n.og-copy.is-quote{ font-weight:700; color:#0b1020; -webkit-line-clamp:5; position:relative; padding-left:18px; }\r\n.og-copy.is-quote:before{ content:\"\u201c\"; position:absolute; left:0; top:-4px; font-family:\"Changa\"; font-weight:800; font-size:28px; line-height:1; color:#0b1020; }\r\n.og-copy.is-quote:after{ content:\"\u201d\"; font-family:\"Changa\"; font-weight:800; }\r\n.og-kpi{ display:flex; align-items:center; gap:12px; }\r\n.og-kpiNum{ font-family:\"Changa\"; font-weight:800; font-size:44px; line-height:1; color:#0b1020; }\r\n.og-kpiLabel{ font-size:14px; color:rgba(11,16,32,.62); font-weight:600; }\r\n.og-client{ display:flex; align-items:center; gap:14px; }\r\n.og-wrap .og-avatar{ all:unset; box-sizing:border-box; width:58px; height:58px; display:block; border-radius:50% !important; object-fit:cover !important; aspect-ratio:1\/1; overflow:hidden; flex-shrink:0; border:1px solid rgba(0,0,0,.08); box-shadow:0 10px 24px rgba(0,0,0,.08); }\r\n.og-clientLine{ font-weight:750; font-size:17px; line-height:1.1; white-space:nowrap; color:#0b1020; }\r\n.og-bottomBar{ position:absolute; right:var(--safe); bottom:var(--safe); display:flex; align-items:center; gap:14px; z-index:12; }\r\n\r\n.og-ctaFixed{ display:inline-flex; align-items:center; justify-content:center; padding:16px 26px; border-radius:999px; border:1px solid rgba(0,0,0,.14); background:#fff; color:#0b1020; text-decoration:none; font-weight:850; font-size:16px; transition:all 200ms ease; white-space:nowrap; }\r\n.og-ctaFixed:hover{ background:var(--accent) !important; color:#fff !important; border-color:var(--accent) !important; }\r\n\r\n.og-nav{ display:flex; gap:12px; }\r\n.og-wrap .og-btn{ all:unset; box-sizing:border-box; width:var(--navSize); height:var(--navSize); border-radius:50%; display:flex; align-items:center; justify-content:center; cursor:pointer; background:#000; border:1px solid rgba(0,0,0,.18); transition:transform 160ms ease, background 160ms ease, border-color 160ms ease; }\r\n.og-wrap .og-btn svg{ width:20px; height:20px; display:block; }\r\n.og-wrap .og-btn svg path{ stroke:#fff; fill:none; }\r\n.og-btn--hint{ animation:ogHintRing 2.2s ease-out infinite, ogBtnBounce 2.2s ease-in-out infinite; transform-origin:center; }\r\n.og-btn--hint svg{ animation:ogArrowNudge 2.2s ease-in-out infinite; }\r\n.og-media{ display:flex; gap:12px; align-items:center; }\r\n.og-thumb{ all:unset; box-sizing:border-box; width:56px; height:56px; border-radius:50%; overflow:hidden; cursor:pointer; display:block; flex:0 0 auto; border:1px solid rgba(0,0,0,.10); box-shadow:0 10px 24px rgba(0,0,0,.08); }\r\n.og-thumb img{ width:100%; height:100%; display:block; object-fit:cover; }\r\n.og-lightbox{ position:fixed; inset:0; display:none; align-items:center; justify-content:center; background:rgba(0,0,0,.72); z-index:99999; padding:24px; }\r\n.og-lightbox.is-open{ display:flex; }\r\n.og-lightboxInner{ max-width:min(960px, 92vw); max-height:min(720px, 88vh); border-radius:18px; overflow:hidden; box-shadow:0 30px 90px rgba(0,0,0,.40); background:#000; }\r\n.og-lightboxInner img{ width:100%; height:100%; max-height:min(720px, 88vh); display:block; object-fit:contain; background:#000; }\r\n\r\n@media(max-width:760px){\r\n  .og-card{ height:auto; padding-bottom:18px; }\r\n  .og-inner{ grid-template-columns:1fr; height:auto; padding:20px; gap:24px; }\r\n  .og-scale{ transform:none; width:100%; }\r\n  .og-logoFixed{ position:static; width:190px; margin:0 auto 5px auto; display:block; }\r\n  .og-left{ padding-top:0; }\r\n  .og-title{ font-size:28px; line-height:1.1; }\r\n  .og-sub{ font-size:16px; margin-top:8px !important; }\r\n  .og-copy{ -webkit-line-clamp:unset; max-height:none; font-size:16px; }\r\n  .og-clientLine{ white-space:normal; font-size:15px; }\r\n  .og-bottomBar{ position:static; margin:20px; justify-content:space-between; flex-direction:row-reverse; gap:12px; }\r\n  .og-ctaFixed{ padding:12px 18px; font-size:14px; flex:1; min-width:0; text-align:center; white-space:normal; line-height:1.2; border-radius:12px; }\r\n  .og-nav{ flex-shrink:0; }\r\n}\r\n<\/style>\r\n\r\n<script>\r\n(function(){\r\n  function getT(id, isHTML) {\r\n    var el = document.querySelector('[data-id=\"' + id + '\"]');\r\n    if (!el) return \"\";\r\n    return isHTML ? el.innerHTML : el.textContent;\r\n  }\r\n\r\n  function initReveal(root){\r\n    if (!root) return;\r\n    if ('IntersectionObserver' in window){\r\n      var io = new IntersectionObserver(function(entries){\r\n        entries.forEach(function(e){\r\n          if (e.isIntersecting){\r\n            root.classList.add('is-in');\r\n            io.disconnect();\r\n          }\r\n        });\r\n      }, { threshold: 0.12 });\r\n      io.observe(root);\r\n    } else {\r\n      root.classList.add('is-in');\r\n    }\r\n  }\r\n\r\n  function initCard(root){\r\n    var STEPS = [\r\n      {\r\n        pill: getT('s0-pill'),\r\n        title: getT('s0-title', true),\r\n        sub: getT('s0-sub'),\r\n        copy: getT('s0-copy'),\r\n        mode: 'kpi',\r\n        kpiNum: '0%',\r\n        kpiLabel: getT('s0-kpiLabel', true),\r\n        quote: false,\r\n        media: true,\r\n        mediaImages: [\r\n          'https:\/\/ya2.design\/wp-content\/uploads\/2026\/02\/Yogurt-Factory-1.jpg',\r\n          'https:\/\/ya2.design\/wp-content\/uploads\/2026\/02\/Yogurt-Factory-2.jpg'\r\n        ]\r\n      },\r\n      {\r\n        pill: getT('s1-pill'),\r\n        title: getT('s1-title', true),\r\n        sub: getT('s1-sub'),\r\n        copy: getT('s1-copy'),\r\n        mode: 'kpi',\r\n        kpiNum: '+30%',\r\n        kpiLabel: getT('s1-kpiLabel', true),\r\n        quote: false\r\n      },\r\n      {\r\n        pill: getT('s2-pill'),\r\n        title: getT('s2-title', true),\r\n        sub: getT('s2-sub'),\r\n        copy: getT('s2-copy'),\r\n        mode: 'client',\r\n        avatar: 'https:\/\/ya2.design\/wp-content\/uploads\/2026\/02\/Mehdi.jpg',\r\n        clientLine: getT('s2-clientLine'),\r\n        quote: true\r\n      }\r\n    ];\r\n\r\n    var el = {\r\n      title: root.querySelector('[data-og-title]'),\r\n      sub: root.querySelector('[data-og-sub]'),\r\n      copy: root.querySelector('[data-og-copy]'),\r\n      pill: root.querySelector('[data-og-pill]'),\r\n      range: root.querySelector('[data-og-range]'),\r\n      dot: root.querySelector('[data-og-dot]'),\r\n      fill: root.querySelector('[data-og-fill]'),\r\n      tick0: root.querySelector('.og-tick--0'),\r\n      tick1: root.querySelector('.og-tick--1'),\r\n      tick2: root.querySelector('.og-tick--2'),\r\n      prev: root.querySelector('[data-og-prev]'),\r\n      next: root.querySelector('[data-og-next]'),\r\n      body: root.querySelector('[data-og-body]'),\r\n      kpiWrap: root.querySelector('[data-og-kpi]'),\r\n      kpiNum: root.querySelector('[data-og-kpiNum]'),\r\n      kpiLabel: root.querySelector('[data-og-kpiLabel]'),\r\n      clientWrap: root.querySelector('[data-og-client]'),\r\n      avatar: root.querySelector('[data-og-avatar]'),\r\n      clientLine: root.querySelector('[data-og-clientLine]')\r\n    };\r\n\r\n    if (!el.title || !el.range) return;\r\n\r\n    var idx = 0;\r\n    var busy = false;\r\n\r\n    function setTicks(activeCount){\r\n      [el.tick0, el.tick1, el.tick2].forEach(function(t, i){\r\n        if (t) t.classList.toggle('is-on', i < activeCount);\r\n      });\r\n    }\r\n\r\n    function openLightbox(src){\r\n      var lb = document.querySelector('.og-lightbox');\r\n      if (!lb){\r\n        lb = document.createElement('div');\r\n        lb.className = 'og-lightbox';\r\n        lb.innerHTML = '<div class=\"og-lightboxInner\"><img decoding=\"async\" src=\"\" alt=\"\"><\/div>';\r\n        document.body.appendChild(lb);\r\n        lb.onclick = function(e){\r\n          if (e.target === lb) lb.classList.remove('is-open');\r\n        };\r\n      }\r\n      lb.querySelector('img').src = src;\r\n      lb.classList.add('is-open');\r\n    }\r\n\r\n    function applyStep(s){\r\n      var progress = (idx \/ (STEPS.length - 1)) * 100;\r\n\r\n      el.title.innerHTML = s.title;\r\n      el.sub.textContent = s.sub;\r\n      el.copy.classList.toggle('is-quote', !!s.quote);\r\n      el.copy.textContent = s.copy;\r\n      el.pill.textContent = s.pill;\r\n      el.dot.style.left = progress + '%';\r\n\r\n      if (el.fill) el.fill.style.width = progress + '%';\r\n      setTicks(idx + 1);\r\n\r\n      if (s.mode === 'client'){\r\n        el.kpiWrap.style.display = 'none';\r\n        el.clientWrap.style.display = 'flex';\r\n        if (s.avatar) el.avatar.src = s.avatar;\r\n        el.clientLine.textContent = s.clientLine;\r\n      } else {\r\n        el.clientWrap.style.display = 'none';\r\n        el.kpiWrap.style.display = 'flex';\r\n\r\n        if (s.media){\r\n          el.kpiNum.style.display = 'none';\r\n          el.kpiLabel.innerHTML =\r\n            '<div class=\"og-media\">' +\r\n            s.mediaImages.map(function(u){\r\n              return '<button class=\"og-thumb\" type=\"button\" data-og-img=\"' + u + '\"><img decoding=\"async\" src=\"' + u + '\" alt=\"\"><\/button>';\r\n            }).join('') +\r\n            '<\/div>';\r\n\r\n          el.kpiLabel.querySelectorAll('[data-og-img]').forEach(function(btn){\r\n            btn.onclick = function(){\r\n              openLightbox(btn.getAttribute('data-og-img'));\r\n            };\r\n          });\r\n        } else {\r\n          el.kpiNum.style.display = '';\r\n          el.kpiNum.textContent = s.kpiNum;\r\n          el.kpiLabel.innerHTML = '<br>' + s.kpiLabel;\r\n        }\r\n      }\r\n    }\r\n\r\n    function render(i, fromUI){\r\n      if (busy) return;\r\n      busy = true;\r\n\r\n      idx = ((i % STEPS.length) + STEPS.length) % STEPS.length;\r\n\r\n      if (!fromUI) el.range.value = String(idx);\r\n\r\n      el.body.classList.add('is-out');\r\n\r\n      setTimeout(function(){\r\n        applyStep(STEPS[idx]);\r\n        requestAnimationFrame(function(){\r\n          el.body.classList.remove('is-out');\r\n          setTimeout(function(){\r\n            busy = false;\r\n          }, 120);\r\n        });\r\n      }, 140);\r\n    }\r\n\r\n    el.range.oninput = function(e){\r\n      render(parseInt(e.target.value, 10), true);\r\n    };\r\n\r\n    if (el.prev){\r\n      el.prev.onclick = function(){\r\n        render(idx - 1, false);\r\n      };\r\n    }\r\n\r\n    if (el.next){\r\n      el.next.onclick = function(){\r\n        render(idx + 1, false);\r\n      };\r\n    }\r\n\r\n    applyStep(STEPS[0]);\r\n  }\r\n\r\n  document.querySelectorAll('[data-og]').forEach(function(root){\r\n    initReveal(root);\r\n    initCard(root);\r\n  });\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-de69779 e-con-full e-flex e-con e-parent\" data-id=\"de69779\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-f05f57e e-con-full e-flex e-con e-child\" data-id=\"f05f57e\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;slideshow&quot;,&quot;background_slideshow_gallery&quot;:[],&quot;background_slideshow_loop&quot;:&quot;yes&quot;,&quot;background_slideshow_slide_duration&quot;:5000,&quot;background_slideshow_slide_transition&quot;:&quot;fade&quot;,&quot;background_slideshow_transition_duration&quot;:500}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d335a87 elementor-widget-mobile__width-auto elementor-widget elementor-widget-video\" data-id=\"d335a87\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;video_type&quot;:&quot;hosted&quot;,&quot;autoplay&quot;:&quot;yes&quot;,&quot;play_on_mobile&quot;:&quot;yes&quot;,&quot;mute&quot;:&quot;yes&quot;,&quot;loop&quot;:&quot;yes&quot;}\" data-widget_type=\"video.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"e-hosted-video elementor-wrapper elementor-open-inline\">\n\t\t\t\t\t<video class=\"elementor-video\" src=\"https:\/\/ya2.design\/wp-content\/uploads\/2025\/12\/Blitz-Can.webm\" autoplay=\"\" loop=\"\" muted=\"muted\" playsinline=\"\" controlsList=\"nodownload\"><\/video>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1b8144f e-con-full e-flex e-con e-child\" data-id=\"1b8144f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7bb7f63 elementor-widget elementor-widget-html\" data-id=\"7bb7f63\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div id=\"bz-translations\" style=\"display:none;\" aria-hidden=\"true\">\r\n    <span data-id=\"bz0-pill\">Avant cadrage<\/span>\r\n    <span data-id=\"bz0-title\"><br>Identit\u00e9 g\u00e9n\u00e9rique.<br>Aucune diff\u00e9rence.<\/span>\r\n    <span data-id=\"bz0-sub\">Codes \u201csport perf\u201d d\u00e9j\u00e0 vus.<\/span>\r\n    <span data-id=\"bz0-copy\">M\u00eame promesse, m\u00eames visuels, m\u00eame cible. Difficile de cr\u00e9er de la pr\u00e9f\u00e9rence. Aucun univers pour retenir l\u2019attention.<\/span>\r\n    <span data-id=\"bz0-kpiLabel\">Diff\u00e9renciation<\/span>\r\n    \r\n    <span data-id=\"bz1-pill\">Direction retenue<\/span>\r\n    <span data-id=\"bz1-title\"><br>Univers futuriste.<br>Marque distinctive.<\/span>\r\n    <span data-id=\"bz1-sub\">Gaming, cyberpunk, \u00e9nergie \u201cAlways On\u201d.<\/span>\r\n    <span data-id=\"bz1-copy\">Logo, typographies, palettes n\u00e9on, motifs et iconographie. Un syst\u00e8me pr\u00eat pour packs, contenus et campagnes.<\/span>\r\n    <span data-id=\"bz1-kpiLabel\">Distributeurs int\u00e9ress\u00e9s<\/span>\r\n    \r\n    <span data-id=\"bz2-pill\">Apr\u00e8s d\u00e9ploiement<\/span>\r\n    <span data-id=\"bz2-title\"><br>Visuels premium.<br>Marque pr\u00eate.<\/span>\r\n    <span data-id=\"bz2-sub\">Pr\u00e9-lancement<\/span>\r\n    <span data-id=\"bz2-copy\">Tout est pr\u00eat. L\u2019identit\u00e9 nous donne un cap clair, des supports solides et une vraie confiance pour entrer sur le march\u00e9.<\/span>\r\n    <span data-id=\"bz2-clientLine\">J. Ward \u00b7 Plaer Energy Drink | Phoenix<\/span>\r\n<\/div>\r\n\r\n<div class=\"bz-wrap bz-reveal\" data-bz>\r\n  <div class=\"bz-scale\">\r\n    <div class=\"bz-card\">\r\n      <img decoding=\"async\" class=\"bz-logoFixed\" src=\"https:\/\/ya2.design\/wp-content\/uploads\/2025\/09\/Blitz-Logo-e1756776481826.png\" alt=\"Blitz\">\r\n\r\n      <div class=\"bz-inner\">\r\n        <div class=\"bz-left\">\r\n          <h2 class=\"bz-title\" data-bz-title><br>Identit\u00e9 nette.<br>Ex\u00e9cution rapide.<\/h2>\r\n          <p class=\"bz-sub\" data-bz-sub>Brand system con\u00e7u pour scaler.<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"bz-right\">\r\n          <div class=\"bz-topRow\" data-bz-toprow>\r\n            <div class=\"bz-pill\" data-bz-pill>Avant cadrage<\/div>\r\n          <\/div>\r\n\r\n          <div class=\"bz-slider\" aria-label=\"Timeline Blitz\">\r\n            <div class=\"bz-track\">\r\n              <div class=\"bz-fill\" data-bz-fill aria-hidden=\"true\"><\/div>\r\n              <span class=\"bz-tick bz-tick--0\" aria-hidden=\"true\"><\/span>\r\n              <span class=\"bz-tick bz-tick--1\" aria-hidden=\"true\"><\/span>\r\n              <span class=\"bz-tick bz-tick--2\" aria-hidden=\"true\"><\/span>\r\n              <div class=\"bz-dot\" data-bz-dot><\/div>\r\n            <\/div>\r\n            <input class=\"bz-range\" data-bz-range type=\"range\" min=\"0\" max=\"2\" step=\"1\" value=\"0\" aria-label=\"\u00c9tape\">\r\n          <\/div>\r\n\r\n          <div class=\"bz-body\" data-bz-body>\r\n            <div class=\"bz-copy\" data-bz-copy>Positionnement flou...<\/div>\r\n\r\n            <div class=\"bz-kpi\" data-bz-kpi>\r\n              <div class=\"bz-kpiNum\" data-bz-kpiNum>0%<\/div>\r\n              <div class=\"bz-kpiLabel\" data-bz-kpiLabel>Alignement<\/div>\r\n            <\/div>\r\n\r\n            <div class=\"bz-client\" data-bz-client>\r\n              <img decoding=\"async\" class=\"bz-avatar\" data-bz-avatar src=\"https:\/\/ya2.design\/wp-content\/uploads\/2026\/02\/J.Ward_.jpg\" alt=\"\">\r\n              <div class=\"bz-clientLine\" data-bz-clientLine>J. Ward \u00b7 Plaer Energy Drink | Phoenix<\/div>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"bz-bottomBar\" aria-label=\"Actions Blitz\">\r\n        <a class=\"bz-ctaFixed\" href=\"https:\/\/ya2.design\/blitz\" data-bz-cta>Voir la transformation compl\u00e8te<\/a>\r\n\r\n        <div class=\"bz-nav\" aria-label=\"Navigation Blitz\">\r\n          <button class=\"bz-btn bz-btn--dark\" data-bz-prev type=\"button\" aria-label=\"Pr\u00e9c\u00e9dent\">\r\n            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M14.5 6.5L9 12l5.5 5.5\" stroke-width=\"2.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\r\n          <\/button>\r\n          <button class=\"bz-btn bz-btn--dark bz-btn--hint\" data-bz-next type=\"button\" aria-label=\"Suivant\">\r\n            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M9.5 6.5L15 12l-5.5 5.5\" stroke-width=\"2.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\r\n          <\/button>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<style>\r\n.bz-wrap{ --cardH:360px; --radius:44px; --pad:34px; --gap:44px; --navSize:44px; --safe:26px; --accent:#6d5cff; font-family:\"Space Grotesk\",system-ui; max-width:1100px; margin:0 auto; position:relative; overflow:visible !important; isolation:isolate; color:#0b1020; }\r\n.bz-scale{ transform:scale(.75); transform-origin:top left; width:calc(100%\/.75); }\r\n.bz-wrap *{ box-sizing:border-box; }\r\n.bz-wrap h1,.bz-wrap h2,.bz-wrap h3,.bz-wrap p{ margin:0 !important; }\r\n.bz-reveal{ opacity:0; transform:translateY(10px); filter:blur(6px); }\r\n.bz-reveal.is-in{ opacity:1; transform:translateY(0); filter:blur(0); transition:opacity 280ms ease, transform 280ms ease, filter 280ms ease; }\r\n.bz-card{ height:var(--cardH); border-radius:var(--radius); overflow:hidden; background:#fff; box-shadow:0 20px 60px rgba(0,0,0,.06); position:relative; padding-bottom:calc(var(--safe) + var(--navSize) + 10px); }\r\n.bz-logoFixed{ position:absolute; top:24px; left:34px; width:260px; height:auto; pointer-events:none; z-index:2; }\r\n.bz-inner{ height:100%; padding:var(--pad); display:grid; grid-template-columns:1fr 1fr; gap:var(--gap); }\r\n.bz-left{ display:flex; flex-direction:column; justify-content:center; min-width:0; padding-top:96px; }\r\n.bz-title{ font-family:\"Changa\"; font-size:42px; line-height:1.05; margin-bottom:12px !important; }\r\n.bz-sub{ font-size:18px; color:rgba(11,16,32,.62); }\r\n.bz-right{ min-width:0; height:100%; display:grid; grid-template-rows:auto auto 1fr; gap:16px; }\r\n.bz-topRow{ display:flex; align-items:center; justify-content:flex-end; }\r\n.bz-pill{ background:#000; color:#fff; padding:6px 14px; border-radius:999px; font-weight:750; }\r\n.bz-slider{ position:relative; }\r\n.bz-track{ height:4px; background:#ddd; border-radius:999px; position:relative; margin-top:6px; }\r\n.bz-fill{ position:absolute; left:0; top:0; height:100%; width:0%; background:#000; border-radius:999px; transition:width .4s cubic-bezier(.2,.9,.2,1); }\r\n.bz-tick{ position:absolute; top:50%; width:8px; height:8px; border-radius:999px; background:#cfcfcf; transform:translate(-50%,-50%); box-shadow:0 0 0 6px #fff; transition: background 0.3s ease; }\r\n.bz-tick--0{ left:0%; } .bz-tick--1{ left:50%; } .bz-tick--2{ left:100%; }\r\n.bz-tick.is-on{ background:#000; }\r\n.bz-dot{ position:absolute; width:16px; height:16px; background:#000; border-radius:999px; top:50%; transform:translate(-50%,-50%); left:0%; transition:left .4s cubic-bezier(.2,.9,.2,1); box-shadow:0 0 0 6px #fff, 0 12px 24px rgba(0,0,0,.14); z-index: 5; }\r\n.bz-range{ position:absolute; inset:-12px 0; width:100%; height:44px; opacity:0; cursor:pointer; z-index: 10; }\r\n.bz-body{ display:flex; flex-direction:column; gap:14px; overflow:hidden; min-height:0; transition:opacity 220ms ease, transform 220ms ease, filter 220ms ease; will-change:opacity,transform,filter; }\r\n.bz-body.is-out{ opacity:.15; transform:translateY(6px); filter:blur(2px); }\r\n.bz-copy{ font-size:17px; line-height:1.45; color:rgba(11,16,32,.78); display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:4; overflow:hidden; }\r\n.bz-copy.is-quote{ font-weight:700; color:#0b1020; -webkit-line-clamp:5; position:relative; padding-left:18px; }\r\n.bz-copy.is-quote:before{ content:\"\u201c\"; position:absolute; left:0; top:-4px; font-family:\"Changa\"; font-weight:800; font-size:28px; line-height:1; color:#0b1020; }\r\n.bz-copy.is-quote:after{ content:\"\u201d\"; font-family:\"Changa\"; font-weight:800; }\r\n.bz-kpi{ display:flex; align-items:center; gap:12px; }\r\n.bz-kpiNum{ font-family:\"Changa\"; font-weight:800; font-size:44px; line-height:1; color:#0b1020; }\r\n.bz-kpiLabel{ font-size:14px; color:rgba(11,16,32,.62); font-weight:600; }\r\n.bz-client{ display:flex; align-items:center; gap:14px; }\r\n.bz-wrap .bz-avatar{ all:unset; box-sizing:border-box; width:58px; height:58px; display:block; border-radius:50% !important; object-fit:cover !important; aspect-ratio:1\/1; overflow:hidden; flex-shrink:0; border:1px solid rgba(0,0,0,.08); box-shadow:0 10px 24px rgba(0,0,0,.08); }\r\n.bz-clientLine{ font-weight:750; font-size:17px; line-height:1.1; white-space:nowrap; color:#0b1020; }\r\n.bz-bottomBar{ position:absolute; right:var(--safe); bottom:var(--safe); display:flex; align-items:center; gap:14px; z-index:12; }\r\n\r\n.bz-ctaFixed{ display:inline-flex; align-items:center; justify-content:center; padding:16px 26px; border-radius:999px; border:1px solid rgba(0,0,0,.14); background:#fff; color:#0b1020; text-decoration:none; font-weight:850; font-size:16px; transition:all 200ms ease; white-space:nowrap; }\r\n.bz-ctaFixed:hover{ background:var(--accent) !important; color:#fff !important; border-color:var(--accent) !important; }\r\n\r\n.bz-nav{ display:flex; gap:12px; }\r\n.bz-wrap .bz-btn{ all:unset; box-sizing:border-box; width:var(--navSize); height:var(--navSize); border-radius:50%; display:flex; align-items:center; justify-content:center; cursor:pointer; background:#000; border:1px solid rgba(0,0,0,.18); transition:transform 160ms ease, background 160ms ease, border-color 160ms ease; }\r\n.bz-wrap .bz-btn svg{ width:20px; height:20px; display:block; }\r\n.bz-wrap .bz-btn svg path{ stroke:#fff; fill:none; }\r\n\r\n@media(max-width:760px){\r\n  .bz-card{ height:auto; padding-bottom:18px; }\r\n  .bz-inner{ grid-template-columns:1fr; height:auto; padding: 20px; gap: 24px; }\r\n  .bz-scale{ transform:none; width:100%; }\r\n  \r\n  \/* Logo centr\u00e9 et espace r\u00e9duit dessous *\/\r\n  .bz-logoFixed{ position:static; width:190px; margin: 0 auto 5px auto; display: block; }\r\n  \r\n  .bz-left{ padding-top:0; text-align: center; }\r\n  .bz-title { font-size: 28px; line-height: 1.1; }\r\n  .bz-sub { font-size: 16px; margin-top: 8px !important; }\r\n  .bz-copy { -webkit-line-clamp: unset; max-height: none; font-size: 16px; }\r\n  .bz-clientLine { white-space: normal; font-size: 15px; }\r\n\r\n  \/* Barre d'action mobile : CTA \u00e0 gauche, Nav \u00e0 droite *\/\r\n  .bz-bottomBar{ position:static; margin:20px; display: flex; align-items: center; justify-content: space-between; flex-direction: row-reverse; gap:12px; }\r\n  .bz-ctaFixed { flex: 1; padding: 12px 18px; font-size: 14px; text-align: center; border-radius: 12px; min-width: 0; white-space: normal; line-height: 1.2; }\r\n  .bz-nav { display: flex !important; gap: 8px; flex-shrink: 0; }\r\n  .bz-wrap .bz-btn { width: 40px; height: 40px; }\r\n}\r\n<\/style>\r\n\r\n<script>\r\n(function(){\r\n  function getT(id, isHTML = false) {\r\n    var el = document.querySelector('[data-id=\"' + id + '\"]');\r\n    if(!el) return \"\";\r\n    return isHTML ? el.innerHTML : el.textContent;\r\n  }\r\n\r\n  function initReveal(root){\r\n    if(!root) return;\r\n    if('IntersectionObserver' in window){\r\n      var io = new IntersectionObserver(function(entries){\r\n        entries.forEach(function(e){\r\n          if(e.isIntersecting){ root.classList.add('is-in'); io.disconnect(); }\r\n        });\r\n      }, { threshold: 0.12 });\r\n      io.observe(root);\r\n    } else { root.classList.add('is-in'); }\r\n  }\r\n\r\n  function initCard(root){\r\n    var STEPS = [\r\n      { \r\n        pill: getT('bz0-pill'), title: getT('bz0-title', true), sub: getT('bz0-sub'), copy: getT('bz0-copy'),\r\n        mode:'kpi', kpiNum:'0%', kpiLabel: getT('bz0-kpiLabel'), quote:false \r\n      },\r\n      { \r\n        pill: getT('bz1-pill'), title: getT('bz1-title', true), sub: getT('bz1-sub'), copy: getT('bz1-copy'),\r\n        mode:'kpi', kpiNum:'12', kpiLabel: getT('bz1-kpiLabel'), quote:false \r\n      },\r\n      { \r\n        pill: getT('bz2-pill'), title: getT('bz2-title', true), sub: getT('bz2-sub'), copy: getT('bz2-copy'),\r\n        mode:'client', avatar:'https:\/\/ya2.design\/wp-content\/uploads\/2026\/02\/J.Ward_.jpg', \r\n        clientLine: getT('bz2-clientLine'), quote:true \r\n      }\r\n    ];\r\n\r\n    var el = {\r\n      title: root.querySelector('[data-bz-title]'),\r\n      sub: root.querySelector('[data-bz-sub]'),\r\n      copy: root.querySelector('[data-bz-copy]'),\r\n      pill: root.querySelector('[data-bz-pill]'),\r\n      range: root.querySelector('[data-bz-range]'),\r\n      dot: root.querySelector('[data-bz-dot]'),\r\n      fill: root.querySelector('[data-bz-fill]'),\r\n      tick0: root.querySelector('.bz-tick--0'),\r\n      tick1: root.querySelector('.bz-tick--1'),\r\n      tick2: root.querySelector('.bz-tick--2'),\r\n      prev: root.querySelector('[data-bz-prev]'),\r\n      next: root.querySelector('[data-bz-next]'),\r\n      body: root.querySelector('[data-bz-body]'),\r\n      kpiWrap: root.querySelector('[data-bz-kpi]'),\r\n      kpiNum: root.querySelector('[data-bz-kpiNum]'),\r\n      kpiLabel: root.querySelector('[data-bz-kpiLabel]'),\r\n      clientWrap: root.querySelector('[data-bz-client]'),\r\n      avatar: root.querySelector('[data-bz-avatar]'),\r\n      clientLine: root.querySelector('[data-bz-clientLine]')\r\n    };\r\n\r\n    if(!el.title || !el.range) return;\r\n\r\n    var idx = 0, busy = false, currentKpiValue = 0;\r\n\r\n    function parseKpi(str){\r\n      var s = String(str).trim();\r\n      var suffix = s.endsWith('%') ? '%' : '';\r\n      var core = suffix ? s.slice(0,-1) : s;\r\n      var num = parseFloat(core.replace('+',''));\r\n      return { num:isNaN(num)?0:num, suffix:suffix };\r\n    }\r\n\r\n    function animateKpi(toStr){\r\n      var p = parseKpi(toStr);\r\n      var from = currentKpiValue, to = p.num;\r\n      var duration = 520, t0 = performance.now();\r\n      function tick(now){\r\n        var t = Math.min(1, (now - t0)\/duration);\r\n        var v = from + (to - from) * (1 - Math.pow(1 - t, 3));\r\n        el.kpiNum.textContent = Math.round(v) + p.suffix;\r\n        if(t < 1) requestAnimationFrame(tick); else currentKpiValue = to;\r\n      }\r\n      requestAnimationFrame(tick);\r\n    }\r\n\r\n    function applyStep(s){\r\n      var progress = (idx\/(STEPS.length-1))*100;\r\n      el.title.innerHTML = s.title;\r\n      el.sub.textContent = s.sub;\r\n      el.copy.textContent = s.copy;\r\n      el.copy.classList.toggle('is-quote', !!s.quote);\r\n      el.pill.textContent = s.pill;\r\n      el.dot.style.left = progress + '%';\r\n      if(el.fill) el.fill.style.width = progress + '%';\r\n\r\n      setTicks(idx + 1);\r\n\r\n      if(s.mode === 'client'){\r\n        el.kpiWrap.style.display='none'; el.clientWrap.style.display='flex';\r\n        el.avatar.src = s.avatar; el.clientLine.textContent = s.clientLine;\r\n      } else {\r\n        el.clientWrap.style.display='none'; el.kpiWrap.style.display='flex';\r\n        el.kpiLabel.textContent = s.kpiLabel;\r\n        animateKpi(s.kpiNum);\r\n      }\r\n    }\r\n\r\n    function setTicks(activeCount){\r\n      [el.tick0, el.tick1, el.tick2].forEach((t, i) => { if(t) t.classList.toggle('is-on', i < activeCount); });\r\n    }\r\n\r\n    function render(i, fromUI){\r\n      if(busy) return; busy = true;\r\n      idx = ((i % STEPS.length) + STEPS.length) % STEPS.length;\r\n      if(!fromUI) el.range.value = String(idx);\r\n      el.body.classList.add('is-out');\r\n      setTimeout(function(){\r\n        applyStep(STEPS[idx]);\r\n        requestAnimationFrame(() => { el.body.classList.remove('is-out'); setTimeout(() => busy=false, 120); });\r\n      }, 140);\r\n    }\r\n\r\n    el.range.oninput = e => render(parseInt(e.target.value,10), true);\r\n    if(el.prev) el.prev.onclick = () => render(idx-1, false);\r\n    if(el.next) el.next.onclick = () => render(idx+1, false);\r\n\r\n    currentKpiValue = parseKpi(STEPS[0].kpiNum).num;\r\n    applyStep(STEPS[0]);\r\n  }\r\n\r\n  document.querySelectorAll('[data-bz]').forEach(root => { initReveal(root); initCard(root); });\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c317354 e-con-full e-flex e-con e-parent\" data-id=\"c317354\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-9c8fe80 e-con-full e-flex e-con e-child\" data-id=\"9c8fe80\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;slideshow&quot;,&quot;background_slideshow_gallery&quot;:[],&quot;background_slideshow_loop&quot;:&quot;yes&quot;,&quot;background_slideshow_slide_duration&quot;:5000,&quot;background_slideshow_slide_transition&quot;:&quot;fade&quot;,&quot;background_slideshow_transition_duration&quot;:500}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b3b3abf elementor-widget__width-initial elementor-widget-mobile__width-initial elementor-widget elementor-widget-video\" data-id=\"b3b3abf\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;video_type&quot;:&quot;hosted&quot;,&quot;autoplay&quot;:&quot;yes&quot;,&quot;play_on_mobile&quot;:&quot;yes&quot;,&quot;mute&quot;:&quot;yes&quot;,&quot;loop&quot;:&quot;yes&quot;}\" data-widget_type=\"video.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"e-hosted-video elementor-wrapper elementor-open-inline\">\n\t\t\t\t\t<video class=\"elementor-video\" src=\"https:\/\/ya2.design\/wp-content\/uploads\/2025\/12\/Autohaus-Cover-Loop.webm\" autoplay=\"\" loop=\"\" muted=\"muted\" playsinline=\"\" controlsList=\"nodownload\"><\/video>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-dafc95d e-con-full e-flex e-con e-child\" data-id=\"dafc95d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2e32e4b elementor-widget elementor-widget-html\" data-id=\"2e32e4b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div id=\"ah-translations\" style=\"display:none;\" aria-hidden=\"true\">\r\n    <span data-id=\"ah0-pill\">Avant cadrage<\/span>\r\n    <span data-id=\"ah0-title\">Garage dat\u00e9.<br>Image oubliable.<\/span>\r\n    <span data-id=\"ah0-sub\">Look \u201cringard\u201d et peu d\u00e9sirable.<\/span>\r\n    <span data-id=\"ah0-copy\">Codes visuels vieillissants, supports incoh\u00e9rents. Difficile d\u2019attirer une client\u00e8le plus jeune et exigeante.<\/span>\r\n    <span data-id=\"ah0-kpiLabel\">Attractivit\u00e9<\/span>\r\n    \r\n    <span data-id=\"ah1-pill\">Direction retenue<\/span>\r\n    <span data-id=\"ah1-title\">Cible assum\u00e9e.<br>Quartier branch\u00e9.<\/span>\r\n    <span data-id=\"ah1-sub\">Nouvelle adresse, nouvelle \u00e9nergie.<\/span>\r\n    <span data-id=\"ah1-copy\">Positionnement premium et contemporain. Ton plus s\u00fbr. Syst\u00e8me pr\u00eat pour signal\u00e9tique, print et digital.<\/span>\r\n    <span data-id=\"ah1-kpiLabel\">Consistance<\/span>\r\n    \r\n    <span data-id=\"ah2-pill\">Apr\u00e8s d\u00e9ploiement<\/span>\r\n    <span data-id=\"ah2-title\">Marque premium.<br>Pr\u00e9sence forte.<\/span>\r\n    <span data-id=\"ah2-sub\">Chicago, pr\u00eat \u00e0 ouvrir.<\/span>\r\n    <span data-id=\"ah2-copy\">La marque inspire confiance d\u00e8s le premier contact. On attire la bonne client\u00e8le, avec une image nette et actuelle.<\/span>\r\n    <span data-id=\"ah2-clientLine\">Dean \u00b7 Propri\u00e9taire \u00b7 Autohaus<\/span>\r\n<\/div>\r\n\r\n<div class=\"ah-wrap ah-reveal\" data-ah>\r\n  <div class=\"ah-scale\">\r\n    <div class=\"ah-card\">\r\n      <img decoding=\"async\" class=\"ah-logoFixed\" src=\"https:\/\/ya2.design\/wp-content\/uploads\/2026\/02\/Logo-Autohaus-1.svg\" alt=\"Autohaus\">\r\n\r\n      <div class=\"ah-inner\">\r\n        <div class=\"ah-left\">\r\n          <h2 class=\"ah-title\" data-ah-title>Signature claire.<br>Pr\u00e9sence premium.<\/h2>\r\n          <p class=\"ah-sub\" data-ah-sub>Brand system pens\u00e9 pour la coh\u00e9rence.<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"ah-right\">\r\n          <div class=\"ah-topRow\" data-ah-toprow>\r\n            <div class=\"ah-pill\" data-ah-pill>Avant cadrage<\/div>\r\n          <\/div>\r\n\r\n          <div class=\"ah-slider\" aria-label=\"Timeline Autohaus\">\r\n            <div class=\"ah-track\">\r\n              <span class=\"ah-tick ah-tick--0\" aria-hidden=\"true\"><\/span>\r\n              <span class=\"ah-tick ah-tick--1\" aria-hidden=\"true\"><\/span>\r\n              <span class=\"ah-tick ah-tick--2\" aria-hidden=\"true\"><\/span>\r\n              <div class=\"ah-dot\" data-ah-dot><\/div>\r\n            <\/div>\r\n            <input class=\"ah-range\" data-ah-range type=\"range\" min=\"0\" max=\"2\" step=\"1\" value=\"0\" aria-label=\"\u00c9tape\">\r\n          <\/div>\r\n\r\n          <div class=\"ah-body\" data-ah-body>\r\n            <div class=\"ah-copy\" data-ah-copy>Image in\u00e9gale...<\/div>\r\n\r\n            <div class=\"ah-kpi\" data-ah-kpi>\r\n              <div class=\"ah-kpiNum\" data-ah-kpiNum>0%<\/div>\r\n              <div class=\"ah-kpiLabel\" data-ah-kpiLabel>Coh\u00e9rence<\/div>\r\n            <\/div>\r\n\r\n            <div class=\"ah-client\" data-ah-client>\r\n              <img decoding=\"async\" class=\"ah-avatar\" data-ah-avatar src=\"https:\/\/ya2.design\/wp-content\/uploads\/2026\/02\/Dean.jpg\" alt=\"\">\r\n              <div class=\"ah-clientLine\" data-ah-clientLine>Dean \u00b7 Propri\u00e9taire \u00b7 Autohaus<\/div>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"ah-bottomBar\" aria-label=\"Actions Autohaus\">\r\n        <a class=\"ah-ctaFixed\" href=\"https:\/\/ya2.design\/autohaus\/\" data-ah-cta>Voir la transformation compl\u00e8te<\/a>\r\n\r\n        <div class=\"ah-nav\" aria-label=\"Navigation Autohaus\">\r\n          <button class=\"ah-btn ah-btn--dark\" data-ah-prev type=\"button\" aria-label=\"Pr\u00e9c\u00e9dent\">\r\n            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M14.5 6.5L9 12l5.5 5.5\" stroke-width=\"2.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\r\n          <\/button>\r\n          <button class=\"ah-btn ah-btn--dark\" data-ah-next type=\"button\" aria-label=\"Suivant\">\r\n            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M9.5 6.5L15 12l-5.5 5.5\" stroke-width=\"2.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\r\n          <\/button>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<style>\r\n.ah-wrap{ --cardH:360px; --radius:44px; --pad:34px; --gap:44px; --navSize:44px; --safe:26px; --accent:#6d5cff; --ah-progress:0%; font-family:\"Space Grotesk\",system-ui; max-width:1100px; margin:0 auto; position:relative; overflow:visible !important; isolation:isolate; color:#0b1020; }\r\n.ah-scale{ transform:scale(.75); transform-origin:top left; width:calc(100%\/.75); }\r\n.ah-wrap *{ box-sizing:border-box; }\r\n.ah-wrap h1,.ah-wrap h2,.ah-wrap h3,.ah-wrap p{ margin:0 !important; }\r\n.ah-reveal{ opacity:0; transform:translateY(10px); filter:blur(6px); }\r\n.ah-reveal.is-in{ opacity:1; transform:translateY(0); filter:blur(0); transition:opacity 280ms ease, transform 280ms ease, filter 280ms ease; }\r\n.ah-card{ height:var(--cardH); border-radius:var(--radius); overflow:hidden; background:#fff; box-shadow:0 20px 60px rgba(0,0,0,.06); position:relative; padding-bottom:calc(var(--safe) + var(--navSize) + 10px); }\r\n.ah-logoFixed{ position:absolute; top:24px; left:34px; width:320px; height:auto; pointer-events:none; z-index:2; }\r\n.ah-inner{ height:100%; padding:var(--pad); display:grid; grid-template-columns:1fr 1fr; gap:var(--gap); }\r\n.ah-left{ display:flex; flex-direction:column; justify-content:center; min-width:0; padding-top:96px; }\r\n.ah-title{ font-family:\"Changa\"; font-size:42px; line-height:1.05; margin-bottom:12px !important; }\r\n.ah-sub{ font-size:18px; color:rgba(11,16,32,.62); }\r\n.ah-right{ min-width:0; height:100%; display:grid; grid-template-rows:auto auto 1fr; gap:16px; }\r\n.ah-topRow{ display:flex; align-items:center; justify-content:flex-end; }\r\n.ah-pill{ background:#000; color:#fff; padding:6px 14px; border-radius:999px; font-weight:750; }\r\n.ah-slider{ position:relative; }\r\n.ah-track{ height:4px; background:linear-gradient(to right, #000 0 var(--ah-progress), #ddd var(--ah-progress) 100%); border-radius:999px; position:relative; margin-top:6px; }\r\n.ah-tick{ position:absolute; top:50%; width:8px; height:8px; border-radius:999px; background:#cfcfcf; transform:translate(-50%,-50%); box-shadow:0 0 0 6px #fff; transition:background .25s ease; }\r\n.ah-tick--0{ left:0%; } .ah-tick--1{ left:50%; } .ah-tick--2{ left:100%; }\r\n.ah-tick.is-done{ background:#000; }\r\n.ah-dot{ position:absolute; width:16px; height:16px; background:#000; border-radius:999px; top:50%; transform:translate(-50%,-50%); left:0%; transition:left .4s cubic-bezier(.2,.9,.2,1); box-shadow:0 0 0 6px #fff, 0 12px 24px rgba(0,0,0,.14); z-index: 5; }\r\n.ah-range{ position:absolute; inset:-12px 0; width:100%; height:44px; opacity:0; cursor:pointer; z-index: 10; }\r\n.ah-body{ display:flex; flex-direction:column; gap:14px; overflow:hidden; min-height:0; transition:opacity 220ms ease, transform 220ms ease, filter 220ms ease; will-change:opacity,transform,filter; }\r\n.ah-body.is-out{ opacity:.15; transform:translateY(6px); filter:blur(2px); }\r\n.ah-copy{ font-size:17px; line-height:1.45; color:rgba(11,16,32,.78); display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:4; overflow:hidden; }\r\n.ah-copy.is-quote{ font-weight:700; color:#0b1020; -webkit-line-clamp:5; position:relative; padding-left:18px; }\r\n.ah-copy.is-quote:before{ content:\"\u201c\"; position:absolute; left:0; top:-4px; font-family:\"Changa\"; font-weight:800; font-size:28px; line-height:1; color:#0b1020; }\r\n.ah-copy.is-quote:after{ content:\"\u201d\"; font-family:\"Changa\"; font-weight:800; }\r\n.ah-kpi{ display:flex; align-items:baseline; gap:12px; }\r\n.ah-kpiNum{ font-family:\"Changa\"; font-weight:800; font-size:44px; line-height:1; color:#0b1020; }\r\n.ah-kpiLabel{ font-size:14px; color:rgba(11,16,32,.62); font-weight:600; }\r\n.ah-client{ display:flex; align-items:center; gap:14px; }\r\n.ah-wrap .ah-avatar{ all:unset; box-sizing:border-box; width:58px; height:58px; display:block; border-radius:50% !important; object-fit:cover !important; aspect-ratio:1\/1; overflow:hidden; flex-shrink:0; border:1px solid rgba(0,0,0,.08); box-shadow:0 10px 24px rgba(0,0,0,.08); }\r\n.ah-clientLine{ font-weight:750; font-size:17px; line-height:1.1; white-space:nowrap; color:#0b1020; }\r\n.ah-bottomBar{ position:absolute; right:var(--safe); bottom:var(--safe); display:flex; align-items:center; gap:14px; z-index:12; }\r\n.ah-ctaFixed{ display:inline-flex; align-items:center; justify-content:center; padding:16px 26px; border-radius:999px; border:1px solid rgba(0,0,0,.14); background:#fff; color:#0b1020; text-decoration:none; font-weight:850; font-size:16px; transition:all 200ms ease; white-space:nowrap; }\r\n.ah-ctaFixed:hover{ background:var(--accent) !important; color:#fff !important; border-color:var(--accent) !important; }\r\n\r\n.ah-nav{ display:flex; gap:12px; }\r\n.ah-wrap .ah-btn{ all:unset; box-sizing:border-box; width:var(--navSize); height:var(--navSize); border-radius:50%; display:flex; align-items:center; justify-content:center; cursor:pointer; background:#000; border:1px solid rgba(0,0,0,.18); transition:transform 160ms ease, background 160ms ease, border-color 160ms ease; }\r\n.ah-wrap .ah-btn svg{ width:20px; height:20px; display:block; }\r\n.ah-wrap .ah-btn svg path{ stroke:#fff; fill:none; }\r\n\r\n@media(max-width:760px){\r\n  .ah-card{ height:auto; padding-bottom:18px; }\r\n  .ah-inner{ grid-template-columns:1fr; height:auto; padding: 20px; gap: 24px; }\r\n  .ah-scale{ transform:none; width:100%; }\r\n  \r\n  \/* Logo centr\u00e9 et espace r\u00e9duit dessous *\/\r\n  .ah-logoFixed{ position:static; width:220px; margin: 0 auto 5px auto; display: block; }\r\n  \r\n  .ah-left{ padding-top:0; text-align: center; }\r\n  .ah-title { font-size: 28px; line-height: 1.1; }\r\n  .ah-sub { font-size: 16px; margin-top: 8px !important; }\r\n  .ah-copy { -webkit-line-clamp: unset; max-height: none; font-size: 16px; }\r\n  .ah-clientLine { white-space: normal; font-size: 15px; }\r\n\r\n  \/* Barre d'action mobile : CTA \u00e0 gauche, Nav \u00e0 droite *\/\r\n  .ah-bottomBar{ position:static; margin:20px; display: flex; align-items: center; justify-content: space-between; flex-direction: row-reverse; gap:12px; }\r\n  .ah-ctaFixed { flex: 1; padding: 12px 18px; font-size: 14px; text-align: center; border-radius: 12px; min-width: 0; white-space: normal; line-height: 1.2; }\r\n  .ah-nav { display: flex !important; gap: 8px; flex-shrink: 0; }\r\n  .ah-wrap .ah-btn { width: 40px; height: 40px; }\r\n}\r\n<\/style>\r\n\r\n<script>\r\n(function(){\r\n  const root = document.querySelector('[data-ah]');\r\n  if(!root) return;\r\n\r\n  function getT(id, isHTML = false) {\r\n    const el = document.querySelector('[data-id=\"' + id + '\"]');\r\n    if(!el) return \"\";\r\n    return isHTML ? el.innerHTML : el.textContent;\r\n  }\r\n\r\n  function initReveal(root){\r\n    if('IntersectionObserver' in window){\r\n      var io = new IntersectionObserver(function(entries){\r\n        entries.forEach(function(e){\r\n          if(e.isIntersecting){ root.classList.add('is-in'); io.disconnect(); }\r\n        });\r\n      }, { threshold: 0.12 });\r\n      io.observe(root);\r\n    } else { root.classList.add('is-in'); }\r\n  }\r\n\r\n  const STEPS = [\r\n    { \r\n      pill: getT('ah0-pill'), title: getT('ah0-title', true), sub: getT('ah0-sub'), copy: getT('ah0-copy'),\r\n      mode:'kpi', kpiNum:'0%', kpiLabel: getT('ah0-kpiLabel'), quote:false \r\n    },\r\n    { \r\n      pill: getT('ah1-pill'), title: getT('ah1-title', true), sub: getT('ah1-sub'), copy: getT('ah1-copy'),\r\n      mode:'kpi', kpiNum:'+38%', kpiLabel: getT('ah1-kpiLabel'), quote:false \r\n    },\r\n    { \r\n      pill: getT('ah2-pill'), title: getT('ah2-title', true), sub: getT('ah2-sub'), copy: getT('ah2-copy'),\r\n      mode:'client', avatar:'https:\/\/ya2.design\/wp-content\/uploads\/2026\/02\/Dean.jpg', \r\n      clientLine: getT('ah2-clientLine'), quote:true \r\n    }\r\n  ];\r\n\r\n  const el = {\r\n    title: root.querySelector('[data-ah-title]'),\r\n    sub: root.querySelector('[data-ah-sub]'),\r\n    copy: root.querySelector('[data-ah-copy]'),\r\n    pill: root.querySelector('[data-ah-pill]'),\r\n    range: root.querySelector('[data-ah-range]'),\r\n    dot: root.querySelector('[data-ah-dot]'),\r\n    prev: root.querySelector('[data-ah-prev]'),\r\n    next: root.querySelector('[data-ah-next]'),\r\n    body: root.querySelector('[data-ah-body]'),\r\n    kpiWrap: root.querySelector('[data-ah-kpi]'),\r\n    kpiNum: root.querySelector('[data-ah-kpiNum]'),\r\n    kpiLabel: root.querySelector('[data-ah-kpiLabel]'),\r\n    clientWrap: root.querySelector('[data-ah-client]'),\r\n    avatar: root.querySelector('[data-ah-avatar]'),\r\n    clientLine: root.querySelector('[data-ah-clientLine]'),\r\n    ticks: root.querySelectorAll('.ah-tick')\r\n  };\r\n\r\n  let idx = 0, busy = false, currentKpiValue = 0;\r\n\r\n  function parseKpi(str){\r\n    const s = String(str).trim();\r\n    const suffix = s.endsWith('%') ? '%' : '';\r\n    const core = suffix ? s.slice(0,-1) : s;\r\n    const prefix = core.startsWith('+') ? '+' : '';\r\n    const num = parseFloat(core.replace('+',''));\r\n    return { num:isNaN(num)?0:num, prefix, suffix };\r\n  }\r\n\r\n  function animateKpi(toStr){\r\n    const p = parseKpi(toStr);\r\n    const from = currentKpiValue, to = p.num;\r\n    const duration = 520, t0 = performance.now();\r\n    function tick(now){\r\n      const t = Math.min(1, (now - t0)\/duration);\r\n      const v = from + (to - from) * (1 - Math.pow(1 - t, 3));\r\n      el.kpiNum.textContent = p.prefix + Math.round(v) + p.suffix;\r\n      if(t < 1) requestAnimationFrame(tick); else currentKpiValue = to;\r\n    }\r\n    requestAnimationFrame(tick);\r\n  }\r\n\r\n  function applyStep(s){\r\n    const progress = (idx\/(STEPS.length-1))*100;\r\n    root.style.setProperty('--ah-progress', progress + '%');\r\n    el.title.innerHTML = s.title;\r\n    el.sub.textContent = s.sub;\r\n    el.copy.textContent = s.copy;\r\n    el.copy.classList.toggle('is-quote', !!s.quote);\r\n    el.pill.textContent = s.pill;\r\n    el.dot.style.left = progress + '%';\r\n\r\n    el.ticks.forEach((t, i) => t.classList.toggle('is-done', i <= idx));\r\n\r\n    if(s.mode === 'client'){\r\n      el.kpiWrap.style.display='none'; el.clientWrap.style.display='flex';\r\n      el.avatar.src = s.avatar; el.clientLine.textContent = s.clientLine;\r\n    } else {\r\n      el.clientWrap.style.display='none'; el.kpiWrap.style.display='flex';\r\n      el.kpiLabel.textContent = s.kpiLabel;\r\n      animateKpi(s.kpiNum);\r\n    }\r\n  }\r\n\r\n  function render(i, fromUI){\r\n    if(busy) return; busy = true;\r\n    idx = ((i % STEPS.length) + STEPS.length) % STEPS.length;\r\n    if(!fromUI) el.range.value = String(idx);\r\n    el.body.classList.add('is-out');\r\n    setTimeout(() => {\r\n      applyStep(STEPS[idx]);\r\n      requestAnimationFrame(() => { el.body.classList.remove('is-out'); setTimeout(() => busy=false, 120); });\r\n    }, 140);\r\n  }\r\n\r\n  el.range.oninput = e => render(parseInt(e.target.value,10), true);\r\n  if(el.prev) el.prev.onclick = () => render(idx-1, false);\r\n  if(el.next) el.next.onclick = () => render(idx+1, false);\r\n\r\n  initReveal(root);\r\n  currentKpiValue = parseKpi(STEPS[0].kpiNum).num;\r\n  applyStep(STEPS[0]);\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d522060 e-con-full e-flex e-con e-parent\" data-id=\"d522060\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;animation&quot;:&quot;none&quot;,&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-706baf2 e-con-full e-flex e-con e-child\" data-id=\"706baf2\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-2f87f91 e-con-full e-flex e-con e-child\" data-id=\"2f87f91\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-94ab00d elementor-widget-mobile__width-inherit elementor-widget__width-initial elementor-widget elementor-widget-text-editor\" data-id=\"94ab00d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p data-start=\"504\" data-end=\"605\">Quand la perception limite la valeur, La qualit\u00e9 ne suffit pas.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2cfcc93 elementor-widget-mobile__width-inherit elementor-widget__width-initial elementor-widget elementor-widget-text-editor\" data-id=\"2cfcc93\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p data-start=\"195\" data-end=\"324\">Si le march\u00e9 ne per\u00e7oit pas le bon statut, le prix devient fragile et la croissance ralentit.<\/p><p data-start=\"326\" data-end=\"468\"><b>Premium Shift\u2122<\/b> red\u00e9finit la cat\u00e9gorie per\u00e7ue, renforce la l\u00e9gitimit\u00e9 et aligne territoire, image et pricing pour installer un statut r\u00e9f\u00e9rent.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8802191 elementor-align-left elementor-mobile-align-center elementor-widget__width-initial elementor-button-info elementor-widget elementor-widget-button\" data-id=\"8802191\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/ya2.design\/methode\/\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">D\u00e9couvrir Premium Shift\u2122<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7ee250b e-con-full e-flex e-con e-child\" data-id=\"7ee250b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0aa0091 elementor-widget__width-initial elementor-widget elementor-widget-video\" data-id=\"0aa0091\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;video_type&quot;:&quot;hosted&quot;,&quot;autoplay&quot;:&quot;yes&quot;,&quot;play_on_mobile&quot;:&quot;yes&quot;,&quot;mute&quot;:&quot;yes&quot;,&quot;loop&quot;:&quot;yes&quot;}\" data-widget_type=\"video.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"e-hosted-video elementor-wrapper elementor-open-inline\">\n\t\t\t\t\t<video class=\"elementor-video\" src=\"https:\/\/ya2.design\/wp-content\/uploads\/2025\/04\/Glass-Geometries.mp4\" autoplay=\"\" loop=\"\" muted=\"muted\" playsinline=\"\" controlsList=\"nodownload\"><\/video>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-70b502cd e-con-full e-flex e-con e-parent\" data-id=\"70b502cd\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;animation&quot;:&quot;none&quot;,&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<a class=\"eael-wrapper-link-3f01005 --eael-wrapper-link-tag\" href=\"https:\/\/ya2.design\/signatures\/\"><\/a>\t\t<div data-eael-wrapper-link=\"eael-wrapper-link-3f01005\" class=\"elementor-element elementor-element-3f01005 elementor-widget__width-initial elementor-widget elementor-widget-video\" data-id=\"3f01005\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;video_type&quot;:&quot;hosted&quot;,&quot;autoplay&quot;:&quot;yes&quot;,&quot;play_on_mobile&quot;:&quot;yes&quot;,&quot;mute&quot;:&quot;yes&quot;,&quot;loop&quot;:&quot;yes&quot;}\" data-widget_type=\"video.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"e-hosted-video elementor-wrapper elementor-open-inline\">\n\t\t\t\t\t<video class=\"elementor-video\" src=\"https:\/\/ya2.design\/wp-content\/uploads\/2026\/02\/Signatures.webm\" autoplay=\"\" loop=\"\" muted=\"muted\" playsinline=\"\" controlsList=\"nodownload\"><\/video>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6dc5e1a9 e-con-full e-flex e-con e-child\" data-id=\"6dc5e1a9\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-1210cf9 e-con-full e-flex e-con e-child\" data-id=\"1210cf9\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f4ae1e8 elementor-widget-mobile__width-auto elementor-widget elementor-widget-heading\" data-id=\"f4ae1e8\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;none&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">YA\u00b2 Brand Signatures<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<a class=\"eael-wrapper-link-f79cd60 --eael-wrapper-link-tag\" href=\"https:\/\/ya2.design\/signatures\/\"><\/a>\t\t<div data-eael-wrapper-link=\"eael-wrapper-link-f79cd60\" class=\"elementor-element elementor-element-f79cd60 animated-fast elementor-widget__width-initial elementor-widget elementor-widget-heading\" data-id=\"f79cd60\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;none&quot;,&quot;_animation_delay&quot;:500}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\"><a href=\"https:\/\/ya2.design\/signatures\/\">Une s\u00e9lection de travaux d'identit\u00e9 visuelle, class\u00e9s par univers. \u2794<\/a><\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-21a8f57 e-con-full e-flex e-con e-parent\" data-id=\"21a8f57\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-43d6198 elementor-widget elementor-widget-html\" data-id=\"43d6198\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"branding-marquee-wrapper\" aria-label=\"Bandeau d\u00e9filant : YA\u00b2, premium et livrables\">\r\n  <div class=\"marquee\" role=\"presentation\">\r\n    <div class=\"marquee__track\" id=\"ya2-marquee-track\">\r\n\r\n      <!-- TEXTE SOURCE (TranslatePress le d\u00e9tecte et le traduit) -->\r\n      <span class=\"marquee__content\" id=\"ya2-marquee-source\">\r\n        YA\u00b2 Design \u2022 Creative Partner\u2122 \u2022 Brand Designer \u2022 Direction de marque \u2022 Mont\u00e9e en gamme \u2022 Repositionnement premium \u2022 Territoire \u2022 Pricing \u2022 Valeur per\u00e7ue \u2022 Statut \u2022 Identit\u00e9 visuelle \u2022 Logo \u2022 Site web \u2022 Packaging \u2022 Supports de communication \u2022\r\n      <\/span>\r\n\r\n      <!-- DUPLICAT (auto-rempli par JS pour boucler, aria-hidden pour accessibilit\u00e9) -->\r\n      <span class=\"marquee__content\" id=\"ya2-marquee-clone\" aria-hidden=\"true\"><\/span>\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<style>\r\n\/* IMPORTANT :\r\n   Ne pas importer Google Fonts ici.\r\n   Charge \"Handjet\" globalement (th\u00e8me \/ Elementor Custom Fonts).\r\n*\/\r\n.branding-marquee-wrapper{\r\n  font-family: 'Handjet', system-ui, sans-serif !important;\r\n  font-weight: 200;\r\n  text-transform: uppercase;\r\n  color: #fff;\r\n  background: #000;\r\n  padding: 18px 0;\r\n  width: 100vw;\r\n  position: relative;\r\n  left: 50%;\r\n  margin-left: -50vw;\r\n  overflow: hidden;\r\n  box-sizing: border-box;\r\n}\r\n\r\n.marquee{ overflow: hidden; }\r\n\r\n.marquee__track{\r\n  display: flex;\r\n  width: max-content;\r\n  will-change: transform;\r\n  transform: translate3d(0,0,0);\r\n  animation: ya2-marquee 42s linear infinite;\r\n}\r\n\r\n.marquee__content{\r\n  display: inline-flex;\r\n  align-items: center;\r\n  white-space: nowrap;\r\n  padding-right: 72px;\r\n  font-size: clamp(1.8rem, 3.6vw, 2.6rem);\r\n  letter-spacing: 0.06em;\r\n}\r\n\r\n@keyframes ya2-marquee{\r\n  from{ transform: translateX(0); }\r\n  to{ transform: translateX(-50%); }\r\n}\r\n\r\n@media (max-width:600px){\r\n  .marquee__track{ animation-duration: 34s; }\r\n  .marquee__content{ font-size: 2.1rem !important; }\r\n}\r\n\r\n@media (prefers-reduced-motion: reduce){\r\n  .marquee__track{ animation: none; transform: none; }\r\n}\r\n<\/style>\r\n\r\n<script>\r\n(function(){\r\n  const src   = document.getElementById('ya2-marquee-source');\r\n  const clone = document.getElementById('ya2-marquee-clone');\r\n  const track = document.getElementById('ya2-marquee-track');\r\n  if(!src || !clone || !track) return;\r\n\r\n  const prefersReduced = window.matchMedia && window.matchMedia('(prefers-reduced-motion: reduce)').matches;\r\n  if(prefersReduced) return;\r\n\r\n  let observer;\r\n  let scheduled = false;\r\n\r\n  \/\/ Normalise le texte et garantit une fin propre \" \u2022\"\r\n  function normalizeText(t){\r\n    const txt = String(t || '').replace(\/\\s+\/g,' ').trim();\r\n    if(!txt) return '';\r\n    return txt.replace(\/\\s*\u2022\\s*$\/,'').trim() + ' \u2022';\r\n  }\r\n\r\n  \/\/ Respect strict : r\u00e9p\u00e9t\u00e9 2 fois (source + clone)\r\n  function build(){\r\n    scheduled = false;\r\n\r\n    const txt = normalizeText(src.textContent);\r\n    if(!txt){\r\n      clone.textContent = '';\r\n      return;\r\n    }\r\n\r\n    \/\/ Pas de rebuild si inchang\u00e9\r\n    if(clone.getAttribute('data-last') === txt) return;\r\n    clone.setAttribute('data-last', txt);\r\n\r\n    \/\/ Pause observer pendant l'\u00e9criture du clone\r\n    if(observer) observer.disconnect();\r\n\r\n    clone.textContent = txt;\r\n\r\n    requestAnimationFrame(function(){\r\n      if(observer) observer.observe(src, { childList:true, characterData:true, subtree:true });\r\n    });\r\n  }\r\n\r\n  function scheduleBuild(){\r\n    if(scheduled) return;\r\n    scheduled = true;\r\n    setTimeout(build, 150);\r\n  }\r\n\r\n  \/\/ Au chargement\r\n  if(document.readyState === 'loading'){\r\n    document.addEventListener('DOMContentLoaded', build, { once:true });\r\n  } else {\r\n    build();\r\n  }\r\n\r\n  \/\/ Si TranslatePress modifie le texte\r\n  observer = new MutationObserver(scheduleBuild);\r\n  observer.observe(src, { childList:true, characterData:true, subtree:true });\r\n\r\n  \/\/ Resize : on rebuild sans d\u00e9passer 2x\r\n  let resizeTimer;\r\n  window.addEventListener('resize', function(){\r\n    clearTimeout(resizeTimer);\r\n    resizeTimer = setTimeout(build, 200);\r\n  }, { passive:true });\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3916ec9 e-con-full e-flex e-con e-parent\" data-id=\"3916ec9\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;animation&quot;:&quot;none&quot;,&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-465b1d2 e-con-full e-flex e-con e-child\" data-id=\"465b1d2\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<a class=\"eael-wrapper-link-53070be --eael-wrapper-link-tag\" href=\"https:\/\/ya2.design\/offres\/\"><\/a><div data-eael-wrapper-link=\"eael-wrapper-link-53070be\" class=\"elementor-element elementor-element-53070be e-con-full animated-fast e-flex elementor-invisible e-con e-child\" data-id=\"53070be\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;animation&quot;:&quot;slideInRight&quot;,&quot;animation_delay&quot;:300}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4880c3c elementor-widget__width-initial animated-fast elementor-view-default elementor-invisible elementor-widget elementor-widget-icon\" data-id=\"4880c3c\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;bounceIn&quot;,&quot;_animation_delay&quot;:800}\" data-widget_type=\"icon.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-wrapper\">\n\t\t\t<div class=\"elementor-icon\">\n\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-far-check-circle\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M256 8C119.033 8 8 119.033 8 256s111.033 248 248 248 248-111.033 248-248S392.967 8 256 8zm0 48c110.532 0 200 89.451 200 200 0 110.532-89.451 200-200 200-110.532 0-200-89.451-200-200 0-110.532 89.451-200 200-200m140.204 130.267l-22.536-22.718c-4.667-4.705-12.265-4.736-16.97-.068L215.346 303.697l-59.792-60.277c-4.667-4.705-12.265-4.736-16.97-.069l-22.719 22.536c-4.705 4.667-4.736 12.265-.068 16.971l90.781 91.516c4.667 4.705 12.265 4.736 16.97.068l172.589-171.204c4.704-4.668 4.734-12.266.067-16.971z\"><\/path><\/svg>\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ee5333e elementor-widget__width-inherit elementor-widget-mobile__width-initial elementor-widget elementor-widget-eael-fancy-text\" data-id=\"ee5333e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"eael-fancy-text.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n\t<div  class=\"eael-fancy-text-container style-1\" data-fancy-text-id=\"ee5333e\" data-fancy-text=\"|Brand Audit\u2122  \u2192\" data-fancy-text-transition-type=\"typing\" data-fancy-text-speed=\"50\" data-fancy-text-delay=\"2500\" data-fancy-text-cursor=\"yes\" data-fancy-text-loop=\"yes\" data-fancy-text-action=\"view_port\" >\n\t\t\n\t\t\n\t\t\t\t\t<span id=\"eael-fancy-text-ee5333e\" class=\"eael-fancy-text-strings solid-color\">\n\t\t\t\t<noscript>\n\t\t\t\t\tBrand Audit\u2122  \u2192\t\t\t\t<\/noscript>\n\t\t\t<\/span>\n\t\t\n\t\t\t<\/div><!-- close .eael-fancy-text-container -->\n\n\t<div class=\"clearfix\"><\/div>\n\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1d1d866 e-con-full e-flex e-con e-child\" data-id=\"1d1d866\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-7478b9c e-con-full e-flex e-con e-child\" data-id=\"7478b9c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8353c1d elementor-widget__width-initial elementor-widget elementor-widget-heading\" data-id=\"8353c1d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Votre marque vend.\n<br>Peut-elle justifier son prix ?<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d4df27d elementor-widget__width-initial elementor-widget elementor-widget-heading\" data-id=\"d4df27d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Analyse claire. \u00c9cart identifi\u00e9. D\u00e9cisions prioritaires.<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-bd3fca8 e-con-full e-flex e-con e-parent\" data-id=\"bd3fca8\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-b66e903 e-con-full e-flex e-con e-child\" data-id=\"b66e903\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4fe528a elementor-widget__width-inherit elementor-widget-mobile__width-inherit elementor-widget elementor-widget-html\" data-id=\"4fe528a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div id=\"ap-translations\" style=\"display:none;\" aria-hidden=\"true\">\r\n  <span data-id=\"ap0-pill\">Avant cadrage<\/span>\r\n  <span data-id=\"ap0-title\"><br>Produit solide.<br>Perception faible.<\/span>\r\n  <span data-id=\"ap0-sub\">Fiable, mais encore neutre.<\/span>\r\n  <span data-id=\"ap0-copy\">Un produit cr\u00e9dible et performant. Mais une marque g\u00e9n\u00e9rique, sans rep\u00e8re clair ni vrai territoire.<\/span>\r\n  <span data-id=\"ap0-kpiLabel\">Diff\u00e9renciation<\/span>\r\n\r\n  <span data-id=\"ap1-pill\">Direction retenue<\/span>\r\n  <span data-id=\"ap1-title\"><br>Un symbole ancr\u00e9.<br>Une marque plus nette.<\/span>\r\n  <span data-id=\"ap1-sub\">Un bison. Un territoire. Un syst\u00e8me.<\/span>\r\n  <span data-id=\"ap1-copy\">Le repositionnement s\u2019est construit autour d\u2019un symbole fort. L\u2019identit\u00e9 devient plus directe, plus lisible et plus facile \u00e0 d\u00e9ployer.<\/span>\r\n  <span data-id=\"ap1-kpiLabel\">Clart\u00e9 de marque<\/span>\r\n\r\n  <span data-id=\"ap2-pill\">Apr\u00e8s d\u00e9ploiement<\/span>\r\n  <span data-id=\"ap2-title\"><br>Une identit\u00e9 claire.<br>Pr\u00eate pour le r\u00e9el.<\/span>\r\n  <span data-id=\"ap2-sub\">Con\u00e7ue pour rester coh\u00e9rente.<\/span>\r\n  <span data-id=\"ap2-copy\">Nous ne concevons pas pour des conditions id\u00e9ales. Nous concevons pour le r\u00e9el.<\/span>\r\n  <span data-id=\"ap2-clientLine\">Michael Barnett \u00b7 CEO<\/span>\r\n<\/div>\r\n\r\n<div class=\"ap-wrap ap-reveal\" data-ap>\r\n  <div class=\"ap-scale\">\r\n    <div class=\"ap-card\">\r\n      <img decoding=\"async\" class=\"ap-logoFixed\" src=\"https:\/\/ya2.design\/wp-content\/uploads\/2026\/04\/Arkansas_Packraft_Typography_Black.png\" alt=\"Arkansas Packraft\">\r\n\r\n      <div class=\"ap-inner\">\r\n        <div class=\"ap-left\">\r\n          <h2 class=\"ap-title\" data-ap-title><br>Produit solide.<br>Perception faible.<\/h2>\r\n          <p class=\"ap-sub\" data-ap-sub>Fiable, mais encore neutre.<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"ap-right\">\r\n          <div class=\"ap-topRow\" data-ap-toprow>\r\n            <div class=\"ap-pill\" data-ap-pill>Avant cadrage<\/div>\r\n          <\/div>\r\n\r\n          <div class=\"ap-slider\" aria-label=\"Timeline Arkansas Packraft\">\r\n            <div class=\"ap-track\">\r\n              <div class=\"ap-fill\" data-ap-fill aria-hidden=\"true\"><\/div>\r\n              <span class=\"ap-tick ap-tick--0\" aria-hidden=\"true\"><\/span>\r\n              <span class=\"ap-tick ap-tick--1\" aria-hidden=\"true\"><\/span>\r\n              <span class=\"ap-tick ap-tick--2\" aria-hidden=\"true\"><\/span>\r\n              <div class=\"ap-dot\" data-ap-dot><\/div>\r\n            <\/div>\r\n            <input class=\"ap-range\" data-ap-range type=\"range\" min=\"0\" max=\"2\" step=\"1\" value=\"0\" aria-label=\"\u00c9tape\">\r\n          <\/div>\r\n\r\n          <div class=\"ap-body\" data-ap-body>\r\n            <div class=\"ap-copy\" data-ap-copy>Un produit cr\u00e9dible et performant. Mais une marque g\u00e9n\u00e9rique, sans rep\u00e8re clair ni vrai territoire.<\/div>\r\n\r\n            <div class=\"ap-kpi\" data-ap-kpi>\r\n              <div class=\"ap-kpiNum\" data-ap-kpiNum>0%<\/div>\r\n              <div class=\"ap-kpiLabel\" data-ap-kpiLabel>Diff\u00e9renciation<\/div>\r\n            <\/div>\r\n\r\n            <div class=\"ap-client\" data-ap-client>\r\n              <img decoding=\"async\" class=\"ap-avatar\" data-ap-avatar src=\"https:\/\/ya2.design\/wp-content\/uploads\/2026\/04\/m-barnett.jpg\" alt=\"\">\r\n              <div class=\"ap-clientLine\" data-ap-clientLine>Michael Barnett \u00b7 Fondateur, Arkansas Packraft<\/div>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"ap-bottomBar\" aria-label=\"Actions Arkansas Packraft\">\r\n        <a class=\"ap-ctaFixed\" href=\"https:\/\/ya2.design\/arkansas-packraft\/\" data-ap-cta>Voir la transformation compl\u00e8te<\/a>\r\n\r\n        <div class=\"ap-nav\" aria-label=\"Navigation Arkansas Packraft\">\r\n          <button class=\"ap-btn ap-btn--dark\" data-ap-prev type=\"button\" aria-label=\"Pr\u00e9c\u00e9dent\">\r\n            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M14.5 6.5L9 12l5.5 5.5\" stroke-width=\"2.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\r\n          <\/button>\r\n          <button class=\"ap-btn ap-btn--dark ap-btn--hint\" data-ap-next type=\"button\" aria-label=\"Suivant\">\r\n            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M9.5 6.5L15 12l-5.5 5.5\" stroke-width=\"2.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\r\n          <\/button>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<style>\r\n.ap-wrap{ --cardH:360px; --radius:44px; --pad:34px; --gap:44px; --navSize:44px; --safe:26px; --accent:#6d5cff; font-family:\"Space Grotesk\",system-ui; max-width:1100px; margin:0 auto; position:relative; overflow:visible !important; isolation:isolate; color:#0b1020; }\r\n.ap-scale{ transform:scale(.75); transform-origin:top left; width:calc(100%\/.75); }\r\n.ap-wrap *{ box-sizing:border-box; }\r\n.ap-wrap h1,.ap-wrap h2,.ap-wrap h3,.ap-wrap p{ margin:0 !important; }\r\n.ap-reveal{ opacity:0; transform:translateY(10px); filter:blur(6px); }\r\n.ap-reveal.is-in{ opacity:1; transform:translateY(0); filter:blur(0); transition:opacity 280ms ease, transform 280ms ease, filter 280ms ease; }\r\n.ap-card{ height:var(--cardH); border-radius:var(--radius); overflow:hidden; background:#fff; box-shadow:0 20px 60px rgba(0,0,0,.06); position:relative; padding-bottom:calc(var(--safe) + var(--navSize) + 10px); }\r\n.ap-logoFixed{ position:absolute; top:26px; left:34px; width:290px; height:auto; pointer-events:none; z-index:2; }\r\n.ap-inner{ height:100%; padding:var(--pad); display:grid; grid-template-columns:1fr 1fr; gap:var(--gap); }\r\n.ap-left{ display:flex; flex-direction:column; justify-content:center; min-width:0; padding-top:92px; }\r\n.ap-title{ font-family:\"Changa\"; font-size:42px; line-height:1.05; margin-bottom:12px !important; }\r\n.ap-sub{ font-size:18px; color:rgba(11,16,32,.62); }\r\n.ap-right{ min-width:0; height:100%; display:grid; grid-template-rows:auto auto 1fr; gap:16px; }\r\n.ap-topRow{ display:flex; align-items:center; justify-content:flex-end; }\r\n.ap-pill{ background:#000; color:#fff; padding:6px 14px; border-radius:999px; font-weight:750; }\r\n.ap-slider{ position:relative; }\r\n.ap-track{ height:4px; background:#ddd; border-radius:999px; position:relative; margin-top:6px; }\r\n.ap-fill{ position:absolute; left:0; top:0; height:100%; width:0%; background:#000; border-radius:999px; transition:width .4s cubic-bezier(.2,.9,.2,1); }\r\n.ap-tick{ position:absolute; top:50%; width:8px; height:8px; border-radius:999px; background:#cfcfcf; transform:translate(-50%,-50%); box-shadow:0 0 0 6px #fff; transition:background .3s ease; }\r\n.ap-tick--0{ left:0%; } .ap-tick--1{ left:50%; } .ap-tick--2{ left:100%; }\r\n.ap-tick.is-on{ background:#000; }\r\n.ap-dot{ position:absolute; width:16px; height:16px; background:#000; border-radius:999px; top:50%; transform:translate(-50%,-50%); left:0%; transition:left .4s cubic-bezier(.2,.9,.2,1); box-shadow:0 0 0 6px #fff, 0 12px 24px rgba(0,0,0,.14); z-index:5; }\r\n.ap-range{ position:absolute; inset:-12px 0; width:100%; height:44px; opacity:0; cursor:pointer; z-index:10; }\r\n.ap-body{ display:flex; flex-direction:column; gap:14px; overflow:hidden; min-height:0; transition:opacity 220ms ease, transform 220ms ease, filter 220ms ease; will-change:opacity,transform,filter; }\r\n.ap-body.is-out{ opacity:.15; transform:translateY(6px); filter:blur(2px); }\r\n.ap-copy{ font-size:17px; line-height:1.45; color:rgba(11,16,32,.78); display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:4; overflow:hidden; }\r\n.ap-copy.is-quote{ font-weight:700; color:#0b1020; -webkit-line-clamp:5; position:relative; padding-left:18px; }\r\n.ap-copy.is-quote:before{ content:\"\u201c\"; position:absolute; left:0; top:-4px; font-family:\"Changa\"; font-weight:800; font-size:28px; line-height:1; color:#0b1020; }\r\n.ap-copy.is-quote:after{ content:\"\u201d\"; font-family:\"Changa\"; font-weight:800; }\r\n.ap-kpi{ display:flex; align-items:center; gap:12px; }\r\n.ap-kpiNum{ font-family:\"Changa\"; font-weight:800; font-size:44px; line-height:1; color:#0b1020; }\r\n.ap-kpiLabel{ font-size:14px; color:rgba(11,16,32,.62); font-weight:600; }\r\n.ap-client{ display:flex; align-items:center; gap:14px; }\r\n.ap-wrap .ap-avatar{ all:unset; box-sizing:border-box; width:58px; height:58px; display:block; border-radius:50% !important; object-fit:cover !important; aspect-ratio:1\/1; overflow:hidden; flex-shrink:0; border:1px solid rgba(0,0,0,.08); box-shadow:0 10px 24px rgba(0,0,0,.08); }\r\n.ap-clientLine{ font-weight:750; font-size:17px; line-height:1.1; white-space:nowrap; color:#0b1020; }\r\n.ap-bottomBar{ position:absolute; right:var(--safe); bottom:var(--safe); display:flex; align-items:center; gap:14px; z-index:12; }\r\n.ap-ctaFixed{ display:inline-flex; align-items:center; justify-content:center; padding:16px 26px; border-radius:999px; border:1px solid rgba(0,0,0,.14); background:#fff; color:#0b1020; text-decoration:none; font-weight:850; font-size:16px; transition:all 200ms ease; white-space:nowrap; }\r\n.ap-ctaFixed:hover{ background:var(--accent) !important; color:#fff !important; border-color:var(--accent) !important; }\r\n.ap-nav{ display:flex; gap:12px; }\r\n.ap-wrap .ap-btn{ all:unset; box-sizing:border-box; width:var(--navSize); height:var(--navSize); border-radius:50%; display:flex; align-items:center; justify-content:center; cursor:pointer; background:#000; border:1px solid rgba(0,0,0,.18); transition:transform 160ms ease, background 160ms ease, border-color 160ms ease; }\r\n.ap-wrap .ap-btn svg{ width:20px; height:20px; display:block; }\r\n.ap-wrap .ap-btn svg path{ stroke:#fff; fill:none; }\r\n\r\n@media(max-width:760px){\r\n  .ap-card{ height:auto; padding-bottom:18px; }\r\n  .ap-inner{ grid-template-columns:1fr; height:auto; padding:20px; gap:24px; }\r\n  .ap-scale{ transform:none; width:100%; }\r\n  .ap-logoFixed{ position:static; width:210px; margin:0 auto 5px auto; display:block; }\r\n  .ap-left{ padding-top:0; text-align:center; }\r\n  .ap-title{ font-size:28px; line-height:1.1; }\r\n  .ap-sub{ font-size:16px; margin-top:8px !important; }\r\n  .ap-copy{ -webkit-line-clamp:unset; max-height:none; font-size:16px; }\r\n  .ap-clientLine{ white-space:normal; font-size:15px; }\r\n  .ap-bottomBar{ position:static; margin:20px; display:flex; align-items:center; justify-content:space-between; flex-direction:row-reverse; gap:12px; }\r\n  .ap-ctaFixed{ flex:1; padding:12px 18px; font-size:14px; text-align:center; border-radius:12px; min-width:0; white-space:normal; line-height:1.2; }\r\n  .ap-nav{ display:flex !important; gap:8px; flex-shrink:0; }\r\n  .ap-wrap .ap-btn{ width:40px; height:40px; }\r\n}\r\n<\/style>\r\n\r\n<script>\r\n(function(){\r\n  function getT(id, isHTML){\r\n    var el = document.querySelector('[data-id=\"' + id + '\"]');\r\n    if(!el) return \"\";\r\n    return isHTML ? el.innerHTML : el.textContent;\r\n  }\r\n\r\n  function initReveal(root){\r\n    if(!root) return;\r\n    if('IntersectionObserver' in window){\r\n      var io = new IntersectionObserver(function(entries){\r\n        entries.forEach(function(e){\r\n          if(e.isIntersecting){ root.classList.add('is-in'); io.disconnect(); }\r\n        });\r\n      }, { threshold: 0.12 });\r\n      io.observe(root);\r\n    } else {\r\n      root.classList.add('is-in');\r\n    }\r\n  }\r\n\r\n  function initCard(root){\r\n    var STEPS = [\r\n      {\r\n        pill: getT('ap0-pill'),\r\n        title: getT('ap0-title', true),\r\n        sub: getT('ap0-sub'),\r\n        copy: getT('ap0-copy'),\r\n        mode:'kpi',\r\n        kpiNum:'0%',\r\n        kpiLabel:getT('ap0-kpiLabel'),\r\n        quote:false\r\n      },\r\n      {\r\n        pill: getT('ap1-pill'),\r\n        title: getT('ap1-title', true),\r\n        sub: getT('ap1-sub'),\r\n        copy: getT('ap1-copy'),\r\n        mode:'kpi',\r\n        kpiNum:'100%',\r\n        kpiLabel:getT('ap1-kpiLabel'),\r\n        quote:false\r\n      },\r\n      {\r\n        pill: getT('ap2-pill'),\r\n        title: getT('ap2-title', true),\r\n        sub: getT('ap2-sub'),\r\n        copy: getT('ap2-copy'),\r\n        mode:'client',\r\n        avatar:'https:\/\/ya2.design\/wp-content\/uploads\/2026\/04\/m-barnett.jpg',\r\n        clientLine:getT('ap2-clientLine'),\r\n        quote:true\r\n      }\r\n    ];\r\n\r\n    var el = {\r\n      title: root.querySelector('[data-ap-title]'),\r\n      sub: root.querySelector('[data-ap-sub]'),\r\n      copy: root.querySelector('[data-ap-copy]'),\r\n      pill: root.querySelector('[data-ap-pill]'),\r\n      range: root.querySelector('[data-ap-range]'),\r\n      dot: root.querySelector('[data-ap-dot]'),\r\n      fill: root.querySelector('[data-ap-fill]'),\r\n      tick0: root.querySelector('.ap-tick--0'),\r\n      tick1: root.querySelector('.ap-tick--1'),\r\n      tick2: root.querySelector('.ap-tick--2'),\r\n      prev: root.querySelector('[data-ap-prev]'),\r\n      next: root.querySelector('[data-ap-next]'),\r\n      body: root.querySelector('[data-ap-body]'),\r\n      kpiWrap: root.querySelector('[data-ap-kpi]'),\r\n      kpiNum: root.querySelector('[data-ap-kpiNum]'),\r\n      kpiLabel: root.querySelector('[data-ap-kpiLabel]'),\r\n      clientWrap: root.querySelector('[data-ap-client]'),\r\n      avatar: root.querySelector('[data-ap-avatar]'),\r\n      clientLine: root.querySelector('[data-ap-clientLine]')\r\n    };\r\n\r\n    if(!el.title || !el.range) return;\r\n\r\n    var idx = 0, busy = false, currentKpiValue = 0;\r\n\r\n    function parseKpi(str){\r\n      var s = String(str).trim();\r\n      var suffix = s.endsWith('%') ? '%' : '';\r\n      var core = suffix ? s.slice(0,-1) : s;\r\n      var num = parseFloat(core.replace('+',''));\r\n      return { num:isNaN(num)?0:num, suffix:suffix };\r\n    }\r\n\r\n    function animateKpi(toStr){\r\n      var p = parseKpi(toStr);\r\n      var from = currentKpiValue, to = p.num;\r\n      var duration = 520, t0 = performance.now();\r\n      function tick(now){\r\n        var t = Math.min(1, (now - t0) \/ duration);\r\n        var v = from + (to - from) * (1 - Math.pow(1 - t, 3));\r\n        el.kpiNum.textContent = Math.round(v) + p.suffix;\r\n        if(t < 1) requestAnimationFrame(tick); else currentKpiValue = to;\r\n      }\r\n      requestAnimationFrame(tick);\r\n    }\r\n\r\n    function setTicks(activeCount){\r\n      [el.tick0, el.tick1, el.tick2].forEach(function(t, i){\r\n        if(t) t.classList.toggle('is-on', i < activeCount);\r\n      });\r\n    }\r\n\r\n    function applyStep(s){\r\n      var progress = (idx \/ (STEPS.length - 1)) * 100;\r\n      el.title.innerHTML = s.title;\r\n      el.sub.textContent = s.sub;\r\n      el.copy.textContent = s.copy;\r\n      el.copy.classList.toggle('is-quote', !!s.quote);\r\n      el.pill.textContent = s.pill;\r\n      el.dot.style.left = progress + '%';\r\n      if(el.fill) el.fill.style.width = progress + '%';\r\n\r\n      setTicks(idx + 1);\r\n\r\n      if(s.mode === 'client'){\r\n        el.kpiWrap.style.display = 'none';\r\n        el.clientWrap.style.display = 'flex';\r\n        el.avatar.src = s.avatar;\r\n        el.clientLine.textContent = s.clientLine;\r\n      } else {\r\n        el.clientWrap.style.display = 'none';\r\n        el.kpiWrap.style.display = 'flex';\r\n        el.kpiLabel.textContent = s.kpiLabel;\r\n        animateKpi(s.kpiNum);\r\n      }\r\n    }\r\n\r\n    function render(i, fromUI){\r\n      if(busy) return;\r\n      busy = true;\r\n      idx = ((i % STEPS.length) + STEPS.length) % STEPS.length;\r\n      if(!fromUI) el.range.value = String(idx);\r\n      el.body.classList.add('is-out');\r\n      setTimeout(function(){\r\n        applyStep(STEPS[idx]);\r\n        requestAnimationFrame(function(){\r\n          el.body.classList.remove('is-out');\r\n          setTimeout(function(){ busy = false; }, 120);\r\n        });\r\n      }, 140);\r\n    }\r\n\r\n    el.range.oninput = function(e){ render(parseInt(e.target.value, 10), true); };\r\n    if(el.prev) el.prev.onclick = function(){ render(idx - 1, false); };\r\n    if(el.next) el.next.onclick = function(){ render(idx + 1, false); };\r\n\r\n    currentKpiValue = parseKpi(STEPS[0].kpiNum).num;\r\n    applyStep(STEPS[0]);\r\n  }\r\n\r\n  document.querySelectorAll('[data-ap]').forEach(function(root){\r\n    initReveal(root);\r\n    initCard(root);\r\n  });\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-939815b e-con-full e-flex e-con e-child\" data-id=\"939815b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8883d2a elementor-widget__width-initial elementor-widget elementor-widget-image\" data-id=\"8883d2a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"1826\" height=\"1791\" src=\"https:\/\/ya2.design\/wp-content\/uploads\/2025\/11\/arkansas-packraft-cover.webp\" class=\"attachment-full size-full wp-image-25284\" alt=\"\" srcset=\"https:\/\/ya2.design\/wp-content\/uploads\/2025\/11\/arkansas-packraft-cover.webp 1826w, https:\/\/ya2.design\/wp-content\/uploads\/2025\/11\/arkansas-packraft-cover-300x294.webp 300w, https:\/\/ya2.design\/wp-content\/uploads\/2025\/11\/arkansas-packraft-cover-1024x1004.webp 1024w, https:\/\/ya2.design\/wp-content\/uploads\/2025\/11\/arkansas-packraft-cover-768x753.webp 768w, https:\/\/ya2.design\/wp-content\/uploads\/2025\/11\/arkansas-packraft-cover-1536x1507.webp 1536w\" sizes=\"(max-width: 1826px) 100vw, 1826px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6f501dc0 e-con-full e-flex e-con e-parent\" data-id=\"6f501dc0\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-cedb498 e-con-full e-flex e-con e-child\" data-id=\"cedb498\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-907c06a elementor-widget__width-initial elementor-widget elementor-widget-heading\" data-id=\"907c06a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Un \u00e9change direct, en visio, pour clarifier votre positionnement.\n\n<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ba0c0fa elementor-widget__width-initial elementor-widget elementor-widget-heading\" data-id=\"ba0c0fa\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Nous analysons votre perception actuelle, votre cr\u00e9dibilit\u00e9 prix et votre plafond premium.\nVous repartez avec un diagnostic strat\u00e9gique clair et un plan d\u2019\u00e9l\u00e9vation prioris\u00e9.<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-df96991 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"df96991\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- Cal inline embed code begins -->\r\n<div style=\"width:100%;height:100%;overflow:scroll\" id=\"my-cal-inline-30min\"><\/div>\r\n<script type=\"text\/javascript\">\r\n  (function (C, A, L) { let p = function (a, ar) { a.q.push(ar); }; let d = C.document; C.Cal = C.Cal || function () { let cal = C.Cal; let ar = arguments; if (!cal.loaded) { cal.ns = {}; cal.q = cal.q || []; d.head.appendChild(d.createElement(\"script\")).src = A; cal.loaded = true; } if (ar[0] === L) { const api = function () { p(api, arguments); }; const namespace = ar[1]; api.q = api.q || []; if(typeof namespace === \"string\"){cal.ns[namespace] = cal.ns[namespace] || api;p(cal.ns[namespace], ar);p(cal, [\"initNamespace\", namespace]);} else p(cal, ar); return;} p(cal, ar); }; })(window, \"https:\/\/app.cal.com\/embed\/embed.js\", \"init\");\r\nCal(\"init\", \"30min\", {origin:\"https:\/\/app.cal.com\"});\r\n\r\n  Cal.ns[\"30min\"](\"inline\", {\r\n    elementOrSelector:\"#my-cal-inline-30min\",\r\n    config: {\"layout\":\"month_view\",\"useSlotsViewOnSmallScreen\":\"true\",\"theme\":\"light\"},\r\n    calLink: \"ya2design\/30min\",\r\n  });\r\n\r\n  Cal.ns[\"30min\"](\"ui\", {\"theme\":\"light\",\"cssVarsPerTheme\":{\"light\":{\"cal-brand\":\"#292929\"},\"dark\":{\"cal-brand\":\"#fafafa\"}},\"hideEventTypeDetails\":true,\"layout\":\"month_view\"});\r\n  <\/script>\r\n  <!-- Cal inline embed code ends -->\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-9810d68 e-con-full e-flex e-con e-child\" data-id=\"9810d68\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-88086c8 elementor-widget__width-initial elementor-widget elementor-widget-video\" data-id=\"88086c8\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;video_type&quot;:&quot;hosted&quot;,&quot;autoplay&quot;:&quot;yes&quot;,&quot;play_on_mobile&quot;:&quot;yes&quot;,&quot;mute&quot;:&quot;yes&quot;,&quot;loop&quot;:&quot;yes&quot;}\" data-widget_type=\"video.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"e-hosted-video elementor-wrapper elementor-open-inline\">\n\t\t\t\t\t<video class=\"elementor-video\" src=\"https:\/\/ya2.design\/wp-content\/uploads\/2026\/01\/Logo-YA2.mkv\" autoplay=\"\" loop=\"\" muted=\"muted\" playsinline=\"\" controlsList=\"nodownload\"><\/video>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-75175b0 elementor-widget__width-initial elementor-widget-mobile__width-initial elementor-widget elementor-widget-heading\" data-id=\"75175b0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Besoin de cadrer votre contexte\n<br>avant un \u00e9change ?<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9f142fc elementor-align-center elementor-mobile-align-center elementor-widget__width-initial elementor-widget elementor-widget-button\" data-id=\"9f142fc\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/ya2.design\/contact\/\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Partager votre projet<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\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>AUGMENT\u00c9 PAR L\u2019IA \u2022 AUGMENT\u00c9 PAR L\u2019IA \u2022 Sofiane (YA\u00b2) Strategic Brand Designer | Creative Partner&#x2122; Je transforme des marques [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"_eb_attr":"","site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-29889","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/ya2.design\/en\/wp-json\/wp\/v2\/pages\/29889","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ya2.design\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ya2.design\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ya2.design\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ya2.design\/en\/wp-json\/wp\/v2\/comments?post=29889"}],"version-history":[{"count":2192,"href":"https:\/\/ya2.design\/en\/wp-json\/wp\/v2\/pages\/29889\/revisions"}],"predecessor-version":[{"id":35452,"href":"https:\/\/ya2.design\/en\/wp-json\/wp\/v2\/pages\/29889\/revisions\/35452"}],"wp:attachment":[{"href":"https:\/\/ya2.design\/en\/wp-json\/wp\/v2\/media?parent=29889"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}