{"id":1039,"date":"2025-08-18T11:08:56","date_gmt":"2025-08-18T11:08:56","guid":{"rendered":"https:\/\/startersites.io\/blocksy\/landscape\/?page_id=11"},"modified":"2026-08-21T22:01:05","modified_gmt":"2026-08-21T14:01:05","slug":"about","status":"publish","type":"page","link":"https:\/\/www.kcvents.com\/de\/about\/","title":{"rendered":"About"},"content":{"rendered":"\n<!-- KCVENTS About Us: scoped CSS (system default fonts) -->\n<style>\n:root {\n      --bg: #f5f7fa;\n      --bg-2: #ffffff;\n      --bg-3: #eef2f7;\n      --surface: #ffffff;\n      --line: rgba(15, 23, 42, 0.08);\n      --line-2: rgba(37, 99, 235, 0.22);\n      --text: #0f172a;\n      --muted: #5b6b82;\n      --dim: #8a97ab;\n      --cyan: #0ea5e9;\n      --cyan-2: #0284c7;\n      --blue: #2563eb;\n      --radius: 22px;\n      --radius-sm: 14px;\n      --shadow: 0 20px 50px rgba(15, 23, 42, 0.08);\n      --shadow-sm: 0 8px 24px rgba(15, 23, 42, 0.06);\n      --max: 1200px;\n      --page-gap: 8vw; \/* Global content edge spacing *\/\n    }\n\n    .kc-about-page, .kc-about-page * { box-sizing: border-box; }\n    .kc-about-page { margin: 0; }\n    .kc-about-page { scroll-behavior: smooth; }\n    .kc-about-page {\n      color: var(--text);\n      background:\n        radial-gradient(1000px 500px at 85% -5%, rgba(14,165,233,.10), transparent 55%),\n        radial-gradient(800px 420px at -5% 15%, rgba(37,99,235,.07), transparent 50%),\n        linear-gradient(180deg, #ffffff 0%, #f5f7fa 40%, #eef2f7 100%);\n      line-height: 1.6;\n      overflow-x: hidden;\n    }\n    .kc-about-page img { max-width: 100%; display: block; }\n    .kc-about-page a { color: inherit; text-decoration: none; }\n    .kc-about-page button, .kc-about-page .btn { font: inherit; cursor: pointer; border: 0; }\n\n    .container {\n      width: min(var(--max), calc(100% - var(--page-gap) - var(--page-gap)));\n      margin-inline: auto;\n    }\n    .eyebrow {\n      display: inline-flex; align-items: center; gap: .55rem;\n      color: var(--cyan-2); font-size: .78rem; font-weight: 600;\n      letter-spacing: .16em; text-transform: uppercase;\n    }\n    .eyebrow::before {\n      content: \"\"; width: 1.5rem; height: 1px; background: linear-gradient(90deg, var(--cyan), transparent);\n    }\n    .kc-about-page h1, .kc-about-page h2, .kc-about-page h3, .kc-about-page .display { letter-spacing: -0.03em; line-height: 1.1; }\n    .muted { color: var(--muted); }\n\n    \/* ========== 1. HERO ========== *\/\n    .hero {\n      position: relative;\n      min-height: 88vh;\n      min-height: 88svh;\n      display: grid;\n      align-items: center;\n      justify-items: center;\n      padding: 4rem 0 4rem;\n      overflow: hidden;\n      text-align: center;\n    }\n    .hero-media { position: absolute; inset: 0; z-index: 0; }\n    .hero-media img {\n      width: 100%; height: 100%; object-fit: cover;\n      transform: scale(1.02);\n    }\n    \/* No dark overlay \u2014 background shows fully *\/\n    .hero-content {\n      position: relative; z-index: 4; color: #f8fafc;\n      display: flex; flex-direction: column; align-items: center; gap: 1.25rem;\n      width: min(var(--max), calc(100% - var(--page-gap) - var(--page-gap)));\n    }\n    .hero h1 {\n      font-size: clamp(2.4rem, 6vw, 4.6rem);\n      color: #ffffff;\n      max-width: 18ch;\n      line-height: 1.08;\n      text-shadow: 0 2px 24px rgba(0,0,0,.35);\n    }\n    .hero-copy {\n      max-width: 680px;\n      margin: 0;\n      color: rgba(248,250,252,.9);\n      font-size: clamp(1rem, 1.5vw, 1.2rem);\n      line-height: 1.6;\n      text-align: center;\n    }\n    .hero h1 .sub {\n      display: block;\n      margin-top: .35rem;\n      font-size: .42em;\n      font-weight: 600;\n      letter-spacing: .18em;\n      text-transform: uppercase;\n      color: rgba(255, 255, 255, .92);\n    }\n\n    \/* YouTube video lightbox modal *\/\n    .video-modal {\n      position: fixed; z-index: 100000; inset: 0;\n      display: none; align-items: center; justify-content: center;\n      padding: 24px;\n      background: rgba(11, 18, 32, .88);\n      backdrop-filter: blur(8px);\n    }\n    .video-modal.is-open { display: flex; }\n    .video-modal__dialog {\n      position: relative;\n      width: min(960px, 100%);\n      aspect-ratio: 16 \/ 9;\n      background: #000;\n      border-radius: 12px;\n      overflow: hidden;\n      box-shadow: 0 24px 80px rgba(0,0,0,.5);\n    }\n    .video-modal__dialog iframe {\n      position: absolute; inset: 0;\n      width: 100%; height: 100%; border: 0;\n    }\n    .video-modal__close {\n      position: absolute; top: 12px; right: 12px; z-index: 2;\n      width: 40px; height: 40px;\n      display: grid; place-items: center;\n      border: 0; border-radius: 50%;\n      background: rgba(0,0,0,.55); color: #fff;\n      font-size: 24px; line-height: 1; cursor: pointer;\n    }\n    .video-modal__close:hover { background: rgba(0,0,0,.75); }\n\n    \/* Video play button + ripple (kcvents.com style) *\/\n    .hero-play {\n      position: relative;\n      display: grid;\n      place-items: center;\n      width: 110px;\n      height: 110px;\n      margin: .5rem auto 1.2rem;\n      border-radius: 50%;\n      color: #fff;\n    }\n    .hero-play::before,\n    .hero-play::after {\n      content: \"\";\n      position: absolute;\n      inset: 0;\n      border-radius: 50%;\n      border: 1.5px solid rgba(255,255,255,.75);\n      animation: kc-ripple 2.8s ease-out infinite;\n    }\n    .hero-play::after { animation-delay: .9s; }\n    .hero-play .play-core {\n      position: relative;\n      z-index: 1;\n      width: 72px;\n      height: 72px;\n      border-radius: 50%;\n      background: #fff;\n      display: grid;\n      place-items: center;\n      box-shadow: 0 14px 36px rgba(7, 27, 49, .32);\n      transition: transform .25s ease, box-shadow .25s ease;\n    }\n    .hero-play:hover .play-core {\n      transform: scale(1.06);\n      box-shadow: 0 18px 44px rgba(7, 27, 49, .4);\n    }\n    .hero-play .play-core::after {\n      content: \"\";\n      width: 0; height: 0;\n      margin-left: 4px;\n      border-top: 11px solid transparent;\n      border-bottom: 11px solid transparent;\n      border-left: 18px solid #245d89;\n    }\n    @keyframes kc-ripple {\n      0%   { transform: scale(.78); opacity: .95; }\n      70%, 100% { transform: scale(1.65); opacity: 0; }\n    }\n    @media (prefers-reduced-motion: reduce) {\n      .hero-play::before, .hero-play::after { animation: none; }\n    }\n\n    \/* ========== SECTIONS COMMON ========== *\/\n    .kc-about-page section { padding: 6.5rem 0; position: relative; }\n    .section-head {\n      display: grid; grid-template-columns: 1.1fr .9fr; gap: 2rem; align-items: end;\n      margin-bottom: 3rem;\n    }\n    .section-head h2 { font-size: clamp(2rem, 4vw, 3.2rem); max-width: 18ch; color: #0b1220; }\n    .section-head p { color: var(--muted); max-width: 46ch; font-size: 1.05rem; }\n\n    .glass {\n      background: linear-gradient(180deg, #ffffff, #fbfcfe);\n      border: 1px solid var(--line);\n      border-radius: var(--radius);\n      overflow: hidden;\n      box-shadow: var(--shadow-sm);\n    }\n    .pill-row { display: flex; flex-wrap: wrap; gap: .6rem; }\n    .pill {\n      padding: .45rem .8rem; border-radius: 999px; font-size: .8rem; font-weight: 600;\n      color: var(--cyan-2); background: rgba(14,165,233,.08); border: 1px solid rgba(14,165,233,.16);\n    }\n\n    .reveal {\n      opacity: 0; transform: translateY(28px);\n      transition: opacity .8s ease, transform .8s ease;\n    }\n    .reveal.in { opacity: 1; transform: none; }\n\n    \/* ========== 2. WHO WE ARE (left image \/ right text) ========== *\/\n    .intro-grid {\n      display: grid;\n      grid-template-columns: 1.05fr .95fr;\n      gap: 1.4rem;\n      align-items: stretch;\n    }\n    .intro-visual { position: relative; min-height: 520px; }\n    .intro-visual img { width: 100%; height: 100%; object-fit: cover; }\n    .floating-card {\n      position: absolute; left: 1.2rem; right: 1.2rem; bottom: 1.2rem;\n      padding: 1.1rem 1.2rem; border-radius: 18px;\n      background: rgba(255,255,255,.88); border: 1px solid rgba(255,255,255,.95);\n      backdrop-filter: blur(14px);\n      box-shadow: 0 16px 40px rgba(15,23,42,.12);\n      display: grid; grid-template-columns: 1fr 1fr; gap: .8rem;\n    }\n    .floating-card strong { display: block; font-size: 1.05rem; color: #0b1220; }\n    .floating-card span { color: var(--muted); font-size: .82rem; }\n    .intro-copy {\n      padding: 2.2rem;\n      display: flex; flex-direction: column; justify-content: center; gap: 1.1rem;\n      min-height: 100%;\n    }\n    .intro-copy h2 {\n      font-size: clamp(1.55rem, 2.8vw, 2.15rem);\n      margin: .35rem 0 .4rem;\n      color: #0b1220;\n      max-width: none;\n    }\n    .intro-copy .intro-lead {\n      color: var(--muted); font-size: 1.02rem; margin-bottom: .4rem;\n    }\n    .intro-copy h3 {\n      font-size: clamp(1.15rem, 2vw, 1.35rem);\n      margin: .6rem 0 .5rem;\n      color: #0b1220;\n    }\n    .intro-copy p { color: var(--muted); font-size: 1.02rem; }\n\n    \/* ========== 3. PROVEN RESULTS ========== *\/\n    .kc-results {\n      padding: 6.5rem 0;\n      background:\n        radial-gradient(ellipse 80% 60% at 10% 20%, rgba(51,153,255,.14), transparent 55%),\n        radial-gradient(ellipse 70% 50% at 90% 10%, rgba(0,194,168,.10), transparent 50%),\n        #f7fafc;\n    }\n    .kc-results__top {\n      display: flex; align-items: end; justify-content: space-between; gap: 36px;\n    }\n    .kc-results__top h2 {\n      max-width: 560px; margin: 12px 0 0;\n      font-size: clamp(30px, 3.1vw, 42px); color: #0b1220;\n    }\n    .kc-results__top > p {\n      max-width: 360px; margin: 0; color: #64748b; font-size: 14px; line-height: 1.8; text-align: right;\n    }\n    .kc-results__grid {\n      display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; margin-top: 48px;\n    }\n    .kc-result {\n      min-height: 150px; padding: 23px 20px 18px;\n      border: 1px solid #e2e8f0; border-radius: 19px; background: #fff;\n      box-shadow: 0 2px 3px rgba(15,23,42,.09);\n      transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;\n    }\n    .kc-result:hover {\n      transform: translateY(-5px); border-color: #bce4ff;\n      box-shadow: 0 16px 26px rgba(19,95,225,.12);\n    }\n    .kc-result img { width: 38px; height: 38px; object-fit: contain; opacity: .78; }\n    .kc-result strong {\n      display: block; margin-top: 0;\n      font-size: clamp(34px, 3.3vw, 45px); line-height: .95; font-weight: 650;\n    }\n    .kc-result strong span { color: #1a76f5; }\n    .kc-result small { display: block; margin-top: 8px; color: #64748b; font-size: 13px; font-weight: 500; }\n    .kc-capacity {\n      display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; margin-top: 24px;\n    }\n    .kc-capacity div {\n      padding: 14px 15px; border: 1px dashed #bce4ff; border-radius: 13px;\n      background: rgba(255,255,255,.62); text-align: center;\n    }\n    .kc-capacity strong { display: block; color: #135fe1; font-size: 18px; font-weight: 700; }\n    .kc-capacity span {\n      display: block; margin-top: 4px; color: #64748b;\n      font-size: 10px; font-weight: 700; letter-spacing: .05em; text-transform: uppercase;\n    }\n\n    \/* ========== 4. PURPOSE \/ VISION ========== *\/\n    .mission-wrap {\n      display: grid; grid-template-columns: 1fr 1fr; gap: 1.2rem;\n    }\n    .mission-hero {\n      position: relative; border-radius: var(--radius); overflow: hidden; min-height: 520px;\n      border: 1px solid var(--line); box-shadow: var(--shadow-sm);\n    }\n    .mission-hero img { width: 100%; height: 100%; object-fit: cover; }\n    .mission-hero .overlay {\n      position: absolute; inset: auto 0 0 0; padding: 2rem;\n      background: linear-gradient(180deg, transparent, rgba(255,255,255,.96));\n      color: var(--text);\n    }\n    .mission-hero h3 { font-size: 1.8rem; margin: .5rem 0; max-width: 16ch; color: #0b1220; }\n    .mission-stack { display: grid; gap: 1rem; }\n    .mission-card {\n      padding: 1.5rem; border-radius: var(--radius); border: 1px solid var(--line);\n      background: #fff; box-shadow: var(--shadow-sm);\n    }\n    .mission-card h4 {\n      font-size: 1.05rem; margin-bottom: .55rem; display: flex; align-items: center; gap: .6rem; color: #0b1220;\n    }\n    .mission-card h4 i {\n      width: 10px; height: 10px; border-radius: 50%;\n      background: linear-gradient(135deg, var(--cyan), var(--blue));\n      box-shadow: 0 0 12px rgba(14,165,233,.45);\n      display: inline-block;\n    }\n    .mission-card p { color: var(--muted); font-size: .95rem; }\n    .values { display: grid; grid-template-columns: 1fr 1fr; gap: .7rem; margin-top: .4rem; }\n    .value {\n      padding: .95rem 1rem; border-radius: 16px; background: var(--bg-3); border: 1px solid var(--line);\n    }\n    .value strong { display: block; font-size: .92rem; margin-bottom: .25rem; color: #0b1220; }\n    .value span { color: var(--dim); font-size: .82rem; }\n\n    \/* ========== 5. GROUP BRANDS ========== *\/\n    .brands {\n      background:\n        radial-gradient(700px 300px at 50% 0%, rgba(37,99,235,.06), transparent 60%),\n        linear-gradient(180deg, transparent, rgba(255,255,255,.7), transparent);\n    }\n    .portfolio-summary {\n      display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr); gap: 1rem;\n      margin: 2rem 0 1.5rem; padding: 1.25rem 1.4rem; border: 1px solid var(--line);\n      border-radius: var(--radius-sm); background: rgba(255,255,255,.72);\n    }\n    .portfolio-summary h3 { margin: 0 0 .45rem; color: #0b1220; font-size: 1.2rem; }\n    .portfolio-summary p { margin: 0; color: var(--muted); font-size: .95rem; }\n    .portfolio-tags { display: flex; flex-wrap: wrap; align-content: center; gap: .5rem; }\n    .portfolio-tags span { padding: .45rem .65rem; border-radius: 999px; background: #eef6ff; color: #135fe1; font-size: .78rem; font-weight: 600; }\n    .brand-cards { display: grid; grid-template-columns: 1.2fr 1fr 1fr; gap: 1rem; }\n    .brand-card {\n      padding: 1.6rem; border-radius: var(--radius); border: 1px solid var(--line);\n      background: #fff; min-height: 280px;\n      display: flex; flex-direction: column; justify-content: space-between;\n      box-shadow: var(--shadow-sm);\n      transition: transform .25s, border-color .25s, box-shadow .25s;\n    }\n    .brand-card:hover { transform: translateY(-4px); border-color: var(--line-2); box-shadow: var(--shadow); }\n    .brand-card.featured {\n      background:\n        linear-gradient(160deg, rgba(37,99,235,.10), rgba(255,255,255,.95) 42%, rgba(14,165,233,.06)),\n        #fff;\n      border-color: rgba(37,99,235,.18);\n    }\n    .brand-card .tag {\n      display: inline-flex; width: fit-content; padding: .35rem .7rem; border-radius: 999px;\n      font-size: .72rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase;\n      background: rgba(14,165,233,.08); color: var(--cyan-2);\n    }\n    .brand-card h3 { font-size: 1.55rem; margin: 1rem 0 .7rem; color: #0b1220; text-transform: uppercase; }\n    .brand-card h3 a {\n      position: relative;\n      color: inherit;\n      transition: opacity .2s;\n      cursor: pointer;\n    }\n    .brand-card h3 a:hover { opacity: .88; }\n    .brand-card h3 a::after {\n      content: attr(data-tip);\n      position: absolute;\n      left: 0;\n      bottom: calc(100% + 10px);\n      z-index: 5;\n      width: max-content;\n      max-width: 240px;\n      padding: .55rem .75rem;\n      border-radius: 10px;\n      background: #0b1220;\n      color: #f8fafc;\n      font-size: .72rem;\n      font-weight: 500;\n      letter-spacing: .01em;\n      text-transform: none;\n      line-height: 1.35;\n      box-shadow: 0 10px 28px rgba(15,23,42,.22);\n      opacity: 0;\n      visibility: hidden;\n      transform: translateY(4px);\n      transition: opacity .2s ease, transform .2s ease, visibility .2s;\n      pointer-events: none;\n    }\n    .brand-card h3 a:hover::after,\n    .brand-card h3 a:focus-visible::after {\n      opacity: 1;\n      visibility: visible;\n      transform: translateY(0);\n    }\n    .brand-card h3 .initial-b { color: #16a34a; }\n    .brand-card h3 .initial-l { color: #dc2626; }\n    .brand-card p { color: var(--muted); font-size: .95rem; }\n    .brand-card .pill a {\n      position: relative;\n      color: inherit;\n    }\n    .brand-card .pill a:hover { text-decoration: underline; }\n    .brand-card .pill a::after {\n      content: attr(data-tip);\n      position: absolute;\n      left: 50%;\n      bottom: calc(100% + 10px);\n      z-index: 5;\n      width: max-content;\n      max-width: 220px;\n      padding: .5rem .7rem;\n      border-radius: 10px;\n      background: #0b1220;\n      color: #f8fafc;\n      font-size: .7rem;\n      font-weight: 500;\n      letter-spacing: .01em;\n      text-transform: none;\n      line-height: 1.35;\n      box-shadow: 0 10px 28px rgba(15,23,42,.22);\n      opacity: 0;\n      visibility: hidden;\n      transform: translate(-50%, 4px);\n      transition: opacity .2s ease, transform .2s ease, visibility .2s;\n      pointer-events: none;\n      white-space: normal;\n    }\n    .brand-card .pill a:hover::after,\n    .brand-card .pill a:focus-visible::after {\n      opacity: 1;\n      visibility: visible;\n      transform: translate(-50%, 0);\n    }\n\n    \/* ========== 6. FACTORIES & HQ ========== *\/\n    \/* Flex stretch: left text sets height; right inherits full height *\/\n    .factory-panel {\n      display: flex;\n      align-items: stretch; \/* left & right always equal height *\/\n      gap: .9rem;\n    }\n    .factory-copy {\n      flex: 0 1 48%;\n      min-width: 0;\n      padding: 1.5rem 1.6rem; border-radius: var(--radius); border: 1px solid var(--line);\n      background:\n        radial-gradient(500px 200px at 0% 0%, rgba(14,165,233,.08), transparent 60%),\n        #fff;\n      box-shadow: var(--shadow-sm);\n      display: flex; flex-direction: column; justify-content: flex-start; gap: 1.15rem;\n    }\n    .factory-copy h2 { font-size: clamp(1.7rem, 3.2vw, 2.4rem); margin: .55rem 0 .7rem; color: #0b1220; }\n    .factory-copy p { color: var(--muted); }\n    .loc-list {\n      display: grid;\n      gap: .65rem;\n      margin-top: 20px; \/* extra space above HQ list *\/\n    }\n    .loc {\n      display: grid; grid-template-columns: auto 1fr; gap: .85rem; align-items: start;\n      padding: .85rem 1rem; border-radius: 16px; background: var(--bg-3); border: 1px solid var(--line);\n    }\n    .loc-dot {\n      width: 36px; height: 36px; border-radius: 12px; display: grid; place-items: center;\n      background: rgba(14,165,233,.12); color: var(--cyan-2); font-weight: 800; font-size: .75rem;\n    }\n    .loc strong { display: block; font-size: .95rem; color: #0b1220; }\n    .loc span { color: var(--muted); font-size: .86rem; }\n    .factory-gallery-single {\n      flex: 1 1 52%;\n      min-width: 0;\n      border-radius: 20px;\n      overflow: hidden;\n      position: relative;\n      box-shadow: var(--shadow-sm);\n      \/* no border \/ dark bg \u2014 height forced by flex stretch from left *\/\n    }\n    .factory-gallery-single img {\n      position: absolute;\n      inset: 0;\n      width: 100%;\n      height: 100%;\n      object-fit: cover;\n      \/* crop excess from the top; keep bottom aligned *\/\n      object-position: bottom;\n      display: block;\n      transition: transform .6s ease;\n    }\n    .factory-gallery-single:hover img { transform: scale(1.04); }\n    .factory-thumbs {\n      margin-top: 1rem;\n      display: grid;\n      grid-template-columns: repeat(4, 1fr);\n      gap: .8rem;\n    }\n    .factory-thumbs .g {\n      border-radius: 18px; overflow: hidden; border: 1px solid var(--line);\n      aspect-ratio: 4\/3; box-shadow: var(--shadow-sm); position: relative;\n    }\n    .factory-thumbs .g img {\n      width: 100%; height: 100%; object-fit: cover;\n      transition: transform .6s ease;\n    }\n    .factory-thumbs .g:hover img { transform: scale(1.08); }\n\n    \/* ========== 7. OEM \/ WHY PARTNERS ========== *\/\n    .why-grid { display: block; }\n    .why-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .9rem; }\n    .why-item {\n      display: grid; grid-template-columns: auto 1fr; gap: 1rem; padding: 1.25rem 1.35rem;\n      border-radius: 18px; border: 1px solid var(--line); background: #fff;\n      box-shadow: var(--shadow-sm);\n    }\n    .why-item .idx {\n      width: 42px; height: 42px; border-radius: 14px; display: grid; place-items: center;\n      font-weight: 700; color: #fff;\n      background: linear-gradient(135deg, #0ea5e9, #2563eb);\n    }\n    .why-item h3 { font-size: 1.05rem; margin-bottom: .3rem; color: #0b1220; }\n    .why-item p { color: var(--muted); font-size: .92rem; }\n\n    \/* ========== 8. CERTIFICATES ========== *\/\n    .kc-certificates { padding: 6.5rem 0; background: #fff; }\n    .kc-certificates__grid {\n      display: grid;\n      grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);\n      align-items: center;\n      gap: clamp(42px, 6vw, 72px);\n    }\n    .kc-certificates h2 {\n      margin: 12px 0 0; font-size: clamp(30px, 3.1vw, 42px); color: #0b1220; max-width: 16ch;\n    }\n    .kc-certificates__copy {\n      max-width: 505px; margin: 24px 0 0; color: #475569; font-size: 15px; line-height: 1.85;\n    }\n    .kc-cert-note { margin-top: 1rem; color: #64748b; font-size: .82rem; }\n    .kc-cert-badges {\n      display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; margin-top: 28px;\n    }\n    .kc-cert-badge {\n      padding: 14px 10px; border: 1px solid #e2e8f0; border-radius: 13px;\n      background: rgba(244,247,251,.8); color: #0b1220;\n      font-size: 13px; font-weight: 700; letter-spacing: .03em; text-align: center;\n      display: flex; align-items: center; justify-content: center;\n      min-height: 56px;\n    }\n    .kc-cert-image {\n      display: block; width: 100%; padding: 12px; overflow: hidden;\n      border: 1px solid #e2e8f0; border-radius: 26px; background: #fff;\n      box-shadow: 0 20px 42px rgba(19,95,225,.12); cursor: zoom-in; position: relative;\n    }\n    .kc-cert-image img { width: 100%; border-radius: 18px; transition: transform .4s ease; }\n    .kc-cert-image:hover img { transform: scale(1.018); }\n    .kc-cert-enlarge {\n      position: absolute; z-index: 2; right: 28px; bottom: 28px;\n      display: inline-flex; align-items: center; gap: 8px;\n      padding: 9px 13px; border-radius: 999px;\n      background: rgba(255,255,255,.95); color: #0b1220;\n      box-shadow: 0 5px 15px rgba(15,23,42,.16);\n      font-size: 12px; font-weight: 700;\n    }\n    .kc-cert-enlarge svg { width: 15px; height: 15px; fill: none; stroke: currentColor; stroke-linecap: round; stroke-width: 2; }\n    .kc-cert-modal {\n      position: fixed; z-index: 99999; inset: 0; display: none;\n      align-items: center; justify-content: center; padding: 24px;\n      background: rgba(11,18,32,.84); backdrop-filter: blur(6px);\n    }\n    .kc-cert-modal.is-open { display: flex; }\n    .kc-cert-modal img {\n      max-width: min(980px, 100%); max-height: 90vh; border-radius: 16px;\n      box-shadow: 0 20px 60px rgba(0,0,0,.48);\n    }\n    .kc-cert-modal button {\n      position: fixed; top: 20px; right: 20px;\n      display: grid; width: 44px; height: 44px; place-items: center;\n      border: 0; border-radius: 50%; background: #fff; color: #0b1220;\n      cursor: pointer; font-size: 28px; line-height: 1;\n    }\n\n    \/* ========== 9. TEAM \/ LINKEDIN ========== *\/\n    .team-grid {\n      display: flex; gap: 15px; justify-content: center; flex-wrap: nowrap;\n    }\n    .team-card {\n      flex: 1; min-width: 0;\n      background: #ffffff; border: 1px solid #eaeaea; border-radius: 12px;\n      padding: 25px 10px; text-align: center;\n      transition: all .3s ease;\n      box-shadow: 0 4px 12px rgba(0,0,0,.05);\n    }\n    .team-card:hover {\n      transform: translateY(-5px);\n      box-shadow: 0 8px 20px rgba(0,0,0,.1);\n      border-color: #0077b5;\n    }\n    .team-photo {\n      width: 90px; height: 90px; border-radius: 50%; object-fit: cover;\n      margin: 0 auto 15px; border: 3px solid #f0f7fb; display: block;\n    }\n    .team-card h3 {\n      margin: 0 0 5px; font-size: 17px; color: #222; font-weight: 600;\n      letter-spacing: 0;\n    }\n    .team-card p {\n      color: #666; font-size: 13px; margin-bottom: 18px; height: 1.2em;\n    }\n    .linkedin-btn {\n      display: inline-block; background: #0077b5; color: white !important;\n      padding: 7px 18px; border-radius: 50px; text-decoration: none;\n      font-size: 13px; font-weight: 600; transition: background .2s;\n    }\n    .linkedin-btn:hover { background: #005582; }\n\n    \/* ========== 10. EXHIBITIONS CAROUSEL ========== *\/\n    .kc-exhibitions {\n      padding: 6.5rem 0;\n      background: #10273a;\n      color: #fff;\n    }\n    .kc-exhibitions .section-head h2 { color: #fff; }\n    .kc-exhibitions .section-head p { color: #c6d8e1; }\n    .kc-exhibitions .eyebrow { color: #8fd4ed; }\n    .kc-exhibitions .eyebrow::before { background: linear-gradient(90deg, #23b1d8, transparent); }\n    .kc-expo-grid {\n      display: grid; grid-template-columns: 1fr 1fr; gap: 16px;\n    }\n    .kc-expo-window {\n      overflow: hidden;\n      border: 1px solid rgba(171,221,237,.22);\n      background: #0d1f2e;\n      border-radius: 4px;\n      \/* window is 2\u00d71 because two 1:1 images sit side by side *\/\n      aspect-ratio: 2 \/ 1;\n      position: relative;\n    }\n    \/* Track: horizontal strip; always 2 \u00d7 1:1 images visible, no gap *\/\n    .kc-expo-track {\n      display: flex;\n      flex-wrap: nowrap;\n      height: 100%;\n      will-change: transform;\n    }\n    .kc-expo-track img {\n      flex: 0 0 auto;\n      height: 100%;\n      width: auto;\n      aspect-ratio: 1 \/ 1;\n      object-fit: cover;\n      object-position: center;\n      display: block;\n      background: #0d1f2e;\n    }\n    @media (prefers-reduced-motion: reduce) {\n      .kc-expo-track { transition: none !important; }\n    }\n\n    \/* ========== RESPONSIVE ========== *\/\n    @media (max-width: 980px) {\n      .section-head,\n      .intro-grid,\n      .mission-wrap,\n      .why-grid,\n      .kc-certificates__grid { grid-template-columns: 1fr; }\n      .why-list { grid-template-columns: 1fr; }\n      .factory-panel { flex-direction: column; }\n      .factory-copy { flex: 1 1 auto; }\n      .factory-gallery-single {\n        flex: 1 1 auto;\n        min-height: 280px;\n        aspect-ratio: 16 \/ 10;\n      }\n      .brand-cards { grid-template-columns: 1fr; }\n      .portfolio-summary { grid-template-columns: 1fr; }\n      .intro-visual { min-height: 380px; }\n      .factory-thumbs { grid-template-columns: 1fr 1fr; }\n      .kc-results__top { display: block; }\n      .kc-results__top > p { margin-top: 20px; text-align: left; }\n      .kc-results__grid { grid-template-columns: repeat(2, 1fr); margin-top: 34px; }\n      .kc-expo-grid { grid-template-columns: 1fr; }\n      .kc-cert-badges { grid-template-columns: repeat(2, 1fr); }\n      .team-grid { flex-wrap: wrap; }\n      .team-card { min-width: 200px; flex: 0 0 calc(50% - 15px); }\n    }\n    @media (max-width: 640px) {\n      .container { width: min(var(--max), calc(100% - var(--page-gap) - var(--page-gap))); }\n      .hero { padding-top: 4rem; min-height: 70vh; }\n      .hero-play { width: 96px; height: 96px; }\n      .hero-play .play-core { width: 60px; height: 60px; }\n      .factory-thumbs { grid-template-columns: 1fr 1fr; }\n      .values { grid-template-columns: 1fr; }\n      .kc-capacity { grid-template-columns: 1fr; }\n      .team-card { flex: 0 0 100%; }\n    .kc-about-page section { padding: 4.5rem 0; }\n    }\n  \n\n    \/* WordPress theme isolation *\/\n    .kc-about-page {\n      width: 100%;\n      max-width: none;\n      margin: 0;\n      padding: 0;\n      overflow-x: hidden;\n    }\n    .entry-content .kc-about-page,\n    .ct-container .kc-about-page,\n    .wp-block-post-content .kc-about-page {\n      max-width: none !important;\n    }\n    \/* kc-about-hide-theme-title *\/\n    body.page-id-1039 .entry-header,\n    body.page-id-1039 .page-title,\n    body.page-id-1039 .ct-page-title-section,\n    body.page-id-1039 .hero-section[data-type=\"type-1\"],\n    body.postid-1039 .entry-header { display: none !important; }\n    body.page-id-1039 .entry-content { max-width: none !important; width: 100% !important; padding-left: 0 !important; padding-right: 0 !important; }\n<\/style>\n\n\n\n<!-- 00-wrapper-open.html -->\n<div class=\"kc-about-page\" id=\"kc-about-page\">\n<main id=\"top\">\n\n\n\n<!-- KCVENTS About module: Hero -->\n<!-- ========== 1. HERO ========== -->\n    <section class=\"hero\" aria-label=\"Company introduction\">\n      <div class=\"hero-media\" aria-hidden=\"true\">\n        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/07\/About-banner-1.webp\" alt=\"\" style=\"transform: scale(1.02) translateY(0);\">\n      <\/div>\n      <div class=\"hero-content\">\n        <a class=\"hero-play\" href=\"https:\/\/youtu.be\/esqroqCN6cY\" data-video-open=\"\" data-lightbox-type=\"iframe\" aria-label=\"Play company video\" target=\"_blank\" rel=\"noopener\">\n          <span class=\"play-core\"><\/span>\n        <\/a>\n        <h1>\n          KCvents: Engineering Better Air Movement &amp; Recovery\n        <\/h1>\n        <p class=\"hero-copy\">KCVENTS supplies ERV\/HRV systems, duct fans, exhaust fans, air curtains and related ventilation products from China.<\/p>\n      <\/div>\n    <\/section>\n\n\n\n<!-- KCVENTS About module: Who We Are -->\n<!-- ========== 2. WHO WE ARE ========== -->\n    <section id=\"about\">\n      <div class=\"container\">\n        <div class=\"intro-grid\">\n          <!-- Left image -->\n          <figure class=\"glass intro-visual reveal\">\n            <img decoding=\"async\"\n              src=\"\/wp-content\/uploads\/2026\/07\/About-chichvac.webp\"\n              alt=\"CHIC HVAC manufacturing in China\">\n            <div class=\"floating-card\">\n              <div>\n                <strong>Closed-loop production<\/strong>\n                <span>Design \u2192 tooling \u2192 assembly \u2192 QC<\/span>\n              <\/div>\n              <div>\n                <strong>Export mindset<\/strong>\n                <span>Specs, certs &amp; packaging for EU\/US<\/span>\n              <\/div>\n            <\/div>\n          <\/figure>\n\n          <!-- Right text: Who we are + Our services (merged section-head) -->\n          <article class=\"glass intro-copy reveal\">\n            <div class=\"eyebrow\">Who we are<\/div>\n            <h2>KCVENTS is a B2B ventilation brand built for long-term partners<\/h2>\n            <p class=\"intro-lead\">\n              KCVENTS supports distributors, contractors, project buyers and OEM\/ODM brands with ventilation\n              products, technical documentation and China-based production resources.\n            <\/p>\n            <div class=\"eyebrow\" style=\"margin-top:.6rem\">Our services<\/div>\n            <h3>Ventilation manufacturing within the CHIC HVAC group<\/h3>\n            <p>\n              CHIC HVAC has worked in ventilation manufacturing since 2012. Our portfolio covers fresh-air\n              and heat-recovery ventilation, inline and exhaust fans, air curtains, cabinet fans and related\n              products for residential, commercial and project applications.\n            <\/p>\n            <p style=\"margin-top:.6rem\">\n              KCVENTS serves distributors, contractors, project buyers and OEM\/ODM partners across 50+\n              countries and regions. <strong style=\"color:#0b1220\">ECVENTS<\/strong> is the group\u2019s factory-direct\n              e-commerce channel, while KCVENTS remains the primary B2B brand and corporate gateway.\n            <\/p>\n          <\/article>\n        <\/div>\n      <\/div>\n    <\/section>\n\n\n\n<!-- KCVENTS About module: Proven Results -->\n<!-- ========== 3. PROVEN RESULTS ========== -->\n    <section class=\"kc-results\" aria-labelledby=\"kc-results-title\">\n      <div class=\"container\">\n        <div class=\"kc-results__top reveal\">\n          <div>\n            <div class=\"eyebrow\">Proven results<\/div>\n            <h2 id=\"kc-results-title\">Built on experience, documentation and delivery discipline<\/h2>\n          <\/div>\n          <p>Since 2012, we have combined product development, production control, quality documentation and export delivery to support long-term B2B programs.<\/p>\n        <\/div>\n\n        <div class=\"kc-results__grid\" data-kc-counter-container>\n          <article class=\"kc-result reveal\">\n            <strong data-kc-count=\"2012\">2012<\/strong>\n            <small>Founded in<\/small>\n          <\/article>\n          <article class=\"kc-result reveal\">\n            <strong data-kc-count=\"50\" data-kc-suffix=\"+\">50<span>+<\/span><\/strong>\n            <small>Countries &amp; regions served<\/small>\n          <\/article>\n          <article class=\"kc-result reveal\">\n            <strong data-kc-count=\"30\" data-kc-suffix=\"+\">30<span>+<\/span><\/strong>\n            <small>R&amp;D projects<\/small>\n          <\/article>\n          <article class=\"kc-result reveal\">\n            <strong data-kc-count=\"8000\" data-kc-suffix=\"+\">8,000<span>+<\/span><\/strong>\n            <small>Customers worldwide<\/small>\n          <\/article>\n        <\/div>\n\n        <div class=\"kc-capacity reveal\">\n          <div><strong>Design \u2192 tooling \u2192 assembly \u2192 QC<\/strong><span>Integrated manufacturing workflow<\/span><\/div>\n          <div><strong>Technical documentation<\/strong><span>Specs, certification files and project support<\/span><\/div>\n          <div><strong>Export-ready delivery<\/strong><span>Packaging and shipment coordination<\/span><\/div>\n        <\/div>\n      <\/div>\n    <\/section>\n\n\n\n<!-- KCVENTS About module: Product Portfolio -->\n<!-- ========== 5. PRODUCT PORTFOLIO ========== -->\n<section class=\"brands\" id=\"products\">\n  <div class=\"container\">\n    <div class=\"section-head reveal\">\n      <div>\n        <div class=\"eyebrow\">Product portfolio<\/div>\n        <h2>Ventilation products for residential, commercial and project applications<\/h2>\n      <\/div>\n      <p>\n        A complete ventilation range for individual buyers, distributors, contractors and OEM brands, from\n        parts and accessories to residential, commercial and industrial ventilation applications.\n      <\/p>\n    <\/div>\n    <div class=\"portfolio-summary reveal\">\n      <div>\n        <h3>Ventilation solutions across the full product range<\/h3>\n        <p>KCVENTS currently publishes whole-house ERV\/HRV, single-room HRV, inline duct fans, exhaust fans, air curtains, cabinet fans, dehumidification products, and ventilation parts and accessories.<\/p>\n      <\/div>\n      <div class=\"portfolio-tags\" aria-label=\"KCVENTS product families\">\n        <span>Whole-house ERV\/HRV<\/span><span>Single-room HRV<\/span><span>Inline duct fans<\/span>\n        <span>Exhaust fans<\/span><span>Air curtains<\/span><span>Cabinet fans<\/span><span>Dehumidifiers<\/span><span>Parts &amp; accessories<\/span>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n\n\n<!-- KCVENTS About module: OEM \/ Why Partners -->\n<!-- ========== 7. OEM \/ WHY PARTNERS ========== -->\n    <section id=\"why\">\n      <div class=\"container\">\n        <div class=\"section-head reveal\">\n          <div>\n            <div class=\"eyebrow\">Why partners choose us<\/div>\n            <h2>Built for distributors, contractors &amp; OEM brands<\/h2>\n          <\/div>\n          <p>\n            KCVENTS helps distributors, contractors and OEM\/ODM brands source, specify and launch ventilation\n            products with customization, multi-market compliance support and dependable after-sales coverage.\n          <\/p>\n        <\/div>\n\n        <div class=\"why-grid\">\n          <div class=\"why-list reveal\">\n            <article class=\"why-item\">\n              <div class=\"idx\">01<\/div>\n              <div>\n                <h3>OEM\/ODM &amp; private label<\/h3>\n                <p>\n                  Build your own ventilation line with private labeling, tailored product options and regional\n                  electrical configurations for the right model and market.\n                <\/p>\n              <\/div>\n            <\/article>\n            <article class=\"why-item\">\n              <div class=\"idx\">02<\/div>\n              <div>\n                <h3>Multi-market compliance support<\/h3>\n                <p>Support for country-specific requirements, including product specifications, certification files, packaging information and shipment documents for your target market.<\/p>\n              <\/div>\n            <\/article>\n            <article class=\"why-item\">\n              <div class=\"idx\">03<\/div>\n              <div>\n                <h3>Project supply &amp; technical submittals<\/h3>\n                <p>\n                  Keep projects moving with product selection, parameter validation, technical submittals,\n                  MOQ planning and staged delivery aligned to your project schedule.\n                <\/p>\n              <\/div>\n            <\/article>\n            <article class=\"why-item\">\n              <div class=\"idx\">04<\/div>\n              <div>\n                <h3>1-year system + 3-year motor warranty<\/h3>\n                <p>\n                  All KCVENTS products include a 1-year full-system warranty and a 3-year motor warranty.\n                  Bulk orders can receive spare-parts support and 1-on-1 remote engineering assistance.\n                <\/p>\n              <\/div>\n            <\/article>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/section>\n\n\n\n<!-- KCVENTS About module: Certificates -->\n<!-- ========== 8. CERTIFICATES ========== -->\n    <section class=\"kc-certificates\" aria-labelledby=\"kc-certificates-title\">\n      <div class=\"container kc-certificates__grid\">\n        <div class=\"reveal\">\n          <div class=\"eyebrow\">Certificates<\/div>\n          <h2 id=\"kc-certificates-title\">Quality that meets the highest criteria<\/h2>\n          <p class=\"kc-certificates__copy\">\n            Certification and test documentation are provided according to the product model and target\n            market. Ask our team for the applicable files during product selection or project review.\n          <\/p>\n          <div class=\"kc-cert-badges\" aria-label=\"Quality credentials\">\n            <div class=\"kc-cert-badge\">cETLus (ETL)<\/div>\n            <div class=\"kc-cert-badge\">CB Scheme (CB)<\/div>\n            <div class=\"kc-cert-badge\">SAA<\/div>\n            <div class=\"kc-cert-badge\">CE<\/div>\n            <div class=\"kc-cert-badge\">UKCA<\/div>\n            <div class=\"kc-cert-badge\">ISO 9001<\/div>\n            <div class=\"kc-cert-badge\">RoHS<\/div>\n            <div class=\"kc-cert-badge\">IEC<\/div>\n          <\/div>\n          <p class=\"kc-cert-note\">Availability and scope vary by product model and market.<\/p>\n        <\/div>\n        <div class=\"reveal\">\n          <button type=\"button\" class=\"kc-cert-image\" data-cert-open aria-label=\"View certificates full size\">\n            <img\nsrc=\"\/wp-content\/uploads\/2026\/07\/kcvents-about-certificates.webp\"\n              alt=\"KCVENTS product certificates\"\n              loading=\"lazy\">\n            <span class=\"kc-cert-enlarge\">\n              <svg viewBox=\"0 0 24 24\"><circle cx=\"11\" cy=\"11\" r=\"7\"><\/circle><path d=\"M20 20l-3-3\"><\/path><path d=\"M11 8v6M8 11h6\"><\/path><\/svg>\n              Click to enlarge\n            <\/span>\n          <\/button>\n        <\/div>\n      <\/div>\n    <\/section>\n\n\n\n<!-- KCVENTS About module: Factories & HQ -->\n<!-- ========== 6. FACTORIES & HQ ========== -->\n    <section id=\"factory\">\n      <div class=\"container\">\n        <div class=\"factory-panel\">\n          <div class=\"factory-copy reveal\">\n            <div>\n              <div class=\"eyebrow\">Factories &amp; HQ<\/div>\n            <h2>China-based engineering and production resources<\/h2>\n              <p>\n                Our production workflow is organized around product development, tooling, assembly,\n                quality documentation and export delivery. Public company information lists production\n                facilities in Foshan, Guangdong and Zhejiang, supported by a Shenzhen headquarters.\n              <\/p>\n            <\/div>\n            <div class=\"loc-list\">\n              <!-- HQ first -->\n              <div class=\"loc\">\n                <div class=\"loc-dot\">HQ<\/div>\n                <div>\n                  <strong>Headquarters \u00b7 Shenzhen<\/strong>\n                  <span>2nd Floor, Building B, No.107 Huasheng Road, Longhua District, Shenzhen<\/span>\n                <\/div>\n              <\/div>\n              <div class=\"loc\">\n                <div class=\"loc-dot\">GD<\/div>\n                <div>\n                  <strong>Factory \u00b7 Guangdong<\/strong>\n                  <span>Yanghe Town, Gaoming District, Foshan, China<\/span>\n                <\/div>\n              <\/div>\n              <div class=\"loc\">\n                <div class=\"loc-dot\">ZJ<\/div>\n                <div>\n                  <strong>Factory \u00b7 Zhejiang<\/strong>\n                  <span>Taizhou \/ Shengzhou City, Zhejiang, China<\/span>\n                <\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n\n          <!-- Single large image on the right -->\n          <div class=\"factory-gallery-single reveal\">\n            <img decoding=\"async\"\n              src=\"\/wp-content\/uploads\/2026\/07\/kcvents-HVAC-factory-logo.webp\"\n              alt=\"KCVENTS HVAC factory campus\">\n          <\/div>\n        <\/div>\n\n        <!-- Four thumbs with hover zoom -->\n        <div class=\"factory-thumbs reveal\" id=\"factoryThumbs\">\n          <figure class=\"g\">\n<img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/07\/kcvents-about-factory-production-line.webp\" alt=\"Factory production line\" loading=\"lazy\">\n          <\/figure>\n          <figure class=\"g\">\n<img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/07\/kcvents-about-factory-operations.webp\" alt=\"Factory operations\" loading=\"lazy\">\n          <\/figure>\n          <figure class=\"g\">\n<img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/07\/kcvents-about-factory-equipment.webp\" alt=\"Factory equipment\" loading=\"lazy\">\n          <\/figure>\n          <figure class=\"g\">\n<img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/07\/kcvents-about-factory-campus.webp\" alt=\"Factory campus\" loading=\"lazy\">\n          <\/figure>\n        <\/div>\n      <\/div>\n    <\/section>\n\n\n\n<!-- KCVENTS About module: Global Exhibitions -->\n<!-- ========== 10. GLOBAL EXHIBITIONS ========== -->\n    <section class=\"kc-exhibitions\" aria-labelledby=\"kc-expo-title\">\n      <div class=\"container\">\n        <div class=\"section-head reveal\">\n          <div>\n            <div class=\"eyebrow\">Global exhibitions &amp; recognition<\/div>\n            <h2 id=\"kc-expo-title\">Meeting partners around the world<\/h2>\n          <\/div>\n          <p>\n            Our team uses international exhibitions to meet distributors, review market requirements and\n            present selected ventilation solutions. Event names and years are shown only where the\n            participation record is confirmed.\n          <\/p>\n        <\/div>\n\n        <div class=\"kc-expo-grid\" data-expo-grid>\n          <!-- Top-Left: 5 images -->\n          <article class=\"kc-expo-window\">\n            <div class=\"kc-expo-track\" data-expo-track>\n              <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/08\/kcvents-hvac-exhibition-customer-group-photo-01.webp\" alt=\"KCVENTS HVAC team with a customer at a ventilation equipment exhibition booth\" loading=\"lazy\">\n              <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/08\/kcvents-hvac-exhibition-customer-group-photo-02.webp\" alt=\"KCVENTS HVAC representative with a visitor at a ventilation product exhibition\" loading=\"lazy\">\n              <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/08\/kcvents-hvac-exhibition-customer-group-photo-03.webp\" alt=\"KCVENTS HVAC exhibition team with international visitors at the ventilation booth\" loading=\"lazy\">\n              <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/08\/kcvents-hvac-exhibition-customer-group-photo-04.webp\" alt=\"KCVENTS HVAC representative with customers at a ventilation equipment exhibition\" loading=\"lazy\">\n              <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/08\/kcvents-hvac-refrigeration-hvac-indonesia-2023-jakarta.webp\" alt=\"KCVENTS HVAC ventilation products at Refrigeration and HVAC Indonesia 2023 in Jakarta\" loading=\"lazy\">\n            <\/div>\n          <\/article>\n\n          <!-- Top-Right: 4 images -->\n          <article class=\"kc-expo-window\">\n            <div class=\"kc-expo-track\" data-expo-track>\n              <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/08\/kcvents-hvac-exhibition-customer-group-photo-05.webp\" alt=\"KCVENTS HVAC team with visitors at an international ventilation exhibition\" loading=\"lazy\">\n              <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/08\/kcvents-hvac-exhibition-customer-group-photo-06.webp\" alt=\"KCVENTS HVAC representative and customer at a ventilation equipment booth\" loading=\"lazy\">\n              <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/08\/kcvents-hvac-exhibition-customer-group-photo-07.webp\" alt=\"KCVENTS HVAC team with exhibition visitors and ventilation product displays\" loading=\"lazy\">\n              <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/08\/kcvents-hvac-exhibition-customer-group-photo-08.webp\" alt=\"KCVENTS HVAC team with international customers at an exhibition booth\" loading=\"lazy\">\n            <\/div>\n          <\/article>\n\n          <!-- Bottom-Left: 4 images -->\n          <article class=\"kc-expo-window\">\n            <div class=\"kc-expo-track\" data-expo-track>\n              <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/08\/kcvents-hvac-ahr-expo-mexico-2025-monterrey-mexico.webp\" alt=\"KCVENTS HVAC at AHR Expo Mexico 2025 in Monterrey Mexico\" loading=\"lazy\">\n              <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/08\/kcvents-hvac-febrava-2025-sao-paulo-brazil.webp\" alt=\"KCVENTS HVAC at FEBRAVA 2025 in Sao Paulo Brazil\" loading=\"lazy\">\n              <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/08\/kcvents-hvac-bangkok-rhvac-2024-bangkok-thailand.webp\" alt=\"KCVENTS HVAC at Bangkok RHVAC 2024 in Bangkok Thailand\" loading=\"lazy\">\n              <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/08\/kcvents-hvac-canton-fair-2024-guangzhou-china.webp\" alt=\"KCVENTS HVAC ventilation products at Canton Fair 2024 in Guangzhou China\" loading=\"lazy\">\n            <\/div>\n          <\/article>\n\n          <!-- Bottom-Right: 5 images -->\n          <article class=\"kc-expo-window\">\n            <div class=\"kc-expo-track\" data-expo-track>\n              <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/08\/kcvents-hvac-ahr-expo-2025-orlando-united-states.webp\" alt=\"KCVENTS HVAC at AHR Expo 2025 in Orlando United States\" loading=\"lazy\">\n              <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/08\/kcvents-hvac-crh-2024-beijing-china-01.webp\" alt=\"KCVENTS HVAC at CRH 2024 in Beijing China\" loading=\"lazy\">\n              <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/08\/kcvents-hvac-crh-2024-beijing-china-02.webp\" alt=\"KCVENTS HVAC ventilation equipment at CRH 2024 in Beijing China\" loading=\"lazy\">\n              <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/08\/kcvents-hvac-refrigeration-hvac-indonesia-2023-jakarta-01.webp\" alt=\"KCVENTS HVAC at Refrigeration and HVAC Indonesia 2023 in Jakarta Indonesia\" loading=\"lazy\">\n              <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/08\/kcvents-hvac-febrava-2023-sao-paulo-brazil.webp\" alt=\"KCVENTS HVAC at FEBRAVA 2023 in Sao Paulo Brazil\" loading=\"lazy\">\n            <\/div>\n          <\/article>\n        <\/div>\n      <\/div>\n    <\/section>\n\n\n\n<!-- KCVENTS About module: Export Specialists -->\n<!-- ========== 9. EXPORT SPECIALISTS \/ LINKEDIN ========== -->\n    <section id=\"team\">\n      <div class=\"container\">\n        <div class=\"section-head reveal\">\n          <div>\n            <div class=\"eyebrow\">Export specialists<\/div>\n            <h2>Connect with our sales experts<\/h2>\n          <\/div>\n          <p>\n            Specialists across sales, technical support, and business development \u2014 ready to support\n            specifications, OEM discussions, and project quotations. Send us your product list, target\n            market or project brief and our team will follow up with the next steps.\n          <\/p>\n        <\/div>\n\n        <div class=\"team-grid reveal\">\n          <div class=\"team-card\">\n            <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/08\/benny.webp\" alt=\"Benny Huang\" class=\"team-photo\">\n            <h3>Benny<\/h3>\n            <p>Senior Sales Manager<\/p>\n            <a href=\"https:\/\/www.linkedin.com\/in\/benny-huang-935479312\/\" target=\"_blank\" rel=\"noopener\" class=\"linkedin-btn\">LinkedIn<\/a>\n          <\/div>\n          <div class=\"team-card\">\n            <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/08\/kyle-lee.webp\" alt=\"Kyle Lee\" class=\"team-photo\">\n            <h3>Kyle Lee<\/h3>\n            <p>Export Specialist<\/p>\n            <a href=\"https:\/\/www.linkedin.com\/in\/kyle-lee-814050210\/\" target=\"_blank\" rel=\"noopener\" class=\"linkedin-btn\">LinkedIn<\/a>\n          <\/div>\n          <div class=\"team-card\">\n            <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/08\/wei.webp\" alt=\"Wei Rongwei\" class=\"team-photo\">\n            <h3>Wei<\/h3>\n            <p>Technical Sales<\/p>\n            <a href=\"https:\/\/www.linkedin.com\/in\/wei-rongwei-29a048105\/\" target=\"_blank\" rel=\"noopener\" class=\"linkedin-btn\">LinkedIn<\/a>\n          <\/div>\n          <div class=\"team-card\">\n            <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/08\/archer-long.webp\" alt=\"Archer Long\" class=\"team-photo\">\n            <h3>Archer Long<\/h3>\n            <p>Business Development<\/p>\n            <a href=\"https:\/\/www.linkedin.com\/in\/archer-long-603489193\/\" target=\"_blank\" rel=\"noopener\" class=\"linkedin-btn\">LinkedIn<\/a>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/section>\n\n\n\n<!-- KCVENTS About module: Purpose & Vision -->\n<!-- ========== 4. PURPOSE \/ VISION ========== -->\n    <section id=\"mission\">\n      <div class=\"container mission-wrap\">\n        <figure class=\"mission-hero reveal\">\n          <img\nsrc=\"\/wp-content\/uploads\/2026\/07\/kcvents-about-purpose-air-quality.webp\"\n            alt=\"Healthy indoor airflow visualization\">\n          <div class=\"overlay\">\n            <div class=\"eyebrow\">Purpose<\/div>\n            <h3>Healthier breathing. Greener future.<\/h3>\n            <p class=\"muted\" style=\"max-width:38ch\">\n              We protect respiratory health through better air quality \u2014 with energy-efficient EC motor\n              solutions and systems aligned to global IAQ expectations.\n            <\/p>\n          <\/div>\n        <\/figure>\n\n        <div class=\"mission-stack reveal\">\n          <article class=\"mission-card\">\n            <h4><i><\/i>Vision<\/h4>\n            <p>Lead the world in green ventilation and healthy air \u2014 delivering systems that partners can specify with confidence.<\/p>\n          <\/article>\n          <article class=\"mission-card\">\n            <h4><i><\/i>Mission<\/h4>\n            <p>Dedicated to ventilation technology, we improve air quality and safeguard every breath while supporting distributors and OEMs with reliable manufacturing.<\/p>\n          <\/article>\n          <article class=\"mission-card\">\n            <h4><i><\/i>Core values<\/h4>\n            <div class=\"values\">\n              <div class=\"value\"><strong>Customer first<\/strong><span>Service excellence for every partner<\/span><\/div>\n              <div class=\"value\"><strong>Innovation driven<\/strong><span>R&amp;D and continuous improvement<\/span><\/div>\n              <div class=\"value\"><strong>Hard work creates value<\/strong><span>Pragmatic engineering culture<\/span><\/div>\n              <div class=\"value\"><strong>Shared success<\/strong><span>Long-term partnership mindset<\/span><\/div>\n            <\/div>\n          <\/article>\n        <\/div>\n      <\/div>\n    <\/section>\n\n\n\n<!-- KCVENTS About module: Group Brands -->\n<!-- ========== 5. GROUP BRANDS ========== -->\n    <section class=\"brands\" id=\"brands\">\n      <div class=\"container\">\n        <div class=\"section-head reveal\">\n          <div>\n            <div class=\"eyebrow\">Group brands<\/div>\n            <h2>One industrial group. Three focused product platforms.<\/h2>\n          <\/div>\n          <p>\n            CHIC HVAC operates specialized brands so partners can source the right portfolio\n            for residential IAQ, commercial ventilation, or industrial climate projects.\n          <\/p>\n        <\/div>\n        <div class=\"brand-cards\">\n          <article class=\"brand-card featured reveal\">\n            <div>\n              <span class=\"tag\">B2B flagship<\/span>\n              <h3>KCVENTS<\/h3>\n              <p>\n                KCVENTS is the B2B ventilation brand for residential, light-commercial and selected project\n                applications, covering ERV\/HRV, fresh-air systems, inline and exhaust fans, air curtains,\n                cabinet fans and accessories.\n              <\/p>\n            <\/div>\n            <div class=\"pill-row\">\n              <span class=\"pill\">Distributor programs<\/span>\n            <\/div>\n          <\/article>\n          <article class=\"brand-card reveal\">\n            <div>\n              <span class=\"tag\">Smart IAQ<\/span>\n              <h3>\n                <a href=\"https:\/\/www.beiaole.com\/\" target=\"_blank\" rel=\"noopener\" title=\"BEIAOLE \u2014 Smart ventilation &amp; purification for modern living\" data-tip=\"BEIAOLE \u2014 Smart ventilation &amp; purification for modern living\">\n                  <span class=\"initial-b\">B<\/span>EIAOLE\n                <\/a>\n              <\/h3>\n              <p>\n                Smart ventilation and purification products designed for modern living spaces \u2014\n                complementary to the KCvents residential portfolio.\n              <\/p>\n            <\/div>\n            <div class=\"pill-row\">\n              <span class=\"pill\">\n                <a href=\"https:\/\/www.beiaole.com\/\" target=\"_blank\" rel=\"noopener\" title=\"Visit beiaole.com\" data-tip=\"Visit beiaole.com\">beiaole.com \u2192<\/a>\n              <\/span>\n            <\/div>\n          <\/article>\n          <article class=\"brand-card reveal\">\n            <div>\n              <span class=\"tag\">Industrial<\/span>\n              <h3>\n                <a href=\"https:\/\/www.linggongshare.com\/\" target=\"_blank\" rel=\"noopener\" title=\"LINGGONG \u2014 Industrial HVAC, heating &amp; dehumidification\" data-tip=\"LINGGONG \u2014 Industrial HVAC, heating &amp; dehumidification\">\n                  <span class=\"initial-l\">L<\/span>INGGONG\n                <\/a>\n              <\/h3>\n              <p>\n                Robust heating, industrial air conditioning, dehumidification, and heavy-duty climate\n                control systems for commercial and industrial projects.\n              <\/p>\n            <\/div>\n            <div class=\"pill-row\">\n              <span class=\"pill\">\n                <a href=\"https:\/\/www.linggongshare.com\/\" target=\"_blank\" rel=\"noopener\" title=\"Visit linggongshare.com\" data-tip=\"Visit linggongshare.com\">linggongshare.com \u2192<\/a>\n              <\/span>\n            <\/div>\n          <\/article>\n        <\/div>\n      <\/div>\n    <\/section>\n\n\n\n<!-- KCVENTS About Us: lightbox modals -->\n<\/main>\n<!-- Certificate lightbox modal -->\n  <div class=\"kc-cert-modal\" data-cert-modal role=\"dialog\" aria-modal=\"true\" aria-label=\"Certificate preview\" aria-hidden=\"true\">\n    <button type=\"button\" data-cert-close aria-label=\"Close certificate preview\">&times;<\/button>\n<img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/07\/kcvents-about-certificates.webp\" alt=\"KCVENTS product certificates enlarged\">\n  <\/div>\n\n  <!-- YouTube video lightbox modal -->\n  <div class=\"video-modal\" data-video-modal role=\"dialog\" aria-modal=\"true\" aria-label=\"Company video\" aria-hidden=\"true\">\n    <div class=\"video-modal__dialog\">\n      <button type=\"button\" class=\"video-modal__close\" data-video-close aria-label=\"Close video\">&times;<\/button>\n      <iframe\n        data-video-frame\n        src=\"\"\n        title=\"KCVENTS company video\"\n        allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\"\n        allowfullscreen\n        referrerpolicy=\"strict-origin-when-cross-origin\"><\/iframe>\n    <\/div>\n  <\/div>\n\n\n\n<!-- KCVENTS About Us: interactions -->\n<script>\n(function () {\n      \/\/ Reveal on scroll\n      var io = new IntersectionObserver(function (entries) {\n        entries.forEach(function (e) {\n          if (e.isIntersecting) e.target.classList.add('in');\n        });\n      }, { threshold: 0.12, rootMargin: '0px 0px -40px 0px' });\n      document.querySelectorAll('.reveal').forEach(function (el) { io.observe(el); });\n\n      \/\/ Hero parallax\n      var heroImg = document.querySelector('.hero-media img');\n      window.addEventListener('scroll', function () {\n        if (!heroImg) return;\n        var y = Math.min(window.scrollY, 600);\n        heroImg.style.transform = 'scale(1.02) translateY(' + (y * 0.1) + 'px)';\n      }, { passive: true });\n\n      \/\/ YouTube video modal (lightbox)\n      var videoOpen = document.querySelector('[data-video-open]');\n      var videoModal = document.querySelector('[data-video-modal]');\n      var videoClose = document.querySelector('[data-video-close]');\n      var videoFrame = document.querySelector('[data-video-frame]');\n      var videoSrc = 'https:\/\/www.youtube.com\/embed\/esqroqCN6cY?autoplay=1&rel=0';\n      function openVideo(e) {\n        if (e) e.preventDefault();\n        if (!videoModal || !videoFrame) return;\n        videoFrame.src = videoSrc;\n        videoModal.classList.add('is-open');\n        videoModal.setAttribute('aria-hidden', 'false');\n        document.body.style.overflow = 'hidden';\n      }\n      function closeVideo() {\n        if (!videoModal || !videoFrame) return;\n        videoModal.classList.remove('is-open');\n        videoModal.setAttribute('aria-hidden', 'true');\n        videoFrame.src = '';\n        document.body.style.overflow = '';\n      }\n      if (videoOpen) videoOpen.addEventListener('click', openVideo);\n      if (videoClose) videoClose.addEventListener('click', closeVideo);\n      if (videoModal) {\n        videoModal.addEventListener('click', function (event) {\n          if (event.target === videoModal) closeVideo();\n        });\n      }\n      document.addEventListener('keydown', function (event) {\n        if (event.key === 'Escape' && videoModal && videoModal.classList.contains('is-open')) closeVideo();\n      });\n\n      \/\/ Results counters\n      var counterArea = document.querySelector('[data-kc-counter-container]');\n      var hasCounted = false;\n      function formatNumber(value) { return value.toLocaleString('en-US'); }\n      function startCounters() {\n        if (hasCounted) return;\n        hasCounted = true;\n        document.querySelectorAll('[data-kc-count]').forEach(function (element) {\n          var target = Number(element.getAttribute('data-kc-count'));\n          var suffix = element.getAttribute('data-kc-suffix') || '';\n          var start = null;\n          var duration = 1450;\n          function update(now) {\n            if (!start) start = now;\n            var progress = Math.min((now - start) \/ duration, 1);\n            var eased = 1 - Math.pow(1 - progress, 3);\n            element.innerHTML = formatNumber(Math.round(target * eased)) + '<span>' + suffix + '<\/span>';\n            if (progress < 1) window.requestAnimationFrame(update);\n          }\n          element.innerHTML = '0<span>' + suffix + '<\/span>';\n          window.requestAnimationFrame(update);\n        });\n      }\n      if ('IntersectionObserver' in window && counterArea) {\n        var counterIo = new IntersectionObserver(function (entries) {\n          if (entries[0].isIntersecting) { startCounters(); counterIo.disconnect(); }\n        }, { threshold: 0.2 });\n        counterIo.observe(counterArea);\n      } else {\n        startCounters();\n      }\n\n      \/\/ Certificate modal\n      var certOpen = document.querySelector('[data-cert-open]');\n      var certModal = document.querySelector('[data-cert-modal]');\n      var certClose = document.querySelector('[data-cert-close]');\n      if (certOpen && certModal && certClose) {\n        function openModal() {\n          certModal.classList.add('is-open');\n          certModal.setAttribute('aria-hidden', 'false');\n          document.body.style.overflow = 'hidden';\n        }\n        function closeModal() {\n          certModal.classList.remove('is-open');\n          certModal.setAttribute('aria-hidden', 'true');\n          document.body.style.overflow = '';\n        }\n        certOpen.addEventListener('click', openModal);\n        certClose.addEventListener('click', closeModal);\n        certModal.addEventListener('click', function (event) {\n          if (event.target === certModal) closeModal();\n        });\n        document.addEventListener('keydown', function (event) {\n          if (event.key === 'Escape' && certModal.classList.contains('is-open')) closeModal();\n        });\n      }\n\n      \/\/ Global exhibitions: master-timer multi-track sync\n      \/\/ Cycle = transition 4s + pause 1s = 5s; always 2 images visible (1:1 each); seamless loop\n      (function initExpoCarousel() {\n        var TRANSITION_MS = 4000;\n        var PAUSE_MS = 1000;\n        var EASE = 'cubic-bezier(.6, 0, .25, 1)';\n        var tracks = Array.prototype.slice.call(document.querySelectorAll('[data-expo-track]'));\n        if (!tracks.length) return;\n\n        var reduceMotion = window.matchMedia && window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n        var states = tracks.map(function (track) {\n          var originals = Array.prototype.slice.call(track.querySelectorAll('img'));\n          var count = originals.length;\n          \/\/ Clone first 2 images for seamless wrap (two always visible)\n          if (count >= 2) {\n            track.appendChild(originals[0].cloneNode(true));\n            track.appendChild(originals[1].cloneNode(true));\n          }\n          return { track: track, window: track.parentElement, count: count, index: 0 };\n        });\n\n        function stepPx(state) {\n          \/\/ Two 1:1 images fill the window \u2192 each image width = half the window\n          return state.window.clientWidth \/ 2;\n        }\n\n        function setOffset(state, index, animate) {\n          var px = index * stepPx(state);\n          state.track.style.transition = animate\n            ? 'transform ' + TRANSITION_MS + 'ms ' + EASE\n            : 'none';\n          state.track.style.transform = 'translate3d(-' + px + 'px, 0, 0)';\n        }\n\n        function paintAll(animate) {\n          states.forEach(function (s) { setOffset(s, s.index, animate); });\n        }\n\n        paintAll(false);\n        if (reduceMotion) return;\n\n        var timer = null;\n        function schedule(fn, ms) {\n          if (timer) window.clearTimeout(timer);\n          timer = window.setTimeout(fn, ms);\n        }\n\n        function advance() {\n          \/\/ Phase 1 \u2014 all 4 tracks slide left together\n          states.forEach(function (s) { s.index += 1; });\n          paintAll(true);\n\n          \/\/ Phase 2 \u2014 after 4s transition, snap if past end, then pause 1s\n          schedule(function () {\n            states.forEach(function (s) {\n              if (s.index >= s.count) {\n                s.index = 0;\n                setOffset(s, 0, false); \/\/ instant wrap\n              }\n            });\n            schedule(advance, PAUSE_MS);\n          }, TRANSITION_MS);\n        }\n\n        \/\/ Keep positions correct on resize\n        window.addEventListener('resize', function () {\n          paintAll(false);\n        });\n\n        \/\/ Start after an initial 1s reading pause\n        schedule(advance, PAUSE_MS);\n      }());\n    }());\n<\/script>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>KCvents is the B2B gateway of CHIC HVAC Group \u2014 designing and manufacturing advanced ventilation, ERV\/HRV, EC duct fans and industrial climate systems for partners in 45+ countries since 2012.<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_gspb_post_css":"","footnotes":""},"class_list":["post-1039","page","type-page","status-publish","hentry"],"blocksy_meta":{"has_hero_section":"disabled","vertical_spacing_source":"custom","content_area_spacing":"none","styles_descriptor":{"styles":{"desktop":"","tablet":"","mobile":""},"google_fonts":[],"version":6}},"_links":{"self":[{"href":"https:\/\/www.kcvents.com\/de\/wp-json\/wp\/v2\/pages\/1039","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.kcvents.com\/de\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.kcvents.com\/de\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.kcvents.com\/de\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.kcvents.com\/de\/wp-json\/wp\/v2\/comments?post=1039"}],"version-history":[{"count":40,"href":"https:\/\/www.kcvents.com\/de\/wp-json\/wp\/v2\/pages\/1039\/revisions"}],"predecessor-version":[{"id":4065,"href":"https:\/\/www.kcvents.com\/de\/wp-json\/wp\/v2\/pages\/1039\/revisions\/4065"}],"wp:attachment":[{"href":"https:\/\/www.kcvents.com\/de\/wp-json\/wp\/v2\/media?parent=1039"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}