{"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\/ru\/about-us\/","title":{"rendered":"\u041e \u043d\u0430\u0441"},"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\/ru\/about-us\/\" \/>\n<meta property=\"og:locale\" content=\"ru_RU\" \/>\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\/ru\/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=\"\u041f\u0440\u0438\u043c\u0435\u0440\u043d\u043e\u0435 \u0432\u0440\u0435\u043c\u044f \u0434\u043b\u044f \u0447\u0442\u0435\u043d\u0438\u044f\" \/>\n\t<meta name=\"twitter:data1\" content=\"4 \u043c\u0438\u043d\u0443\u0442\u044b\" \/>\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\":\"ru-RU\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/hairdey.com\\\/about-us\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"ru-RU\",\"@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\":\"ru-RU\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"\u041e \u043a\u043e\u043c\u043f\u0430\u043d\u0438\u0438 Hairdey | \u041d\u0430\u0448\u0430 \u0438\u0441\u0442\u043e\u0440\u0438\u044f, \u043c\u0438\u0441\u0441\u0438\u044f \u0438 \u043a\u043b\u0438\u0435\u043d\u0442\u044b \u043f\u043e \u0432\u0441\u0435\u043c\u0443 \u043c\u0438\u0440\u0443","description":"\u0423\u0437\u043d\u0430\u0439\u0442\u0435 \u0431\u043e\u043b\u044c\u0448\u0435 \u043e \u043a\u043e\u043c\u043f\u0430\u043d\u0438\u0438 Hairdey \u0438\u0437 \u0418\u0443 \u2014 \u043f\u0440\u043e\u0438\u0437\u0432\u043e\u0434\u0438\u0442\u0435\u043b\u0435 \u043f\u0430\u043b\u0438\u0442\u0440 \u0438 \u043a\u0430\u0442\u0430\u043b\u043e\u0433\u043e\u0432 \u043e\u0431\u0440\u0430\u0437\u0446\u043e\u0432 \u0434\u043b\u044f \u043e\u043a\u0440\u0430\u0448\u0438\u0432\u0430\u043d\u0438\u044f \u0432\u043e\u043b\u043e\u0441, \u043a\u043e\u0442\u043e\u0440\u043e\u043c\u0443 \u0441 2017 \u0433\u043e\u0434\u0430 \u0434\u043e\u0432\u0435\u0440\u044f\u044e\u0442 \u0431\u0440\u0435\u043d\u0434\u044b, \u0441\u0430\u043b\u043e\u043d\u044b \u0438 \u0434\u0438\u0441\u0442\u0440\u0438\u0431\u044c\u044e\u0442\u043e\u0440\u044b \u0431\u043e\u043b\u0435\u0435 \u0447\u0435\u043c \u0432 50 \u0441\u0442\u0440\u0430\u043d\u0430\u0445.","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\/ru\/about-us\/","og_locale":"ru_RU","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\/ru\/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":{"\u041f\u0440\u0438\u043c\u0435\u0440\u043d\u043e\u0435 \u0432\u0440\u0435\u043c\u044f \u0434\u043b\u044f \u0447\u0442\u0435\u043d\u0438\u044f":"4 \u043c\u0438\u043d\u0443\u0442\u044b"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/hairdey.com\/about-us\/","url":"https:\/\/hairdey.com\/about-us\/","name":"\u041e \u043a\u043e\u043c\u043f\u0430\u043d\u0438\u0438 Hairdey | \u041d\u0430\u0448\u0430 \u0438\u0441\u0442\u043e\u0440\u0438\u044f, \u043c\u0438\u0441\u0441\u0438\u044f \u0438 \u043a\u043b\u0438\u0435\u043d\u0442\u044b \u043f\u043e \u0432\u0441\u0435\u043c\u0443 \u043c\u0438\u0440\u0443","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":"\u0423\u0437\u043d\u0430\u0439\u0442\u0435 \u0431\u043e\u043b\u044c\u0448\u0435 \u043e \u043a\u043e\u043c\u043f\u0430\u043d\u0438\u0438 Hairdey \u0438\u0437 \u0418\u0443 \u2014 \u043f\u0440\u043e\u0438\u0437\u0432\u043e\u0434\u0438\u0442\u0435\u043b\u0435 \u043f\u0430\u043b\u0438\u0442\u0440 \u0438 \u043a\u0430\u0442\u0430\u043b\u043e\u0433\u043e\u0432 \u043e\u0431\u0440\u0430\u0437\u0446\u043e\u0432 \u0434\u043b\u044f \u043e\u043a\u0440\u0430\u0448\u0438\u0432\u0430\u043d\u0438\u044f \u0432\u043e\u043b\u043e\u0441, \u043a\u043e\u0442\u043e\u0440\u043e\u043c\u0443 \u0441 2017 \u0433\u043e\u0434\u0430 \u0434\u043e\u0432\u0435\u0440\u044f\u044e\u0442 \u0431\u0440\u0435\u043d\u0434\u044b, \u0441\u0430\u043b\u043e\u043d\u044b \u0438 \u0434\u0438\u0441\u0442\u0440\u0438\u0431\u044c\u044e\u0442\u043e\u0440\u044b \u0431\u043e\u043b\u0435\u0435 \u0447\u0435\u043c \u0432 50 \u0441\u0442\u0440\u0430\u043d\u0430\u0445.","breadcrumb":{"@id":"https:\/\/hairdey.com\/about-us\/#breadcrumb"},"inLanguage":"ru-RU","potentialAction":[{"@type":"ReadAction","target":["https:\/\/hairdey.com\/about-us\/"]}]},{"@type":"ImageObject","inLanguage":"ru-RU","@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":"ru-RU"}]}},"_links":{"self":[{"href":"https:\/\/hairdey.com\/ru\/wp-json\/wp\/v2\/pages\/511","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hairdey.com\/ru\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/hairdey.com\/ru\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/hairdey.com\/ru\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hairdey.com\/ru\/wp-json\/wp\/v2\/comments?post=511"}],"version-history":[{"count":43,"href":"https:\/\/hairdey.com\/ru\/wp-json\/wp\/v2\/pages\/511\/revisions"}],"predecessor-version":[{"id":1087,"href":"https:\/\/hairdey.com\/ru\/wp-json\/wp\/v2\/pages\/511\/revisions\/1087"}],"wp:attachment":[{"href":"https:\/\/hairdey.com\/ru\/wp-json\/wp\/v2\/media?parent=511"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}