{"id":511,"date":"2026-09-17T03:50:20","date_gmt":"2026-09-17T03:50:20","guid":{"rendered":"https:\/\/hairdey.com\/?page_id=511"},"modified":"2026-10-09T08:50:18","modified_gmt":"2026-10-09T08:50:18","slug":"about-us","status":"publish","type":"page","link":"https:\/\/hairdey.com\/fr\/about-us\/","title":{"rendered":"\u00c0 propos de nous"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"511\" class=\"elementor elementor-511\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-982cbbe e-con e-atomic-element e-flexbox-base e-default-div e-6975400 \" data-id=\"982cbbe\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"982cbbe\" data-e-type=\"e-flexbox\" data-id=\"982cbbe\">\n    \t\t<div class=\"elementor-element elementor-element-9dedc98 elementor-widget elementor-widget-html\" data-id=\"9dedc98\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:ital,wght@0,600;1,500&family=Poppins:wght@400;500;600;700&family=Give+You+Glory&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n  :root{\r\n    --bg-dark:#120d0a;\r\n    --bg-dark-2:#1a1310;\r\n    --gold:#dcac70;\r\n    --gold-light:#eac68f;\r\n    --peach:#e8a97c;\r\n    --font-script:'Give You Glory', cursive;\r\n    --text-white:#ffffff;\r\n    --text-muted:#cdc5ba;\r\n    --font-heading:'Playfair Display', Georgia, serif;\r\n    --font-body:'Poppins', sans-serif;\r\n  }\r\n\r\n  #hdy-page *{ box-sizing:border-box; margin:0; padding:0; }\r\n\r\n  #hdy-page{\r\n    font-family:var(--font-body);\r\n    background:var(--bg-dark);\r\n    color:var(--text-white);\r\n    overflow-x:hidden;\r\n  }\r\n\r\n  #hdy-page img{ max-width:100%; display:block; }\r\n  #hdy-page a{ text-decoration:none; color:inherit; }\r\n  #hdy-page ul{ list-style:none; }\r\n\r\n  #hdy-page .container{\r\n    width:100%;\r\n    max-width:1440px;\r\n    margin:0 auto;\r\n    padding:0 40px;\r\n  }\r\n\r\n  \/* ---------- HEADER ---------- *\/\r\n  #hdy-page header{\r\n    position:absolute;\r\n    top:0;\r\n    left:0;\r\n    width:100%;\r\n    z-index:50;\r\n    padding:22px 0;\r\n  }\r\n\r\n  #hdy-page .header-inner{\r\n    display:flex;\r\n    align-items:center;\r\n    justify-content:space-between;\r\n    gap:24px;\r\n  }\r\n\r\n  #hdy-page .logo img{\r\n    height:42px;\r\n    width:auto;\r\n  }\r\n\r\n  #hdy-page nav.main-nav{\r\n    display:flex;\r\n  }\r\n\r\n  #hdy-page nav.main-nav ul{\r\n    display:flex;\r\n    align-items:center;\r\n    gap:34px;\r\n  }\r\n\r\n  #hdy-page nav.main-nav a{\r\n    font-size:13px;\r\n    font-weight:500;\r\n    color:var(--text-white);\r\n    letter-spacing:.2px;\r\n    position:relative;\r\n    padding-bottom:6px;\r\n    white-space:nowrap;\r\n    transition:color .2s ease;\r\n  }\r\n\r\n  #hdy-page nav.main-nav a:hover{\r\n    color:var(--gold-light);\r\n  }\r\n\r\n  #hdy-page nav.main-nav li.active a{\r\n    color:var(--gold-light);\r\n  }\r\n\r\n  #hdy-page nav.main-nav li.active a::after{\r\n    content:\"\";\r\n    position:absolute;\r\n    left:0;\r\n    right:0;\r\n    bottom:0;\r\n    height:2px;\r\n    background:var(--gold);\r\n    border-radius:2px;\r\n  }\r\n\r\n  \/* ---------- Services dropdown ---------- *\/\r\n  #hdy-page nav.main-nav li.has-dropdown{\r\n    position:relative;\r\n  }\r\n\r\n  #hdy-page .dropdown-trigger .caret{\r\n    display:inline-block;\r\n    font-size:9px;\r\n    margin-left:4px;\r\n    color:#cdc5ba;\r\n    transition:transform .2s ease, color .2s ease;\r\n  }\r\n\r\n  #hdy-page nav.main-nav li.has-dropdown:hover .dropdown-trigger .caret,\r\n  #hdy-page nav.main-nav li.has-dropdown.mobile-open .dropdown-trigger .caret{\r\n    transform:rotate(180deg);\r\n    color:var(--gold-light);\r\n  }\r\n\r\n  #hdy-page nav.main-nav li.has-dropdown:hover .dropdown-toggle .caret,\r\n  #hdy-page nav.main-nav li.has-dropdown.mobile-open .dropdown-toggle .caret{\r\n    transform:rotate(180deg);\r\n    color:var(--gold-light);\r\n  }\r\n\r\n  \/* The panel's own hit-box starts right at the trigger (top:100%) with no\r\n     gap, so the cursor never leaves a hoverable element while moving from\r\n     the link down into the panel. The visual \"floating\" gap is faked with\r\n     padding-top on this outer box, while the actual visible card is the\r\n     .dropdown-panel-inner beneath it. *\/\r\n  #hdy-page .dropdown-panel{\r\n    position:absolute;\r\n    top:100%;\r\n    left:50%;\r\n    transform:translateX(-50%);\r\n    padding-top:18px;\r\n    min-width:280px;\r\n    opacity:0;\r\n    visibility:hidden;\r\n    pointer-events:none;\r\n    transition:opacity .2s ease, visibility .2s ease;\r\n    z-index:60;\r\n  }\r\n\r\n  #hdy-page nav.main-nav li.has-dropdown:hover .dropdown-panel{\r\n    opacity:1;\r\n    visibility:visible;\r\n    pointer-events:auto;\r\n  }\r\n\r\n  #hdy-page .dropdown-panel-inner{\r\n    background:var(--bg-dark-2);\r\n    border:1px solid rgba(255,255,255,.08);\r\n    border-radius:12px;\r\n    padding:10px;\r\n    box-shadow:0 20px 40px rgba(0,0,0,.5);\r\n  }\r\n\r\n  #hdy-page .dropdown-link{\r\n    display:flex;\r\n    flex-direction:column;\r\n    gap:3px;\r\n    padding:12px 14px;\r\n    border-radius:8px;\r\n    transition:background .15s ease;\r\n  }\r\n\r\n  #hdy-page .dropdown-link:hover{\r\n    background:rgba(220,172,112,.1);\r\n  }\r\n\r\n  #hdy-page .dropdown-link-title{\r\n    font-size:13.5px;\r\n    font-weight:600;\r\n    color:var(--text-white);\r\n    padding-bottom:0;\r\n  }\r\n\r\n  #hdy-page .dropdown-link-desc{\r\n    font-size:11.5px;\r\n    line-height:1.4;\r\n    color:var(--text-muted);\r\n  }\r\n\r\n  \/* ---------- Nav refinements ---------- *\/\r\n  #hdy-page header::after{\r\n    content:\"\";\r\n    position:absolute;\r\n    left:40px; right:40px; bottom:0;\r\n    height:1px;\r\n    background:linear-gradient(90deg, transparent, rgba(220,172,112,.22) 20%, rgba(220,172,112,.22) 80%, transparent);\r\n  }\r\n\r\n  #hdy-page nav.main-nav > ul > li > a::before{\r\n    content:\"\";\r\n    position:absolute;\r\n    left:0; right:0; bottom:0;\r\n    height:1px;\r\n    background:var(--gold);\r\n    transform:scaleX(0);\r\n    transform-origin:left;\r\n    transition:transform .25s ease;\r\n  }\r\n  #hdy-page nav.main-nav > ul > li > a:hover::before,\r\n  #hdy-page nav.main-nav > ul > li.has-dropdown:hover > a::before{\r\n    transform:scaleX(1);\r\n  }\r\n  #hdy-page nav.main-nav > ul > li.has-dropdown:hover > a{ color:var(--gold-light); }\r\n\r\n  \/* small pointer notch on dropdown cards *\/\r\n  #hdy-page .dropdown-panel-inner{ position:relative; }\r\n  #hdy-page .dropdown-panel-inner::before{\r\n    content:\"\";\r\n    position:absolute;\r\n    top:-6px; left:50%;\r\n    width:10px; height:10px;\r\n    background:var(--bg-dark-2);\r\n    border-left:1px solid rgba(255,255,255,.08);\r\n    border-top:1px solid rgba(255,255,255,.08);\r\n    transform:translateX(-50%) rotate(45deg);\r\n  }\r\n  #hdy-page .dropdown-panel{\r\n    transform:translate(-50%, 6px);\r\n    transition:opacity .2s ease, visibility .2s ease, transform .2s ease;\r\n  }\r\n  #hdy-page nav.main-nav li.has-dropdown:hover .dropdown-panel{\r\n    transform:translate(-50%, 0);\r\n  }\r\n\r\n  \/* ---------- Products mega menu ---------- *\/\r\n  #hdy-page .dropdown-panel.mega{ width:620px; min-width:0; }\r\n  #hdy-page .dropdown-panel.mega .dropdown-panel-inner{ padding:0; }\r\n\r\n  #hdy-page .mega-head{\r\n    display:flex;\r\n    align-items:center;\r\n    justify-content:space-between;\r\n    padding:18px 22px 12px;\r\n  }\r\n  #hdy-page .mega-eyebrow{\r\n    font-size:10.5px;\r\n    font-weight:600;\r\n    letter-spacing:1.8px;\r\n    text-transform:uppercase;\r\n    color:var(--gold);\r\n  }\r\n\r\n  #hdy-page .mega-grid{\r\n    display:grid;\r\n    grid-template-columns:1fr 1fr;\r\n    gap:2px 6px;\r\n    padding:0 10px 10px;\r\n  }\r\n  #hdy-page nav.main-nav .mega-link{\r\n    display:flex;\r\n    align-items:center;\r\n    gap:14px;\r\n    padding:11px 12px;\r\n    border-radius:8px;\r\n    transition:background .15s ease;\r\n    white-space:normal;\r\n  }\r\n  #hdy-page nav.main-nav .mega-link:hover{ background:rgba(220,172,112,.09); }\r\n  #hdy-page .mega-thumb{\r\n    flex:0 0 52px;\r\n    width:52px; height:52px;\r\n    border-radius:8px;\r\n    overflow:hidden;\r\n    background:var(--sw, #241a15);\r\n    border:1px solid rgba(255,255,255,.1);\r\n    display:flex; align-items:center; justify-content:center;\r\n  }\r\n  #hdy-page .mega-thumb img{\r\n    width:100%; height:100%;\r\n    object-fit:cover;\r\n    transition:transform .3s ease;\r\n  }\r\n  #hdy-page .mega-link:hover .mega-thumb{ border-color:rgba(220,172,112,.55); }\r\n  #hdy-page .mega-link:hover .mega-thumb img{ transform:scale(1.06); }\r\n  #hdy-page .mega-icon{ background:rgba(220,172,112,.08); border-color:rgba(220,172,112,.25); }\r\n  #hdy-page .mega-icon svg{\r\n    width:24px; height:24px;\r\n    fill:none; stroke:var(--gold); stroke-width:1.5;\r\n    stroke-linecap:round; stroke-linejoin:round;\r\n  }\r\n  #hdy-page .dropdown-panel.mega-sm{ width:340px; }\r\n  #hdy-page .mega-sm .mega-grid{ grid-template-columns:1fr; }\r\n  #hdy-page .mega-text{ display:flex; flex-direction:column; gap:2px; min-width:0; }\r\n  #hdy-page .mega-title{ font-size:13.5px; font-weight:600; color:var(--text-white); }\r\n  #hdy-page .mega-link:hover .mega-title{ color:var(--gold-light); }\r\n  #hdy-page .mega-desc{ font-size:11.5px; color:var(--text-muted); line-height:1.35; }\r\n\r\n  #hdy-page .mega-foot{\r\n    display:flex;\r\n    align-items:center;\r\n    justify-content:space-between;\r\n    gap:12px;\r\n    padding:14px 22px;\r\n    border-top:1px solid rgba(255,255,255,.07);\r\n    background:rgba(0,0,0,.18);\r\n    border-radius:0 0 12px 12px;\r\n    font-size:12px;\r\n    color:var(--text-muted);\r\n  }\r\n  #hdy-page nav.main-nav .mega-foot a{ font-size:12px; font-weight:600; color:var(--gold-light); padding:0; }\r\n  #hdy-page nav.main-nav .mega-foot a:hover{ color:#fff; }\r\n\r\n  #hdy-page .header-actions{\r\n    display:flex;\r\n    align-items:center;\r\n    gap:22px;\r\n  }\r\n\r\n  #hdy-page .icon-btn{\r\n    display:inline-flex;\r\n    align-items:center;\r\n    justify-content:center;\r\n    width:17px;\r\n    height:17px;\r\n    background:none;\r\n    border:none;\r\n    padding:0;\r\n    cursor:pointer;\r\n  }\r\n\r\n  #hdy-page .icon-btn img{\r\n    width:17px;\r\n    height:17px;\r\n    opacity:.95;\r\n  }\r\n\r\n  #hdy-page .btn-quote{\r\n    display:inline-flex;\r\n    align-items:center;\r\n    gap:8px;\r\n    background:linear-gradient(180deg, var(--gold-light), var(--gold));\r\n    color:#241a10;\r\n    font-weight:600;\r\n    font-size:12.5px;\r\n    padding:9px 18px;\r\n    border-radius:30px;\r\n    white-space:nowrap;\r\n    box-shadow:0 8px 20px rgba(220,172,112,.25);\r\n    transition:transform .2s ease, box-shadow .2s ease;\r\n  }\r\n\r\n  #hdy-page .btn-quote:hover{\r\n    transform:translateY(-1px);\r\n    box-shadow:0 10px 24px rgba(220,172,112,.35);\r\n  }\r\n\r\n  #hdy-page .lang-select{\r\n    display:flex;\r\n    align-items:center;\r\n    gap:5px;\r\n    font-size:12.5px;\r\n    font-weight:500;\r\n    cursor:pointer;\r\n  }\r\n\r\n  #hdy-page .lang-select::after{\r\n    content:\"\u25be\";\r\n    font-size:11px;\r\n    color:var(--text-muted);\r\n    margin-left:2px;\r\n  }\r\n\r\n  #hdy-page .menu-toggle{\r\n    display:none;\r\n    background:none;\r\n    border:none;\r\n    padding:0;\r\n    cursor:pointer;\r\n    width:26px;\r\n    height:26px;\r\n  }\r\n\r\n  #hdy-page .menu-toggle img{\r\n    width:24px;\r\n    height:24px;\r\n  }\r\n\r\n  \/* ---------- RESPONSIVE ---------- *\/\r\n  @media (max-width: 1100px){\r\n    #hdy-page nav.main-nav > ul{ gap:20px; }\r\n    #hdy-page .dropdown-panel.mega{ width:560px; }\r\n    #hdy-page .dropdown-panel.mega-sm{ width:340px; }\r\n    #hdy-page nav.main-nav a{ font-size:12.5px; }\r\n    #hdy-page .container{ padding:0 24px; }\r\n  }\r\n\r\n  \/* drawer parts are mobile-only *\/\r\n  #hdy-page .drawer-head,\r\n  #hdy-page .drawer-foot,\r\n  #hdy-page .nav-backdrop{ display:none; }\r\n\r\n  @media (max-width: 900px){\r\n    #hdy-page .menu-toggle{ display:flex; align-items:center; justify-content:center; }\r\n    #hdy-page .header-actions .lang-select{ display:none; }\r\n    #hdy-page header::after{ left:20px; right:20px; }\r\n\r\n    \/* ---------- Side drawer ---------- *\/\r\n    #hdy-page nav.main-nav{\r\n      display:flex;\r\n      flex-direction:column;\r\n      position:fixed;\r\n      top:0; right:0; bottom:0;\r\n      width:min(86vw, 360px);\r\n      background:var(--bg-dark-2);\r\n      border-left:1px solid rgba(220,172,112,.15);\r\n      box-shadow:-20px 0 50px rgba(0,0,0,.55);\r\n      z-index:1001;\r\n      transform:translateX(100%);\r\n      visibility:hidden;\r\n      transition:transform .32s cubic-bezier(.2,.8,.2,1), visibility .32s;\r\n    }\r\n    #hdy-page header.nav-open nav.main-nav{ transform:translateX(0); visibility:visible; }\r\n\r\n    #hdy-page .nav-backdrop{\r\n      display:block;\r\n      position:fixed; inset:0;\r\n      background:rgba(8,6,5,.6);\r\n      backdrop-filter:blur(2px);\r\n      z-index:1000;\r\n      opacity:0; visibility:hidden;\r\n      transition:opacity .3s ease, visibility .3s;\r\n    }\r\n    #hdy-page header.nav-open .nav-backdrop{ opacity:1; visibility:visible; }\r\n\r\n    #hdy-page .drawer-head{\r\n      display:flex;\r\n      align-items:center;\r\n      justify-content:space-between;\r\n      padding:18px 20px;\r\n      border-bottom:1px solid rgba(255,255,255,.07);\r\n      flex-shrink:0;\r\n    }\r\n    #hdy-page nav.main-nav .drawer-head a{ padding:0; }\r\n    #hdy-page nav.main-nav .drawer-head a::before{ display:none; }\r\n    #hdy-page .drawer-head img{ height:30px; width:auto; }\r\n    #hdy-page .drawer-close{\r\n      width:36px; height:36px;\r\n      border-radius:50%;\r\n      border:1px solid rgba(255,255,255,.14);\r\n      background:none;\r\n      color:#fff;\r\n      font-size:20px; line-height:1;\r\n      cursor:pointer;\r\n      display:flex; align-items:center; justify-content:center;\r\n    }\r\n    #hdy-page .drawer-close:hover{ border-color:var(--gold); color:var(--gold-light); }\r\n\r\n    #hdy-page nav.main-nav > ul{\r\n      flex:1;\r\n      overflow-y:auto;\r\n      flex-direction:column;\r\n      align-items:stretch;\r\n      gap:0;\r\n      padding:8px 0;\r\n    }\r\n    #hdy-page nav.main-nav > ul > li{ border-bottom:1px solid rgba(255,255,255,.06); }\r\n    #hdy-page nav.main-nav > ul > li > a{\r\n      display:flex;\r\n      align-items:center;\r\n      justify-content:space-between;\r\n      width:100%;\r\n      padding:16px 20px;\r\n      font-size:15px;\r\n    }\r\n    #hdy-page nav.main-nav > ul > li > a::before,\r\n    #hdy-page nav.main-nav li.active a::after{ display:none; }\r\n    #hdy-page nav.main-nav .dropdown-trigger .caret{ font-size:11px; }\r\n\r\n    \/* accordion submenus *\/\r\n    #hdy-page nav.main-nav .dropdown-panel,\r\n    #hdy-page nav.main-nav .dropdown-panel.mega,\r\n    #hdy-page nav.main-nav .dropdown-panel.mega-sm,\r\n    #hdy-page nav.main-nav li.has-dropdown:hover .dropdown-panel{\r\n      position:static;\r\n      width:auto;\r\n      transform:none;\r\n      padding:0;\r\n      opacity:1;\r\n      visibility:visible;\r\n      pointer-events:auto;\r\n      max-height:0;\r\n      overflow:hidden;\r\n      transition:max-height .3s ease;\r\n    }\r\n    #hdy-page nav.main-nav li.has-dropdown.mobile-open .dropdown-panel{ max-height:1000px; }\r\n    #hdy-page nav.main-nav .dropdown-panel-inner{\r\n      background:rgba(0,0,0,.18);\r\n      border:none; border-radius:0;\r\n      box-shadow:none;\r\n      padding:6px 0 10px;\r\n    }\r\n    #hdy-page nav.main-nav .dropdown-panel-inner::before,\r\n    #hdy-page nav.main-nav .mega-head{ display:none; }\r\n    #hdy-page nav.main-nav .mega-grid{ grid-template-columns:1fr; gap:0; padding:0 8px; }\r\n    #hdy-page nav.main-nav .mega-link{ padding:9px 12px; gap:12px; }\r\n    #hdy-page nav.main-nav .mega-thumb{ flex-basis:42px; width:42px; height:42px; }\r\n    #hdy-page nav.main-nav .mega-icon svg{ width:20px; height:20px; }\r\n    #hdy-page nav.main-nav .mega-title{ font-size:14px; }\r\n    #hdy-page nav.main-nav .mega-desc{ font-size:11.5px; }\r\n    #hdy-page nav.main-nav .mega-foot{\r\n      background:none; border-top:0; border-radius:0;\r\n      padding:8px 20px 4px;\r\n      flex-wrap:wrap; justify-content:flex-start; gap:4px 10px;\r\n    }\r\n\r\n    #hdy-page .drawer-foot{\r\n      display:flex;\r\n      flex-direction:column;\r\n      gap:10px;\r\n      padding:18px 20px 24px;\r\n      border-top:1px solid rgba(255,255,255,.07);\r\n      flex-shrink:0;\r\n    }\r\n    #hdy-page nav.main-nav .drawer-foot a{\r\n      display:flex; align-items:center; justify-content:center; gap:8px;\r\n      width:100%;\r\n      padding:13px 18px;\r\n      border-radius:30px;\r\n      font-size:14px; font-weight:600;\r\n    }\r\n    #hdy-page nav.main-nav .drawer-foot a::before{ display:none; }\r\n    #hdy-page nav.main-nav .drawer-foot .drawer-cta{\r\n      background:linear-gradient(180deg, var(--gold-light), var(--gold));\r\n      color:#241a10;\r\n    }\r\n    #hdy-page nav.main-nav .drawer-foot .drawer-wa{\r\n      border:1px solid rgba(255,255,255,.18);\r\n      color:#fff;\r\n    }\r\n    #hdy-page nav.main-nav .drawer-foot .drawer-wa:hover{ border-color:var(--gold); color:var(--gold-light); }\r\n  }\r\n\r\n  @media (max-width: 1024px){\r\n    #hdy-page .container{ padding:0 20px; }\r\n    #hdy-page .logo img{ height:32px; }\r\n    #hdy-page header{ padding:16px 0; }\r\n  }\r\n\r\n  \/* ---------- ABOUT HERO ---------- *\/\r\n  #hdy-aboutus-hero{ position:relative; background:var(--bg-dark); overflow:hidden; }\r\n\r\n  #hdy-aboutus-hero .ah-photo{ position:absolute; inset:0; z-index:0; }\r\n  #hdy-aboutus-hero .ah-photo img{ width:100%; height:100%; object-fit:cover; object-position:100% center; }\r\n  #hdy-aboutus-hero .ah-overlay{ position:absolute; inset:0; background:linear-gradient(90deg, var(--bg-dark) 0%, var(--bg-dark) 22%, rgba(18,13,10,.82) 42%, rgba(18,13,10,.35) 65%, rgba(18,13,10,.15) 100%); }\r\n\r\n  #hdy-aboutus-hero .ah-inner{\r\n    position:relative; z-index:2; max-width:1440px; margin:0 auto;\r\n    padding:clamp(120px, 14vw, 170px) clamp(24px, 6vw, 90px) clamp(60px, 8vw, 100px);\r\n    min-height:clamp(460px, 56vw, 640px);\r\n    display:flex; flex-direction:column; justify-content:center;\r\n  }\r\n\r\n  #hdy-aboutus-hero .ah-content{ max-width:560px; }\r\n\r\n  #hdy-aboutus-hero .ah-eyebrow{\r\n    display:flex; align-items:center; gap:12px;\r\n    font-size:13px; font-weight:700; letter-spacing:.22em; text-transform:uppercase;\r\n    color:var(--gold-light); margin-bottom:clamp(18px, 2.2vw, 26px);\r\n  }\r\n  #hdy-aboutus-hero .ah-eyebrow::before{ content:\"\"; width:28px; height:1px; background:var(--gold); display:inline-block; }\r\n\r\n  #hdy-aboutus-hero .ah-heading{\r\n    font-family:var(--font-heading); font-weight:600;\r\n    font-size:clamp(36px, 4.6vw, 62px); line-height:1.12;\r\n    color:var(--text-white); margin:0 0 clamp(18px, 2.2vw, 26px);\r\n    text-shadow:0 3px 18px rgba(0,0,0,.5);\r\n  }\r\n\r\n  #hdy-aboutus-hero .ah-sub{\r\n    font-size:clamp(14px, 1.1vw, 16.5px); line-height:1.65;\r\n    color:var(--text-muted); max-width:42ch; margin:0;\r\n  }\r\n\r\n  #hdy-aboutus-hero .ah-tagline{\r\n    position:absolute; z-index:2; right:clamp(24px, 5vw, 70px); bottom:clamp(28px, 4vw, 54px);\r\n    text-align:right;\r\n  }\r\n  #hdy-aboutus-hero .ah-tagline p{\r\n    font-family:var(--font-script); font-size:clamp(22px, 2.4vw, 32px);\r\n    line-height:1.2; color:var(--gold-light);\r\n    text-shadow:0 2px 14px rgba(0,0,0,.5);\r\n  }\r\n  #hdy-aboutus-hero .ah-tagline::before{\r\n    content:\"\"; display:block; width:34px; height:2px; background:var(--gold);\r\n    margin:0 0 10px auto;\r\n  }\r\n\r\n  @media (max-width: 1024px){\r\n    #hdy-aboutus-hero .ah-photo{ position:relative; height:clamp(340px, 60vw, 520px); }\r\n    #hdy-aboutus-hero .ah-overlay{ display:none; }\r\n    #hdy-aboutus-hero .ah-inner{ position:static; min-height:0; padding:34px 20px 44px; display:block; background:var(--bg-dark); }\r\n    #hdy-aboutus-hero .ah-content{ max-width:none; }\r\n    #hdy-aboutus-hero .ah-heading{ font-size:38px; text-shadow:none; }\r\n    #hdy-aboutus-hero .ah-sub{ text-shadow:none; }\r\n    #hdy-aboutus-hero .ah-tagline{ position:static; text-align:left; margin-top:28px; }\r\n    #hdy-aboutus-hero .ah-tagline::before{ margin:0 0 10px 0; }\r\n  }\r\n<\/style>\r\n\r\n<div id=\"hdy-page\">\r\n\r\n<!--<header id=\"siteHeader\">-->\r\n<!--  <div class=\"container header-inner\">-->\r\n<!--    <a href=\"\/\" class=\"logo\">-->\r\n<!--      <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/09\/ChatGPT_Image_Sep_15__2026__12_01_58_PM-removebg-preview-1-1.png\" alt=\"Hairdey \u2014 Hair Color Chart Manufacturer\">-->\r\n<!--    <\/a>-->\r\n\r\n<!--    <nav class=\"main-nav\" id=\"mainNav\" aria-label=\"Main menu\">-->\r\n<!--      <div class=\"drawer-head\">-->\r\n<!--        <a href=\"\/\" class=\"drawer-logo\">-->\r\n<!--          <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/09\/ChatGPT_Image_Sep_15__2026__12_01_58_PM-removebg-preview-1-1.png\" alt=\"Hairdey\">-->\r\n<!--        <\/a>-->\r\n<!--        <button class=\"drawer-close\" id=\"menuClose\" aria-label=\"Close menu\">&times;<\/button>-->\r\n<!--      <\/div>-->\r\n<!--      <ul>-->\r\n<!--        <li class=\"has-dropdown\">-->\r\n<!--          <a href=\"\/shop\/\" class=\"dropdown-trigger\">-->\r\n<!--            Products <span class=\"caret\" aria-hidden=\"true\">&#9662;<\/span>-->\r\n<!--          <\/a>-->\r\n<!--          <div class=\"dropdown-panel mega\">-->\r\n<!--            <div class=\"dropdown-panel-inner\">-->\r\n<!--              <div class=\"mega-head\">-->\r\n<!--                <span class=\"mega-eyebrow\">Hair Color Chart Styles<\/span>-->\r\n<!--              <\/div>-->\r\n<!--              <div class=\"mega-grid\">-->\r\n<!--                  <a href=\"\/product-category\/accordion-hair-color-chart\/\" class=\"mega-link\" data-slug=\"accordion-hair-color-chart\" data-alt=\"accordian-catalogue\">-->\r\n<!--                    <span class=\"mega-thumb\" style=\"--sw:linear-gradient(135deg,#3b2418,#8a4b2a,#d99a5b)\" aria-hidden=\"true\"><\/span>-->\r\n<!--                    <span class=\"mega-text\">-->\r\n<!--                      <span class=\"mega-title\">Accordion<\/span>-->\r\n<!--                      <span class=\"mega-desc\">Creative. Compact. Impactful.<\/span>-->\r\n<!--                    <\/span>-->\r\n<!--                  <\/a>-->\r\n<!--                  <a href=\"\/product-category\/book-style-hair-color-chart\/\" class=\"mega-link\" data-slug=\"book-style-hair-color-chart\" data-alt=\"book-style-catalogue\">-->\r\n<!--                    <span class=\"mega-thumb\" style=\"--sw:linear-gradient(135deg,#1c1411,#5a3a2a,#b07a4f)\" aria-hidden=\"true\"><\/span>-->\r\n<!--                    <span class=\"mega-text\">-->\r\n<!--                      <span class=\"mega-title\">Book Style<\/span>-->\r\n<!--                      <span class=\"mega-desc\">Elegant. Premium. Impressive.<\/span>-->\r\n<!--                    <\/span>-->\r\n<!--                  <\/a>-->\r\n<!--                  <a href=\"\/product-category\/circular-hair-color-chart\/\" class=\"mega-link\" data-slug=\"circular-hair-color-chart\" data-alt=\"circular-design\">-->\r\n<!--                    <span class=\"mega-thumb\" style=\"--sw:linear-gradient(135deg,#5e1f2b,#a33b3b,#e08a5b)\" aria-hidden=\"true\"><\/span>-->\r\n<!--                    <span class=\"mega-text\">-->\r\n<!--                      <span class=\"mega-title\">Circular<\/span>-->\r\n<!--                      <span class=\"mega-desc\">Unique. Eye-catching. Modern.<\/span>-->\r\n<!--                    <\/span>-->\r\n<!--                  <\/a>-->\r\n<!--                  <a href=\"\/product-category\/display-box-hair-color-chart\/\" class=\"mega-link\" data-slug=\"display-box-hair-color-chart\" data-alt=\"display-box-set\">-->\r\n<!--                    <span class=\"mega-thumb\" style=\"--sw:linear-gradient(135deg,#2b1d14,#7a5236,#e4c08c)\" aria-hidden=\"true\"><\/span>-->\r\n<!--                    <span class=\"mega-text\">-->\r\n<!--                      <span class=\"mega-title\">Display Box<\/span>-->\r\n<!--                      <span class=\"mega-desc\">Luxury. Complete. Memorable.<\/span>-->\r\n<!--                    <\/span>-->\r\n<!--                  <\/a>-->\r\n<!--                  <a href=\"\/product-category\/fold-out-hair-color-chart\/\" class=\"mega-link\" data-slug=\"fold-out-hair-color-chart\" data-alt=\"fold-out-catalouge\">-->\r\n<!--                    <span class=\"mega-thumb\" style=\"--sw:linear-gradient(135deg,#4a3322,#9c6b43,#f0cf9c)\" aria-hidden=\"true\"><\/span>-->\r\n<!--                    <span class=\"mega-text\">-->\r\n<!--                      <span class=\"mega-title\">Fold-Out<\/span>-->\r\n<!--                      <span class=\"mega-desc\">Timeless. Practical. Portable.<\/span>-->\r\n<!--                    <\/span>-->\r\n<!--                  <\/a>-->\r\n<!--                  <a href=\"\/product-category\/ring-fan-hair-color-chart\/\" class=\"mega-link\" data-slug=\"ring-fan-hair-color-chart\">-->\r\n<!--                    <span class=\"mega-thumb\" style=\"--sw:linear-gradient(135deg,#3d1f3a,#8b3d5e,#d9828a)\" aria-hidden=\"true\"><\/span>-->\r\n<!--                    <span class=\"mega-text\">-->\r\n<!--                      <span class=\"mega-title\">Ring &amp; Fan<\/span>-->\r\n<!--                      <span class=\"mega-desc\">Flip through every shade.<\/span>-->\r\n<!--                    <\/span>-->\r\n<!--                  <\/a>-->\r\n<!--                  <a href=\"\/product-category\/strip-hair-color-chart\/\" class=\"mega-link\" data-slug=\"strip-hair-color-chart\">-->\r\n<!--                    <span class=\"mega-thumb\" style=\"--sw:linear-gradient(135deg,#23262b,#6b6f76,#c9ccd1)\" aria-hidden=\"true\"><\/span>-->\r\n<!--                    <span class=\"mega-text\">-->\r\n<!--                      <span class=\"mega-title\">Strip<\/span>-->\r\n<!--                      <span class=\"mega-desc\">Slim, light, easy to display.<\/span>-->\r\n<!--                    <\/span>-->\r\n<!--                  <\/a>-->\r\n<!--                  <a href=\"\/product-category\/custom-hair-color-chart\/\" class=\"mega-link\" data-slug=\"custom-hair-color-chart\" data-alt=\"custom-concepts\">-->\r\n<!--                    <span class=\"mega-thumb\" style=\"--sw:linear-gradient(135deg,#6d4a1f,#dcac70,#f6e3c1)\" aria-hidden=\"true\"><\/span>-->\r\n<!--                    <span class=\"mega-text\">-->\r\n<!--                      <span class=\"mega-title\">Custom Concepts<\/span>-->\r\n<!--                      <span class=\"mega-desc\">Your idea. Our expertise.<\/span>-->\r\n<!--                    <\/span>-->\r\n<!--                  <\/a>-->\r\n<!--              <\/div>-->\r\n<!--              <div class=\"mega-foot\">-->\r\n<!--                <span>Not sure which format fits your range?<\/span>-->\r\n<!--                <a href=\"\/contact-us\">Talk to our team <span>&rarr;<\/span><\/a>-->\r\n<!--              <\/div>-->\r\n<!--            <\/div>-->\r\n<!--          <\/div>-->\r\n<!--        <\/li>-->\r\n<!--        <li class=\"has-dropdown\">-->\r\n<!--          <a href=\"\/services\/\" class=\"dropdown-trigger\">-->\r\n<!--            Services <span class=\"caret\" aria-hidden=\"true\">&#9662;<\/span>-->\r\n<!--          <\/a>-->\r\n<!--          <div class=\"dropdown-panel mega mega-sm\">-->\r\n<!--            <div class=\"dropdown-panel-inner\">-->\r\n<!--              <div class=\"mega-head\">-->\r\n<!--                <span class=\"mega-eyebrow\">How We Work With You<\/span>-->\r\n<!--              <\/div>-->\r\n<!--              <div class=\"mega-grid\">-->\r\n<!--                <a href=\"\/services\/\" class=\"mega-link\">-->\r\n<!--                  <span class=\"mega-thumb mega-icon\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\"><rect x=\"3.5\" y=\"3.5\" width=\"7\" height=\"7\" rx=\"1.5\"\/><rect x=\"13.5\" y=\"3.5\" width=\"7\" height=\"7\" rx=\"1.5\"\/><rect x=\"3.5\" y=\"13.5\" width=\"7\" height=\"7\" rx=\"1.5\"\/><rect x=\"13.5\" y=\"13.5\" width=\"7\" height=\"7\" rx=\"1.5\"\/><\/svg><\/span>-->\r\n<!--                  <span class=\"mega-text\">-->\r\n<!--                    <span class=\"mega-title\">All Services<\/span>-->\r\n<!--                    <span class=\"mega-desc\">See both manufacturing paths.<\/span>-->\r\n<!--                  <\/span>-->\r\n<!--                <\/a>-->\r\n<!--                <a href=\"\/services\/oem-hair-color-chart-manufacturer\/\" class=\"mega-link\">-->\r\n<!--                  <span class=\"mega-thumb mega-icon\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\"><path d=\"M3 20.5V10l5 3V10l5 3V10l5 3V4.5h3v16z\"\/><path d=\"M7 17h2M11.5 17h2M16 17h2\"\/><\/svg><\/span>-->\r\n<!--                  <span class=\"mega-text\">-->\r\n<!--                    <span class=\"mega-title\">OEM Manufacturing<\/span>-->\r\n<!--                    <span class=\"mega-desc\">Send your spec, we build it.<\/span>-->\r\n<!--                  <\/span>-->\r\n<!--                <\/a>-->\r\n<!--                <a href=\"\/services\/odm-hair-color-chart-manufacturer\/\" class=\"mega-link\">-->\r\n<!--                  <span class=\"mega-thumb mega-icon\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\"><path d=\"M4 20l1-4L16 5l3 3L8 19z\"\/><path d=\"M14 7l3 3\"\/><path d=\"M4 20h16\"\/><\/svg><\/span>-->\r\n<!--                  <span class=\"mega-text\">-->\r\n<!--                    <span class=\"mega-title\">ODM Design &amp; Manufacturing<\/span>-->\r\n<!--                    <span class=\"mega-desc\">Bring an idea, we design and build it.<\/span>-->\r\n<!--                  <\/span>-->\r\n<!--                <\/a>-->\r\n<!--              <\/div>-->\r\n<!--              <div class=\"mega-foot\">-->\r\n<!--                <span>Have a project in mind?<\/span>-->\r\n<!--                <a href=\"\/contact-us\">Get a quote <span>&rarr;<\/span><\/a>-->\r\n<!--              <\/div>-->\r\n<!--            <\/div>-->\r\n<!--          <\/div>-->\r\n<!--        <\/li>-->\r\n<!--        <li class=\"active\"><a href=\"\/about-us\">About Us<\/a><\/li>-->\r\n<!--        <li><a href=\"#\">Blog<\/a><\/li>-->\r\n<!--        <li><a href=\"\/contact-us\">Contact<\/a><\/li>-->\r\n<!--      <\/ul>-->\r\n<!--      <div class=\"drawer-foot\">-->\r\n<!--        <a href=\"\/contact-us\" class=\"drawer-cta\">Request a Quote <span>&rarr;<\/span><\/a>-->\r\n<!--        <a href=\"https:\/\/wa.me\/8618458000092\" class=\"drawer-wa\" target=\"_blank\" rel=\"noopener\">Chat on WhatsApp<\/a>-->\r\n<!--      <\/div>-->\r\n<!--    <\/nav>-->\r\n<!--    <div class=\"nav-backdrop\" id=\"navBackdrop\"><\/div>-->\r\n\r\n<!--    <div class=\"header-actions\">-->\r\n<!--      <button class=\"icon-btn\" aria-label=\"Search\">-->\r\n<!--        <img decoding=\"async\" src=\"https:\/\/img.icons8.com\/ios\/100\/ffffff\/search--v1.png\" alt=\"Search\">-->\r\n<!--      <\/button>-->\r\n<!--      <a href=\"\/contact-us\" class=\"btn-quote\">Get a Quote <span>&rarr;<\/span><\/a>-->\r\n<!--      <div class=\"lang-select\">EN<\/div>-->\r\n<!--      <button class=\"menu-toggle\" id=\"menuToggle\" aria-label=\"Menu\">-->\r\n<!--        <img decoding=\"async\" src=\"https:\/\/img.icons8.com\/material-outlined\/100\/ffffff\/menu.png\" alt=\"Menu\">-->\r\n<!--      <\/button>-->\r\n<!--    <\/div>-->\r\n<!--  <\/div>-->\r\n<!--<\/header>-->\r\n\r\n<section id=\"hdy-aboutus-hero\">\r\n  <div class=\"ah-photo\">\r\n    <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-Sep-17-2026-11_46_27-AM.png\" alt=\"Hairdey \u2014 hair color swatch selection\">\r\n  <\/div>\r\n  <div class=\"ah-overlay\"><\/div>\r\n\r\n  <div class=\"ah-inner\">\r\n    <div class=\"ah-content\">\r\n      <p class=\"ah-eyebrow\">About Us<\/p>\r\n      <h2 class=\"ah-heading\">Driven by Color. Defined<br>by People.<\/h2>\r\n      <p class=\"ah-sub\">We are HAIRDEY \u2014 a global manufacturer of premium hair color charts and presentation solutions, helping hair color brands bring their vision to life.<\/p>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<\/div>\r\n\r\n<script>\r\n  (function(){\r\n    const header   = document.getElementById('siteHeader');\r\n    const toggle   = document.getElementById('menuToggle');\r\n    const closeBtn = document.getElementById('menuClose');\r\n    const backdrop = document.getElementById('navBackdrop');\r\n    const isMobile = () => window.matchMedia('(max-width: 900px)').matches;\r\n\r\n    \/\/ ---------- Side drawer ----------\r\n    function openMenu(){\r\n      header.classList.add('nav-open');\r\n      document.documentElement.style.overflow = 'hidden';\r\n    }\r\n    function closeMenu(){\r\n      header.classList.remove('nav-open');\r\n      document.documentElement.style.overflow = '';\r\n    }\r\n    if (header && toggle) toggle.addEventListener('click', openMenu);\r\n    if (closeBtn) closeBtn.addEventListener('click', closeMenu);\r\n    if (backdrop) backdrop.addEventListener('click', closeMenu);\r\n    document.addEventListener('keydown', (e) => { if (e.key === 'Escape') closeMenu(); });\r\n    window.addEventListener('resize', () => { if (!isMobile()) closeMenu(); });\r\n\r\n    \/\/ Submenus: hover on desktop (CSS). In the drawer, tapping Products \/\r\n    \/\/ Services expands it like an accordion (one open at a time).\r\n    document.querySelectorAll('#hdy-page li.has-dropdown > .dropdown-trigger').forEach((link) => {\r\n      link.addEventListener('click', (e) => {\r\n        if (!isMobile()) return;\r\n        e.preventDefault();\r\n        const item = link.parentElement;\r\n        const wasOpen = item.classList.contains('mobile-open');\r\n        document.querySelectorAll('#hdy-page li.has-dropdown.mobile-open').forEach((li) => li.classList.remove('mobile-open'));\r\n        if (!wasOpen) item.classList.add('mobile-open');\r\n      });\r\n    });\r\n\r\n    \/\/ ---------- Category images ----------\r\n    \/\/ 1) If a link has data-img=\"https:\/\/...\" that image is used.\r\n    \/\/ 2) Otherwise the category's WooCommerce \"Thumbnail\" is fetched and\r\n    \/\/    matched by slug, link URL or category name.\r\n    const catLinks = Array.from(document.querySelectorAll('#hdy-page .mega-link[data-slug]'));\r\n    const norm = (t) => (t || '').toLowerCase().replace(\/&amp;|&\/g, 'and').replace(\/[^a-z0-9]\/g, '');\r\n\r\n    function setImg(link, src, alt){\r\n      const box = link.querySelector('.mega-thumb');\r\n      if (!box || !src || box.querySelector('img')) return;\r\n      const img = document.createElement('img');\r\n      img.src = src;\r\n      img.alt = alt || '';\r\n      img.loading = 'lazy';\r\n      box.appendChild(img);\r\n    }\r\n\r\n    catLinks.forEach((l) => { if (l.dataset.img) setImg(l, l.dataset.img, l.textContent.trim()); });\r\n\r\n    const needed = catLinks.filter((l) => !l.dataset.img);\r\n    if (needed.length && window.fetch) {\r\n      const endpoints = [\r\n        '\/wp-json\/wc\/store\/v1\/products\/categories?per_page=100&hide_empty=false',\r\n        '\/?rest_route=\/wc\/store\/v1\/products\/categories&per_page=100&hide_empty=false',\r\n        '\/wp-json\/wc\/store\/products\/categories?per_page=100&hide_empty=false'\r\n      ];\r\n      const tryFetch = (i) => {\r\n        if (i >= endpoints.length) { console.warn('[Hairdey menu] Could not load WooCommerce categories.'); return; }\r\n        fetch(endpoints[i], { credentials: 'same-origin' })\r\n          .then((r) => { if (!r.ok) throw new Error(r.status); return r.json(); })\r\n          .then((cats) => {\r\n            if (!Array.isArray(cats)) throw new Error('bad response');\r\n            needed.forEach((link) => {\r\n              const title = link.querySelector('.mega-title');\r\n              const slug  = link.dataset.slug;\r\n              const path  = new URL(link.href, location.origin).pathname.replace(\/\\\/+$\/, '');\r\n              const alt   = link.dataset.alt;\r\n              const cat = cats.find((c) => c.slug === slug || (alt && c.slug === alt))\r\n                || cats.find((c) => c.permalink && new URL(c.permalink, location.origin).pathname.replace(\/\\\/+$\/, '') === path)\r\n                || cats.find((c) => title && norm(c.name).indexOf(norm(title.textContent)) === 0)\r\n                || cats.find((c) => title && norm(c.name).slice(0, 6) === norm(title.textContent).slice(0, 6));\r\n              if (!cat) { console.warn('[Hairdey menu] No WooCommerce category matches', slug); return; }\r\n              if (cat.permalink) link.href = cat.permalink;  \/\/ always point at the real category URL\r\n              if (!cat.image) { console.warn('[Hairdey menu] Category has no thumbnail:', cat.name); return; }\r\n              setImg(link, cat.image.thumbnail || cat.image.src, cat.image.alt || cat.name);\r\n            });\r\n          })\r\n          .catch(() => tryFetch(i + 1));\r\n      };\r\n      tryFetch(0);\r\n    }\r\n  })();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-d452085 e-con e-atomic-element e-flexbox-base e-default-div e-9f6187e \" data-id=\"d452085\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"d452085\" data-e-type=\"e-flexbox\" data-id=\"d452085\">\n    \t\t<div class=\"elementor-element elementor-element-5840909 elementor-widget elementor-widget-html\" data-id=\"5840909\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n  #hdy-story *{ box-sizing:border-box; }\r\n  #hdy-story a{ text-decoration:none; }\r\n\r\n  #hdy-story{\r\n    background:#f2ece7;\r\n    font-family:'Poppins', sans-serif;\r\n    overflow:hidden;\r\n  }\r\n\r\n  #hdy-story .story-container{\r\n    width:100%;\r\n    max-width:1440px;\r\n    margin:0 auto;\r\n    padding:0 40px;\r\n  }\r\n\r\n  #hdy-story .story-grid{\r\n    display:grid;\r\n    grid-template-columns:0.85fr 1.15fr;\r\n    align-items:center;\r\n    gap:clamp(30px, 4vw, 60px);\r\n    padding:clamp(50px, 6vw, 90px) 0;\r\n  }\r\n\r\n  #hdy-story .story-text{\r\n    display:flex;\r\n    flex-direction:column;\r\n    justify-content:center;\r\n    max-width:560px;\r\n  }\r\n\r\n  #hdy-story .story-eyebrow{\r\n    display:flex;\r\n    align-items:center;\r\n    gap:10px;\r\n    font-size:12px;\r\n    font-weight:700;\r\n    letter-spacing:.2em;\r\n    text-transform:uppercase;\r\n    color:#8a6a3f;\r\n    margin-bottom:clamp(14px, 1.6vw, 20px);\r\n  }\r\n\r\n  #hdy-story .story-heading{\r\n    font-family:'Playfair Display', Georgia, serif;\r\n    font-weight:600;\r\n    font-size:clamp(28px, 3.2vw, 44px);\r\n    line-height:1.2;\r\n    color:#241d17;\r\n    margin:0 0 clamp(16px, 2vw, 24px);\r\n  }\r\n\r\n  #hdy-story .story-copy p{\r\n    font-size:clamp(13.5px, 1vw, 15.5px);\r\n    line-height:1.75;\r\n    color:#5c5148;\r\n    margin:0 0 clamp(14px, 1.6vw, 18px);\r\n    max-width:56ch;\r\n  }\r\n\r\n  #hdy-story .story-copy p:last-child{ margin-bottom:0; }\r\n\r\n  #hdy-story .story-btn{\r\n    display:inline-flex;\r\n    align-items:center;\r\n    gap:9px;\r\n    margin-top:clamp(22px, 2.6vw, 32px);\r\n    background:linear-gradient(180deg, #eac68f, #dcac70);\r\n    color:#241a10;\r\n    font-weight:600;\r\n    font-size:14.5px;\r\n    padding:13px 26px;\r\n    border-radius:32px;\r\n    width:fit-content;\r\n    box-shadow:0 10px 22px rgba(220,172,112,.3);\r\n    transition:transform .2s ease, box-shadow .2s ease;\r\n  }\r\n\r\n  #hdy-story .story-btn:hover{\r\n    transform:translateY(-2px);\r\n    box-shadow:0 12px 26px rgba(220,172,112,.4);\r\n  }\r\n\r\n  \/* ---------- IMAGE SIDE (full, uncropped) ---------- *\/\r\n  #hdy-story .story-visual{\r\n    overflow:hidden;\r\n    border-radius:4px;\r\n  }\r\n\r\n  #hdy-story .story-visual img{\r\n    display:block;\r\n    width:100%;\r\n    height:auto;\r\n  }\r\n\r\n  @media (max-width: 1024px){\r\n    #hdy-story .story-container{ padding:0 24px; }\r\n  }\r\n\r\n  @media (max-width: 900px){\r\n    #hdy-story .story-grid{\r\n      grid-template-columns:1fr;\r\n      gap:32px;\r\n    }\r\n    #hdy-story .story-text{\r\n      max-width:none;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 640px){\r\n    #hdy-story .story-container{ padding:0 18px; }\r\n  }\r\n\r\n  @media (max-width: 380px){\r\n    #hdy-story .story-container{ padding:0 14px; }\r\n  }\r\n<\/style>\r\n\r\n<section id=\"hdy-story\">\r\n  <div class=\"story-container\">\r\n    <div class=\"story-grid\">\r\n\r\n      <div class=\"story-text\">\r\n        <p class=\"story-eyebrow\">\r\n          <span style=\"width:24px;height:1px;background:#8a6a3f;display:inline-block;\"><\/span>\r\n          Our Story\r\n        <\/p>\r\n        <h2 class=\"story-heading\">A Simple Belief<br>That Sparked a Global Brand.<\/h2>\r\n        <div class=\"story-copy\">\r\n          <p>HAIRDEY was founded with a simple belief \u2014 hair color deserves a better way to be presented.<\/p>\r\n          <p>What started as a passion for beauty and design has grown into a trusted manufacturing partner for hair color brands, salons and distributors worldwide. With years of experience, we combine craftsmanship, advanced manufacturing and a deep understanding of the industry to create hair color charts and catalogues that inspire, connect and drive growth.<\/p>\r\n        <\/div>\r\n        <a href=\"#\" class=\"story-btn\">Our Journey <span>&rarr;<\/span><\/a>\r\n      <\/div>\r\n\r\n      <div class=\"story-visual\">\r\n        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-Sep-17-2026-12_03_30-PM.png\" alt=\"HAIRDEY \u2014 colors, people, brands, beauty without borders\">\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-20b0b2b e-con e-atomic-element e-flexbox-base e-default-div e-749d8c1 \" data-id=\"20b0b2b\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"20b0b2b\" data-e-type=\"e-flexbox\" data-id=\"20b0b2b\">\n    \t\t<div class=\"elementor-element elementor-element-44a80f8 elementor-widget elementor-widget-html\" data-id=\"44a80f8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n  #hdy-stats-bar *{ box-sizing:border-box; }\r\n\r\n  #hdy-stats-bar{\r\n    background:#fdfcfb;\r\n    border-top:1px solid rgba(0,0,0,.06);\r\n    border-bottom:1px solid rgba(0,0,0,.06);\r\n    font-family:'Poppins', sans-serif;\r\n  }\r\n\r\n  #hdy-stats-bar .stats-container{\r\n    width:100%;\r\n    max-width:1440px;\r\n    margin:0 auto;\r\n    padding:clamp(28px, 3.6vw, 48px) clamp(24px, 6vw, 90px);\r\n  }\r\n\r\n  #hdy-stats-bar .stats-row{\r\n    display:flex;\r\n    align-items:center;\r\n    justify-content:space-between;\r\n    flex-wrap:wrap;\r\n    gap:24px 0;\r\n  }\r\n\r\n  #hdy-stats-bar .stat-item{\r\n    flex:1;\r\n    min-width:150px;\r\n    text-align:center;\r\n    padding:0 clamp(16px, 2.4vw, 36px);\r\n    border-right:1px solid rgba(90,60,45,.18);\r\n  }\r\n\r\n  #hdy-stats-bar .stat-item:last-child{\r\n    border-right:none;\r\n  }\r\n\r\n  #hdy-stats-bar .stat-number{\r\n    font-family:'Playfair Display', Georgia, serif;\r\n    font-weight:600;\r\n    font-size:clamp(30px, 3.4vw, 46px);\r\n    line-height:1.1;\r\n    color:#5c3a2e;\r\n    margin:0 0 clamp(6px, .8vw, 10px);\r\n  }\r\n\r\n  #hdy-stats-bar .stat-label{\r\n    font-size:clamp(12px, 1vw, 14.5px);\r\n    font-weight:400;\r\n    color:#847a72;\r\n    margin:0;\r\n  }\r\n\r\n  @media (max-width: 900px){\r\n    #hdy-stats-bar .stat-item{\r\n      flex:1 1 calc(50% - 1px);\r\n      min-width:140px;\r\n      border-right:none;\r\n      border-bottom:1px solid rgba(90,60,45,.18);\r\n      padding:0 12px 22px;\r\n      margin-bottom:6px;\r\n    }\r\n    #hdy-stats-bar .stat-item:nth-child(2n){\r\n      border-right:none;\r\n    }\r\n    #hdy-stats-bar .stat-item:nth-last-child(-n+2){\r\n      border-bottom:none;\r\n      padding-bottom:0;\r\n      margin-bottom:0;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 500px){\r\n    #hdy-stats-bar .stat-number{ font-size:30px; }\r\n    #hdy-stats-bar .stat-label{ font-size:12px; }\r\n  }\r\n<\/style>\r\n\r\n<section id=\"hdy-stats-bar\">\r\n  <div class=\"stats-container\">\r\n    <div class=\"stats-row\">\r\n      <div class=\"stat-item\">\r\n        <p class=\"stat-number\">9+<\/p>\r\n        <p class=\"stat-label\">Years of Experience<\/p>\r\n      <\/div>\r\n      <div class=\"stat-item\">\r\n        <p class=\"stat-number\">50+<\/p>\r\n        <p class=\"stat-label\">Happy Clients<\/p>\r\n      <\/div>\r\n      <div class=\"stat-item\">\r\n        <p class=\"stat-number\">15+<\/p>\r\n        <p class=\"stat-label\">Countries<\/p>\r\n      <\/div>\r\n      <div class=\"stat-item\">\r\n        <p class=\"stat-number\">300+<\/p>\r\n        <p class=\"stat-label\">Custom Designs<\/p>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-8371a00 e-con e-atomic-element e-flexbox-base e-default-div e-8aa564b \" data-id=\"8371a00\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"8371a00\" data-e-type=\"e-flexbox\" data-id=\"8371a00\">\n    \t\t<div class=\"elementor-element elementor-element-5900479 elementor-widget elementor-widget-html\" data-id=\"5900479\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n  #hdy-expertise *{ box-sizing:border-box; }\r\n  #hdy-expertise a{ text-decoration:none; }\r\n\r\n  #hdy-expertise{\r\n    background:#f2ece7;\r\n    font-family:'Poppins', sans-serif;\r\n  }\r\n\r\n  #hdy-expertise .exp-container{\r\n    width:100%;\r\n    max-width:1440px;\r\n    margin:0 auto;\r\n    padding:0 40px;\r\n  }\r\n\r\n  \/* ---------- TOP: photo + expertise ---------- *\/\r\n  #hdy-expertise .exp-top{\r\n    display:grid;\r\n    grid-template-columns:1fr 1fr;\r\n    align-items:stretch;\r\n    gap:clamp(30px, 4vw, 60px);\r\n    padding:clamp(50px, 6vw, 90px) 0 clamp(40px, 5vw, 64px);\r\n  }\r\n\r\n  #hdy-expertise .exp-photo{\r\n    overflow:hidden;\r\n    border-radius:4px;\r\n  }\r\n\r\n  #hdy-expertise .exp-photo img{\r\n    display:block;\r\n    width:100%;\r\n    height:100%;\r\n    object-fit:cover;\r\n  }\r\n\r\n  #hdy-expertise .exp-text{\r\n    display:flex;\r\n    flex-direction:column;\r\n    justify-content:center;\r\n  }\r\n\r\n  #hdy-expertise .exp-eyebrow{\r\n    display:flex;\r\n    align-items:center;\r\n    gap:10px;\r\n    font-size:12px;\r\n    font-weight:700;\r\n    letter-spacing:.2em;\r\n    text-transform:uppercase;\r\n    color:#8a6a3f;\r\n    margin-bottom:clamp(12px, 1.6vw, 18px);\r\n  }\r\n\r\n  #hdy-expertise .exp-heading{\r\n    font-family:'Playfair Display', Georgia, serif;\r\n    font-weight:600;\r\n    font-size:clamp(26px, 2.8vw, 38px);\r\n    line-height:1.2;\r\n    color:#241d17;\r\n    margin:0 0 clamp(14px, 1.8vw, 20px);\r\n  }\r\n\r\n  #hdy-expertise .exp-sub{\r\n    font-size:clamp(13.5px, 1vw, 15.5px);\r\n    line-height:1.7;\r\n    color:#5c5148;\r\n    max-width:52ch;\r\n    margin:0 0 clamp(28px, 3.2vw, 40px);\r\n  }\r\n\r\n  #hdy-expertise .exp-features{\r\n    display:grid;\r\n    grid-template-columns:repeat(4, 1fr);\r\n    gap:clamp(16px, 2vw, 26px);\r\n  }\r\n\r\n  #hdy-expertise .exp-feat{\r\n    text-align:center;\r\n  }\r\n\r\n  #hdy-expertise .exp-feat .icon-circle{\r\n    width:64px;\r\n    height:64px;\r\n    border-radius:50%;\r\n    border:1px solid rgba(138,106,63,.35);\r\n    display:flex;\r\n    align-items:center;\r\n    justify-content:center;\r\n    margin:0 auto clamp(12px, 1.4vw, 18px);\r\n  }\r\n\r\n  #hdy-expertise .exp-feat .icon-circle img{\r\n    width:28px;\r\n    height:28px;\r\n  }\r\n\r\n  #hdy-expertise .exp-feat .feat-title{\r\n    font-size:14.5px;\r\n    font-weight:600;\r\n    color:#241d17;\r\n    line-height:1.3;\r\n    margin:0 0 6px;\r\n  }\r\n\r\n  #hdy-expertise .exp-feat .feat-desc{\r\n    font-size:12.5px;\r\n    line-height:1.5;\r\n    color:#847a72;\r\n    margin:0;\r\n  }\r\n\r\n  \/* ---------- BOTTOM: mission \/ vision ---------- *\/\r\n  #hdy-expertise .exp-bottom{\r\n    display:grid;\r\n    grid-template-columns:1fr 1fr;\r\n    gap:clamp(30px, 5vw, 70px);\r\n    padding:clamp(40px, 5vw, 60px) 0 clamp(50px, 6vw, 80px);\r\n    border-top:1px solid rgba(0,0,0,.08);\r\n    position:relative;\r\n  }\r\n\r\n  #hdy-expertise .exp-bottom::before{\r\n    content:\"\";\r\n    position:absolute;\r\n    top:clamp(40px, 5vw, 60px);\r\n    bottom:clamp(50px, 6vw, 80px);\r\n    left:50%;\r\n    width:1px;\r\n    background:rgba(0,0,0,.1);\r\n  }\r\n\r\n  #hdy-expertise .exp-block .exp-eyebrow{ margin-bottom:14px; }\r\n\r\n  #hdy-expertise .exp-block .exp-block-heading{\r\n    font-family:'Playfair Display', Georgia, serif;\r\n    font-weight:600;\r\n    font-size:clamp(22px, 2.2vw, 30px);\r\n    line-height:1.25;\r\n    color:#241d17;\r\n    margin:0 0 14px;\r\n  }\r\n\r\n  #hdy-expertise .exp-block .exp-block-desc{\r\n    font-size:clamp(13.5px, 1vw, 15px);\r\n    line-height:1.7;\r\n    color:#5c5148;\r\n    max-width:48ch;\r\n    margin:0;\r\n  }\r\n\r\n  @media (max-width: 1024px){\r\n    #hdy-expertise .exp-container{ padding:0 24px; }\r\n  }\r\n\r\n  @media (max-width: 900px){\r\n    #hdy-expertise .exp-top{\r\n      grid-template-columns:1fr;\r\n    }\r\n    #hdy-expertise .exp-photo{\r\n      height:clamp(260px, 60vw, 380px);\r\n    }\r\n    #hdy-expertise .exp-features{\r\n      grid-template-columns:repeat(2, 1fr);\r\n      gap:28px 16px;\r\n    }\r\n    #hdy-expertise .exp-bottom{\r\n      grid-template-columns:1fr;\r\n      gap:40px;\r\n    }\r\n    #hdy-expertise .exp-bottom::before{\r\n      display:none;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 640px){\r\n    #hdy-expertise .exp-container{ padding:0 18px; }\r\n  }\r\n\r\n  @media (max-width: 380px){\r\n    #hdy-expertise .exp-container{ padding:0 14px; }\r\n  }\r\n<\/style>\r\n\r\n<section id=\"hdy-expertise\">\r\n  <div class=\"exp-container\">\r\n\r\n    <div class=\"exp-top\">\r\n      <div class=\"exp-photo\">\r\n        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-Sep-17-2026-12_25_25-PM.png\" alt=\"HAIRDEY \u2014 selecting premium materials\">\r\n      <\/div>\r\n\r\n      <div class=\"exp-text\">\r\n        <p class=\"exp-eyebrow\">\r\n          <span style=\"width:24px;height:1px;background:#8a6a3f;display:inline-block;\"><\/span>\r\n          Our Expertise\r\n        <\/p>\r\n        <h2 class=\"exp-heading\">From Material to Masterpiece<\/h2>\r\n        <p class=\"exp-sub\">We handle every step with precision \u2014 from carefully sourcing premium materials to advanced production and quality control \u2014 ensuring every chart reflects the true beauty of your brand.<\/p>\r\n\r\n        <div class=\"exp-features\">\r\n          <div class=\"exp-feat\">\r\n            <span class=\"icon-circle\"><img decoding=\"async\" src=\"https:\/\/img.icons8.com\/ios\/100\/dcac70\/stack-of-photos.png\" alt=\"Premium Materials\"><\/span>\r\n            <p class=\"feat-title\">Premium Materials<\/p>\r\n            <p class=\"feat-desc\">Selected for durability and beauty.<\/p>\r\n          <\/div>\r\n          <div class=\"exp-feat\">\r\n            <span class=\"icon-circle\"><img decoding=\"async\" src=\"https:\/\/img.icons8.com\/ios\/100\/dcac70\/edit-property.png\" alt=\"Fully Customizable\"><\/span>\r\n            <p class=\"feat-title\">Fully Customizable<\/p>\r\n            <p class=\"feat-desc\">Designed around your brand.<\/p>\r\n          <\/div>\r\n          <div class=\"exp-feat\">\r\n            <span class=\"icon-circle\"><img decoding=\"async\" src=\"https:\/\/img.icons8.com\/ios\/100\/dcac70\/settings.png\" alt=\"Advanced Manufacturing\"><\/span>\r\n            <p class=\"feat-title\">Advanced Manufacturing<\/p>\r\n            <p class=\"feat-desc\">Precision in every detail.<\/p>\r\n          <\/div>\r\n          <div class=\"exp-feat\">\r\n            <span class=\"icon-circle\"><img decoding=\"async\" src=\"https:\/\/img.icons8.com\/ios\/100\/dcac70\/verified-account.png\" alt=\"Trusted Worldwide\"><\/span>\r\n            <p class=\"feat-title\">Trusted Worldwide<\/p>\r\n            <p class=\"feat-desc\">Serving clients across the globe.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"exp-bottom\">\r\n      <div class=\"exp-block\">\r\n        <p class=\"exp-eyebrow\">\r\n          <span style=\"width:24px;height:1px;background:#8a6a3f;display:inline-block;\"><\/span>\r\n          Our Mission\r\n        <\/p>\r\n        <h3 class=\"exp-block-heading\">Empowering Hair Color Brands<\/h3>\r\n        <p class=\"exp-block-desc\">To provide innovative, high-quality and customizable hair color presentation solutions that help our clients showcase their colors beautifully and build stronger connections with their customers.<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"exp-block\">\r\n        <p class=\"exp-eyebrow\">\r\n          <span style=\"width:24px;height:1px;background:#8a6a3f;display:inline-block;\"><\/span>\r\n          Our Vision\r\n        <\/p>\r\n        <h3 class=\"exp-block-heading\">A More Colorful Tomorrow<\/h3>\r\n        <p class=\"exp-block-desc\">To be the world's leading manufacturer of hair color charts and catalogues, known for quality, creativity and a passion for helping hair color brands shine globally.<\/p>\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-523cc10 e-con e-atomic-element e-flexbox-base e-default-div e-f99157b \" data-id=\"523cc10\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"523cc10\" data-e-type=\"e-flexbox\" data-id=\"523cc10\">\n    \t\t<div class=\"elementor-element elementor-element-e533a82 elementor-widget elementor-widget-html\" data-id=\"e533a82\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n  #hdy-global *{ box-sizing:border-box; }\r\n  #hdy-global a{ text-decoration:none; }\r\n\r\n  #hdy-global{\r\n    font-family:'Poppins', sans-serif;\r\n    overflow:hidden;\r\n  }\r\n\r\n  #hdy-global .global-grid{\r\n    display:grid;\r\n    grid-template-columns:1.7fr 1fr;\r\n    align-items:stretch;\r\n  }\r\n\r\n  \/* ---------- LEFT: dark map panel ---------- *\/\r\n  #hdy-global .global-left{\r\n    position:relative;\r\n    background:#1b130f;\r\n    overflow:hidden;\r\n    min-height:clamp(360px, 32vw, 460px);\r\n    display:flex;\r\n    align-items:center;\r\n  }\r\n\r\n  #hdy-global .global-left .map-bg{\r\n    position:absolute;\r\n    inset:0;\r\n  }\r\n\r\n  #hdy-global .global-left .map-bg img{\r\n    width:100%;\r\n    height:100%;\r\n    object-fit:cover;\r\n    object-position:center;\r\n    opacity:.9;\r\n  }\r\n\r\n  #hdy-global .global-left .map-overlay{\r\n    position:absolute;\r\n    inset:0;\r\n    background:linear-gradient(90deg, #1b130f 0%, rgba(27,19,15,.85) 30%, rgba(27,19,15,.35) 55%, rgba(27,19,15,0) 75%);\r\n  }\r\n\r\n  #hdy-global .global-left-content{\r\n    position:relative;\r\n    z-index:2;\r\n    max-width:420px;\r\n    padding:clamp(40px, 5vw, 70px) clamp(24px, 4vw, 60px);\r\n  }\r\n\r\n  #hdy-global .global-heading{\r\n    font-family:'Playfair Display', Georgia, serif;\r\n    font-weight:600;\r\n    font-size:clamp(26px, 2.8vw, 38px);\r\n    line-height:1.22;\r\n    color:#fdfaf7;\r\n    margin:0 0 clamp(14px, 1.8vw, 20px);\r\n  }\r\n\r\n  #hdy-global .global-desc{\r\n    font-size:clamp(13.5px, 1vw, 15px);\r\n    line-height:1.7;\r\n    color:#cbbfb7;\r\n    max-width:38ch;\r\n    margin:0 0 clamp(24px, 2.8vw, 34px);\r\n  }\r\n\r\n  #hdy-global .global-btn{\r\n    display:inline-flex;\r\n    align-items:center;\r\n    gap:9px;\r\n    background:linear-gradient(180deg, #eac68f, #dcac70);\r\n    color:#241a10;\r\n    font-weight:600;\r\n    font-size:14.5px;\r\n    padding:13px 26px;\r\n    border-radius:32px;\r\n    box-shadow:0 10px 22px rgba(220,172,112,.3);\r\n    transition:transform .2s ease, box-shadow .2s ease;\r\n  }\r\n\r\n  #hdy-global .global-btn:hover{\r\n    transform:translateY(-2px);\r\n    box-shadow:0 12px 26px rgba(220,172,112,.4);\r\n  }\r\n\r\n  \/* ---------- RIGHT: values panel ---------- *\/\r\n  #hdy-global .global-right{\r\n    background:#f2ece7;\r\n    display:flex;\r\n    align-items:center;\r\n    padding:clamp(36px, 4vw, 56px) clamp(24px, 3vw, 40px);\r\n  }\r\n\r\n  #hdy-global .values-wrap{ width:100%; }\r\n\r\n  #hdy-global .values-eyebrow{\r\n    font-size:12px;\r\n    font-weight:700;\r\n    letter-spacing:.2em;\r\n    text-transform:uppercase;\r\n    color:#8a6a3f;\r\n    margin:0 0 clamp(20px, 2.4vw, 30px);\r\n  }\r\n\r\n  #hdy-global .values-row{\r\n    display:grid;\r\n    grid-template-columns:repeat(4, 1fr);\r\n    gap:clamp(14px, 1.6vw, 22px);\r\n  }\r\n\r\n  #hdy-global .value-item{\r\n    text-align:center;\r\n  }\r\n\r\n  #hdy-global .value-item .icon-circle{\r\n    width:56px;\r\n    height:56px;\r\n    border-radius:50%;\r\n    border:1px solid rgba(138,106,63,.35);\r\n    display:flex;\r\n    align-items:center;\r\n    justify-content:center;\r\n    margin:0 auto clamp(10px, 1.2vw, 14px);\r\n  }\r\n\r\n  #hdy-global .value-item .icon-circle img{\r\n    width:24px;\r\n    height:24px;\r\n  }\r\n\r\n  #hdy-global .value-item .value-title{\r\n    font-size:14px;\r\n    font-weight:600;\r\n    color:#241d17;\r\n    margin:0 0 6px;\r\n  }\r\n\r\n  #hdy-global .value-item .value-desc{\r\n    font-size:12px;\r\n    line-height:1.45;\r\n    color:#847a72;\r\n    margin:0;\r\n  }\r\n\r\n  @media (max-width: 1100px){\r\n    #hdy-global .values-row{ gap:12px; }\r\n    #hdy-global .value-item .icon-circle{ width:50px; height:50px; }\r\n  }\r\n\r\n  @media (max-width: 900px){\r\n    #hdy-global .global-grid{\r\n      grid-template-columns:1fr;\r\n    }\r\n    #hdy-global .global-left{\r\n      min-height:clamp(320px, 70vw, 420px);\r\n    }\r\n    #hdy-global .global-left-content{\r\n      max-width:none;\r\n    }\r\n    #hdy-global .values-row{\r\n      grid-template-columns:repeat(2, 1fr);\r\n      gap:24px 16px;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 480px){\r\n    #hdy-global .global-left-content{ padding:32px 20px; }\r\n    #hdy-global .global-right{ padding:32px 20px; }\r\n  }\r\n<\/style>\r\n\r\n<section id=\"hdy-global\">\r\n  <div class=\"global-grid\">\r\n\r\n    <div class=\"global-left\">\r\n      <div class=\"map-bg\">\r\n        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-Sep-17-2026-12_29_54-PM-1.png\" alt=\"HAIRDEY \u2014 global reach world map\">\r\n      <\/div>\r\n      <div class=\"map-overlay\"><\/div>\r\n\r\n      <div class=\"global-left-content\">\r\n        <h2 class=\"global-heading\">A Global Partner<br>for a Colorful World<\/h2>\r\n        <p class=\"global-desc\">From local salons to international brands, our products are trusted in over 50 countries. We are proud to be part of the stories behind so many successful hair color brands.<\/p>\r\n        <a href=\"#\" class=\"global-btn\">Our Global Reach <span>&rarr;<\/span><\/a>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"global-right\">\r\n      <div class=\"values-wrap\">\r\n        <p class=\"values-eyebrow\">Our Values<\/p>\r\n        <div class=\"values-row\">\r\n          <div class=\"value-item\">\r\n            <span class=\"icon-circle\"><img decoding=\"async\" src=\"https:\/\/img.icons8.com\/ios\/100\/dcac70\/conference-call.png\" alt=\"People First\"><\/span>\r\n            <p class=\"value-title\">People First<\/p>\r\n            <p class=\"value-desc\">We grow together.<\/p>\r\n          <\/div>\r\n          <div class=\"value-item\">\r\n            <span class=\"icon-circle\"><img decoding=\"async\" src=\"https:\/\/img.icons8.com\/ios\/100\/dcac70\/idea.png\" alt=\"Creativity\"><\/span>\r\n            <p class=\"value-title\">Creativity<\/p>\r\n            <p class=\"value-desc\">We bring ideas to life.<\/p>\r\n          <\/div>\r\n          <div class=\"value-item\">\r\n            <span class=\"icon-circle\"><img decoding=\"async\" src=\"https:\/\/img.icons8.com\/ios\/100\/dcac70\/verified-account.png\" alt=\"Quality\"><\/span>\r\n            <p class=\"value-title\">Quality<\/p>\r\n            <p class=\"value-desc\">We never compromise.<\/p>\r\n          <\/div>\r\n          <div class=\"value-item\">\r\n            <span class=\"icon-circle\"><img decoding=\"async\" src=\"https:\/\/img.icons8.com\/ios\/100\/dcac70\/globe--v1.png\" alt=\"Global Impact\"><\/span>\r\n            <p class=\"value-title\">Global Impact<\/p>\r\n            <p class=\"value-desc\">A brighter, more colorful tomorrow.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>About Us Driven by Color. Definedby People. We are HAIRDEY \u2014 a global manufacturer of premium hair color charts and presentation solutions, helping hair color brands bring their vision to life. Our Story A Simple BeliefThat Sparked a Global Brand. HAIRDEY was founded with a simple belief \u2014 hair color deserves a better way to [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-511","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v28.4 (Yoast SEO v28.5-RC2) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>About Hairdey | Our Story, Mission and Global Clients<\/title>\n<meta name=\"description\" content=\"Learn about Hairdey, a Yiwu-based maker of custom hair color charts and swatch books trusted by brands, salons and distributors in 50+ countries since 2017.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/hairdey.com\/fr\/about-us\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"About Us\" \/>\n<meta property=\"og:description\" content=\"Learn about Hairdey, a Yiwu-based maker of custom hair color charts and swatch books trusted by brands, salons and distributors in 50+ countries since 2017.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/hairdey.com\/fr\/about-us\/\" \/>\n<meta property=\"og:site_name\" content=\"Hair Dey\" \/>\n<meta property=\"article:modified_time\" content=\"2026-10-09T08:50:18+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/img.icons8.com\/ios\/100\/ffffff\/search--v1.png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Dur\u00e9e de lecture estim\u00e9e\" \/>\n\t<meta name=\"twitter:data1\" content=\"4 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/hairdey.com\\\/about-us\\\/\",\"url\":\"https:\\\/\\\/hairdey.com\\\/about-us\\\/\",\"name\":\"About Hairdey | Our Story, Mission and Global Clients\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/hairdey.com\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/hairdey.com\\\/about-us\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/hairdey.com\\\/about-us\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/img.icons8.com\\\/ios\\\/100\\\/ffffff\\\/search--v1.png\",\"datePublished\":\"2026-09-17T03:50:20+00:00\",\"dateModified\":\"2026-10-09T08:50:18+00:00\",\"description\":\"Learn about Hairdey, a Yiwu-based maker of custom hair color charts and swatch books trusted by brands, salons and distributors in 50+ countries since 2017.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/hairdey.com\\\/about-us\\\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/hairdey.com\\\/about-us\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\\\/\\\/hairdey.com\\\/about-us\\\/#primaryimage\",\"url\":\"https:\\\/\\\/img.icons8.com\\\/ios\\\/100\\\/ffffff\\\/search--v1.png\",\"contentUrl\":\"https:\\\/\\\/img.icons8.com\\\/ios\\\/100\\\/ffffff\\\/search--v1.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/hairdey.com\\\/about-us\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/hairdey.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"About Us\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/hairdey.com\\\/#website\",\"url\":\"https:\\\/\\\/hairdey.com\\\/\",\"name\":\"Hair Dey\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/hairdey.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"fr-FR\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"\u00c0 propos de Hairdey | Notre histoire, notre mission et nos clients internationaux","description":"D\u00e9couvrez Hairdey, fabricant bas\u00e9 \u00e0 Yiwu sp\u00e9cialis\u00e9 dans les nuanciers et les livrets d'\u00e9chantillons de coloration capillaire sur mesure, qui jouit de la confiance de marques, de salons et de distributeurs dans plus de 50 pays depuis 2017.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/hairdey.com\/fr\/about-us\/","og_locale":"fr_FR","og_type":"article","og_title":"About Us","og_description":"Learn about Hairdey, a Yiwu-based maker of custom hair color charts and swatch books trusted by brands, salons and distributors in 50+ countries since 2017.","og_url":"https:\/\/hairdey.com\/fr\/about-us\/","og_site_name":"Hair Dey","article_modified_time":"2026-10-09T08:50:18+00:00","og_image":[{"url":"https:\/\/img.icons8.com\/ios\/100\/ffffff\/search--v1.png","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Dur\u00e9e de lecture estim\u00e9e":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/hairdey.com\/about-us\/","url":"https:\/\/hairdey.com\/about-us\/","name":"\u00c0 propos de Hairdey | Notre histoire, notre mission et nos clients internationaux","isPartOf":{"@id":"https:\/\/hairdey.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/hairdey.com\/about-us\/#primaryimage"},"image":{"@id":"https:\/\/hairdey.com\/about-us\/#primaryimage"},"thumbnailUrl":"https:\/\/img.icons8.com\/ios\/100\/ffffff\/search--v1.png","datePublished":"2026-09-17T03:50:20+00:00","dateModified":"2026-10-09T08:50:18+00:00","description":"D\u00e9couvrez Hairdey, fabricant bas\u00e9 \u00e0 Yiwu sp\u00e9cialis\u00e9 dans les nuanciers et les livrets d'\u00e9chantillons de coloration capillaire sur mesure, qui jouit de la confiance de marques, de salons et de distributeurs dans plus de 50 pays depuis 2017.","breadcrumb":{"@id":"https:\/\/hairdey.com\/about-us\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/hairdey.com\/about-us\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/hairdey.com\/about-us\/#primaryimage","url":"https:\/\/img.icons8.com\/ios\/100\/ffffff\/search--v1.png","contentUrl":"https:\/\/img.icons8.com\/ios\/100\/ffffff\/search--v1.png"},{"@type":"BreadcrumbList","@id":"https:\/\/hairdey.com\/about-us\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/hairdey.com\/"},{"@type":"ListItem","position":2,"name":"About Us"}]},{"@type":"WebSite","@id":"https:\/\/hairdey.com\/#website","url":"https:\/\/hairdey.com\/","name":"Hair Dey","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/hairdey.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fr-FR"}]}},"_links":{"self":[{"href":"https:\/\/hairdey.com\/fr\/wp-json\/wp\/v2\/pages\/511","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hairdey.com\/fr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/hairdey.com\/fr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/hairdey.com\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hairdey.com\/fr\/wp-json\/wp\/v2\/comments?post=511"}],"version-history":[{"count":43,"href":"https:\/\/hairdey.com\/fr\/wp-json\/wp\/v2\/pages\/511\/revisions"}],"predecessor-version":[{"id":1087,"href":"https:\/\/hairdey.com\/fr\/wp-json\/wp\/v2\/pages\/511\/revisions\/1087"}],"wp:attachment":[{"href":"https:\/\/hairdey.com\/fr\/wp-json\/wp\/v2\/media?parent=511"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}