{"id":79,"date":"2026-06-12T20:43:21","date_gmt":"2026-06-12T18:43:21","guid":{"rendered":"https:\/\/hwn2.com\/?page_id=79"},"modified":"2026-06-12T21:09:24","modified_gmt":"2026-06-12T19:09:24","slug":"accueil","status":"publish","type":"page","link":"https:\/\/hwn2.com\/","title":{"rendered":"Accueil"},"content":{"rendered":"\n<!--\nHWN2 - Page vitrine premium V13\nAjustements :\n- Palette renforc\u00e9e depuis le logo HWN2 + tons bouteille : bleu, rouge, brun, cuivre, champagne.\n- Logo et mascotte utilis\u00e9s sans fond blanc, sur fonds sombres ou color\u00e9s.\n- La bouteille de gin n'appara\u00eet plus dans le hero : elle intervient vers la fin, dans la section Gin HWN2.\n- Le popup d'arriv\u00e9e est conserv\u00e9, en image seule avec fermeture discr\u00e8te.\n- \u00c0 coller dans WordPress > Page Accueil > Bloc \"HTML personnalis\u00e9\".\n\nFavicon WordPress : Apparence > Personnaliser > Identit\u00e9 du site > Ic\u00f4ne du site\nURL favicon recommand\u00e9e : http:\/\/hwn2.com\/wp-content\/uploads\/2026\/06\/logo-png.png\n-->\n\n<style>\nhtml { scroll-behavior: smooth; }\n.hwn2-site {\n  --blue: #0554C7;\n  --blue-deep: #01265D;\n  --blue-night: #041735;\n  --red: #E30232;\n  --red-deep: #A80024;\n  --ink: #110907;\n  --brown: #25130A;\n  --brown-soft: #3A2112;\n  --copper: #A6642C;\n  --gold: #D7A85D;\n  --champagne: #F2D29A;\n  --cream: #F3E2C5;\n  --sand: #E4C89E;\n  --smoke: rgba(255,245,225,.74);\n  color: var(--ink);\n  background: var(--cream);\n  font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif;\n  line-height: 1.55;\n  overflow: hidden;\n}\n.hwn2-site * { box-sizing: border-box; }\n.hwn2-site a { color: inherit; text-decoration: none; }\n.hwn2-wrap { width: min(1180px, calc(100% - 40px)); margin: 0 auto; }\n.hwn2-eyebrow {\n  display:inline-flex; align-items:center; gap:12px; margin-bottom:18px;\n  color:var(--red); font-size:.76rem; font-weight:850; letter-spacing:.18em; text-transform:uppercase;\n}\n.hwn2-eyebrow:before { content:\"\"; width:44px; height:3px; background:currentColor; border-radius:99px; }\n.hwn2-title, .hwn2-section-title { margin:0; font-family: Georgia, \"Times New Roman\", serif; letter-spacing:-.055em; }\n.hwn2-title { font-size:clamp(2.45rem,5.6vw,6.25rem); line-height:.94; }\n.hwn2-title span { color:var(--red); font-style:italic; }\n.hwn2-section-title { font-size:clamp(2rem,3.65vw,4.35rem); line-height:1.02; }\n.hwn2-lead { max-width:720px; margin:0; color:rgba(17,9,7,.72); font-size:clamp(1rem,1.35vw,1.2rem); }\n.hwn2-buttons { display:flex; flex-wrap:wrap; gap:14px; margin-top:34px; }\n.hwn2-btn {\n  display:inline-flex; align-items:center; justify-content:center; min-height:52px; padding:14px 24px;\n  border:1px solid transparent; border-radius:999px; font-weight:850; letter-spacing:-.02em;\n  transition:transform .22s ease, box-shadow .22s ease, background .22s ease, border-color .22s ease;\n}\n.hwn2-btn:hover { transform:translateY(-2px); }\n.hwn2-primary { color:white; background:linear-gradient(135deg,var(--red),var(--red-deep)); box-shadow:0 18px 42px rgba(227,2,50,.22); }\n.hwn2-secondary { color:var(--champagne); border-color:rgba(242,210,154,.42); background:rgba(255,255,255,.065); }\n.hwn2-secondary:hover { background:rgba(255,255,255,.12); border-color:rgba(242,210,154,.68); }\n\n\/* Header sombre : le logo transparent respire, sans pav\u00e9 blanc. *\/\n.hwn2-header {\n  position:relative; z-index:10; padding:18px 0;\n  background:linear-gradient(135deg,var(--blue-night),#07111F 45%,var(--brown));\n  border-bottom:1px solid rgba(242,210,154,.22);\n}\n.hwn2-header-inner { display:flex; align-items:center; justify-content:space-between; gap:24px; }\n.hwn2-logo { display:block; width:min(235px,46vw); height:72px; }\n.hwn2-logo img { width:100%; height:100%; object-fit:contain; object-position:left center; display:block; filter:drop-shadow(0 10px 24px rgba(0,0,0,.22)); }\n.hwn2-nav { display:flex; align-items:center; gap:24px; color:rgba(255,245,225,.78); font-size:.92rem; font-weight:850; }\n.hwn2-nav a:hover { color:var(--champagne); }\n.hwn2-nav .cta { padding:10px 16px; color:white!important; background:var(--red); border-radius:99px; }\n\n\/* Hero sans bouteille : expertise + logo + mascotte, ambiance verre\/bulles. *\/\n.hwn2-hero {\n  position:relative; padding:clamp(58px,9vw,126px) 0 clamp(62px,8vw,120px);\n  color:var(--cream);\n  background:\n    radial-gradient(circle at 78% 18%, rgba(5,84,199,.34), transparent 31%),\n    radial-gradient(circle at 18% 76%, rgba(227,2,50,.18), transparent 30%),\n    linear-gradient(135deg,#07111F,var(--blue-night) 44%,var(--brown) 100%);\n}\n.hwn2-hero:after {\n  content:\"HWN2\"; position:absolute; right:-5vw; bottom:-5.5vw; color:rgba(255,245,225,.055);\n  font-size:clamp(7rem,22vw,22rem); font-weight:950; letter-spacing:-.13em; line-height:1; pointer-events:none;\n}\n.hwn2-hero .hwn2-lead { color:rgba(255,245,225,.76); }\n.hwn2-hero-grid { position:relative; z-index:2; display:grid; grid-template-columns:minmax(0,1.02fr) minmax(320px,.78fr); align-items:center; gap:clamp(34px,5vw,80px); }\n.hwn2-hero-panel {\n  position:relative; min-height:520px; border-radius:38px; overflow:hidden;\n  border:1px solid rgba(242,210,154,.34);\n  background:\n    radial-gradient(circle at 62% 28%, rgba(242,210,154,.25), transparent 28%),\n    radial-gradient(circle at 18% 82%, rgba(5,84,199,.30), transparent 32%),\n    linear-gradient(150deg,rgba(255,255,255,.08),rgba(255,255,255,.025));\n  box-shadow:0 36px 90px rgba(0,0,0,.24);\n}\n.hwn2-hero-panel:before {\n  content:\"\"; position:absolute; inset:0;\n  background:\n    linear-gradient(110deg,transparent 0%,rgba(255,255,255,.13) 38%,transparent 56%),\n    repeating-linear-gradient(90deg,rgba(255,255,255,.04) 0 1px,transparent 1px 18px);\n  opacity:.78;\n}\n.hwn2-hero-logo-mark { position:absolute; left:32px; top:32px; right:32px; height:130px; display:flex; align-items:center; }\n.hwn2-hero-logo-mark img { max-width:min(360px,100%); max-height:120px; object-fit:contain; filter:drop-shadow(0 18px 30px rgba(0,0,0,.25)); }\n.hwn2-bubbles { position:absolute; inset:0; pointer-events:none; }\n.hwn2-bubbles span { position:absolute; display:block; border:1px solid rgba(242,210,154,.52); border-radius:50%; box-shadow:inset 0 0 22px rgba(242,210,154,.12); }\n.hwn2-bubbles span:nth-child(1) { width:72px; height:72px; right:16%; top:16%; }\n.hwn2-bubbles span:nth-child(2) { width:34px; height:34px; right:34%; top:38%; }\n.hwn2-bubbles span:nth-child(3) { width:108px; height:108px; left:12%; bottom:18%; }\n.hwn2-bubbles span:nth-child(4) { width:46px; height:46px; right:18%; bottom:20%; }\n.hwn2-hero-mascotte {\n  position:absolute; right:14px; bottom:-4px; width:min(250px,48%); aspect-ratio:3\/4;\n  background:url(\"http:\/\/hwn2.com\/wp-content\/uploads\/2026\/06\/mascotte-png.png\") center bottom \/ contain no-repeat;\n  filter:drop-shadow(0 26px 36px rgba(0,0,0,.34));\n}\n.hwn2-hero-badge {\n  position:absolute; left:24px; bottom:24px; max-width:62%; padding:18px;\n  color:var(--cream); border:1px solid rgba(242,210,154,.38); border-radius:24px;\n  background:rgba(7,17,31,.72); backdrop-filter:blur(10px);\n}\n.hwn2-hero-badge strong { display:block; color:var(--champagne); font-family:Georgia,\"Times New Roman\",serif; font-size:1.26rem; }\n.hwn2-hero-badge small { color:rgba(255,245,225,.78); }\n\n.hwn2-strip { padding:28px 0; color:var(--cream); background:var(--ink); }\n.hwn2-strip-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:1px; overflow:hidden; border-radius:24px; border:1px solid rgba(242,210,154,.25); background:rgba(242,210,154,.24); }\n.hwn2-stat { padding:24px; background:rgba(255,255,255,.035); }\n.hwn2-stat strong { display:block; color:var(--gold); font-family:Georgia,\"Times New Roman\",serif; font-size:clamp(2rem,4vw,3.7rem); line-height:1; }\n.hwn2-stat span { color:rgba(255,245,225,.78); font-weight:760; }\n\n.hwn2-section-light { padding:clamp(74px,10vw,136px) 0; background:linear-gradient(135deg,var(--cream),#EDD4AA); }\n.hwn2-section-head { display:grid; grid-template-columns:minmax(0,.9fr) minmax(280px,.7fr); gap:32px; align-items:end; margin-bottom:44px; }\n.hwn2-cards { display:grid; grid-template-columns:repeat(4,1fr); gap:18px; }\n.hwn2-card {\n  position:relative; min-height:262px; padding:28px; border:1px solid rgba(166,100,44,.34); border-radius:30px;\n  background:rgba(255,248,236,.62); box-shadow:0 20px 54px rgba(17,9,7,.075); overflow:hidden;\n}\n.hwn2-card:after { content:\"\"; position:absolute; right:-46px; bottom:-46px; width:126px; height:126px; border-radius:50%; border:22px solid rgba(5,84,199,.07); }\n.hwn2-icon { display:grid; place-items:center; width:48px; height:48px; margin-bottom:22px; color:white; background:linear-gradient(135deg,var(--blue),var(--blue-deep)); border-radius:16px; font-size:1.35rem; box-shadow:0 14px 30px rgba(5,84,199,.22); }\n.hwn2-card h3 { margin:0 0 12px; font-size:1.12rem; letter-spacing:-.03em; }\n.hwn2-card p { margin:0; color:rgba(17,9,7,.68); font-size:.96rem; }\n\n.hwn2-method {\n  position:relative; padding:clamp(74px,10vw,132px) 0; color:var(--cream);\n  background:radial-gradient(circle at 12% 0%,rgba(5,84,199,.32),transparent 30%),radial-gradient(circle at 90% 20%,rgba(227,2,50,.20),transparent 28%),linear-gradient(135deg,var(--ink),var(--brown));\n}\n.hwn2-method .hwn2-section-title { color:var(--cream); }\n.hwn2-method .hwn2-lead { color:var(--smoke); }\n.hwn2-steps { display:grid; grid-template-columns:repeat(4,1fr); gap:1px; margin-top:48px; overflow:hidden; border-radius:30px; border:1px solid rgba(242,210,154,.26); background:rgba(242,210,154,.22); }\n.hwn2-step { padding:32px 26px; background:rgba(255,255,255,.045); }\n.hwn2-step-number { display:inline-flex; margin-bottom:34px; color:var(--gold); font-family:Georgia,\"Times New Roman\",serif; font-size:3rem; line-height:1; }\n.hwn2-step h3 { margin:0 0 10px; color:white; }\n.hwn2-step p { margin:0; color:rgba(255,245,225,.68); }\n.hwn2-quote { margin:44px 0 0; padding:28px; border-left:4px solid var(--red); color:white; background:rgba(255,255,255,.055); border-radius:0 24px 24px 0; font-family:Georgia,\"Times New Roman\",serif; font-size:clamp(1.28rem,2vw,1.72rem); line-height:1.28; }\n\n.hwn2-parcours { padding:clamp(76px,10vw,136px) 0; background:linear-gradient(90deg,#EED5AA,#F3E2C5),radial-gradient(circle at 90% 50%,rgba(216,168,93,.42),transparent 33%); }\n.hwn2-grid-2 { display:grid; grid-template-columns:minmax(0,.88fr) minmax(320px,.62fr); gap:clamp(38px,6vw,84px); align-items:center; }\n.hwn2-timeline { display:grid; gap:16px; }\n.hwn2-timeline-item { display:grid; grid-template-columns:72px 1fr; gap:18px; padding:22px; border:1px solid rgba(17,9,7,.08); border-radius:24px; background:rgba(255,248,236,.62); }\n.hwn2-timeline-year { color:var(--red); font-family:Georgia,\"Times New Roman\",serif; font-size:1.5rem; font-weight:850; }\n.hwn2-timeline-item h3 { margin:0 0 6px; }\n.hwn2-timeline-item p { margin:0; color:rgba(17,9,7,.66); }\n\n\/* Bouteille uniquement ici, vers la fin. *\/\n.hwn2-gin {\n  position:relative; padding:clamp(78px,10vw,142px) 0; color:var(--cream);\n  background:radial-gradient(circle at 76% 44%,rgba(216,168,93,.33),transparent 33%),linear-gradient(135deg,#110907,#321A0B 58%,#070403);\n}\n.hwn2-gin .hwn2-section-title { color:var(--cream); }\n.hwn2-gin .hwn2-lead { color:var(--smoke); }\n.hwn2-gin-frame { position:relative; min-height:540px; border:1px solid rgba(242,210,154,.34); border-radius:38px; background:linear-gradient(145deg,rgba(255,255,255,.07),rgba(255,255,255,.02)),radial-gradient(circle at 50% 35%,rgba(216,168,93,.42),transparent 42%); box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 36px 90px rgba(0,0,0,.34); overflow:hidden; }\n.hwn2-gin-frame:before { content:\"\"; position:absolute; inset:10%; border:38px solid rgba(216,168,93,.09); border-radius:50%; }\n.hwn2-gin-img { position:absolute; inset:32px; background:url(\"http:\/\/hwn2.com\/wp-content\/uploads\/2026\/06\/ChatGPT-Image-12-juin-2026-18_35_35.png\") center \/ contain no-repeat; filter:drop-shadow(0 30px 44px rgba(0,0,0,.62)); }\n.hwn2-legal-note { margin-top:26px; color:rgba(255,245,225,.62); font-size:.84rem; }\n\n.hwn2-contact { padding:clamp(76px,10vw,138px) 0; color:var(--cream); background:radial-gradient(circle at 18% 20%,rgba(5,84,199,.22),transparent 28%),linear-gradient(135deg,var(--blue-night),var(--brown)); }\n.hwn2-contact .hwn2-section-title { color:var(--cream); }\n.hwn2-contact .hwn2-lead { color:var(--smoke); }\n.hwn2-mascotte-panel { position:relative; min-height:390px; margin-top:36px; border-radius:34px; border:1px solid rgba(242,210,154,.28); background:radial-gradient(circle at 48% 32%,rgba(242,210,154,.20),transparent 34%),rgba(255,255,255,.04); overflow:hidden; }\n.hwn2-mascotte-panel img { position:absolute; inset:auto 0 0 0; margin:auto; width:min(285px,72%); max-height:95%; object-fit:contain; filter:drop-shadow(0 24px 34px rgba(0,0,0,.34)); }\n.hwn2-contact-card { padding:clamp(24px,4vw,40px); border:1px solid rgba(242,210,154,.38); border-radius:34px; background:rgba(255,245,225,.10); box-shadow:0 28px 80px rgba(0,0,0,.18); backdrop-filter:blur(10px); }\n.hwn2-contact-card h3 { margin:0 0 10px; font-family:Georgia,\"Times New Roman\",serif; font-size:clamp(1.6rem,3vw,2.4rem); letter-spacing:-.04em; }\n.hwn2-contact-card p { margin:0 0 24px; color:var(--smoke); }\n.hwn2-form { display:grid; gap:14px; }\n.hwn2-row { display:grid; grid-template-columns:1fr 1fr; gap:14px; }\n.hwn2-form input,.hwn2-form textarea,.hwn2-form select { width:100%; min-height:50px; padding:13px 15px; border:1px solid rgba(242,210,154,.28); border-radius:16px; color:var(--ink); background:rgba(255,248,236,.95); font:inherit; outline:none; }\n.hwn2-form textarea { min-height:138px; resize:vertical; }\n.hwn2-form input:focus,.hwn2-form textarea:focus,.hwn2-form select:focus { border-color:var(--champagne); box-shadow:0 0 0 4px rgba(242,210,154,.12); }\n.hwn2-check { display:flex; gap:10px; align-items:flex-start; color:rgba(255,245,225,.68); font-size:.86rem; }\n.hwn2-check input { width:18px; min-height:18px; margin-top:3px; }\n.hwn2-form .hwn2-btn { width:100%; cursor:pointer; }\n.hwn2-note { margin-top:14px!important; font-size:.82rem; }\n\n.hwn2-footer { padding:34px 0; color:rgba(255,245,225,.72); background:var(--ink); }\n.hwn2-footer-inner { display:flex; justify-content:space-between; gap:24px; align-items:center; }\n.hwn2-footer strong { color:white; }\n.hwn2-footer-links { display:flex; gap:18px; flex-wrap:wrap; }\n.hwn2-footer a:hover { color:var(--gold); }\n\n@media(max-width:980px) {\n  .hwn2-nav { display:none; }\n  .hwn2-hero-grid,.hwn2-section-head,.hwn2-grid-2 { grid-template-columns:1fr; }\n  .hwn2-cards,.hwn2-steps { grid-template-columns:repeat(2,1fr); }\n  .hwn2-hero-panel,.hwn2-gin-frame { min-height:470px; }\n}\n@media(max-width:640px) {\n  .hwn2-wrap { width:min(100% - 28px,1180px); }\n  .hwn2-header { padding:14px 0; }\n  .hwn2-logo { height:56px; }\n  .hwn2-strip-grid,.hwn2-cards,.hwn2-steps,.hwn2-row { grid-template-columns:1fr; }\n  .hwn2-card { min-height:auto; }\n  .hwn2-timeline-item { grid-template-columns:1fr; }\n  .hwn2-hero-panel,.hwn2-gin-frame { min-height:390px; border-radius:28px; }\n  .hwn2-hero-badge { left:16px; bottom:16px; max-width:calc(100% - 32px); }\n  .hwn2-hero-mascotte { width:42%; opacity:.88; }\n  .hwn2-footer-inner { align-items:flex-start; flex-direction:column; }\n}\n\n.hwn2-popup-card{border-radius:26px}.hwn2-popup-close{top:12px;right:12px} }\n\n\n\/* Popup d'arriv\u00e9e : flyer uniquement, aucun texte *\/\n.hwn2-popup-toggle {\n  position: absolute;\n  opacity: 0;\n  pointer-events: none;\n}\n.hwn2-popup {\n  position: fixed !important;\n  inset: 0 !important;\n  z-index: 2147483647 !important;\n  display: flex !important;\n  align-items: center !important;\n  justify-content: center !important;\n  padding: 24px;\n  background: rgba(6, 8, 12, .78);\n  backdrop-filter: blur(10px);\n  animation: hwn2-popup-fade .32s ease both;\n}\n.hwn2-popup-toggle:checked + .hwn2-popup {\n  display: none !important;\n}\n.hwn2-popup-card {\n  position: relative;\n  width: min(820px, 100%);\n  max-height: min(92vh, 940px);\n  overflow: hidden;\n  border: 1px solid rgba(242, 210, 154, .42);\n  border-radius: 30px;\n  background: transparent;\n  box-shadow: 0 38px 120px rgba(0,0,0,.58);\n}\n.hwn2-popup-image-only {\n  display: block;\n  width: 100%;\n  height: auto;\n  max-height: 92vh;\n  object-fit: contain;\n  background: transparent;\n}\n.hwn2-popup-close {\n  position: absolute;\n  top: 16px;\n  right: 16px;\n  z-index: 5;\n  display: grid;\n  place-items: center;\n  width: 42px;\n  height: 42px;\n  border: 1px solid rgba(255,245,225,.35);\n  border-radius: 999px;\n  color: transparent;\n  background: rgba(17,9,7,.42);\n  cursor: pointer;\n  font-size: 0;\n  line-height: 1;\n  backdrop-filter: blur(8px);\n}\n.hwn2-popup-close:before,\n.hwn2-popup-close:after {\n  content: \"\";\n  position: absolute;\n  width: 18px;\n  height: 2px;\n  background: var(--cream);\n  border-radius: 99px;\n}\n.hwn2-popup-close:before { transform: rotate(45deg); }\n.hwn2-popup-close:after { transform: rotate(-45deg); }\n.hwn2-popup-close:hover { background: rgba(255,255,255,.16); }\n@keyframes hwn2-popup-fade {\n  from { opacity: 0; }\n  to { opacity: 1; }\n}\n@media (max-width: 640px) {\n  .hwn2-popup { padding: 14px; }\n  .hwn2-popup-card { border-radius: 22px; }\n  .hwn2-popup-close { top: 12px; right: 12px; }\n}\n\n\/* Logo et mascotte int\u00e9gr\u00e9s : aucune bo\u00eete, aucun fond, aucune carte blanche *\/\n.hwn2-logo,\n.hwn2-logo img,\n.hwn2-mascotte {\n  background: none !important;\n  background-color: transparent !important;\n  border: 0 !important;\n  box-shadow: none !important;\n}\n.hwn2-mascotte {\n  filter: drop-shadow(0 22px 32px rgba(0,0,0,.25));\n}\n\n\n\/* Correction V10 : titre hero tr\u00e8s lisible, fid\u00e8le au logo *\/\n.hwn2-hero-title {\n  color: var(--cream) !important;\n  text-shadow: 0 14px 34px rgba(0,0,0,.34);\n}\n.hwn2-hero-title .hwn2-title-solution {\n  color: var(--red) !important;\n  font-style: italic;\n}\n.hwn2-hero-title .hwn2-title-ecoute {\n  color: #3B8CFF !important;\n  font-style: italic;\n}\n.hwn2-logo,\n.hwn2-logo img,\n.hwn2-mascotte,\n.hwn2-hero-mascotte {\n  background: transparent !important;\n  background-color: transparent !important;\n}\n\n\n\/* V11 - visibilit\u00e9 am\u00e9lior\u00e9e du logo et de la mascotte, sans fond blanc *\/\n.hwn2-header {\n  background:\n    linear-gradient(180deg, rgba(17,22,30,0.96), rgba(23,28,37,0.92)) !important;\n  border-bottom: 1px solid rgba(255,255,255,0.08) !important;\n}\n.hwn2-logo {\n  filter:\n    drop-shadow(0 6px 12px rgba(255,255,255,0.08))\n    drop-shadow(0 14px 28px rgba(0,0,0,0.32));\n}\n.hwn2-nav a {\n  color: rgba(255,255,255,0.82) !important;\n}\n.hwn2-nav a:hover {\n  color: #F2D29A !important;\n}\n.hwn2-nav-cta {\n  color: #fff !important;\n}\n.hwn2-mascotte-wrap {\n  position: relative;\n  display: inline-block;\n  margin-top: 30px;\n}\n.hwn2-mascotte-wrap::before {\n  content: \"\";\n  position: absolute;\n  inset: 6% 8% 10% 8%;\n  border-radius: 50%;\n  background:\n    radial-gradient(circle at 50% 45%, rgba(255,255,255,0.72), rgba(255,255,255,0.12) 55%, transparent 72%);\n  filter: blur(12px);\n  z-index: 0;\n}\n.hwn2-mascotte {\n  position: relative;\n  z-index: 1;\n  filter:\n    drop-shadow(0 8px 14px rgba(255,255,255,0.20))\n    drop-shadow(0 24px 44px rgba(0,0,0,0.28)) !important;\n}\n\n\n\n\/* V13 - correctif mobile : affichage robuste, plus de page blanche *\/\n.hwn2-site {\n  min-height: 100vh !important;\n  overflow: visible !important;\n}\n.hwn2-header,\n.hwn2-hero,\n.hwn2-strip,\n.hwn2-expertise,\n.hwn2-method,\n.hwn2-parcours,\n.hwn2-gin,\n.hwn2-contact,\n.hwn2-footer {\n  display: block !important;\n  visibility: visible !important;\n  opacity: 1 !important;\n}\n.hwn2-logo {\n  display: block !important;\n  width: min(230px, 58vw) !important;\n  height: auto !important;\n  background: transparent !important;\n}\n.hwn2-logo img {\n  display: block !important;\n  width: 100% !important;\n  height: auto !important;\n  max-height: 74px !important;\n  object-fit: contain !important;\n  opacity: 1 !important;\n  visibility: visible !important;\n  filter: drop-shadow(0 10px 22px rgba(0,0,0,.35));\n}\n.hwn2-mascotte-wrap {\n  position: relative !important;\n  display: inline-flex !important;\n  justify-content: center !important;\n  width: min(320px, 78vw) !important;\n  min-height: 0 !important;\n  margin-top: 30px !important;\n}\n.hwn2-mascotte-img {\n  display: block !important;\n  width: 100% !important;\n  height: auto !important;\n  object-fit: contain !important;\n  opacity: 1 !important;\n  visibility: visible !important;\n  background: transparent !important;\n  filter:\n    drop-shadow(0 8px 14px rgba(255,255,255,.18))\n    drop-shadow(0 22px 38px rgba(0,0,0,.32));\n}\n.hwn2-mascotte-wrap::before {\n  content: \"\";\n  position: absolute;\n  inset: 8% 8% 10% 8%;\n  z-index: 0;\n  border-radius: 50%;\n  background: radial-gradient(circle, rgba(255,255,255,.48), rgba(255,255,255,.10) 54%, transparent 74%);\n  filter: blur(14px);\n}\n.hwn2-mascotte-img {\n  position: relative;\n  z-index: 1;\n}\n.hwn2-popup {\n  overflow: auto !important;\n}\n.hwn2-popup-card {\n  width: min(820px, calc(100vw - 28px)) !important;\n  max-height: calc(100vh - 28px) !important;\n}\n.hwn2-popup-image-only {\n  width: 100% !important;\n  height: auto !important;\n  max-height: calc(100vh - 28px) !important;\n  object-fit: contain !important;\n}\n.hwn2-popup-close {\n  width: 46px !important;\n  height: 46px !important;\n  top: 10px !important;\n  right: 10px !important;\n  background: rgba(0,0,0,.58) !important;\n}\n@media (max-width: 768px) {\n  html, body {\n    overflow-x: hidden !important;\n  }\n  .hwn2-wrap {\n    width: min(100% - 28px, 1180px) !important;\n  }\n  .hwn2-header {\n    padding: 12px 0 !important;\n  }\n  .hwn2-header-inner {\n    display: flex !important;\n    justify-content: center !important;\n    align-items: center !important;\n  }\n  .hwn2-nav {\n    display: none !important;\n  }\n  .hwn2-logo {\n    width: min(260px, 82vw) !important;\n  }\n  .hwn2-logo img {\n    max-height: 86px !important;\n  }\n  .hwn2-hero {\n    min-height: auto !important;\n    padding: 42px 0 58px !important;\n  }\n  .hwn2-hero-grid,\n  .hwn2-section-head,\n  .hwn2-parcours-grid,\n  .hwn2-gin-grid,\n  .hwn2-contact-grid {\n    display: grid !important;\n    grid-template-columns: 1fr !important;\n    gap: 30px !important;\n  }\n  .hwn2-cards,\n  .hwn2-steps,\n  .hwn2-strip-grid,\n  .hwn2-form-row {\n    display: grid !important;\n    grid-template-columns: 1fr !important;\n  }\n  .hwn2-title {\n    font-size: clamp(2.35rem, 13vw, 4rem) !important;\n    line-height: .96 !important;\n  }\n  .hwn2-section-title {\n    font-size: clamp(2rem, 10vw, 3.2rem) !important;\n  }\n  .hwn2-lead {\n    font-size: 1rem !important;\n  }\n  .hwn2-visual-card,\n  .hwn2-gin-frame {\n    min-height: 360px !important;\n  }\n  .hwn2-contact-grid {\n    align-items: start !important;\n  }\n  .hwn2-mascotte-wrap {\n    width: min(270px, 74vw) !important;\n    margin-left: auto !important;\n    margin-right: auto !important;\n  }\n  .hwn2-popup {\n    padding: 10px !important;\n    align-items: center !important;\n  }\n  .hwn2-popup-card {\n    width: calc(100vw - 20px) !important;\n    max-height: calc(100vh - 20px) !important;\n    border-radius: 18px !important;\n  }\n  .hwn2-popup-image-only {\n    max-height: calc(100vh - 20px) !important;\n  }\n}\n\n<\/style>\n\n<div class=\"hwn2-site\" id=\"accueil\">\n  <!-- Popup d'arriv\u00e9e : flyer uniquement, image seule -->\n  <input class=\"hwn2-popup-toggle\" type=\"checkbox\" id=\"hwn2-popup-close\" aria-hidden=\"true\">\n  <div class=\"hwn2-popup\" role=\"dialog\" aria-modal=\"true\" aria-label=\"Flyer HWN2\">\n    <div class=\"hwn2-popup-card\">\n      <label class=\"hwn2-popup-close\" for=\"hwn2-popup-close\" aria-label=\"Fermer la fen\u00eatre\"><\/label>\n      <img decoding=\"async\" class=\"hwn2-popup-image-only\" src=\"http:\/\/hwn2.com\/wp-content\/uploads\/2026\/06\/WhatsApp-Image-2026-06-07-at-23.30.15.jpeg\" alt=\"\">\n    <\/div>\n  <\/div>\n<header class=\"hwn2-header\">\n    <div class=\"hwn2-wrap hwn2-header-inner\">\n      <a class=\"hwn2-logo\" href=\"#accueil\" aria-label=\"Accueil HWN2\"><img decoding=\"async\" src=\"http:\/\/hwn2.com\/wp-content\/uploads\/2026\/06\/logo-png.png\" alt=\"HWN2\"><\/a>\n      <nav class=\"hwn2-nav\" aria-label=\"Navigation principale\">\n        <a href=\"#expertise\">Expertise<\/a>\n        <a href=\"#methode\">M\u00e9thode<\/a>\n        <a href=\"#parcours\">Parcours<\/a>\n        <a href=\"#gin\">Gin HWN2<\/a>\n        <a class=\"cta\" href=\"#contact\">Contact<\/a>\n      <\/nav>\n    <\/div>\n  <\/header>\n\n  <main>\n    <section class=\"hwn2-hero\">\n      <div class=\"hwn2-wrap hwn2-hero-grid\">\n        <div>\n          <div class=\"hwn2-eyebrow\">Consulting boissons &#038; verre<\/div>\n          <h1 class=\"hwn2-title hwn2-hero-title\"><span class=\"hwn2-title-solution\">La Solution,<\/span><br><span class=\"hwn2-title-ecoute\">par l\u2019\u00c9coute.<\/span><\/h1>\n          <p class=\"hwn2-lead\" style=\"margin-top:26px\">Consulting expert pour liquides en contenants verre, capsules de tirage, bidules et m\u00e9thodes effervescentes. HWN2 accompagne les professionnels dans la r\u00e9solution de probl\u00e9matiques techniques, avec l\u2019expertise d\u2019un consultant fort de 40 ans d\u2019exp\u00e9rience et d\u2019un r\u00e9seau international.<\/p>\n          <div class=\"hwn2-buttons\">\n            <a class=\"hwn2-btn hwn2-primary\" href=\"#contact\">Demander un \u00e9change<\/a>\n            <a class=\"hwn2-btn hwn2-secondary\" href=\"#expertise\">D\u00e9couvrir l\u2019expertise<\/a>\n          <\/div>\n        <\/div>\n        <aside class=\"hwn2-hero-panel\" aria-label=\"Identit\u00e9 HWN2\">\n          <div class=\"hwn2-hero-logo-mark\"><img decoding=\"async\" src=\"http:\/\/hwn2.com\/wp-content\/uploads\/2026\/06\/logo-png.png\" alt=\"HWN2\"><\/div>\n          <div class=\"hwn2-bubbles\"><span><\/span><span><\/span><span><\/span><span><\/span><\/div>\n          <div class=\"hwn2-hero-mascotte\" aria-hidden=\"true\"><\/div>\n          <div class=\"hwn2-hero-badge\"><strong>\u00c9couter. Diagnostiquer. Orienter.<\/strong><small>Une approche experte pour les liquides en verre, sans sortir la bouteille trop t\u00f4t.<\/small><\/div>\n        <\/aside>\n      <\/div>\n    <\/section>\n\n    <section class=\"hwn2-strip\" aria-label=\"Chiffres cl\u00e9s\">\n      <div class=\"hwn2-wrap\"><div class=\"hwn2-strip-grid\">\n        <div class=\"hwn2-stat\"><strong>40<\/strong><span>ans d\u2019exp\u00e9rience du consultant<\/span><\/div>\n        <div class=\"hwn2-stat\"><strong>\u221e<\/strong><span>r\u00e9seau international sp\u00e9cialis\u00e9<\/span><\/div>\n        <div class=\"hwn2-stat\"><strong>1<\/strong><span>approche : \u00e9couter avant de r\u00e9soudre<\/span><\/div>\n      <\/div><\/div>\n    <\/section>\n\n    <section class=\"hwn2-section-light\" id=\"expertise\">\n      <div class=\"hwn2-wrap\">\n        <div class=\"hwn2-section-head\">\n          <div><div class=\"hwn2-eyebrow\">Expertise<\/div><h2 class=\"hwn2-section-title\">Au croisement du verre, du liquide et de la pression<\/h2><\/div>\n          <p class=\"hwn2-lead\">HWN2 intervient aupr\u00e8s des producteurs, industriels, fournisseurs et marques de boissons pour analyser, orienter et r\u00e9soudre les probl\u00e9matiques li\u00e9es aux liquides conditionn\u00e9s en verre.<\/p>\n        <\/div>\n        <div class=\"hwn2-cards\">\n          <article class=\"hwn2-card\"><div class=\"hwn2-icon\">\u25c9<\/div><h3>Capsules de tirage &#038; bidules<\/h3><p>Conseil sur les capsules, obturateurs, bouchage et contraintes techniques des m\u00e9thodes effervescentes.<\/p><\/article>\n          <article class=\"hwn2-card\"><div class=\"hwn2-icon\">\u2726<\/div><h3>M\u00e9thodes sparkling<\/h3><p>Champagne, cr\u00e9mant, cidre, bi\u00e8re, eau p\u00e9tillante, kombucha, k\u00e9fir et autres boissons sous pression.<\/p><\/article>\n          <article class=\"hwn2-card\"><div class=\"hwn2-icon\">\u25cc<\/div><h3>Contenants en verre<\/h3><p>Analyse du flacon, de l\u2019\u00e9tanch\u00e9it\u00e9, du comportement produit, du bouchage et du conditionnement.<\/p><\/article>\n          <article class=\"hwn2-card\"><div class=\"hwn2-icon\">\u2301<\/div><h3>R\u00e9seau international<\/h3><p>Mise en relation avec fabricants, fournisseurs, laboratoires, partenaires techniques et experts sp\u00e9cialis\u00e9s.<\/p><\/article>\n        <\/div>\n      <\/div>\n    <\/section>\n\n    <section class=\"hwn2-method\" id=\"methode\">\n      <div class=\"hwn2-wrap\">\n        <div class=\"hwn2-eyebrow\">M\u00e9thode<\/div><h2 class=\"hwn2-section-title\">\u00c9couter avant de r\u00e9soudre<\/h2>\n        <p class=\"hwn2-lead\">Chaque mission commence par une \u00e9coute attentive. Le contexte, le produit, les contraintes, les incidents et les objectifs sont analys\u00e9s avant toute recommandation. Moins de solution toute faite, plus de diagnostic utile.<\/p>\n        <div class=\"hwn2-steps\">\n          <article class=\"hwn2-step\"><span class=\"hwn2-step-number\">01<\/span><h3>\u00c9couter<\/h3><p>Comprendre la situation r\u00e9elle, les contraintes et l\u2019historique.<\/p><\/article>\n          <article class=\"hwn2-step\"><span class=\"hwn2-step-number\">02<\/span><h3>Diagnostiquer<\/h3><p>Identifier les causes techniques, industrielles ou fournisseurs.<\/p><\/article>\n          <article class=\"hwn2-step\"><span class=\"hwn2-step-number\">03<\/span><h3>Orienter<\/h3><p>Proposer la bonne solution, le bon test ou le bon partenaire.<\/p><\/article>\n          <article class=\"hwn2-step\"><span class=\"hwn2-step-number\">04<\/span><h3>Accompagner<\/h3><p>Suivre la mise en \u0153uvre jusqu\u2019au r\u00e9sultat concret.<\/p><\/article>\n        <\/div>\n        <blockquote class=\"hwn2-quote\">Une bonne solution commence rarement par une r\u00e9ponse imm\u00e9diate. Elle commence par une bonne question.<\/blockquote>\n      <\/div>\n    <\/section>\n\n    <section class=\"hwn2-parcours\" id=\"parcours\">\n      <div class=\"hwn2-wrap hwn2-grid-2\">\n        <div><div class=\"hwn2-eyebrow\">Parcours<\/div><h2 class=\"hwn2-section-title\">Un consultant avec 40 ans d\u2019exp\u00e9rience au service des boissons en verre<\/h2><p class=\"hwn2-lead\">Depuis quatre d\u00e9cennies, le consultant derri\u00e8re HWN2 \u00e9volue au contact des producteurs, industriels, fournisseurs et sp\u00e9cialistes des boissons effervescentes. Cette exp\u00e9rience personnelle permet d\u2019apporter une lecture pr\u00e9cise des probl\u00e9matiques techniques, mais aussi une capacit\u00e9 rare : savoir qui contacter, quand, et pourquoi.<\/p><div class=\"hwn2-buttons\"><a class=\"hwn2-btn hwn2-primary\" href=\"#contact\">Pr\u00e9senter une probl\u00e9matique<\/a><\/div><\/div>\n        <div class=\"hwn2-timeline\">\n          <article class=\"hwn2-timeline-item\"><div class=\"hwn2-timeline-year\">01<\/div><div><h3>Compr\u00e9hension terrain<\/h3><p>Une connaissance concr\u00e8te des produits, des contraintes et des usages industriels.<\/p><\/div><\/article>\n          <article class=\"hwn2-timeline-item\"><div class=\"hwn2-timeline-year\">02<\/div><div><h3>Vision multi-boissons<\/h3><p>Des m\u00e9thodes traditionnelles aux boissons ferment\u00e9es modernes, du vin au kombucha.<\/p><\/div><\/article>\n          <article class=\"hwn2-timeline-item\"><div class=\"hwn2-timeline-year\">03<\/div><div><h3>R\u00e9seau utile<\/h3><p>Un carnet d\u2019adresses international pour gagner du temps et \u00e9viter les impasses.<\/p><\/div><\/article>\n        <\/div>\n      <\/div>\n    <\/section>\n\n    <section class=\"hwn2-gin\" id=\"gin\">\n      <div class=\"hwn2-wrap hwn2-grid-2\">\n        <div><div class=\"hwn2-eyebrow\">Cr\u00e9ation personnelle<\/div><h2 class=\"hwn2-section-title\">Gin n\u00b065, une signature HWN2<\/h2><p class=\"hwn2-lead\">Au-del\u00e0 du consulting, HWN2 a cr\u00e9\u00e9 son propre gin : une expression personnelle du go\u00fbt, du d\u00e9tail et de l\u2019exigence. Du flacon \u00e0 l\u2019\u00e9tiquette, chaque \u00e9l\u00e9ment refl\u00e8te la m\u00eame approche : \u00e9couter la mati\u00e8re, comprendre l\u2019\u00e9quilibre et signer avec pr\u00e9cision.<\/p><div class=\"hwn2-buttons\"><a class=\"hwn2-btn hwn2-secondary\" href=\"#contact\">En savoir plus<\/a><\/div><p class=\"hwn2-legal-note\">L\u2019abus d\u2019alcool est dangereux pour la sant\u00e9, \u00e0 consommer avec mod\u00e9ration.<\/p><\/div>\n        <aside class=\"hwn2-gin-frame\" aria-label=\"Gin HWN2\"><div class=\"hwn2-gin-img\"><\/div><\/aside>\n      <\/div>\n    <\/section>\n\n    <section class=\"hwn2-contact\" id=\"contact\">\n      <div class=\"hwn2-wrap hwn2-grid-2\">\n        <div><div class=\"hwn2-eyebrow\">Contact<\/div><h2 class=\"hwn2-section-title\">Parlons de votre probl\u00e9matique<\/h2><p class=\"hwn2-lead\">Une question technique, un besoin de mise en relation, un doute sur un bouchage, une capsule, un bidule ou une m\u00e9thode effervescente ? D\u00e9crivez votre situation, HWN2 vous r\u00e9pondra avec attention.<\/p><div class=\"hwn2-mascotte-panel\"><img decoding=\"async\" src=\"http:\/\/hwn2.com\/wp-content\/uploads\/2026\/06\/mascotte-png.png\" alt=\"Mascotte HWN2\"><\/div><\/div>\n        <div class=\"hwn2-contact-card\"><h3>Demander un \u00e9change<\/h3><p>Ce formulaire est une base visuelle. Pour recevoir les messages proprement, remplace-le ensuite par WPForms, Fluent Forms ou Contact Form 7. Le mailto, c\u2019est le pigeon voyageur du web : touchant, mais parfois il part faire du tourisme.<\/p>\n          <form class=\"hwn2-form\" action=\"mailto:contact@hwn2.com\" method=\"post\" enctype=\"text\/plain\">\n            <input type=\"text\" name=\"Nom\" placeholder=\"Nom\" required>\n            <input type=\"text\" name=\"Sujet\" placeholder=\"Sujet\" required>\n            <textarea name=\"Probl\u00e9matique\" placeholder=\"D\u00e9crivez votre probl\u00e9matique\" required><\/textarea>\n            <button class=\"hwn2-btn hwn2-primary\" type=\"submit\">Envoyer \u00e0 contact@hwn2.com<\/button>\n          <\/form>\n          <p class=\"hwn2-note\">Astuce : installe aussi WP Mail SMTP si tu utilises un vrai plugin de formulaire.<\/p>\n        <\/div>\n      <\/div>\n    <\/section>\n  <\/main>\n\n  <footer class=\"hwn2-footer\"><div class=\"hwn2-wrap hwn2-footer-inner\"><div><strong>HWN2<\/strong><br>La Solution, par l\u2019\u00c9coute.<\/div><div class=\"hwn2-footer-links\"><a href=\"#expertise\">Expertise<\/a><a href=\"#gin\">Gin HWN2<\/a><a href=\"#contact\">Contact<\/a><a href=\"\/mentions-legales\/\">Mentions l\u00e9gales<\/a><a href=\"\/politique-de-confidentialite\/\">Confidentialit\u00e9<\/a><\/div><\/div><\/footer>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Expertise M\u00e9thode Parcours Gin HWN2 Contact Consulting boissons &#038; verre La Solution,par l\u2019\u00c9coute. Consulting expert pour liquides en contenants verre, [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","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":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"","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-79","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/hwn2.com\/index.php?rest_route=\/wp\/v2\/pages\/79","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hwn2.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/hwn2.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/hwn2.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hwn2.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=79"}],"version-history":[{"count":10,"href":"https:\/\/hwn2.com\/index.php?rest_route=\/wp\/v2\/pages\/79\/revisions"}],"predecessor-version":[{"id":97,"href":"https:\/\/hwn2.com\/index.php?rest_route=\/wp\/v2\/pages\/79\/revisions\/97"}],"wp:attachment":[{"href":"https:\/\/hwn2.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=79"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}