{"id":2998,"date":"2026-05-04T11:39:30","date_gmt":"2026-05-04T11:39:30","guid":{"rendered":"https:\/\/hywoodfurniture.com\/?page_id=2998"},"modified":"2026-05-05T11:35:52","modified_gmt":"2026-05-05T11:35:52","slug":"about","status":"publish","type":"page","link":"https:\/\/hywoodfurniture.com\/it\/about\/","title":{"rendered":"Circa"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"2998\" class=\"elementor elementor-2998\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-07644fb e-con-full e-flex e-con e-parent\" data-id=\"07644fb\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d1bc9a3 elementor-widget elementor-widget-html\" data-id=\"d1bc9a3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\n<link rel=\"preconnect\" href=\"https:\/\/hywoodfurniture.com\" crossorigin><link rel=\"preload\" as=\"image\" href=\"https:\/\/hywoodfurniture.com\/wp-content\/uploads\/2026\/04\/Compress_751-768x320.webp\" fetchpriority=\"high\"><style>.hy-about \/*! tailwindcss v4.1.13 | MIT License | https:\/\/tailwindcss.com *\/\n@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-space-x-reverse:0;--tw-divide-y-reverse:0;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-ease:initial}}}@layer theme{.hy-about,.hy-about{--font-sans:ui-sans-serif,system-ui,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\",\"Segoe UI Symbol\",\"Noto Color Emoji\";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,\"Liberation Mono\",\"Courier New\",monospace;--color-red-50:oklch(97.1% .013 17.38);--color-red-100:oklch(93.6% .032 17.717);--color-red-400:oklch(70.4% .191 22.216);--color-red-500:oklch(63.7% .237 25.331);--color-red-600:oklch(57.7% .245 27.325);--color-red-700:oklch(50.5% .213 27.518);--color-amber-50:oklch(98.7% .022 95.277);--color-amber-400:oklch(82.8% .189 84.429);--color-amber-500:oklch(76.9% .188 70.08);--color-amber-600:oklch(66.6% .179 58.318);--color-green-50:oklch(98.2% .018 155.826);--color-green-100:oklch(96.2% .044 156.743);--color-green-400:oklch(79.2% .209 151.711);--color-green-500:oklch(72.3% .219 149.579);--color-green-600:oklch(62.7% .194 149.214);--color-green-700:oklch(52.7% .154 150.069);--color-green-800:oklch(44.8% .119 151.328);--color-emerald-400:oklch(76.5% .177 163.223);--color-emerald-500:oklch(69.6% .17 162.48);--color-cyan-400:oklch(78.9% .154 211.53);--color-cyan-500:oklch(71.5% .143 215.221);--color-blue-50:oklch(97% .014 254.604);--color-blue-100:oklch(93.2% .032 255.585);--color-blue-400:oklch(70.7% .165 254.624);--color-blue-500:oklch(62.3% .214 259.815);--color-blue-600:oklch(54.6% .245 262.881);--color-blue-700:oklch(48.8% .243 264.376);--color-violet-400:oklch(70.2% .183 293.541);--color-violet-500:oklch(60.6% .25 292.717);--color-purple-50:oklch(97.7% .014 308.299);--color-purple-600:oklch(55.8% .288 302.321);--color-rose-400:oklch(71.2% .194 13.428);--color-rose-500:oklch(64.5% .246 16.439);--color-gray-50:oklch(98.5% .002 247.839);--color-gray-100:oklch(96.7% .003 264.542);--color-gray-200:oklch(92.8% .006 264.531);--color-gray-300:oklch(87.2% .01 258.338);--color-gray-400:oklch(70.7% .022 261.325);--color-gray-500:oklch(55.1% .027 264.364);--color-gray-600:oklch(44.6% .03 256.802);--color-gray-700:oklch(37.3% .034 259.733);--color-gray-800:oklch(27.8% .033 256.848);--color-gray-900:oklch(21% .034 264.665);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-xs:20rem;--container-xl:36rem;--container-2xl:42rem;--container-3xl:48rem;--container-4xl:56rem;--container-5xl:64rem;--container-6xl:72rem;--container-7xl:80rem;--text-xs:.75rem;--text-xs--line-height:calc(1\/.75);--text-sm:.875rem;--text-sm--line-height:calc(1.25\/.875);--text-base:1rem;--text-base--line-height:calc(1.5\/1);--text-lg:1.125rem;--text-lg--line-height:calc(1.75\/1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75\/1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2\/1.5);--text-3xl:1.875rem;--text-3xl--line-height:calc(2.25\/1.875);--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5\/2.25);--text-5xl:3rem;--text-5xl--line-height:1;--text-6xl:3.75rem;--text-6xl--line-height:1;--text-7xl:4.5rem;--text-7xl--line-height:1;--font-weight-light:300;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--font-weight-black:900;--tracking-tight:-.025em;--tracking-wider:.05em;--tracking-widest:.1em;--leading-tight:1.25;--leading-snug:1.375;--leading-relaxed:1.625;--leading-loose:2;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--radius-3xl:1.5rem;--ease-in:cubic-bezier(.4,0,1,1);--ease-out:cubic-bezier(0,0,.2,1);--ease-in-out:cubic-bezier(.4,0,.2,1);--animate-pulse:pulse 2s cubic-bezier(.4,0,.6,1)infinite;--blur-sm:8px;--blur-md:12px;--blur-3xl:64px;--aspect-video:16\/9;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{.hy-about *,.hy-about :after,.hy-about :before,.hy-about ::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}.hy-about ::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}.hy-about,.hy-about{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\",\"Segoe UI Symbol\",\"Noto Color Emoji\");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}.hy-about hr{height:0;color:inherit;border-top-width:1px}.hy-about abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.hy-about h1,.hy-about h2,.hy-about h3,.hy-about h4,.hy-about h5,.hy-about h6{font-size:inherit;font-weight:inherit}.hy-about a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}.hy-about b,.hy-about strong{font-weight:bolder}.hy-about code,.hy-about kbd,.hy-about samp,.hy-about pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,\"Liberation Mono\",\"Courier New\",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}.hy-about small{font-size:80%}.hy-about sub,.hy-about sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}.hy-about sub{bottom:-.25em}.hy-about sup{top:-.5em}.hy-about table{text-indent:0;border-color:inherit;border-collapse:collapse}.hy-about :-moz-focusring{outline:auto}.hy-about progress{vertical-align:baseline}.hy-about summary{display:list-item}.hy-about ol,.hy-about ul,.hy-about menu{list-style:none}.hy-about img,.hy-about svg,.hy-about video,.hy-about canvas,.hy-about audio,.hy-about iframe,.hy-about embed,.hy-about object{vertical-align:middle;display:block}.hy-about img,.hy-about video{max-width:100%;height:auto}.hy-about button,.hy-about input,.hy-about select,.hy-about optgroup,.hy-about textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}.hy-about ::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}.hy-about :where(select:is([multiple],[size])) optgroup{font-weight:bolder}.hy-about :where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}.hy-about ::file-selector-button{margin-inline-end:4px}.hy-about ::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){.hy-about ::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){.hy-about ::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}.hy-about textarea{resize:vertical}.hy-about ::-webkit-search-decoration{-webkit-appearance:none}.hy-about ::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}.hy-about ::-webkit-datetime-edit{display:inline-flex}.hy-about ::-webkit-datetime-edit-fields-wrapper{padding:0}.hy-about ::-webkit-datetime-edit{padding-block:0}.hy-about ::-webkit-datetime-edit-year-field{padding-block:0}.hy-about ::-webkit-datetime-edit-month-field{padding-block:0}.hy-about ::-webkit-datetime-edit-day-field{padding-block:0}.hy-about ::-webkit-datetime-edit-hour-field{padding-block:0}.hy-about ::-webkit-datetime-edit-minute-field{padding-block:0}.hy-about ::-webkit-datetime-edit-second-field{padding-block:0}.hy-about ::-webkit-datetime-edit-millisecond-field{padding-block:0}.hy-about ::-webkit-datetime-edit-meridiem-field{padding-block:0}.hy-about ::-webkit-calendar-picker-indicator{line-height:1}.hy-about :-moz-ui-invalid{box-shadow:none}.hy-about button,.hy-about input:where([type=button],[type=reset],[type=submit]){appearance:button}.hy-about ::file-selector-button{appearance:button}.hy-about ::-webkit-inner-spin-button{height:auto}.hy-about ::-webkit-outer-spin-button{height:auto}.hy-about [hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.hy-about .pointer-events-auto{pointer-events:auto}.hy-about .pointer-events-none{pointer-events:none}.hy-about .collapse{visibility:collapse}.hy-about .invisible{visibility:hidden}.hy-about .visible{visibility:visible}.hy-about .sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.hy-about .absolute{position:absolute}.hy-about .fixed{position:fixed}.hy-about .relative{position:relative}.hy-about .static{position:static}.hy-about .sticky{position:sticky}.hy-about .inset-0{inset:calc(var(--spacing)*0)}.hy-about .inset-x-0{inset-inline:calc(var(--spacing)*0)}.hy-about .-top-24{top:calc(var(--spacing)*-24)}.hy-about .top-0{top:calc(var(--spacing)*0)}.hy-about .top-3{top:calc(var(--spacing)*3)}.hy-about .top-4{top:calc(var(--spacing)*4)}.hy-about .top-5{top:calc(var(--spacing)*5)}.hy-about .top-6{top:calc(var(--spacing)*6)}.hy-about .top-\\[15\\%\\]{top:15%}.hy-about .top-\\[60\\%\\]{top:60%}.hy-about .-right-24{right:calc(var(--spacing)*-24)}.hy-about .right-0{right:calc(var(--spacing)*0)}.hy-about .right-3{right:calc(var(--spacing)*3)}.hy-about .right-4{right:calc(var(--spacing)*4)}.hy-about .right-5{right:calc(var(--spacing)*5)}.hy-about .right-6{right:calc(var(--spacing)*6)}.hy-about .right-\\[15\\%\\]{right:15%}.hy-about .-bottom-24{bottom:calc(var(--spacing)*-24)}.hy-about .bottom-0{bottom:calc(var(--spacing)*0)}.hy-about .bottom-3{bottom:calc(var(--spacing)*3)}.hy-about .bottom-4{bottom:calc(var(--spacing)*4)}.hy-about .bottom-5{bottom:calc(var(--spacing)*5)}.hy-about .bottom-6{bottom:calc(var(--spacing)*6)}.hy-about .bottom-\\[20\\%\\]{bottom:20%}.hy-about .-left-24{left:calc(var(--spacing)*-24)}.hy-about .left-0{left:calc(var(--spacing)*0)}.hy-about .left-1{left:calc(var(--spacing)*1)}.hy-about .left-1\\\/2{left:50%}.hy-about .left-3{left:calc(var(--spacing)*3)}.hy-about .left-4{left:calc(var(--spacing)*4)}.hy-about .left-5{left:calc(var(--spacing)*5)}.hy-about .left-6{left:calc(var(--spacing)*6)}.hy-about .left-\\[10\\%\\]{left:10%}.hy-about .left-\\[50\\%\\]{left:50%}.hy-about .isolate{isolation:isolate}.hy-about .z-10{z-index:10}.hy-about .z-40{z-index:40}.hy-about .z-50{z-index:50}.hy-about .z-\\[1\\]{z-index:1}.hy-about .z-\\[2\\]{z-index:2}.hy-about .col-span-2{grid-column:span 2\/span 2}.hy-about .container{width:100%}@media (min-width:40rem){.hy-about .container{max-width:40rem}}@media (min-width:48rem){.hy-about .container{max-width:48rem}}@media (min-width:64rem){.hy-about .container{max-width:64rem}}@media (min-width:80rem){.hy-about .container{max-width:80rem}}@media (min-width:96rem){.hy-about .container{max-width:96rem}}.hy-about .mx-auto{margin-inline:auto}.hy-about .mt-0\\.5{margin-top:calc(var(--spacing)*.5)}.hy-about .mt-1{margin-top:calc(var(--spacing)*1)}.hy-about .mt-2{margin-top:calc(var(--spacing)*2)}.hy-about .mt-3{margin-top:calc(var(--spacing)*3)}.hy-about .mt-4{margin-top:calc(var(--spacing)*4)}.hy-about .mt-5{margin-top:calc(var(--spacing)*5)}.hy-about .mt-6{margin-top:calc(var(--spacing)*6)}.hy-about .mt-8{margin-top:calc(var(--spacing)*8)}.hy-about .mr-1{margin-right:calc(var(--spacing)*1)}.hy-about .mr-1\\.5{margin-right:calc(var(--spacing)*1.5)}.hy-about .mr-2{margin-right:calc(var(--spacing)*2)}.hy-about .mr-3{margin-right:calc(var(--spacing)*3)}.hy-about .mr-4{margin-right:calc(var(--spacing)*4)}.hy-about .mb-1{margin-bottom:calc(var(--spacing)*1)}.hy-about .mb-2{margin-bottom:calc(var(--spacing)*2)}.hy-about .mb-2\\.5{margin-bottom:calc(var(--spacing)*2.5)}.hy-about .mb-3{margin-bottom:calc(var(--spacing)*3)}.hy-about .mb-4{margin-bottom:calc(var(--spacing)*4)}.hy-about .mb-5{margin-bottom:calc(var(--spacing)*5)}.hy-about .mb-6{margin-bottom:calc(var(--spacing)*6)}.hy-about .mb-8{margin-bottom:calc(var(--spacing)*8)}.hy-about .mb-10{margin-bottom:calc(var(--spacing)*10)}.hy-about .mb-12{margin-bottom:calc(var(--spacing)*12)}.hy-about .mb-14{margin-bottom:calc(var(--spacing)*14)}.hy-about .mb-16{margin-bottom:calc(var(--spacing)*16)}.hy-about .ml-1{margin-left:calc(var(--spacing)*1)}.hy-about .block{display:block}.hy-about .block\\!{display:block!important}.hy-about .contents{display:contents}.hy-about .flex{display:flex}.hy-about .grid{display:grid}.hy-about .hidden{display:none}.hy-about .inline{display:inline}.hy-about .inline-block{display:inline-block}.hy-about .inline-flex{display:inline-flex}.hy-about .table{display:table}.hy-about .aspect-\\[4\\\/3\\]{aspect-ratio:4\/3}.hy-about .aspect-\\[4\\\\\/3\\]{aspect-ratio:4\\\/3}.hy-about .aspect-video{aspect-ratio:var(--aspect-video)}.hy-about .h-2{height:calc(var(--spacing)*2)}.hy-about .h-3{height:calc(var(--spacing)*3)}.hy-about .h-3\\.5{height:calc(var(--spacing)*3.5)}.hy-about .h-4{height:calc(var(--spacing)*4)}.hy-about .h-5{height:calc(var(--spacing)*5)}.hy-about .h-6{height:calc(var(--spacing)*6)}.hy-about .h-7{height:calc(var(--spacing)*7)}.hy-about .h-8{height:calc(var(--spacing)*8)}.hy-about .h-9{height:calc(var(--spacing)*9)}.hy-about .h-10{height:calc(var(--spacing)*10)}.hy-about .h-12{height:calc(var(--spacing)*12)}.hy-about .h-14{height:calc(var(--spacing)*14)}.hy-about .h-16{height:calc(var(--spacing)*16)}.hy-about .h-24{height:calc(var(--spacing)*24)}.hy-about .h-32{height:calc(var(--spacing)*32)}.hy-about .h-36{height:calc(var(--spacing)*36)}.hy-about .h-44{height:calc(var(--spacing)*44)}.hy-about .h-48{height:calc(var(--spacing)*48)}.hy-about .h-64{height:calc(var(--spacing)*64)}.hy-about .h-72{height:calc(var(--spacing)*72)}.hy-about .h-\\[1px\\]{height:1px}.hy-about .h-\\[200px\\]{height:200px}.hy-about .h-\\[300px\\]{height:300px}.hy-about .h-\\[350px\\]{height:350px}.hy-about .h-\\[400px\\]{height:400px}.hy-about .h-\\[500px\\]{height:500px}.hy-about .h-full{height:100%}.hy-about .max-h-\\[85vh\\]{max-height:85vh}.hy-about .min-h-\\[44px\\]{min-height:44px}.hy-about .min-h-\\[300px\\]{min-height:300px}.hy-about .w-2{width:calc(var(--spacing)*2)}.hy-about .w-3{width:calc(var(--spacing)*3)}.hy-about .w-3\\.5{width:calc(var(--spacing)*3.5)}.hy-about .w-4{width:calc(var(--spacing)*4)}.hy-about .w-5{width:calc(var(--spacing)*5)}.hy-about .w-6{width:calc(var(--spacing)*6)}.hy-about .w-7{width:calc(var(--spacing)*7)}.hy-about .w-8{width:calc(var(--spacing)*8)}.hy-about .w-9{width:calc(var(--spacing)*9)}.hy-about .w-10{width:calc(var(--spacing)*10)}.hy-about .w-12{width:calc(var(--spacing)*12)}.hy-about .w-14{width:calc(var(--spacing)*14)}.hy-about .w-16{width:calc(var(--spacing)*16)}.hy-about .w-20{width:calc(var(--spacing)*20)}.hy-about .w-24{width:calc(var(--spacing)*24)}.hy-about .w-32{width:calc(var(--spacing)*32)}.hy-about .w-64{width:calc(var(--spacing)*64)}.hy-about .w-\\[200px\\]{width:200px}.hy-about .w-\\[300px\\]{width:300px}.hy-about .w-\\[350px\\]{width:350px}.hy-about .w-\\[400px\\]{width:400px}.hy-about .w-\\[500px\\]{width:500px}.hy-about .w-\\[600px\\]{width:600px}.hy-about .w-full{width:100%}.hy-about .max-w-2xl{max-width:var(--container-2xl)}.hy-about .max-w-3xl{max-width:var(--container-3xl)}.hy-about .max-w-4xl{max-width:var(--container-4xl)}.hy-about .max-w-5xl{max-width:var(--container-5xl)}.hy-about .max-w-6xl{max-width:var(--container-6xl)}.hy-about .max-w-7xl{max-width:var(--container-7xl)}.hy-about .max-w-\\[140px\\]{max-width:140px}.hy-about .max-w-\\[520px\\]{max-width:520px}.hy-about .max-w-full{max-width:100%}.hy-about .max-w-xl{max-width:var(--container-xl)}.hy-about .min-w-0{min-width:calc(var(--spacing)*0)}.hy-about .min-w-full{min-width:100%}.hy-about .flex-1{flex:1}.hy-about .flex-shrink{flex-shrink:1}.hy-about .flex-shrink-0{flex-shrink:0}.hy-about .shrink{flex-shrink:1}.hy-about .shrink-0{flex-shrink:0}.hy-about .shrink-1{flex-shrink:1}.hy-about .flex-grow{flex-grow:1}.hy-about .-translate-x-1{--tw-translate-x:calc(var(--spacing)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.hy-about .-translate-x-1\\\/2{--tw-translate-x:calc(calc(1\/2*100%)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.hy-about .scale-1{--tw-scale-x:1%;--tw-scale-y:1%;--tw-scale-z:1%;scale:var(--tw-scale-x)var(--tw-scale-y)}.hy-about .scale-95{--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x)var(--tw-scale-y)}.hy-about .scale-3d{scale:var(--tw-scale-x)var(--tw-scale-y)var(--tw-scale-z)}.hy-about .transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.hy-about .animate-pulse{animation:var(--animate-pulse)}.hy-about .cursor-pointer{cursor:pointer}.hy-about .resize{resize:both}.hy-about .snap-center{scroll-snap-align:center}.hy-about .columns-1{columns:1}.hy-about .columns-2{columns:2}.hy-about .columns-3{columns:3}.hy-about .columns-4{columns:4}.hy-about .grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.hy-about .grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.hy-about .grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.hy-about .grid-rows-2{grid-template-rows:repeat(2,minmax(0,1fr))}.hy-about .flex-col{flex-direction:column}.hy-about .flex-nowrap{flex-wrap:nowrap}.hy-about .flex-wrap{flex-wrap:wrap}.hy-about .items-center{align-items:center}.hy-about .items-end{align-items:flex-end}.hy-about .items-start{align-items:flex-start}.hy-about .items-stretch{align-items:stretch}.hy-about .justify-between{justify-content:space-between}.hy-about .justify-center{justify-content:center}.hy-about .justify-start{justify-content:flex-start}.hy-about .gap-1\\.5{gap:calc(var(--spacing)*1.5)}.hy-about .gap-2{gap:calc(var(--spacing)*2)}.hy-about .gap-3{gap:calc(var(--spacing)*3)}.hy-about .gap-4{gap:calc(var(--spacing)*4)}.hy-about .gap-5{gap:calc(var(--spacing)*5)}.hy-about .gap-6{gap:calc(var(--spacing)*6)}.hy-about .gap-10{gap:calc(var(--spacing)*10)}.hy-about .gap-12{gap:calc(var(--spacing)*12)}.hy-about :where(.space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*3)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*3)*calc(1 - var(--tw-space-y-reverse)))}.hy-about :where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*4)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*4)*calc(1 - var(--tw-space-y-reverse)))}.hy-about :where(.space-y-12>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*12)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*12)*calc(1 - var(--tw-space-y-reverse)))}.hy-about :where(.space-y-16>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*16)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*16)*calc(1 - var(--tw-space-y-reverse)))}.hy-about :where(.space-x-1>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing)*1)*var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing)*1)*calc(1 - var(--tw-space-x-reverse)))}.hy-about :where(.divide-y>:not(:last-child)){--tw-divide-y-reverse:0;border-bottom-style:var(--tw-border-style);border-top-style:var(--tw-border-style);border-top-width:calc(1px*var(--tw-divide-y-reverse));border-bottom-width:calc(1px*calc(1 - var(--tw-divide-y-reverse)))}.hy-about :where(.divide-gray-200>:not(:last-child)){border-color:var(--color-gray-200)}.hy-about .overflow-clip{overflow:clip}.hy-about .overflow-hidden{overflow:hidden}.hy-about .overflow-x-auto{overflow-x:auto}.hy-about .overflow-x-hidden{overflow-x:hidden}.hy-about .rounded{border-radius:.25rem}.hy-about .rounded-2xl{border-radius:var(--radius-2xl)}.hy-about .rounded-3xl{border-radius:var(--radius-3xl)}.hy-about .rounded-\\[1\\.75rem\\]{border-radius:1.75rem}.hy-about .rounded-\\[2\\.5rem\\]{border-radius:2.5rem}.hy-about .rounded-\\[2rem\\]{border-radius:2rem}.hy-about .rounded-\\[100\\%\\]{border-radius:100%}.hy-about .rounded-full{border-radius:3.40282e38px}.hy-about .rounded-lg{border-radius:var(--radius-lg)}.hy-about .rounded-xl{border-radius:var(--radius-xl)}.hy-about .border{border-style:var(--tw-border-style);border-width:1px}.hy-about .border-0{border-style:var(--tw-border-style);border-width:0}.hy-about .border-4{border-style:var(--tw-border-style);border-width:4px}.hy-about .border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.hy-about .border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.hy-about .border-l-2{border-left-style:var(--tw-border-style);border-left-width:2px}.hy-about .border-\\[\\#8B1B1B\\]{border-color:#8b1b1b}.hy-about .border-\\[\\#d7dce2\\]{border-color:#d7dce2}.hy-about .border-\\[\\#e5e7eb\\]{border-color:#e5e7eb}.hy-about .border-blue-100{border-color:var(--color-blue-100)}.hy-about .border-gray-100{border-color:var(--color-gray-100)}.hy-about .border-gray-200{border-color:var(--color-gray-200)}.hy-about .border-gray-300{border-color:var(--color-gray-300)}.hy-about .border-gray-700{border-color:var(--color-gray-700)}.hy-about .border-green-100{border-color:var(--color-green-100)}.hy-about .border-red-100{border-color:var(--color-red-100)}.hy-about .border-red-100\\\/50{border-color:#ffe2e280}@supports (color:color-mix(in lab, red, red)){.hy-about .border-red-100\\\/50{border-color:color-mix(in oklab,var(--color-red-100)50%,transparent)}}.hy-about .border-red-500{border-color:var(--color-red-500)}.hy-about .border-red-500\\\/50{border-color:#fb2c3680}@supports (color:color-mix(in lab, red, red)){.hy-about .border-red-500\\\/50{border-color:color-mix(in oklab,var(--color-red-500)50%,transparent)}}.hy-about .border-transparent{border-color:#0000}.hy-about .border-white{border-color:var(--color-white)}.hy-about .border-white\\\/10{border-color:#ffffff1a}@supports (color:color-mix(in lab, red, red)){.hy-about .border-white\\\/10{border-color:color-mix(in oklab,var(--color-white)10%,transparent)}}.hy-about .border-white\\\/20{border-color:#fff3}@supports (color:color-mix(in lab, red, red)){.hy-about .border-white\\\/20{border-color:color-mix(in oklab,var(--color-white)20%,transparent)}}.hy-about .border-white\\\/24{border-color:#ffffff3d}@supports (color:color-mix(in lab, red, red)){.hy-about .border-white\\\/24{border-color:color-mix(in oklab,var(--color-white)24%,transparent)}}.hy-about .border-white\\\/40{border-color:#fff6}@supports (color:color-mix(in lab, red, red)){.hy-about .border-white\\\/40{border-color:color-mix(in oklab,var(--color-white)40%,transparent)}}.hy-about .bg-\\[\\#8B1B1B\\]{background-color:#8b1b1b}.hy-about .bg-\\[\\#C52D2F\\]{background-color:#c52d2f}.hy-about .bg-\\[\\#C52D2F\\]\\\/12{background-color:oklab(54.1427% .169829 .0815017\/.12)}.hy-about .bg-\\[\\#ECEEF1\\]{background-color:#eceef1}.hy-about .bg-\\[\\#FBFBFB\\]{background-color:#fbfbfb}.hy-about .bg-amber-50{background-color:var(--color-amber-50)}.hy-about .bg-amber-500{background-color:var(--color-amber-500)}.hy-about .bg-amber-500\\\/6{background-color:#f99c000f}@supports (color:color-mix(in lab, red, red)){.hy-about .bg-amber-500\\\/6{background-color:color-mix(in oklab,var(--color-amber-500)6%,transparent)}}.hy-about .bg-amber-500\\\/15{background-color:#f99c0026}@supports (color:color-mix(in lab, red, red)){.hy-about .bg-amber-500\\\/15{background-color:color-mix(in oklab,var(--color-amber-500)15%,transparent)}}.hy-about .bg-black{background-color:var(--color-black)}.hy-about .bg-black\\\/50{background-color:#00000080}@supports (color:color-mix(in lab, red, red)){.hy-about .bg-black\\\/50{background-color:color-mix(in oklab,var(--color-black)50%,transparent)}}.hy-about .bg-black\\\/60{background-color:#0009}@supports (color:color-mix(in lab, red, red)){.hy-about .bg-black\\\/60{background-color:color-mix(in oklab,var(--color-black)60%,transparent)}}.hy-about .bg-black\\\/70{background-color:#000000b3}@supports (color:color-mix(in lab, red, red)){.hy-about .bg-black\\\/70{background-color:color-mix(in oklab,var(--color-black)70%,transparent)}}.hy-about .bg-blue-50{background-color:var(--color-blue-50)}.hy-about .bg-blue-500{background-color:var(--color-blue-500)}.hy-about .bg-blue-500\\\/15{background-color:#3080ff26}@supports (color:color-mix(in lab, red, red)){.hy-about .bg-blue-500\\\/15{background-color:color-mix(in oklab,var(--color-blue-500)15%,transparent)}}.hy-about .bg-blue-600{background-color:var(--color-blue-600)}.hy-about .bg-blue-600\\\/10{background-color:#155dfc1a}@supports (color:color-mix(in lab, red, red)){.hy-about .bg-blue-600\\\/10{background-color:color-mix(in oklab,var(--color-blue-600)10%,transparent)}}.hy-about .bg-cyan-400{background-color:var(--color-cyan-400)}.hy-about .bg-cyan-400\\\/60{background-color:#00d2ef99}@supports (color:color-mix(in lab, red, red)){.hy-about .bg-cyan-400\\\/60{background-color:color-mix(in oklab,var(--color-cyan-400)60%,transparent)}}.hy-about .bg-cyan-500{background-color:var(--color-cyan-500)}.hy-about .bg-cyan-500\\\/8{background-color:#00b7d714}@supports (color:color-mix(in lab, red, red)){.hy-about .bg-cyan-500\\\/8{background-color:color-mix(in oklab,var(--color-cyan-500)8%,transparent)}}.hy-about .bg-cyan-500\\\/15{background-color:#00b7d726}@supports (color:color-mix(in lab, red, red)){.hy-about .bg-cyan-500\\\/15{background-color:color-mix(in oklab,var(--color-cyan-500)15%,transparent)}}.hy-about .bg-emerald-400{background-color:var(--color-emerald-400)}.hy-about .bg-emerald-500{background-color:var(--color-emerald-500)}.hy-about .bg-emerald-500\\\/15{background-color:#00bb7f26}@supports (color:color-mix(in lab, red, red)){.hy-about .bg-emerald-500\\\/15{background-color:color-mix(in oklab,var(--color-emerald-500)15%,transparent)}}.hy-about .bg-gray-900{background-color:var(--color-gray-900)}.hy-about .bg-gray-900\\\/40{background-color:#10182866}@supports (color:color-mix(in lab, red, red)){.hy-about .bg-gray-900\\\/40{background-color:color-mix(in oklab,var(--color-gray-900)40%,transparent)}}.hy-about .bg-gray-900\\\/95{background-color:#101828f2}@supports (color:color-mix(in lab, red, red)){.hy-about .bg-gray-900\\\/95{background-color:color-mix(in oklab,var(--color-gray-900)95%,transparent)}}.hy-about .bg-green-50{background-color:var(--color-green-50)}.hy-about .bg-green-100{background-color:var(--color-green-100)}.hy-about .bg-green-400{background-color:var(--color-green-400)}.hy-about .bg-green-500{background-color:var(--color-green-500)}.hy-about .bg-green-500\\\/15{background-color:#00c75826}@supports (color:color-mix(in lab, red, red)){.hy-about .bg-green-500\\\/15{background-color:color-mix(in oklab,var(--color-green-500)15%,transparent)}}.hy-about .bg-green-600{background-color:var(--color-green-600)}.hy-about .bg-green-600\\\/20{background-color:#00a54433}@supports (color:color-mix(in lab, red, red)){.hy-about .bg-green-600\\\/20{background-color:color-mix(in oklab,var(--color-green-600)20%,transparent)}}.hy-about .bg-purple-50{background-color:var(--color-purple-50)}.hy-about .bg-red-50{background-color:var(--color-red-50)}.hy-about .bg-red-400{background-color:var(--color-red-400)}.hy-about .bg-red-400\\\/8{background-color:#ff656814}@supports (color:color-mix(in lab, red, red)){.hy-about .bg-red-400\\\/8{background-color:color-mix(in oklab,var(--color-red-400)8%,transparent)}}.hy-about .bg-red-500{background-color:var(--color-red-500)}.hy-about .bg-red-500\\\/15{background-color:#fb2c3626}@supports (color:color-mix(in lab, red, red)){.hy-about .bg-red-500\\\/15{background-color:color-mix(in oklab,var(--color-red-500)15%,transparent)}}.hy-about .bg-red-500\\\/20{background-color:#fb2c3633}@supports (color:color-mix(in lab, red, red)){.hy-about .bg-red-500\\\/20{background-color:color-mix(in oklab,var(--color-red-500)20%,transparent)}}.hy-about .bg-red-600{background-color:var(--color-red-600)}.hy-about .bg-red-600\\\/8{background-color:#e4001414}@supports (color:color-mix(in lab, red, red)){.hy-about .bg-red-600\\\/8{background-color:color-mix(in oklab,var(--color-red-600)8%,transparent)}}.hy-about .bg-red-600\\\/10{background-color:#e400141a}@supports (color:color-mix(in lab, red, red)){.hy-about .bg-red-600\\\/10{background-color:color-mix(in oklab,var(--color-red-600)10%,transparent)}}.hy-about .bg-red-600\\\/20{background-color:#e4001433}@supports (color:color-mix(in lab, red, red)){.hy-about .bg-red-600\\\/20{background-color:color-mix(in oklab,var(--color-red-600)20%,transparent)}}.hy-about .bg-red-600\\\/90{background-color:#e40014e6}@supports (color:color-mix(in lab, red, red)){.hy-about .bg-red-600\\\/90{background-color:color-mix(in oklab,var(--color-red-600)90%,transparent)}}.hy-about .bg-rose-500{background-color:var(--color-rose-500)}.hy-about .bg-rose-500\\\/15{background-color:#ff235726}@supports (color:color-mix(in lab, red, red)){.hy-about .bg-rose-500\\\/15{background-color:color-mix(in oklab,var(--color-rose-500)15%,transparent)}}.hy-about .bg-violet-500{background-color:var(--color-violet-500)}.hy-about .bg-violet-500\\\/15{background-color:#8d54ff26}@supports (color:color-mix(in lab, red, red)){.hy-about .bg-violet-500\\\/15{background-color:color-mix(in oklab,var(--color-violet-500)15%,transparent)}}.hy-about .bg-white{background-color:var(--color-white)}.hy-about .bg-white\\\/5{background-color:#ffffff0d}@supports (color:color-mix(in lab, red, red)){.hy-about .bg-white\\\/5{background-color:color-mix(in oklab,var(--color-white)5%,transparent)}}.hy-about .bg-white\\\/10{background-color:#ffffff1a}@supports (color:color-mix(in lab, red, red)){.hy-about .bg-white\\\/10{background-color:color-mix(in oklab,var(--color-white)10%,transparent)}}.hy-about .bg-white\\\/20{background-color:#fff3}@supports (color:color-mix(in lab, red, red)){.hy-about .bg-white\\\/20{background-color:color-mix(in oklab,var(--color-white)20%,transparent)}}.hy-about .bg-white\\\/30{background-color:#ffffff4d}@supports (color:color-mix(in lab, red, red)){.hy-about .bg-white\\\/30{background-color:color-mix(in oklab,var(--color-white)30%,transparent)}}.hy-about .bg-white\\\/40{background-color:#fff6}@supports (color:color-mix(in lab, red, red)){.hy-about .bg-white\\\/40{background-color:color-mix(in oklab,var(--color-white)40%,transparent)}}.hy-about .bg-white\\\/50{background-color:#ffffff80}@supports (color:color-mix(in lab, red, red)){.hy-about .bg-white\\\/50{background-color:color-mix(in oklab,var(--color-white)50%,transparent)}}.hy-about .bg-white\\\/80{background-color:#fffc}@supports (color:color-mix(in lab, red, red)){.hy-about .bg-white\\\/80{background-color:color-mix(in oklab,var(--color-white)80%,transparent)}}.hy-about .bg-white\\\/95{background-color:#fffffff2}@supports (color:color-mix(in lab, red, red)){.hy-about .bg-white\\\/95{background-color:color-mix(in oklab,var(--color-white)95%,transparent)}}.hy-about .bg-gradient-to-r{--tw-gradient-position:to right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.hy-about .bg-gradient-to-t{--tw-gradient-position:to top in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.hy-about .bg-gradient-to-tr{--tw-gradient-position:to top right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.hy-about .from-amber-500{--tw-gradient-from:var(--color-amber-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.hy-about .from-blue-500{--tw-gradient-from:var(--color-blue-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.hy-about .from-cyan-500{--tw-gradient-from:var(--color-cyan-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.hy-about .from-emerald-500{--tw-gradient-from:var(--color-emerald-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.hy-about .from-gray-900{--tw-gradient-from:var(--color-gray-900);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.hy-about .from-gray-900\\\/40{--tw-gradient-from:#10182866}@supports (color:color-mix(in lab, red, red)){.hy-about .from-gray-900\\\/40{--tw-gradient-from:color-mix(in oklab,var(--color-gray-900)40%,transparent)}}.hy-about .from-gray-900\\\/40{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.hy-about .from-gray-900\\\/60{--tw-gradient-from:#10182899}@supports (color:color-mix(in lab, red, red)){.hy-about .from-gray-900\\\/60{--tw-gradient-from:color-mix(in oklab,var(--color-gray-900)60%,transparent)}}.hy-about .from-gray-900\\\/60{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.hy-about .from-gray-900\\\/70{--tw-gradient-from:#101828b3}@supports (color:color-mix(in lab, red, red)){.hy-about .from-gray-900\\\/70{--tw-gradient-from:color-mix(in oklab,var(--color-gray-900)70%,transparent)}}.hy-about .from-gray-900\\\/70{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.hy-about .from-gray-900\\\/80{--tw-gradient-from:#101828cc}@supports (color:color-mix(in lab, red, red)){.hy-about .from-gray-900\\\/80{--tw-gradient-from:color-mix(in oklab,var(--color-gray-900)80%,transparent)}}.hy-about .from-gray-900\\\/80{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.hy-about .from-gray-900\\\/90{--tw-gradient-from:#101828e6}@supports (color:color-mix(in lab, red, red)){.hy-about .from-gray-900\\\/90{--tw-gradient-from:color-mix(in oklab,var(--color-gray-900)90%,transparent)}}.hy-about .from-gray-900\\\/90{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.hy-about .from-rose-500{--tw-gradient-from:var(--color-rose-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.hy-about .from-transparent{--tw-gradient-from:transparent;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.hy-about .from-violet-500{--tw-gradient-from:var(--color-violet-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.hy-about .via-cyan-400{--tw-gradient-via:var(--color-cyan-400);--tw-gradient-via-stops:var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.hy-about .via-cyan-400\\\/30{--tw-gradient-via:#00d2ef4d}@supports (color:color-mix(in lab, red, red)){.hy-about .via-cyan-400\\\/30{--tw-gradient-via:color-mix(in oklab,var(--color-cyan-400)30%,transparent)}}.hy-about .via-cyan-400\\\/30{--tw-gradient-via-stops:var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.hy-about .via-gray-900{--tw-gradient-via:var(--color-gray-900);--tw-gradient-via-stops:var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.hy-about .via-gray-900\\\/20{--tw-gradient-via:#10182833}@supports (color:color-mix(in lab, red, red)){.hy-about .via-gray-900\\\/20{--tw-gradient-via:color-mix(in oklab,var(--color-gray-900)20%,transparent)}}.hy-about .via-gray-900\\\/20{--tw-gradient-via-stops:var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.hy-about .via-transparent{--tw-gradient-via:transparent;--tw-gradient-via-stops:var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.hy-about .to-amber-400{--tw-gradient-to:var(--color-amber-400);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.hy-about .to-blue-400{--tw-gradient-to:var(--color-blue-400);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.hy-about .to-cyan-400{--tw-gradient-to:var(--color-cyan-400);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.hy-about .to-emerald-400{--tw-gradient-to:var(--color-emerald-400);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.hy-about .to-gray-900{--tw-gradient-to:var(--color-gray-900);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.hy-about .to-gray-900\\\/20{--tw-gradient-to:#10182833}@supports (color:color-mix(in lab, red, red)){.hy-about .to-gray-900\\\/20{--tw-gradient-to:color-mix(in oklab,var(--color-gray-900)20%,transparent)}}.hy-about .to-gray-900\\\/20{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.hy-about .to-rose-400{--tw-gradient-to:var(--color-rose-400);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.hy-about .to-transparent{--tw-gradient-to:transparent;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.hy-about .to-violet-400{--tw-gradient-to:var(--color-violet-400);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.hy-about .object-contain{object-fit:contain}.hy-about .object-cover{object-fit:cover}.hy-about .p-1{padding:calc(var(--spacing)*1)}.hy-about .p-3{padding:calc(var(--spacing)*3)}.hy-about .p-3\\.5{padding:calc(var(--spacing)*3.5)}.hy-about .p-4{padding:calc(var(--spacing)*4)}.hy-about .p-5{padding:calc(var(--spacing)*5)}.hy-about .p-6{padding:calc(var(--spacing)*6)}.hy-about .p-8{padding:calc(var(--spacing)*8)}.hy-about .px-2{padding-inline:calc(var(--spacing)*2)}.hy-about .px-2\\.5{padding-inline:calc(var(--spacing)*2.5)}.hy-about .px-3{padding-inline:calc(var(--spacing)*3)}.hy-about .px-4{padding-inline:calc(var(--spacing)*4)}.hy-about .px-5{padding-inline:calc(var(--spacing)*5)}.hy-about .px-6{padding-inline:calc(var(--spacing)*6)}.hy-about .py-0\\.5{padding-block:calc(var(--spacing)*.5)}.hy-about .py-1{padding-block:calc(var(--spacing)*1)}.hy-about .py-1\\.5{padding-block:calc(var(--spacing)*1.5)}.hy-about .py-2{padding-block:calc(var(--spacing)*2)}.hy-about .py-2\\.5{padding-block:calc(var(--spacing)*2.5)}.hy-about .py-3{padding-block:calc(var(--spacing)*3)}.hy-about .py-5{padding-block:calc(var(--spacing)*5)}.hy-about .py-10{padding-block:calc(var(--spacing)*10)}.hy-about .py-12{padding-block:calc(var(--spacing)*12)}.hy-about .py-14{padding-block:calc(var(--spacing)*14)}.hy-about .py-16{padding-block:calc(var(--spacing)*16)}.hy-about .py-20{padding-block:calc(var(--spacing)*20)}.hy-about .py-24{padding-block:calc(var(--spacing)*24)}.hy-about .pt-8{padding-top:calc(var(--spacing)*8)}.hy-about .pr-0{padding-right:calc(var(--spacing)*0)}.hy-about .pl-4{padding-left:calc(var(--spacing)*4)}.hy-about .text-center{text-align:center}.hy-about .text-left{text-align:left}.hy-about .text-right{text-align:right}.hy-about .indent-1{text-indent:calc(var(--spacing)*1)}.hy-about .font-mono{font-family:var(--font-mono)}.hy-about .font-sans{font-family:var(--font-sans)}.hy-about .text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.hy-about .text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.hy-about .text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.hy-about .text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.hy-about .text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.hy-about .text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.hy-about .text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.hy-about .text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.hy-about .text-\\[9px\\]{font-size:9px}.hy-about .text-\\[10px\\]{font-size:10px}.hy-about .text-\\[11px\\]{font-size:11px}.hy-about .text-\\[12px\\]{font-size:12px}.hy-about .text-\\[13px\\]{font-size:13px}.hy-about .leading-loose{--tw-leading:var(--leading-loose);line-height:var(--leading-loose)}.hy-about .leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.hy-about .leading-snug{--tw-leading:var(--leading-snug);line-height:var(--leading-snug)}.hy-about .leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}.hy-about .font-black{--tw-font-weight:var(--font-weight-black);font-weight:var(--font-weight-black)}.hy-about .font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.hy-about .font-extrabold{--tw-font-weight:var(--font-weight-extrabold);font-weight:var(--font-weight-extrabold)}.hy-about .font-light{--tw-font-weight:var(--font-weight-light);font-weight:var(--font-weight-light)}.hy-about .font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.hy-about .font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.hy-about .tracking-\\[0\\.3em\\]{--tw-tracking:.3em;letter-spacing:.3em}.hy-about .tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.hy-about .tracking-wider{--tw-tracking:var(--tracking-wider);letter-spacing:var(--tracking-wider)}.hy-about .tracking-widest{--tw-tracking:var(--tracking-widest);letter-spacing:var(--tracking-widest)}.hy-about .text-wrap{text-wrap:wrap}.hy-about .break-all{word-break:break-all}.hy-about .whitespace-nowrap{white-space:nowrap}.hy-about .text-\\[\\#8B1B1B\\]{color:#8b1b1b}.hy-about .text-\\[\\#25D366\\]{color:#25d366}.hy-about .text-\\[\\#C52D2F\\]{color:#c52d2f}.hy-about .text-amber-400{color:var(--color-amber-400)}.hy-about .text-amber-600{color:var(--color-amber-600)}.hy-about .text-blue-400{color:var(--color-blue-400)}.hy-about .text-blue-600{color:var(--color-blue-600)}.hy-about .text-blue-700{color:var(--color-blue-700)}.hy-about .text-cyan-400{color:var(--color-cyan-400)}.hy-about .text-emerald-400{color:var(--color-emerald-400)}.hy-about .text-gray-300{color:var(--color-gray-300)}.hy-about .text-gray-400{color:var(--color-gray-400)}.hy-about .text-gray-500{color:var(--color-gray-500)}.hy-about .text-gray-600{color:var(--color-gray-600)}.hy-about .text-gray-700{color:var(--color-gray-700)}.hy-about .text-gray-800{color:var(--color-gray-800)}.hy-about .text-gray-900{color:var(--color-gray-900)}.hy-about .text-green-400{color:var(--color-green-400)}.hy-about .text-green-500{color:var(--color-green-500)}.hy-about .text-green-600{color:var(--color-green-600)}.hy-about .text-green-700{color:var(--color-green-700)}.hy-about .text-green-800{color:var(--color-green-800)}.hy-about .text-purple-600{color:var(--color-purple-600)}.hy-about .text-red-400{color:var(--color-red-400)}.hy-about .text-red-500{color:var(--color-red-500)}.hy-about .text-red-600{color:var(--color-red-600)}.hy-about .text-red-700{color:var(--color-red-700)}.hy-about .text-rose-400{color:var(--color-rose-400)}.hy-about .text-violet-400{color:var(--color-violet-400)}.hy-about .text-white{color:var(--color-white)}.hy-about .text-white\\\/20{color:#fff3}@supports (color:color-mix(in lab, red, red)){.hy-about .text-white\\\/20{color:color-mix(in oklab,var(--color-white)20%,transparent)}}.hy-about .capitalize{text-transform:capitalize}.hy-about .uppercase{text-transform:uppercase}.hy-about .italic{font-style:italic}.hy-about .underline{text-decoration-line:underline}.hy-about .opacity-0{opacity:0}.hy-about .opacity-10{opacity:.1}.hy-about .opacity-40{opacity:.4}.hy-about .opacity-100{opacity:1}.hy-about .mix-blend-overlay{mix-blend-mode:overlay}.hy-about .shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.hy-about .shadow-2xl{--tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#00000040);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.hy-about .shadow-\\[0_0_30px_rgba\\(255\\,255\\,255\\,0\\.1\\)\\]{--tw-shadow:0 0 30px var(--tw-shadow-color,#ffffff1a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.hy-about .shadow-\\[0_8px_18px_rgba\\(15\\,23\\,42\\,0\\.10\\)\\]{--tw-shadow:0 8px 18px var(--tw-shadow-color,#0f172a1a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.hy-about .shadow-\\[0_14px_30px_rgba\\(15\\,23\\,42\\,0\\.08\\)\\,inset_0_1px_0_rgba\\(255\\,255\\,255\\,0\\.75\\)\\]{--tw-shadow:0 14px 30px var(--tw-shadow-color,#0f172a14),inset 0 1px 0 var(--tw-shadow-color,#ffffffbf);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.hy-about .shadow-\\[0_14px_34px_rgba\\(0\\,0\\,0\\,0\\.30\\)\\]{--tw-shadow:0 14px 34px var(--tw-shadow-color,#0000004d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.hy-about .shadow-inner{--tw-shadow:inset 0 2px 4px 0 var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.hy-about .shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.hy-about .shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a),0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.hy-about .shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.hy-about .ring{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.hy-about .shadow-emerald-400{--tw-shadow-color:oklch(76.5% .177 163.223)}@supports (color:color-mix(in lab, red, red)){.hy-about .shadow-emerald-400{--tw-shadow-color:color-mix(in oklab,var(--color-emerald-400)var(--tw-shadow-alpha),transparent)}}.hy-about .shadow-emerald-400\\\/50{--tw-shadow-color:#00d29480}@supports (color:color-mix(in lab, red, red)){.hy-about .shadow-emerald-400\\\/50{--tw-shadow-color:color-mix(in oklab,color-mix(in oklab,var(--color-emerald-400)50%,transparent)var(--tw-shadow-alpha),transparent)}}.hy-about .outline{outline-style:var(--tw-outline-style);outline-width:1px}.hy-about .blur{--tw-blur:blur(8px);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.hy-about .blur-3xl{--tw-blur:blur(var(--blur-3xl));filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.hy-about .blur-\\[80px\\]{--tw-blur:blur(80px);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.hy-about .blur-\\[100px\\]{--tw-blur:blur(100px);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.hy-about .blur-\\[120px\\]{--tw-blur:blur(120px);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.hy-about .blur-\\[150px\\]{--tw-blur:blur(150px);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.hy-about .contrast-1{--tw-contrast:contrast(1%);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.hy-about .invert{--tw-invert:invert(100%);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.hy-about .filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.hy-about .backdrop-blur-\\[2px\\]{--tw-backdrop-blur:blur(2px);-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.hy-about .backdrop-blur-md{--tw-backdrop-blur:blur(var(--blur-md));-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.hy-about .backdrop-blur-sm{--tw-backdrop-blur:blur(var(--blur-sm));-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.hy-about .backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.hy-about .transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.hy-about .transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.hy-about .transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.hy-about .transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.hy-about .transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.hy-about .duration-300{--tw-duration:.3s;transition-duration:.3s}.hy-about .duration-500{--tw-duration:.5s;transition-duration:.5s}.hy-about .duration-700{--tw-duration:.7s;transition-duration:.7s}.hy-about .ease-in{--tw-ease:var(--ease-in);transition-timing-function:var(--ease-in)}.hy-about .ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.hy-about .ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.hy-about .outline-none{--tw-outline-style:none;outline-style:none}.hy-about .\\[xml\\:lang\\]{xml:lang}@media (hover:hover){.hy-about .group-hover\\:scale-105:is(:where(.group):hover *){--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x)var(--tw-scale-y)}.hy-about .group-hover\\:scale-110:is(:where(.group):hover *){--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;scale:var(--tw-scale-x)var(--tw-scale-y)}.hy-about .group-hover\\:border-\\[\\#C52D2F\\]:is(:where(.group):hover *){border-color:#c52d2f}.hy-about .group-hover\\:bg-\\[\\#C52D2F\\]:is(:where(.group):hover *){background-color:#c52d2f}.hy-about .group-hover\\:bg-\\[\\#C52D2F\\]\\\/80:is(:where(.group):hover *){background-color:oklab(54.1427% .169829 .0815017\/.8)}.hy-about .group-hover\\:opacity-100:is(:where(.group):hover *){opacity:1}.hy-about .hover\\:-translate-y-0\\.5:hover{--tw-translate-y:calc(var(--spacing)*-.5);translate:var(--tw-translate-x)var(--tw-translate-y)}.hy-about .hover\\:scale-105:hover{--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x)var(--tw-scale-y)}.hy-about .hover\\:bg-gray-50:hover{background-color:var(--color-gray-50)}.hy-about .hover\\:bg-red-50:hover{background-color:var(--color-red-50)}.hy-about .hover\\:bg-white:hover{background-color:var(--color-white)}.hy-about .hover\\:text-red-400:hover{color:var(--color-red-400)}.hy-about .hover\\:text-red-600:hover{color:var(--color-red-600)}.hy-about .hover\\:shadow-lg:hover{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.hy-about .hover\\:shadow-md:hover{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a),0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}@media (min-width:40rem){.hy-about .sm\\:mr-1\\.5{margin-right:calc(var(--spacing)*1.5)}.hy-about .sm\\:hidden{display:none}.hy-about .sm\\:inline{display:inline}.hy-about .sm\\:max-w-xs{max-width:var(--container-xs)}.hy-about .sm\\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.hy-about .sm\\:flex-row{flex-direction:row}.hy-about .sm\\:gap-3{gap:calc(var(--spacing)*3)}.hy-about :where(.sm\\:space-x-2>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing)*2)*var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing)*2)*calc(1 - var(--tw-space-x-reverse)))}.hy-about .sm\\:px-4{padding-inline:calc(var(--spacing)*4)}.hy-about .sm\\:px-6{padding-inline:calc(var(--spacing)*6)}.hy-about .sm\\:py-2\\.5{padding-block:calc(var(--spacing)*2.5)}.hy-about .sm\\:py-4{padding-block:calc(var(--spacing)*4)}.hy-about .sm\\:text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}.hy-about .sm\\:text-6xl{font-size:var(--text-6xl);line-height:var(--tw-leading,var(--text-6xl--line-height))}.hy-about .sm\\:text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.hy-about .sm\\:text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}}@media (min-width:48rem){.hy-about .md\\:top-4{top:calc(var(--spacing)*4)}.hy-about .md\\:right-10{right:calc(var(--spacing)*10)}.hy-about .md\\:left-4{left:calc(var(--spacing)*4)}.hy-about .md\\:left-10{left:calc(var(--spacing)*10)}.hy-about .md\\:col-span-1{grid-column:span 1\/span 1}.hy-about .md\\:mr-2{margin-right:calc(var(--spacing)*2)}.hy-about .md\\:mb-0{margin-bottom:calc(var(--spacing)*0)}.hy-about .md\\:mb-2{margin-bottom:calc(var(--spacing)*2)}.hy-about .md\\:mb-3{margin-bottom:calc(var(--spacing)*3)}.hy-about .md\\:mb-4{margin-bottom:calc(var(--spacing)*4)}.hy-about .md\\:mb-6{margin-bottom:calc(var(--spacing)*6)}.hy-about .md\\:mb-14{margin-bottom:calc(var(--spacing)*14)}.hy-about .md\\:block{display:block}.hy-about .md\\:h-5{height:calc(var(--spacing)*5)}.hy-about .md\\:h-6{height:calc(var(--spacing)*6)}.hy-about .md\\:h-8{height:calc(var(--spacing)*8)}.hy-about .md\\:h-11{height:calc(var(--spacing)*11)}.hy-about .md\\:h-12{height:calc(var(--spacing)*12)}.hy-about .md\\:h-14{height:calc(var(--spacing)*14)}.hy-about .md\\:h-16{height:calc(var(--spacing)*16)}.hy-about .md\\:h-20{height:calc(var(--spacing)*20)}.hy-about .md\\:h-28{height:calc(var(--spacing)*28)}.hy-about .md\\:h-40{height:calc(var(--spacing)*40)}.hy-about .md\\:h-72{height:calc(var(--spacing)*72)}.hy-about .md\\:h-80{height:calc(var(--spacing)*80)}.hy-about .md\\:h-auto{height:auto}.hy-about .md\\:w-1{width:calc(var(--spacing)*1)}.hy-about .md\\:w-1\\\/2{width:50%}.hy-about .md\\:w-1\\\/3{width:33.3333%}.hy-about .md\\:w-2{width:calc(var(--spacing)*2)}.hy-about .md\\:w-2\\\/3{width:66.6667%}.hy-about .md\\:w-5{width:calc(var(--spacing)*5)}.hy-about .md\\:w-6{width:calc(var(--spacing)*6)}.hy-about .md\\:w-8{width:calc(var(--spacing)*8)}.hy-about .md\\:w-11{width:calc(var(--spacing)*11)}.hy-about .md\\:w-12{width:calc(var(--spacing)*12)}.hy-about .md\\:w-14{width:calc(var(--spacing)*14)}.hy-about .md\\:w-16{width:calc(var(--spacing)*16)}.hy-about .md\\:w-20{width:calc(var(--spacing)*20)}.hy-about .md\\:w-28{width:calc(var(--spacing)*28)}.hy-about .md\\:w-40{width:calc(var(--spacing)*40)}.hy-about .md\\:flex-none{flex:none}.hy-about .md\\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.hy-about .md\\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.hy-about .md\\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.hy-about .md\\:flex-row{flex-direction:row}.hy-about .md\\:gap-3{gap:calc(var(--spacing)*3)}.hy-about .md\\:gap-4{gap:calc(var(--spacing)*4)}.hy-about .md\\:gap-6{gap:calc(var(--spacing)*6)}.hy-about .md\\:gap-8{gap:calc(var(--spacing)*8)}.hy-about .md\\:gap-10{gap:calc(var(--spacing)*10)}.hy-about .md\\:gap-16{gap:calc(var(--spacing)*16)}.hy-about :where(.md\\:space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*4)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*4)*calc(1 - var(--tw-space-y-reverse)))}.hy-about .md\\:p-5{padding:calc(var(--spacing)*5)}.hy-about .md\\:p-6{padding:calc(var(--spacing)*6)}.hy-about .md\\:p-7{padding:calc(var(--spacing)*7)}.hy-about .md\\:p-8{padding:calc(var(--spacing)*8)}.hy-about .md\\:p-10{padding:calc(var(--spacing)*10)}.hy-about .md\\:p-12{padding:calc(var(--spacing)*12)}.hy-about .md\\:p-14{padding:calc(var(--spacing)*14)}.hy-about .md\\:px-3{padding-inline:calc(var(--spacing)*3)}.hy-about .md\\:px-6{padding-inline:calc(var(--spacing)*6)}.hy-about .md\\:px-8{padding-inline:calc(var(--spacing)*8)}.hy-about .md\\:py-1{padding-block:calc(var(--spacing)*1)}.hy-about .md\\:py-3{padding-block:calc(var(--spacing)*3)}.hy-about .md\\:py-7{padding-block:calc(var(--spacing)*7)}.hy-about .md\\:py-14{padding-block:calc(var(--spacing)*14)}.hy-about .md\\:py-16{padding-block:calc(var(--spacing)*16)}.hy-about .md\\:py-18{padding-block:calc(var(--spacing)*18)}.hy-about .md\\:py-20{padding-block:calc(var(--spacing)*20)}.hy-about .md\\:py-28{padding-block:calc(var(--spacing)*28)}.hy-about .md\\:pr-12{padding-right:calc(var(--spacing)*12)}.hy-about .md\\:pl-6{padding-left:calc(var(--spacing)*6)}.hy-about .md\\:text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.hy-about .md\\:text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.hy-about .md\\:text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.hy-about .md\\:text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}.hy-about .md\\:text-6xl{font-size:var(--text-6xl);line-height:var(--tw-leading,var(--text-6xl--line-height))}.hy-about .md\\:text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.hy-about .md\\:text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.hy-about .md\\:text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.hy-about .md\\:text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.hy-about .md\\:text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.hy-about .md\\:text-\\[11px\\]{font-size:11px}.hy-about .md\\:text-\\[14px\\]{font-size:14px}.hy-about .md\\:text-\\[15px\\]{font-size:15px}}@media (min-width:64rem){.hy-about .lg\\:col-span-1{grid-column:span 1\/span 1}.hy-about .lg\\:col-span-2{grid-column:span 2\/span 2}.hy-about .lg\\:col-span-3{grid-column:span 3\/span 3}.hy-about .lg\\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.hy-about .lg\\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.hy-about .lg\\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.hy-about .lg\\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.hy-about .lg\\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.hy-about .lg\\:gap-6{gap:calc(var(--spacing)*6)}.hy-about .lg\\:px-8{padding-inline:calc(var(--spacing)*8)}.hy-about .lg\\:text-left{text-align:left}.hy-about .lg\\:text-7xl{font-size:var(--text-7xl);line-height:var(--tw-leading,var(--text-7xl--line-height))}}}@property --tw-translate-x{syntax:\"*\";inherits:false;initial-value:0}@property --tw-translate-y{syntax:\"*\";inherits:false;initial-value:0}@property --tw-translate-z{syntax:\"*\";inherits:false;initial-value:0}@property --tw-scale-x{syntax:\"*\";inherits:false;initial-value:1}@property --tw-scale-y{syntax:\"*\";inherits:false;initial-value:1}@property --tw-scale-z{syntax:\"*\";inherits:false;initial-value:1}@property --tw-rotate-x{syntax:\"*\";inherits:false}@property --tw-rotate-y{syntax:\"*\";inherits:false}@property --tw-rotate-z{syntax:\"*\";inherits:false}@property --tw-skew-x{syntax:\"*\";inherits:false}@property --tw-skew-y{syntax:\"*\";inherits:false}@property --tw-space-y-reverse{syntax:\"*\";inherits:false;initial-value:0}@property --tw-space-x-reverse{syntax:\"*\";inherits:false;initial-value:0}@property --tw-divide-y-reverse{syntax:\"*\";inherits:false;initial-value:0}@property --tw-border-style{syntax:\"*\";inherits:false;initial-value:solid}@property --tw-gradient-position{syntax:\"*\";inherits:false}@property --tw-gradient-from{syntax:\"<color>\";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:\"<color>\";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:\"<color>\";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:\"*\";inherits:false}@property --tw-gradient-via-stops{syntax:\"*\";inherits:false}@property --tw-gradient-from-position{syntax:\"<length-percentage>\";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:\"<length-percentage>\";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:\"<length-percentage>\";inherits:false;initial-value:100%}@property --tw-leading{syntax:\"*\";inherits:false}@property --tw-font-weight{syntax:\"*\";inherits:false}@property --tw-tracking{syntax:\"*\";inherits:false}@property --tw-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:\"*\";inherits:false}@property --tw-shadow-alpha{syntax:\"<percentage>\";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:\"*\";inherits:false}@property --tw-inset-shadow-alpha{syntax:\"<percentage>\";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:\"*\";inherits:false}@property --tw-ring-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:\"*\";inherits:false}@property --tw-inset-ring-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:\"*\";inherits:false}@property --tw-ring-offset-width{syntax:\"<length>\";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:\"*\";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:\"*\";inherits:false;initial-value:solid}@property --tw-blur{syntax:\"*\";inherits:false}@property --tw-brightness{syntax:\"*\";inherits:false}@property --tw-contrast{syntax:\"*\";inherits:false}@property --tw-grayscale{syntax:\"*\";inherits:false}@property --tw-hue-rotate{syntax:\"*\";inherits:false}@property --tw-invert{syntax:\"*\";inherits:false}@property --tw-opacity{syntax:\"*\";inherits:false}@property --tw-saturate{syntax:\"*\";inherits:false}@property --tw-sepia{syntax:\"*\";inherits:false}@property --tw-drop-shadow{syntax:\"*\";inherits:false}@property --tw-drop-shadow-color{syntax:\"*\";inherits:false}@property --tw-drop-shadow-alpha{syntax:\"<percentage>\";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:\"*\";inherits:false}@property --tw-backdrop-blur{syntax:\"*\";inherits:false}@property --tw-backdrop-brightness{syntax:\"*\";inherits:false}@property --tw-backdrop-contrast{syntax:\"*\";inherits:false}@property --tw-backdrop-grayscale{syntax:\"*\";inherits:false}@property --tw-backdrop-hue-rotate{syntax:\"*\";inherits:false}@property --tw-backdrop-invert{syntax:\"*\";inherits:false}@property --tw-backdrop-opacity{syntax:\"*\";inherits:false}@property --tw-backdrop-saturate{syntax:\"*\";inherits:false}@property --tw-backdrop-sepia{syntax:\"*\";inherits:false}@property --tw-duration{syntax:\"*\";inherits:false}@property --tw-ease{syntax:\"*\";inherits:false}@keyframes pulse{50%{opacity:.5}}<\/style><script src=\"https:\/\/unpkg.com\/lucide@0.379.0\" async crossorigin=\"anonymous\" data-lucide-lib><\/script><script>\n(function() {\n  var lang = (document.documentElement.lang || \"en\").toLowerCase();\n  var locale = lang.indexOf(\"de\") === 0 ? \"de\"\n    : (lang.indexOf(\"fr\") === 0 ? \"fr\"\n    : (lang.indexOf(\"it\") === 0 ? \"it\"\n    : (lang.indexOf(\"es\") === 0 ? \"es\" : \"en\")));\n\n  var i18n = {\n    en: {\n      seoTitle: \"About HUAYI | Solid Wood Furniture Manufacturer Since 2005\",\n      seoDescription: \"About HUAYI: 45,000 sqm factory in Qingdao, 500+ team members, FSC and ISO certified, offering OEM\/ODM solid wood furniture for global brands.\",\n      breadcrumbHome: \"Home\",\n      breadcrumbPage: \"About Us\",\n      faq: [\n        { q: \"How large is HUAYI's production facility?\", a: \"HUAYI operates a 45,000 sqm modern production base in Qingdao, Shandong, equipped with 5-axis CNC machining centers, automated UV coating lines, and climate-controlled timber warehouses.\" },\n        { q: \"What certifications does HUAYI hold?\", a: \"HUAYI holds FSC Chain of Custody certification (GFA-COC-005231), ISO 9001:2015 Quality Management System certification, and is fully EUDR compliant. Products are tested to EN 14749 standards.\" },\n        { q: \"Which markets does HUAYI serve?\", a: \"HUAYI exports to 30+ countries including Germany, UK, France, USA, Canada, Japan, and Australia. We ship 200+ 40HQ containers monthly as an OEM\/ODM partner for global furniture brands.\" },\n        { q: \"Can I visit the HUAYI factory?\", a: \"Yes, HUAYI welcomes factory visits from B2B clients. Contact our sales team to arrange a guided tour of the production facility, quality control lab, and timber warehouse.\" }\n      ]\n    },\n    de: {\n      seoTitle: \"\u00fcber HUAYI | Hersteller von Massivholzm?beln seit 2005\",\n      seoDescription: \"\u00fcber HUAYI: 45.000 m2 Fabrik in Qingdao, \u00fcber 500 Mitarbeiter, FSC- und ISO-zertifiziert, OEM\/ODM-Massivholzm?bel f\u00fcr globale Marken.\",\n      breadcrumbHome: \"Startseite\",\n      breadcrumbPage: \"\u00fcber uns\",\n      faq: [\n        { q: \"Wie gro? ist die Produktionsst?tte von HUAYI?\", a: \"HUAYI betreibt in Qingdao, Shandong, eine moderne Produktionsbasis mit 45.000 m2, 5-Achs-CNC, automatischen UV-Linien und klimatisierten Holzlagern.\" },\n        { q: \"Welche Zertifizierungen besitzt HUAYI?\", a: \"HUAYI verf\u00fcgt \u00fcber FSC Chain of Custody (GFA-COC-005231), ISO 9001:2015 und erf\u00fcllt die EUDR-Anforderungen. Produkte werden nach EN 14749 gepr\u00fcft.\" },\n        { q: \"Welche M?rkte bedient HUAYI?\", a: \"HUAYI exportiert in \u00fcber 30 L?nder, darunter Deutschland, UK, Frankreich, USA, Kanada, Japan und Australien, mit \u00fcber 200 40HQ-Containern pro Monat.\" },\n        { q: \"Kann ich die HUAYI-Fabrik besuchen?\", a: \"Ja. B2B-Kunden k?nnen eine Werksbesichtigung inklusive Produktion, Qualit?tslabor und Holzlager vereinbaren.\" }\n      ]\n    },\n    fr: {\n      seoTitle: \"\u00e0 propos de HUAYI | Fabricant de meubles en bois massif depuis 2005\",\n      seoDescription: \"\u00e0 propos de HUAYI : usine de 45 000 m2 \u00e0 Qingdao, plus de 500 employ\u00e9s, certifications FSC et ISO, solutions OEM\/ODM pour les marques internationales.\",\n      breadcrumbHome: \"Accueil\",\n      breadcrumbPage: \"\u00e0 propos\",\n      faq: [\n        { q: \"Quelle est la taille du site de production de HUAYI ?\", a: \"HUAYI exploite \u00e0 Qingdao (Shandong) une base de production moderne de 45 000 m2, avec CNC 5 axes, lignes UV automatis\u00e9es et entrep?ts de bois climatis\u00e9s.\" },\n        { q: \"Quelles certifications HUAYI poss\u00e8de-t-il ?\", a: \"HUAYI d\u00e9tient FSC Chain of Custody (GFA-COC-005231), ISO 9001:2015 et est conforme EUDR. Les produits sont test\u00e9s selon EN 14749.\" },\n        { q: \"Quels march\u00e9s HUAYI dessert-il ?\", a: \"HUAYI exporte vers plus de 30 pays, dont l'Allemagne, le Royaume-Uni, la France, les \u00e9tats-Unis, le Canada, le Japon et l'Australie.\" },\n        { q: \"Puis-je visiter l'usine HUAYI ?\", a: \"Oui. Les clients B2B peuvent organiser une visite guid\u00e9e de l'usine, du laboratoire qualit\u00e9 et de l'entrep?t de bois.\" }\n      ]\n    },\n    it: {\n      seoTitle: \"Chi \u00e8 HUAYI | Produttore di mobili in legno massello dal 2005\",\n      seoDescription: \"Chi \u00e8 HUAYI: stabilimento di 45.000 m2 a Qingdao, oltre 500 dipendenti, certificazioni FSC e ISO, servizi OEM\/ODM per brand globali.\",\n      breadcrumbHome: \"Home\",\n      breadcrumbPage: \"Chi siamo\",\n      faq: [\n        { q: \"Quanto \u00e8 grande lo stabilimento produttivo di HUAYI?\", a: \"HUAYI dispone a Qingdao di una base produttiva moderna di 45.000 m2 con CNC a 5 assi, linee UV automatizzate e magazzini del legno climatizzati.\" },\n        { q: \"Quali certificazioni possiede HUAYI?\", a: \"HUAYI possiede FSC Chain of Custody (GFA-COC-005231), ISO 9001:2015 ed \u00e8 conforme EUDR. I prodotti sono testati secondo EN 14749.\" },\n        { q: \"Quali mercati serve HUAYI?\", a: \"HUAYI esporta in oltre 30 paesi, tra cui Germania, Regno Unito, Francia, USA, Canada, Giappone e Australia.\" },\n        { q: \"Posso visitare la fabbrica HUAYI?\", a: \"S\u00ec. I clienti B2B possono prenotare una visita guidata della produzione, del laboratorio qualit\u00e0 e del magazzino legname.\" }\n      ]\n    },\n    es: {\n      seoTitle: \"Sobre HUAYI | Fabricante de muebles de madera maciza desde 2005\",\n      seoDescription: \"Sobre HUAYI: f\u00e1brica de 45.000 m2 en Qingdao, m\u00e1s de 500 empleados, certificaciones FSC e ISO, y soluciones OEM\/ODM para marcas globales.\",\n      breadcrumbHome: \"Inicio\",\n      breadcrumbPage: \"Sobre Nosotros\",\n      faq: [\n        { q: \"?Qu\u00e9 tama?o tiene la planta de producci\u00f3n de HUAYI?\", a: \"HUAYI opera en Qingdao una base de producci\u00f3n moderna de 45.000 m2 con CNC de 5 ejes, l\u00edneas UV automatizadas y almacenes de madera climatizados.\" },\n        { q: \"?Qu\u00e9 certificaciones tiene HUAYI?\", a: \"HUAYI cuenta con FSC Chain of Custody (GFA-COC-005231), ISO 9001:2015 y cumplimiento EUDR. Los productos se prueban seg\u00fan EN 14749.\" },\n        { q: \"?Qu\u00e9 mercados atiende HUAYI?\", a: \"HUAYI exporta a m\u00e1s de 30 pa\u00edses, incluidos Alemania, Reino Unido, Francia, EE. UU., Canad\u00e1, Jap\u00f3n y Australia.\" },\n        { q: \"?Puedo visitar la f\u00e1brica de HUAYI?\", a: \"S\u00ed. Los clientes B2B pueden organizar una visita guiada de la f\u00e1brica, el laboratorio de calidad y el almac\u00e9n de madera.\" }\n      ]\n    }\n  };\n\n  var content = i18n[locale] || i18n.en;\n  var seoTitle = content.seoTitle;\n  var seoDescription = content.seoDescription;\n  var canonicalUrl = \"https:\/\/www.hywoodfurniture.com\/about-us\/\";\n  var seoImage = \"https:\/\/hywoodfurniture.com\/wp-content\/uploads\/2026\/04\/Compress_base.webp\";\n  var siteName = \"HUAYI Furniture\";\n  function ensureMeta(name, content) {\n    var h = document.head || document.getElementsByTagName('head')[0];\n    if (!h || !content) return;\n    var m = h.querySelector('meta[name=\\\"' + name + '\\\"]');\n    if (!m) {\n      m = document.createElement('meta');\n      m.setAttribute('name', name);\n      h.appendChild(m);\n    }\n    m.setAttribute('content', content);\n  }\n  function ensurePropertyMeta(property, content) {\n    var h = document.head || document.getElementsByTagName('head')[0];\n    if (!h || !content) return;\n    var m = h.querySelector('meta[property=\"' + property + '\"]');\n    if (!m) {\n      m = document.createElement('meta');\n      m.setAttribute('property', property);\n      h.appendChild(m);\n    }\n    m.setAttribute('content', content);\n  }\n  function ensureCanonical(url) {\n    var h = document.head || document.getElementsByTagName('head')[0];\n    if (!h || !url) return;\n    var c = h.querySelector('link[rel=\\\"canonical\\\"]');\n    if (!c) {\n      c = document.createElement('link');\n      c.setAttribute('rel', 'canonical');\n      h.appendChild(c);\n    }\n    c.setAttribute('href', url);\n  }\n  function applySeo() {\n    if (seoTitle) document.title = seoTitle;\n    ensureMeta('description', seoDescription);\n    ensureMeta('robots', 'index,follow,max-image-preview:large,max-snippet:-1,max-video-preview:-1');\n    ensureMeta('referrer', 'strict-origin-when-cross-origin');\n    ensureMeta('theme-color', '#8b1b1b');\n    ensureCanonical(canonicalUrl);\n    ensurePropertyMeta('og:type', 'website');\n    ensurePropertyMeta('og:site_name', siteName);\n    ensurePropertyMeta('og:title', seoTitle);\n    ensurePropertyMeta('og:description', seoDescription);\n    ensurePropertyMeta('og:url', canonicalUrl);\n    ensurePropertyMeta('og:image', seoImage);\n    ensureMeta('twitter:card', 'summary_large_image');\n    ensureMeta('twitter:title', seoTitle);\n    ensureMeta('twitter:description', seoDescription);\n    ensureMeta('twitter:image', seoImage);\n  }\n  applySeo();\n  document.addEventListener('DOMContentLoaded', applySeo, { once: true });\n  window.addEventListener('load', applySeo, { once: true });\n\n  var orgLd = {\n    \"@context\": \"https:\/\/schema.org\",\n    \"@type\": \"ManufacturingBusiness\",\n    \"@id\": \"https:\/\/www.hywoodfurniture.com\/#organization-\" + locale,\n    \"inLanguage\": locale,\n    \"name\": \"Qingdao Huayi Youpin Intelligent Furniture Co., Ltd.\",\n    \"alternateName\": [\"HUAYI Furniture\"],\n    \"description\": seoDescription,\n    \"url\": \"https:\/\/www.hywoodfurniture.com\",\n    \"logo\": \"https:\/\/www.hywoodfurniture.com\/logo.png\",\n    \"image\": seoImage,\n    \"foundingDate\": \"2005\",\n    \"numberOfEmployees\": { \"@type\": \"QuantitativeValue\", \"value\": 500 },\n    \"areaServed\": [\"Global\", \"Europe\", \"Asia\", \"North America\", \"Oceania\"],\n    \"address\": {\n      \"@type\": \"PostalAddress\",\n      \"streetAddress\": \"Industrial Park, 45,000 sqm Modern Factory\",\n      \"addressLocality\": \"Qingdao\",\n      \"addressRegion\": \"Shandong\",\n      \"postalCode\": \"266000\",\n      \"addressCountry\": \"CN\"\n    },\n    \"geo\": { \"@type\": \"GeoCoordinates\", \"latitude\": \"36.07\", \"longitude\": \"120.38\" },\n    \"telephone\": \"+86-13864226795\",\n    \"email\": \"alina@hywoodfurniture.com\",\n    \"contactPoint\": {\n      \"@type\": \"ContactPoint\",\n      \"telephone\": \"+86-13864226795\",\n      \"email\": \"alina@hywoodfurniture.com\",\n      \"contactType\": \"sales\",\n      \"availableLanguage\": [\"English\", \"German\", \"French\", \"Italian\", \"Spanish\", \"Chinese\"]\n    },\n    \"hasCredential\": [\n      { \"@type\": \"EducationalOccupationalCredential\", \"name\": \"FSC Chain of Custody Certification\", \"credentialCategory\": \"GFA-COC-005231\" },\n      { \"@type\": \"EducationalOccupationalCredential\", \"name\": \"ISO 9001:2015 Quality Management System\", \"credentialCategory\": \"ISO\" }\n    ],\n    \"sameAs\": [\n      \"https:\/\/www.linkedin.com\/company\/hywoodfurniture\",\n      \"https:\/\/www.facebook.com\/hywoodfurniture\"\n    ]\n  };\n  var breadcrumbLd = {\n    \"@context\": \"https:\/\/schema.org\",\n    \"@type\": \"BreadcrumbList\",\n    \"itemListElement\": [\n      { \"@type\": \"ListItem\", \"position\": 1, \"name\": content.breadcrumbHome, \"item\": \"https:\/\/www.hywoodfurniture.com\" },\n      { \"@type\": \"ListItem\", \"position\": 2, \"name\": content.breadcrumbPage, \"item\": canonicalUrl }\n    ]\n  };\n  var faqLd = {\n    \"@context\": \"https:\/\/schema.org\",\n    \"@type\": \"FAQPage\",\n    \"mainEntity\": content.faq.map(function(item) {\n      return {\n        \"@type\": \"Question\",\n        \"name\": item.q,\n        \"acceptedAnswer\": { \"@type\": \"Answer\", \"text\": item.a }\n      };\n    })\n  };\n  function injectLd(id, payload) {\n    var key = \"script[data-hy-about-ld='\" + id + \"-\" + locale + \"']\";\n    if (document.querySelector(key)) return;\n    var s = document.createElement(\"script\");\n    s.type = \"application\/ld+json\";\n    s.setAttribute(\"data-hy-about-ld\", id + \"-\" + locale);\n    s.text = JSON.stringify(payload);\n    document.head.appendChild(s);\n  }\n  injectLd(\"org\", orgLd);\n  injectLd(\"breadcrumb\", breadcrumbLd);\n  injectLd(\"faq\", faqLd);\n})();\n<\/script><style>\n    \/* ===== Emergency Header\/Footer Rescue for page 2988 ===== *\/\n    body.page-id-2988 .skip-link.screen-reader-text {\n        position: absolute !important;\n        width: 1px !important;\n        height: 1px !important;\n        padding: 0 !important;\n        margin: -1px !important;\n        overflow: hidden !important;\n        clip: rect(0, 0, 0, 0) !important;\n        white-space: nowrap !important;\n        border: 0 !important;\n    }\n    body.page-id-2988 .ct-drawer-canvas,\n    body.page-id-2988 #offcanvas.ct-panel.ct-header {\n        display: none !important;\n        visibility: hidden !important;\n        opacity: 0 !important;\n        pointer-events: none !important;\n    }\n    body.page-id-2988 .ct-header {\n        position: relative !important;\n        z-index: 40 !important;\n        background: #ECEEF1 !important;\n        border-bottom: 1px solid rgba(255,255,255,0.95) !important;\n    }\n    body.page-id-2988 .ct-header [data-device=\"desktop\"] .ct-container {\n        max-width: 1200px !important;\n        margin: 0 auto !important;\n        padding: 0 24px !important;\n        min-height: 70px !important;\n        display: grid !important;\n        grid-template-columns: auto 1fr auto !important;\n        align-items: center !important;\n        gap: 20px !important;\n    }\n    body.page-id-2988 .ct-header [data-device=\"desktop\"] [data-column] {\n        display: flex !important;\n        align-items: center !important;\n    }\n    body.page-id-2988 .ct-header [data-device=\"desktop\"] [data-column=\"middle\"] {\n        justify-content: center !important;\n    }\n    body.page-id-2988 .ct-header [data-device=\"desktop\"] [data-column=\"end\"] {\n        justify-content: flex-end !important;\n    }\n    body.page-id-2988 .ct-header .site-branding img,\n    body.page-id-2988 .ct-header .site-logo-container img,\n    body.page-id-2988 .ct-header img.default-logo {\n        width: auto !important;\n        height: 60px !important;\n        max-height: 60px !important;\n        max-width: none !important;\n        display: block !important;\n    }\n    body.page-id-2988 .ct-header nav.header-menu-1.menu-container,\n    body.page-id-2988 .ct-header nav.header-menu-1,\n    body.page-id-2988 .ct-header #header-menu-1 {\n        width: auto !important;\n    }\n    body.page-id-2988 .ct-header nav.header-menu-1 ul,\n    body.page-id-2988 .ct-header #header-menu-1 ul,\n    body.page-id-2988 .ct-header ul.menu {\n        display: flex !important;\n        flex-wrap: nowrap !important;\n        align-items: center !important;\n        justify-content: center !important;\n        gap: 30px !important;\n        margin: 0 !important;\n        padding: 0 !important;\n        list-style: none !important;\n    }\n    body.page-id-2988 .ct-header nav.header-menu-1 li,\n    body.page-id-2988 .ct-header #header-menu-1 li,\n    body.page-id-2988 .ct-header ul.menu > li {\n        margin: 0 !important;\n        list-style: none !important;\n    }\n    body.page-id-2988 .ct-header .ct-menu-link {\n        display: inline-flex !important;\n        align-items: center !important;\n        min-height: 40px !important;\n        padding: 0 !important;\n        color: #1f2937 !important;\n        font-size: 15px !important;\n        font-weight: 600 !important;\n        line-height: 1 !important;\n        text-decoration: none !important;\n        white-space: nowrap !important;\n    }\n    body.page-id-2988 .ct-header .current-menu-item > .ct-menu-link,\n    body.page-id-2988 .ct-header .current_page_item > .ct-menu-link {\n        color: #8B1A1A !important;\n    }\n    body.page-id-2988 .ct-header .ct-language-switcher {\n        display: inline-flex !important;\n        align-items: center !important;\n        gap: 8px !important;\n    }\n    body.page-id-2988 .ct-header .ct-language-switcher ul {\n        display: none !important;\n    }\n    body.page-id-2988 .ct-header [data-device=\"mobile\"] {\n        display: none !important;\n    }\n    body.page-id-2988 .ct-footer [data-row] .ct-container,\n    body.page-id-2988 footer .ct-container {\n        max-width: 1200px !important;\n        margin: 0 auto !important;\n        padding-left: 24px !important;\n        padding-right: 24px !important;\n    }\n    body.page-id-2988 .ct-footer .ct-widget > * {\n        max-width: 100% !important;\n    }\n    @media (max-width: 999px) {\n        body.page-id-2988 .ct-header [data-device=\"desktop\"] {\n            display: block !important;\n        }\n        body.page-id-2988 .ct-header [data-device=\"mobile\"] {\n            display: none !important;\n        }\n        body.page-id-2988 .ct-drawer-canvas,\n        body.page-id-2988 #offcanvas.ct-panel.ct-header {\n            display: none !important;\n            visibility: hidden !important;\n            opacity: 0 !important;\n            pointer-events: none !important;\n        }\n        body.page-id-2988 .ct-header [data-device=\"desktop\"] .ct-container {\n            padding: 14px 16px !important;\n            min-height: auto !important;\n            grid-template-columns: 1fr !important;\n            gap: 10px !important;\n        }\n        body.page-id-2988 .ct-header [data-device=\"desktop\"] [data-column] {\n            justify-content: center !important;\n        }\n        body.page-id-2988 .ct-header [data-device=\"desktop\"] [data-column=\"end\"],\n        body.page-id-2988 .ct-header .ct-header-socials {\n            display: none !important;\n        }\n        body.page-id-2988 .ct-header .site-branding img,\n        body.page-id-2988 .ct-header .site-logo-container img,\n        body.page-id-2988 .ct-header img.default-logo {\n            height: 42px !important;\n            max-height: 42px !important;\n        }\n        body.page-id-2988 .ct-header nav.header-menu-1 ul,\n        body.page-id-2988 .ct-header #header-menu-1 ul,\n        body.page-id-2988 .ct-header ul.menu {\n            flex-wrap: wrap !important;\n            gap: 10px 18px !important;\n        }\n        body.page-id-2988 .ct-header .ct-menu-link {\n            min-height: 34px !important;\n            font-size: 14px !important;\n        }\n    }\n\n    \/* ===== Elementor Reset ===== *\/\n    .hy-about {\n        font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;\n        font-size: clamp(14px, 2vw, 16px);\n        color: #111827;\n        overflow-x: visible;\n        -webkit-font-smoothing: antialiased;\n        width: 100% !important;\n        max-width: 100% !important;\n        position: relative;\n        left: auto !important;\n        right: auto !important;\n        margin-left: 0 !important;\n        margin-right: 0 !important;\n    }\n    .hy-about *, .hy-about *::before, .hy-about *::after {\n        box-sizing: border-box;\n        -webkit-tap-highlight-color: transparent;\n    }\n\n    \/* ===== Override WordPress global heading colors ===== *\/\n    .hy-about h1, .hy-about h2, .hy-about h3, .hy-about h4 { color: inherit !important; }\n    .hy-about .dark-sec h1, .hy-about .dark-sec h2, .hy-about .dark-sec h3, .hy-about .dark-sec h4,\n    .hy-about .dark-sec p, .hy-about .dark-sec span { color: inherit !important; }\n    .hy-about .bg-gray-900 h1, .hy-about .bg-gray-900 h2, .hy-about .bg-gray-900 h3, .hy-about .bg-gray-900 h4,\n    .hy-about .bg-gray-900 p, .hy-about .bg-gray-900 span { color: inherit !important; }\n\n    \/* ===== Full-width ===== *\/\n    .hy-full { width: 100% !important; max-width: 100% !important; margin-left: 0 !important; margin-right: 0 !important; }\n    \/* Hero full-bleed inside Elementor boxed containers *\/\n    .hy-about .hero-mobile.hy-full {\n        width: 100vw !important;\n        max-width: 100vw !important;\n        position: relative !important;\n        left: auto !important;\n        right: auto !important;\n        margin-left: calc(50% - 50vw) !important;\n        margin-right: calc(50% - 50vw) !important;\n    }\n\n    \/* ===== Scroll Reveal (safe fallback) ===== *\/\n    .hy-about .reveal,\n    .hy-about .reveal-left,\n    .hy-about .reveal-right {\n        opacity: 1;\n        transform: none;\n        transition: all 0.8s cubic-bezier(0.23, 1, 0.32, 1);\n    }\n    .hy-about.js-motion .reveal { opacity: 0; transform: translateY(40px); }\n    .hy-about.js-motion .reveal-left { opacity: 0; transform: translateX(-60px); }\n    .hy-about.js-motion .reveal-right { opacity: 0; transform: translateX(60px); }\n    .hy-about .reveal.active,\n    .hy-about .reveal-left.active,\n    .hy-about .reveal-right.active { opacity: 1; transform: translate(0, 0); }\n\n    \/* ===== 3D Motion ===== *\/\n    .hy-about .perspective-container { perspective: 1200px; }\n    .hy-about .card-3d {\n        transition: transform 0.6s cubic-bezier(0.23, 1, 0.32, 1), box-shadow 0.6s ease;\n        transform-style: preserve-3d; will-change: transform;\n    }\n    @media (hover: hover) {\n        .hy-about .card-3d:hover { transform: translateY(-10px) rotateX(5deg) rotateY(-3deg); box-shadow: 0 25px 50px rgba(0,0,0,0.15); border-color: #fca5a5; }\n    }\n    .hy-about .hover-float { transition: transform 0.4s ease-in-out; }\n    @media (hover: hover) { .hy-about .hover-float:hover { transform: translateY(-5px); } }\n\n    \/* ===== Glassmorphism ===== *\/\n    .hy-about .glass-effect {\n        background: rgba(255,255,255,0.85); backdrop-filter: blur(24px); -webkit-backdrop-filter: blur(24px);\n        border: 1px solid rgba(255,255,255,1); box-shadow: 0 10px 40px -10px rgba(0,0,0,0.08);\n    }\n    @media (hover: hover) { .hy-about .glass-effect:hover { background: rgba(255,255,255,0.98); border-color: rgba(139,27,27,0.3); } }\n    .hy-about .dark-glass {\n        background: #111827 !important; backdrop-filter: blur(24px); -webkit-backdrop-filter: blur(24px);\n        border: 1px solid rgba(255,255,255,0.1); box-shadow: 0 30px 60px rgba(0,0,0,0.4), inset 0 1px 0 rgba(255,255,255,0.05);\n    }\n    @media (hover: hover) { .hy-about .dark-glass:hover { border-color: rgba(139,27,27,0.5); } }\n\n    \/* ===== Home Theme Alignment (Light Mode) ===== *\/\n    .hy-about {\n        --home-bg: #FFFFFF;\n        --home-bg-soft: #FFFFFF;\n        --home-text: #111111;\n        --home-muted: #5F5F5F;\n        --home-border: #E4DED7;\n        background: var(--home-bg);\n    }\n    .hy-about .ios-section,\n    .hy-about .dark-sec,\n    .hy-about .bg-gray-900,\n    .hy-about .hy-full {\n        background: var(--home-bg) !important;\n        color: var(--home-text) !important;\n    }\n    .hy-about h1, .hy-about h2, .hy-about h3, .hy-about h4, .hy-about h5, .hy-about h6 {\n        color: var(--home-text) !important;\n        text-shadow: none !important;\n    }\n    .hy-about p {\n        color: var(--home-muted) !important;\n    }\n    .hy-about .dark-sec:not(.hero-mobile) p,\n    .hy-about .dark-sec:not(.hero-mobile) span,\n    .hy-about .dark-sec:not(.hero-mobile) a,\n    .hy-about .dark-sec:not(.hero-mobile) li {\n        color: var(--home-muted) !important;\n    }\n    .hy-about .dark-sec:not(.hero-mobile) [class*=\"text-white\"],\n    .hy-about .dark-sec:not(.hero-mobile) [class*=\"text-gray-3\"],\n    .hy-about .dark-sec:not(.hero-mobile) [class*=\"text-gray-4\"],\n    .hy-about .dark-sec:not(.hero-mobile) [class*=\"text-gray-5\"] {\n        color: var(--home-muted) !important;\n    }\n    .hy-about .dark-sec:not(.hero-mobile) [class*=\"text-red-\"],\n    .hy-about .dark-sec:not(.hero-mobile) [class*=\"text-amber-\"],\n    .hy-about .dark-sec:not(.hero-mobile) [class*=\"text-green-\"],\n    .hy-about .dark-sec:not(.hero-mobile) [class*=\"text-blue-\"],\n    .hy-about .dark-sec:not(.hero-mobile) [class*=\"text-cyan-\"],\n    .hy-about .dark-sec:not(.hero-mobile) [class*=\"text-violet-\"] {\n        color: #C52D2F !important;\n    }\n    .hy-about .dark-sec > .absolute.inset-0[style*=\"linear-gradient\"],\n    .hy-about .dark-sec > .absolute.inset-0.pointer-events-none[style*=\"background-image\"] {\n        display: none !important;\n    }\n    .hy-about .hero-mobile img {\n        opacity: 1 !important;\n        filter: saturate(1.03) contrast(1.03);\n    }\n    .hy-about .hero-mobile .hero-copy {\n        color: #fff !important;\n    }\n    .hy-about .hero-mobile .hero-copy p {\n        color: rgba(255,255,255,0.92) !important;\n    }\n    .hy-about .hero-mobile .hero-copy .hero-pill {\n        color: rgba(255,255,255,0.94) !important;\n        background: rgba(0, 0, 0, 0.24) !important;\n        border-color: rgba(255,255,255,0.22) !important;\n    }\n    .hy-about .dark-glass {\n        background: var(--home-bg-soft) !important;\n        border: 1px solid var(--home-border) !important;\n        box-shadow: 0 14px 28px rgba(17,24,39,0.10), inset 0 1px 0 rgba(255,255,255,0.82);\n    }\n    .hy-about .glass-effect {\n        background: rgba(255,255,255,0.88);\n        border: 1px solid var(--home-border);\n        box-shadow: 0 10px 24px rgba(17,24,39,0.08);\n    }\n    \/* ===== Image ===== *\/\n    .hy-about img { color: transparent; font-size: 0; }\n    \/* Image-container fusion: no white gaps around media cards *\/\n    .hy-about .ios-widget,\n    .hy-about .glass-effect,\n    .hy-about .dark-glass {\n        overflow: hidden;\n    }\n    .hy-about .ios-widget img,\n    .hy-about .glass-effect img,\n    .hy-about .dark-glass img {\n        display: block;\n        width: 100%;\n        height: 100%;\n        object-fit: cover;\n        vertical-align: middle;\n    }\n    .hy-about .ios-widget .relative.overflow-hidden,\n    .hy-about .glass-effect .relative.overflow-hidden,\n    .hy-about .dark-glass .relative.overflow-hidden {\n        line-height: 0;\n    }\n    .hy-about .equip-sub .dark-glass {\n        align-items: stretch;\n    }\n    .hy-about .equip-sub .dark-glass > div:first-child {\n        min-height: 100%;\n    }\n    .hy-about .equip-sub .dark-glass > div:first-child img {\n        width: 100% !important;\n        height: 100% !important;\n        object-fit: cover !important;\n        display: block;\n    }\n\n    \/* ===== Animations ===== *\/\n    @keyframes glowPulse { 0%,100% { box-shadow: 0 0 20px rgba(197,45,47,0.3); } 50% { box-shadow: 0 0 40px rgba(197,45,47,0.6); } }\n    @keyframes floatOrb1 { 0%,100% { transform: translate(0,0) scale(1); } 50% { transform: translate(30px,-20px) scale(1.1); } }\n    @keyframes floatOrb2 { 0%,100% { transform: translate(0,0) scale(1); } 50% { transform: translate(-25px,15px) scale(0.9); } }\n    @keyframes floatOrb3 { 0%,100% { transform: translate(0,0); } 50% { transform: translate(15px,25px); } }\n    .hy-about .orb-1 { animation: floatOrb1 8s ease-in-out infinite; }\n    .hy-about .orb-2 { animation: floatOrb2 10s ease-in-out infinite; }\n    .hy-about .orb-3 { animation: floatOrb3 12s ease-in-out infinite; }\n    @keyframes scanMove { 0% { top: 15%; opacity: 0; } 20% { opacity: 1; } 80% { opacity: 1; } 100% { top: 85%; opacity: 0; } }\n    .hy-about .mes-scanline { animation: scanMove 4s ease-in-out infinite; }\n    .hy-about .mes-bar { transition: width 1.2s cubic-bezier(0.25, 0.46, 0.45, 0.94); }\n\n    \/* ===== Timeline ===== *\/\n    .hy-about .tl-line { position: absolute; top: 50%; left: 0; right: 0; height: 2px; background: rgba(255,255,255,0.08); }\n    .hy-about .tl-progress { height: 100%; width: 0%; background: linear-gradient(90deg, #C52D2F, #f87171); border-radius: 999px; transition: none; }\n    .hy-about .tl-node { transition: all 0.6s cubic-bezier(0.23,1,0.32,1); opacity: 0; transform: translateY(20px); }\n    .hy-about .tl-node.active { opacity: 1; transform: translateY(0); }\n    .hy-about .tl-dot { width: 16px; height: 16px; border-radius: 50%; background: #1f2937; border: 2px solid rgba(255,255,255,0.15); transition: all 0.5s ease; position: relative; z-index: 2; }\n    .hy-about .tl-node.active .tl-dot { background: #C52D2F; border-color: #C52D2F; box-shadow: 0 0 20px rgba(197,45,47,0.6), 0 0 40px rgba(197,45,47,0.3); }\n    .hy-about .tl-dot::after { content:''; position: absolute; inset: -6px; border-radius: 50%; border: 1px solid rgba(197,45,47,0); transition: all 0.5s ease; }\n    .hy-about .tl-node.active .tl-dot::after { border-color: rgba(197,45,47,0.4); animation: glowPulse 2s ease-in-out infinite; }\n\n    \/* Meteor \/ Comet *\/\n    .hy-about .tl-meteor {\n        position: absolute; top: 50%; left: 0; z-index: 5; pointer-events: none;\n        transform: translate(-50%, -50%); opacity: 0;\n    }\n    .hy-about .tl-meteor.active { opacity: 1; }\n    .hy-about .tl-meteor-head {\n        width: 14px; height: 14px; border-radius: 50%; position: relative;\n        background: radial-gradient(circle, #fff 0%, #fca5a5 40%, #C52D2F 70%, transparent 100%);\n        box-shadow: 0 0 20px 6px rgba(197,45,47,0.8), 0 0 60px 15px rgba(197,45,47,0.4), 0 0 100px 30px rgba(197,45,47,0.15);\n    }\n    .hy-about .tl-meteor-tail {\n        position: absolute; top: 50%; right: 100%; transform: translateY(-50%);\n        width: 120px; height: 4px;\n        background: linear-gradient(270deg, rgba(197,45,47,0.8), rgba(248,113,113,0.4), rgba(255,255,255,0.05), transparent);\n        border-radius: 0 999px 999px 0; filter: blur(1px);\n    }\n    .hy-about .tl-meteor-tail-wide {\n        position: absolute; top: 50%; right: 100%; transform: translateY(-50%);\n        width: 80px; height: 10px;\n        background: linear-gradient(270deg, rgba(197,45,47,0.3), rgba(248,113,113,0.1), transparent);\n        border-radius: 0 999px 999px 0; filter: blur(4px);\n    }\n    \/* Sparks *\/\n    .hy-about .tl-spark {\n        position: absolute; width: 3px; height: 3px; border-radius: 50%; pointer-events: none;\n        background: #fca5a5; opacity: 0;\n    }\n    @keyframes sparkFly {\n        0%   { opacity: 1; transform: translate(0, 0) scale(1); }\n        100% { opacity: 0; transform: translate(var(--sx), var(--sy)) scale(0); }\n    }\n    .hy-about .tl-spark.fly { animation: sparkFly 0.6s ease-out forwards; }\n\n    \/* ===== Timeline Redesign (Style only, same content\/animation logic) ===== *\/\n    .hy-about .timeline-redesign {\n        background:\n            radial-gradient(1200px 420px at 50% 0%, rgba(197,45,47,0.07), transparent 68%),\n            linear-gradient(180deg, #f7f8fa 0%, #ffffff 45%, #f5f7fb 100%) !important;\n        padding-top: 4.4rem !important;\n        padding-bottom: 5rem !important;\n    }\n    .hy-about .timeline-head .timeline-kicker {\n        background: linear-gradient(180deg, #ffffff, #f5f7fa);\n        color: #b42328 !important;\n        border: 1px solid #e6e9ef;\n        border-radius: 999px;\n        padding: 8px 16px;\n        box-shadow: 0 8px 20px rgba(17,24,39,0.08), inset 0 1px 0 rgba(255,255,255,0.95);\n    }\n    .hy-about .timeline-head .timeline-title {\n        color: #111827 !important;\n        letter-spacing: -0.02em;\n        text-shadow: 0 2px 16px rgba(17,24,39,0.08);\n        margin-bottom: 0.55rem !important;\n    }\n    .hy-about .timeline-head p {\n        color: #667085 !important;\n        font-weight: 500;\n        max-width: 760px !important;\n        line-height: 1.45;\n    }\n    .hy-about .timeline-head {\n        margin-bottom: 1.7rem !important;\n    }\n    .hy-about .timeline-shell {\n        padding: 14px 14px;\n        border-radius: 24px;\n        border: 1px solid #e4e8ef;\n        background: linear-gradient(180deg, rgba(255,255,255,0.96), rgba(247,249,252,0.94));\n        box-shadow:\n            0 16px 36px rgba(17,24,39,0.11),\n            inset 0 1px 0 rgba(255,255,255,0.95),\n            inset 0 -1px 0 rgba(15,23,42,0.04);\n    }\n    .hy-about .timeline-track {\n        min-width: 940px;\n        padding-top: 50px;\n        padding-bottom: 26px;\n    }\n    .hy-about .timeline-row {\n        min-height: 176px !important;\n    }\n    .hy-about .timeline-shell .tl-line {\n        height: 3px !important;\n        border-radius: 999px;\n        background: linear-gradient(90deg, #d7dce6 0%, #e7c8cf 40%, #d7dce6 100%) !important;\n        box-shadow: inset 0 1px 0 rgba(255,255,255,0.9);\n    }\n    .hy-about .timeline-shell .tl-progress {\n        background: linear-gradient(90deg, #8b1b1b 0%, #c52d2f 40%, #ef4444 100%);\n        box-shadow: 0 0 16px rgba(197,45,47,0.28);\n    }\n    .hy-about #hy-timeline .timeline-row .tl-node {\n        padding: 0 8px;\n    }\n    .hy-about #hy-timeline .timeline-row .tl-node > div:first-child {\n        position: relative;\n        min-height: 132px;\n        margin-bottom: 8px !important;\n        padding: 13px 12px 12px;\n        border-radius: 16px;\n        border: 1px solid #dde3ec;\n        background: linear-gradient(165deg, #ffffff 0%, #f7f9fc 58%, #eef3fa 100%);\n        box-shadow:\n            0 14px 30px rgba(17,24,39,0.14),\n            0 4px 12px rgba(17,24,39,0.09),\n            inset 0 1px 0 rgba(255,255,255,0.97),\n            inset 0 -1px 0 rgba(148,163,184,0.18);\n        display: flex;\n        flex-direction: column;\n        justify-content: center;\n        transform-origin: center bottom;\n        animation: timelineCardBreath 3.6s ease-in-out infinite;\n        will-change: transform, box-shadow;\n    }\n    .hy-about #hy-timeline .timeline-row .tl-node:nth-child(2n) > div:first-child {\n        animation-delay: 0.6s;\n    }\n    .hy-about #hy-timeline .timeline-row .tl-node:nth-child(3n) > div:first-child {\n        animation-delay: 1.1s;\n    }\n    .hy-about #hy-timeline .timeline-row .tl-node > div:first-child::after {\n        content: \"\";\n        position: absolute;\n        left: 50%;\n        bottom: -18px;\n        width: 2px;\n        height: 18px;\n        transform: translateX(-50%);\n        background: linear-gradient(180deg, #d4d9e2 0%, rgba(212,217,226,0) 100%);\n    }\n    .hy-about #hy-timeline .timeline-row .tl-node > div:first-child span {\n        color: #1f2937 !important;\n        text-shadow: none !important;\n    }\n    .hy-about #hy-timeline .timeline-row .tl-node > div:first-child p {\n        color: #5f6b7a !important;\n        font-weight: 500;\n    }\n    .hy-about #hy-timeline .timeline-row .tl-dot {\n        width: 18px;\n        height: 18px;\n        border: 3px solid #ffffff;\n        background: #bfc7d4;\n        box-shadow: 0 0 0 1px #d0d6df, 0 10px 22px rgba(197,45,47,0.19);\n    }\n    .hy-about #hy-timeline .timeline-row .tl-node.active .tl-dot {\n        background: #c52d2f;\n        border-color: #fff;\n        box-shadow:\n            0 0 0 2px rgba(197,45,47,0.20),\n            0 0 0 8px rgba(197,45,47,0.12),\n            0 16px 32px rgba(197,45,47,0.35);\n        animation: tlDotBreath 1.8s ease-in-out infinite;\n    }\n    .hy-about #hy-timeline .timeline-row .tl-node > div:last-child > div {\n        width: 44px;\n        height: 44px;\n        border-radius: 13px;\n        border: 1px solid #d6ddea;\n        background: linear-gradient(155deg, #ffffff 0%, #f0f4fa 100%);\n        box-shadow:\n            0 14px 26px rgba(17,24,39,0.14),\n            inset 0 1px 0 rgba(255,255,255,0.98),\n            inset 0 -1px 0 rgba(148,163,184,0.2);\n        transition: transform 0.35s ease, box-shadow 0.35s ease, border-color 0.35s ease;\n        animation: timelineIconBreath 2.8s ease-in-out infinite;\n    }\n    .hy-about #hy-timeline .timeline-row .tl-node.active > div:last-child > div {\n        transform: translateY(-2px) scale(1.05);\n        border-color: rgba(197,45,47,0.32);\n        box-shadow: 0 14px 28px rgba(197,45,47,0.24), inset 0 1px 0 rgba(255,255,255,0.95);\n    }\n\n    \/* ===== CTA 3D Emboss ===== *\/\n    .hy-about .cta-emboss {\n        background: linear-gradient(160deg, #eef1f5 0%, #e8ecf1 55%, #e3e8ee 100%) !important;\n        border: 1px solid #d4dae3 !important;\n        box-shadow:\n            0 24px 44px rgba(15,23,42,0.14),\n            0 8px 18px rgba(15,23,42,0.10),\n            inset 0 2px 0 rgba(255,255,255,0.92),\n            inset 0 -2px 0 rgba(148,163,184,0.20);\n        animation: ctaEmbossBreath 4.2s ease-in-out infinite;\n    }\n    .hy-about .cta-emboss .cta-btn-emboss {\n        border: 1px solid #d4dbe5 !important;\n        background: linear-gradient(180deg, #ffffff 0%, #f3f6fa 100%) !important;\n        box-shadow:\n            0 12px 24px rgba(15,23,42,0.14),\n            inset 0 1px 0 rgba(255,255,255,0.96),\n            inset 0 -1px 0 rgba(148,163,184,0.22);\n        transform: translateZ(0);\n        transition: transform 0.25s ease, box-shadow 0.25s ease;\n    }\n    .hy-about .cta-emboss .cta-btn-emboss:hover {\n        transform: translateY(-2px);\n        box-shadow:\n            0 16px 28px rgba(15,23,42,0.17),\n            inset 0 1px 0 rgba(255,255,255,0.98),\n            inset 0 -1px 0 rgba(148,163,184,0.20);\n    }\n\n    \/* ===== Hero hard layout (avoid mobile split when utility CSS loads late) ===== *\/\n    .hy-about .hero-mobile {\n        position: relative !important;\n        overflow: hidden !important;\n        isolation: isolate;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n    }\n    .hy-about .hero-mobile > img {\n        position: absolute !important;\n        inset: 0 !important;\n        width: 100% !important;\n        height: 100% !important;\n        object-fit: cover !important;\n        object-position: center center !important;\n        z-index: 0;\n    }\n    .hy-about .hero-mobile .hero-overlay {\n        position: absolute !important;\n        inset: 0 !important;\n        z-index: 1;\n    }\n    .hy-about .hero-mobile .hero-copy {\n        position: relative !important;\n        z-index: 3;\n        width: 100%;\n    }\n    \/* Render budget: skip below-fold paint until scrolled into view *\/\n    .hy-about > section:not(.hero-mobile) {\n        content-visibility: auto;\n        contain-intrinsic-size: 900px;\n    }\n    @keyframes ctaEmbossBreath {\n        0%, 100% {\n            box-shadow:\n                0 24px 44px rgba(15,23,42,0.14),\n                0 8px 18px rgba(15,23,42,0.10),\n                inset 0 2px 0 rgba(255,255,255,0.92),\n                inset 0 -2px 0 rgba(148,163,184,0.20);\n        }\n        50% {\n            box-shadow:\n                0 30px 54px rgba(15,23,42,0.17),\n                0 12px 24px rgba(15,23,42,0.13),\n                inset 0 2px 0 rgba(255,255,255,0.95),\n                inset 0 -2px 0 rgba(148,163,184,0.24);\n        }\n    }\n\n    @keyframes timelineCardBreath {\n        0%, 100% {\n            transform: translateY(0) scale(1);\n            box-shadow:\n                0 14px 30px rgba(17,24,39,0.14),\n                0 4px 12px rgba(17,24,39,0.09),\n                inset 0 1px 0 rgba(255,255,255,0.97),\n                inset 0 -1px 0 rgba(148,163,184,0.18);\n        }\n        50% {\n            transform: translateY(-4px) scale(1.015);\n            box-shadow:\n                0 22px 40px rgba(17,24,39,0.20),\n                0 8px 18px rgba(17,24,39,0.12),\n                inset 0 1px 0 rgba(255,255,255,0.99),\n                inset 0 -1px 0 rgba(148,163,184,0.20);\n        }\n    }\n    @keyframes timelineIconBreath {\n        0%, 100% {\n            transform: translateY(0) scale(1);\n            box-shadow:\n                0 14px 26px rgba(17,24,39,0.14),\n                inset 0 1px 0 rgba(255,255,255,0.98),\n                inset 0 -1px 0 rgba(148,163,184,0.2);\n        }\n        50% {\n            transform: translateY(-3px) scale(1.06);\n            box-shadow:\n                0 20px 34px rgba(197,45,47,0.20),\n                inset 0 1px 0 rgba(255,255,255,1),\n                inset 0 -1px 0 rgba(148,163,184,0.22);\n        }\n    }\n    @keyframes tlDotBreath {\n        0%, 100% {\n            box-shadow:\n                0 0 0 2px rgba(197,45,47,0.20),\n                0 0 0 8px rgba(197,45,47,0.12),\n                0 16px 32px rgba(197,45,47,0.35);\n        }\n        50% {\n            box-shadow:\n                0 0 0 3px rgba(197,45,47,0.28),\n                0 0 0 12px rgba(197,45,47,0.14),\n                0 20px 38px rgba(197,45,47,0.44);\n        }\n    }\n\n    @media (max-width: 767px) {\n        \/* Timeline mobile: full-width mini desktop layout (show all 2005-2025) *\/\n        .hy-about .timeline-redesign .max-w-7xl {\n            max-width: 100% !important;\n            padding-left: 0.35rem !important;\n            padding-right: 0.35rem !important;\n        }\n        .hy-about .timeline-shell {\n            width: 100% !important;\n            padding: 6px 6px;\n            border-radius: 12px;\n        }\n        .hy-about .timeline-track {\n            min-width: 100% !important;\n            width: 100% !important;\n            padding-top: 22px;\n            padding-bottom: 10px;\n        }\n        .hy-about .timeline-row {\n            min-height: auto !important;\n            display: grid !important;\n            grid-template-columns: repeat(6, minmax(0, 1fr));\n            gap: 3px;\n            align-items: start;\n        }\n        .hy-about #hy-timeline .timeline-row .tl-node {\n            min-width: 0;\n            padding: 0 1px;\n        }\n        .hy-about #hy-timeline .timeline-row .tl-node > div:first-child {\n            min-height: 68px;\n            padding: 5px 4px;\n            border-radius: 9px;\n            margin-bottom: 3px !important;\n        }\n        .hy-about #hy-timeline .timeline-row .tl-node > div:first-child span {\n            font-size: 12px !important;\n            line-height: 1.02 !important;\n            letter-spacing: -0.01em;\n        }\n        .hy-about #hy-timeline .timeline-row .tl-node > div:first-child p {\n            font-size: 8px !important;\n            line-height: 1.14 !important;\n            margin-top: 2px !important;\n            max-width: 100% !important;\n        }\n        .hy-about #hy-timeline .timeline-row .tl-node > div:first-child::after {\n            height: 8px;\n            bottom: -8px;\n        }\n        .hy-about #hy-timeline .timeline-row .tl-dot {\n            width: 10px;\n            height: 10px;\n            border-width: 2px;\n        }\n        .hy-about #hy-timeline .timeline-row .tl-node > div:last-child {\n            margin-top: 3px !important;\n        }\n        .hy-about #hy-timeline .timeline-row .tl-node > div:last-child > div {\n            width: 18px !important;\n            height: 18px !important;\n            border-radius: 6px;\n        }\n        .hy-about #hy-timeline .timeline-row .tl-node > div:last-child > div i {\n            width: 10px !important;\n            height: 10px !important;\n        }\n        .hy-about .tl-meteor-head {\n            width: 8px;\n            height: 8px;\n        }\n        .hy-about .tl-meteor-tail {\n            width: 42px;\n            height: 2px;\n        }\n        .hy-about .tl-meteor-tail-wide {\n            width: 24px;\n            height: 5px;\n        }\n    }\n\n    \/* ===== Cert glow border ===== *\/\n    .hy-about .cert-card { position: relative; overflow: hidden; }\n    .hy-about .cert-card::before {\n        content: ''; position: absolute; inset: 0; border-radius: inherit; padding: 1px;\n        background: linear-gradient(135deg, rgba(197,45,47,0), rgba(197,45,47,0));\n        -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);\n        -webkit-mask-composite: xor; mask-composite: exclude;\n        transition: background 0.5s ease;\n    }\n    @media (hover: hover) {\n        .hy-about .cert-card:hover::before { background: linear-gradient(135deg, #C52D2F, #f87171, rgba(255,255,255,0.3)); }\n    }\n    \/* Certifications block: compact desktop cards for cleaner rhythm *\/\n    .hy-about .cert-grid {\n        align-items: stretch;\n    }\n    @media (min-width: 768px) {\n        .hy-about .cert-grid {\n            grid-template-columns: repeat(4, minmax(0, 250px)) !important;\n            justify-content: center;\n            gap: 14px !important;\n        }\n        .hy-about .cert-grid .cert-card {\n            padding: 1rem 0.85rem !important;\n            border-radius: 1.05rem !important;\n            min-height: 190px;\n        }\n        .hy-about .cert-grid .cert-card > div:first-child {\n            width: 52px !important;\n            height: 52px !important;\n            border-radius: 14px !important;\n            margin-bottom: 0.65rem !important;\n        }\n        .hy-about .cert-grid .cert-card h4 {\n            font-size: 1.04rem !important;\n            margin-bottom: 0.2rem !important;\n        }\n        .hy-about .cert-grid .cert-card p {\n            font-size: 12px !important;\n            margin-bottom: 0.55rem !important;\n        }\n        .hy-about .cert-grid .cert-card span.inline-block {\n            font-size: 10px !important;\n            padding: 0.28rem 0.62rem !important;\n        }\n    }\n\n    \/* ===== Button safety ===== *\/\n    .hy-about button { touch-action: manipulation; min-height: 44px; }\n    .hy-about a { min-height: 44px; }\n\n    \/* ===== iOS Mobile ===== *\/\n    @media (max-width: 767px) {\n        \/* Reduce heavy first-screen paint on low-end mobile *\/\n        .hy-about .hero-mobile .orb-1,\n        .hy-about .hero-mobile .orb-2,\n        .hy-about .hero-mobile .orb-3 {\n            display: none !important;\n        }\n        .hy-about .hero-mobile > .absolute.inset-0.pointer-events-none[style*=\"background-image\"] {\n            display: none !important;\n        }\n        .hy-about .hero-mobile .hero-overlay {\n            background: linear-gradient(135deg, rgba(0,0,0,0.48) 0%, rgba(12,8,10,0.40) 45%, rgba(10,15,25,0.46) 100%) !important;\n        }\n        .hy-about .ios-widget { border-radius: 20px !important; overflow: hidden; }\n        .hy-about .hero-mobile { padding-top: 2.25rem !important; padding-bottom: 1.9rem !important; min-height: 48vh !important; }\n        .hy-about .hero-mobile h1 { font-size: 2rem !important; }\n        .hy-about .ios-section { padding-top: 2.5rem !important; padding-bottom: 2.5rem !important; }\n        .hy-about .ios-section-header { font-size: 1.5rem !important; margin-bottom: 0.75rem !important; }\n        .hy-about .card-3d { will-change: auto !important; }\n\n        \/* Timeline  - horizontal scroll on mobile (same as desktop) *\/\n        .hy-about .tl-scroll {\n            overflow: visible !important;\n            padding-bottom: 0 !important;\n            scroll-snap-type: none !important;\n        }\n        .hy-about .tl-node { scroll-snap-align: none; }\n\n        \/* Factory sections *\/\n        .hy-about .prod-bento { grid-template-columns: 1fr 1fr !important; gap: 10px !important; }\n        .hy-about .prod-bento > :last-child { grid-column: 1 \/ -1; }\n\n        .hy-about .equip-bento { grid-template-columns: 1fr !important; gap: 10px !important; }\n        .hy-about .equip-bento > :first-child { grid-column: 1 \/ -1; }\n        .hy-about .equip-bento > :first-child .p-6 { padding: 14px !important; }\n        .hy-about .equip-bento > :first-child h3 { font-size: 16px !important; }\n\n        .hy-about .equip-sub { grid-template-rows: auto auto !important; grid-template-columns: 1fr !important; gap: 10px !important; }\n        .hy-about .equip-sub .dark-glass { border-radius: 16px !important; flex-direction: row !important; height: auto !important; }\n        .hy-about .equip-sub .dark-glass > div:first-child { width: 100px !important; min-width: 100px !important; height: auto !important; min-height: 100px; }\n        .hy-about .equip-sub .dark-glass > div:first-child img { height: 100% !important; width: 100% !important; object-fit: cover; }\n        .hy-about .equip-sub .dark-glass > div:last-child { padding: 12px !important; width: calc(100% - 100px) !important; }\n        .hy-about .equip-sub .dark-glass h4 { font-size: 14px !important; margin-bottom: 4px !important; }\n        .hy-about .equip-sub .dark-glass p { font-size: 12px !important; line-height: 1.45 !important; }\n\n        .hy-about .mes-panel { padding: 0 !important; border-radius: 20px !important; min-height: auto !important; aspect-ratio: 16 \/ 9 !important; background: #0b1220 !important; }\n        .hy-about .mes-panel .mes-slide:first-child { position: absolute !important; }\n        .hy-about .mes-panel .mes-slide img { object-fit: contain !important; background: #0b1220 !important; }\n        .hy-about .smart-mfg-grid .lg\\:col-span-3 { grid-column: span 1 !important; }\n        .hy-about .smart-mfg-grid .lg\\:col-span-2 { grid-column: span 1 !important; }\n        .hy-about .smart-cards { grid-template-columns: 1fr 1fr !important; gap: 8px !important; }\n        .hy-about .mes-dots-wrap { top: 12px !important; right: 12px !important; }\n\n        .hy-about .material-features { display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 8px !important; }\n        .hy-about .material-features > :last-child { grid-column: 1 \/ -1; }\n        .hy-about .material-features .glass-effect { flex-direction: column !important; align-items: center !important; text-align: center; padding: 10px 8px !important; border-radius: 16px !important; gap: 6px !important; }\n        .hy-about .material-features .glass-effect > div:first-child { width: 36px !important; height: 36px !important; min-width: 36px !important; }\n        .hy-about .material-features .glass-effect > div:last-child p:last-child { display: none; }\n\n        \/* About sections *\/\n        .hy-about .cert-grid { grid-template-columns: 1fr 1fr !important; gap: 10px !important; }\n        .hy-about .reach-stats { grid-template-columns: 1fr 1fr !important; gap: 10px !important; }\n\n        \/* Market cards compact *\/\n        .hy-about .market-grid { grid-template-columns: 1fr !important; gap: 8px !important; }\n        .hy-about .market-card { flex-direction: row !important; padding: 12px !important; gap: 12px !important; align-items: flex-start !important; }\n        .hy-about .market-card .market-icon { width: 40px; height: 40px; min-width: 40px; margin-bottom: 0 !important; }\n        .hy-about .market-card .market-body { flex: 1; }\n        .hy-about .market-card .market-body h4 { font-size: 14px !important; margin-bottom: 2px !important; }\n        .hy-about .market-card .market-body p { font-size: 12px !important; line-height: 1.45 !important; margin-bottom: 6px !important; }\n        .hy-about .market-card .market-tags { margin-top: 0 !important; }\n    }\n\n    @media (prefers-reduced-motion: reduce) { .hy-about *, .hy-about *::before, .hy-about *::after { animation-duration: 0.01ms !important; transition-duration: 0.01ms !important; } }\n<\/style><style>@media (max-width:767px){.hy-about .hero-mobile{min-height:48vh!important}.hy-about section:not(:first-child){content-visibility:auto;contain-intrinsic-size:900px}.hy-about .hero-pill,.hy-about .glass-effect,.hy-about .dark-glass{-webkit-backdrop-filter:none!important;backdrop-filter:none!important}.hy-about section>div.pointer-events-none[class*=\"blur-\"],.hy-about .orb-1,.hy-about .orb-2,.hy-about .orb-3{display:none!important}.hy-about .card-3d,.hy-about .hover-float{transform:none!important}}<\/style><div class=\"hy-about\"><section class=\"relative overflow-hidden hy-full hero-mobile dark-sec\" style=\"min-height: 56vh;\"><img fetchpriority=\"high\" fetchpriority=\"high\" src=\"https:\/\/hywoodfurniture.com\/wp-content\/uploads\/2026\/04\/Compress_751-768x320.webp\" srcset=\"https:\/\/hywoodfurniture.com\/wp-content\/uploads\/2026\/04\/Compress_751-768x320.webp 768w, https:\/\/hywoodfurniture.com\/wp-content\/uploads\/2026\/04\/Compress_751-1024x427.webp 1024w, https:\/\/hywoodfurniture.com\/wp-content\/uploads\/2026\/04\/Compress_751-1536x640.webp 1536w, https:\/\/hywoodfurniture.com\/wp-content\/uploads\/2026\/04\/Compress_751.webp 1920w\" sizes=\"(max-width: 767px) 100vw, 100vw\" decoding=\"async\" width=\"768\" height=\"320\" alt=\"HUAYI Furniture  - 45,000 sqm modern solid wood furniture production campus in Qingdao, China\" class=\"absolute inset-0 w-full h-full object-cover\" loading=\"eager\"><div class=\"absolute inset-0 hero-overlay\" style=\"background: linear-gradient(135deg, rgba(0,0,0,0.42) 0%, rgba(15,5,5,0.36) 30%, rgba(20,10,14,0.34) 60%, rgba(10,15,25,0.42) 100%);\"><\/div><div class=\"absolute top-[15%] left-[10%] w-[350px] h-[350px] bg-[#C52D2F]\/12 rounded-full blur-[120px] pointer-events-none orb-1\"><\/div><div class=\"absolute bottom-[20%] right-[15%] w-[300px] h-[300px] bg-red-400\/8 rounded-full blur-[100px] pointer-events-none orb-2\"><\/div><div class=\"absolute top-[60%] left-[50%] w-[200px] h-[200px] bg-amber-500\/6 rounded-full blur-[80px] pointer-events-none orb-3\"><\/div><div class=\"absolute inset-0 pointer-events-none\" style=\"background-image: linear-gradient(rgba(255,255,255,.02) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.02) 1px, transparent 1px); background-size: 80px 80px;\"><\/div><div class=\"relative z-10 max-w-5xl mx-auto px-4 py-10 md:py-14 sm:px-6 lg:px-8 text-center hero-copy\"><div class=\"hero-pill inline-flex items-center px-5 py-2 rounded-full backdrop-blur-md text-sm font-bold mb-8\"><i data-lucide=\"building-2\" class=\"w-4 h-4 mr-2 text-red-400\"><\/i>\nEst. 2005  - Qingdao, China\n<\/div><div class=\"mx-auto max-w-4xl rounded-3xl border border-white\/24 backdrop-blur-[2px] px-5 py-5 md:px-8 md:py-7 shadow-[0_14px_34px_rgba(0,0,0,0.30)]\" style=\"background: rgba(0, 0, 0, 0.52);\"><h1 class=\"text-4xl sm:text-6xl lg:text-7xl font-extrabold tracking-tight mb-3 leading-tight\" style=\"color: #ffffff !important; text-shadow: 0 2px 30px rgba(0,0,0,0.6);\">\n20 Years,<br><span style=\"color: #C52D2F !important;\">One Mission<\/span><\/h1><p class=\"text-base md:text-xl max-w-3xl mx-auto leading-relaxed font-light\" style=\"color: rgba(255,255,255,0.88) !important;\">\nWe turn sustainable timber into heirloom-quality furniture with trusted craftsmanship and innovation.\n<\/p><\/div><div class=\"mt-8 flex justify-center items-center gap-3 text-white\/20\"><div class=\"w-12 h-[1px] bg-white\/20\"><\/div><span class=\"text-xs font-bold uppercase tracking-[0.3em]\">HUAYI<\/span><div class=\"w-12 h-[1px] bg-white\/20\"><\/div><\/div><\/div><\/section><section id=\"hy-story\" class=\"py-20 md:py-28 bg-[#FBFBFB] ios-section\"><div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\"><div class=\"grid grid-cols-1 lg:grid-cols-2 gap-10 md:gap-16 items-center\"><div class=\"reveal-left text-center lg:text-left\"><span class=\"inline-flex items-center text-xs font-bold text-red-600 uppercase tracking-widest mb-4\"><i data-lucide=\"book-open\" class=\"w-4 h-4 mr-2\"><\/i> Company Story\n<\/span><h2 class=\"text-3xl md:text-4xl font-bold mb-4 ios-section-header\">From a Small Workshop<br>to a Global Factory<\/h2><p class=\"text-gray-600 text-sm md:text-lg leading-relaxed mb-4 font-light\">\nFounded in 2005 in Qingdao with 30 craftsmen and one belief: <strong>quality is the only shortcut<\/strong>. Today, HUAYI is a <strong>45,000 sqm vertically integrated manufacturing base<\/strong> with 500+ employees, 5-axis CNC, automated UV coating, and a fully digitalized MES system.\n<\/p><p class=\"text-gray-600 text-sm md:text-lg leading-relaxed mb-5 font-light\">\nWe ship <strong>200+ 40HQ containers monthly<\/strong> to 30+ countries  - your trusted OEM\/ODM partner from concept to container.\n<\/p><div class=\"flex flex-wrap gap-3\"><span class=\"inline-flex items-center px-4 py-2 rounded-full bg-red-50 text-red-700 text-xs font-bold border border-red-100\"><i data-lucide=\"shield-check\" class=\"w-3.5 h-3.5 mr-1.5\"><\/i> FSC Certified\n<\/span><span class=\"inline-flex items-center px-4 py-2 rounded-full bg-blue-50 text-blue-700 text-xs font-bold border border-blue-100\"><i data-lucide=\"award\" class=\"w-3.5 h-3.5 mr-1.5\"><\/i> ISO 9001\n<\/span><span class=\"inline-flex items-center px-4 py-2 rounded-full bg-green-50 text-green-700 text-xs font-bold border border-green-100\"><i data-lucide=\"leaf\" class=\"w-3.5 h-3.5 mr-1.5\"><\/i> EUDR Compliant\n<\/span><\/div><\/div><div class=\"reveal-right perspective-container\"><div class=\"dark-glass rounded-[2rem] overflow-hidden card-3d group cursor-pointer aspect-[4\/3] relative ios-widget\"><img src=\"https:\/\/hywoodfurniture.com\/wp-content\/uploads\/2026\/04\/Compress_base-768x432.webp\" srcset=\"https:\/\/hywoodfurniture.com\/wp-content\/uploads\/2026\/04\/Compress_base-768x432.webp 768w, https:\/\/hywoodfurniture.com\/wp-content\/uploads\/2026\/04\/Compress_base-1024x576.webp 1024w, https:\/\/hywoodfurniture.com\/wp-content\/uploads\/2026\/04\/Compress_base.webp 1600w\" sizes=\"(min-width: 768px) 50vw, 100vw\"\nalt=\"HUAYI Furniture headquarters and production campus in Qingdao  - modern industrial buildings with landscaped grounds\"\nclass=\"absolute inset-0 w-full h-full object-cover group-hover:scale-105 transition-transform duration-700\" loading=\"lazy\" fetchpriority=\"low\" importance=\"low\" decoding=\"async\"><div class=\"absolute inset-0 bg-gradient-to-t from-gray-900\/60 via-transparent to-transparent\"><\/div><div class=\"absolute bottom-5 left-5 right-5 z-10\"><span class=\"text-xs font-bold uppercase tracking-widest text-red-400 block mb-1\">Headquarters<\/span><span class=\"text-white text-sm font-medium\">Qingdao , Shandong , China<\/span><\/div><\/div><\/div><\/div><\/div><\/section><section class=\"relative py-20 md:py-28 bg-gray-900 text-white overflow-hidden hy-full ios-section dark-sec timeline-redesign\"><div class=\"absolute inset-0 pointer-events-none\" style=\"background-image: linear-gradient(rgba(255,255,255,.02) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.02) 1px, transparent 1px); background-size: 60px 60px;\"><\/div><div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 relative z-10\"><div class=\"text-center mb-14 reveal timeline-head\"><span class=\"inline-flex items-center text-xs font-bold text-red-400 uppercase tracking-widest mb-4 timeline-kicker\"><i data-lucide=\"clock\" class=\"w-4 h-4 mr-2\"><\/i> Milestones\n<\/span><h2 class=\"text-3xl md:text-5xl font-bold mb-4 timeline-title\">Our Journey<\/h2><p class=\"text-gray-400 text-base md:text-lg max-w-2xl mx-auto font-light\">Two decades of relentless growth  - from local workshop to global manufacturing partner.<\/p><\/div><div class=\"tl-scroll reveal timeline-shell\"><div class=\"tl-track relative py-16 timeline-track\" id=\"hy-timeline\"><div class=\"tl-line\"><div class=\"tl-progress\" id=\"tl-progress\"><\/div><\/div><div class=\"tl-meteor\" id=\"tl-meteor\"><div class=\"tl-meteor-tail-wide\"><\/div><div class=\"tl-meteor-tail\"><\/div><div class=\"tl-meteor-head\"><\/div><\/div><div class=\"flex justify-between items-center relative timeline-row\" style=\"min-height: 200px;\"><div class=\"tl-node flex flex-col items-center text-center flex-1\" data-year=\"0\"><div class=\"mb-6\"><span class=\"text-2xl md:text-3xl font-extrabold text-white\">2005<\/span><p class=\"text-xs md:text-sm text-gray-400 mt-2 max-w-[140px] mx-auto\">Company Founded<\/p><\/div><div class=\"tl-dot mx-auto\"><\/div><div class=\"mt-6\"><div class=\"w-9 h-9 bg-red-500\/15 rounded-lg flex items-center justify-center mx-auto\"><i data-lucide=\"hammer\" class=\"w-4 h-4 text-red-400\"><\/i><\/div><\/div><\/div><div class=\"tl-node flex flex-col items-center text-center flex-1\" data-year=\"1\"><div class=\"mb-6\"><span class=\"text-2xl md:text-3xl font-extrabold text-white\">2008<\/span><p class=\"text-xs md:text-sm text-gray-400 mt-2 max-w-[140px] mx-auto\">European Debut<\/p><\/div><div class=\"tl-dot mx-auto\"><\/div><div class=\"mt-6\"><div class=\"w-9 h-9 bg-blue-500\/15 rounded-lg flex items-center justify-center mx-auto\"><i data-lucide=\"ship\" class=\"w-4 h-4 text-blue-400\"><\/i><\/div><\/div><\/div><div class=\"tl-node flex flex-col items-center text-center flex-1\" data-year=\"2\"><div class=\"mb-6\"><span class=\"text-2xl md:text-3xl font-extrabold text-white\">2012<\/span><p class=\"text-xs md:text-sm text-gray-400 mt-2 max-w-[140px] mx-auto\">Campus Expansion<\/p><\/div><div class=\"tl-dot mx-auto\"><\/div><div class=\"mt-6\"><div class=\"w-9 h-9 bg-amber-500\/15 rounded-lg flex items-center justify-center mx-auto\"><i data-lucide=\"warehouse\" class=\"w-4 h-4 text-amber-400\"><\/i><\/div><\/div><\/div><div class=\"tl-node flex flex-col items-center text-center flex-1\" data-year=\"3\"><div class=\"mb-6\"><span class=\"text-2xl md:text-3xl font-extrabold text-white\">2016<\/span><p class=\"text-xs md:text-sm text-gray-400 mt-2 max-w-[140px] mx-auto\">FSC & ISO Certified<\/p><\/div><div class=\"tl-dot mx-auto\"><\/div><div class=\"mt-6\"><div class=\"w-9 h-9 bg-green-500\/15 rounded-lg flex items-center justify-center mx-auto\"><i data-lucide=\"shield-check\" class=\"w-4 h-4 text-green-400\"><\/i><\/div><\/div><\/div><div class=\"tl-node flex flex-col items-center text-center flex-1\" data-year=\"4\"><div class=\"mb-6\"><span class=\"text-2xl md:text-3xl font-extrabold text-white\">2020<\/span><p class=\"text-xs md:text-sm text-gray-400 mt-2 max-w-[140px] mx-auto\">Smart Manufacturing (MES\/IoT)<\/p><\/div><div class=\"tl-dot mx-auto\"><\/div><div class=\"mt-6\"><div class=\"w-9 h-9 bg-cyan-500\/15 rounded-lg flex items-center justify-center mx-auto\"><i data-lucide=\"cpu\" class=\"w-4 h-4 text-cyan-400\"><\/i><\/div><\/div><\/div><div class=\"tl-node flex flex-col items-center text-center flex-1\" data-year=\"5\"><div class=\"mb-6\"><span class=\"text-2xl md:text-3xl font-extrabold text-white\">2025<\/span><p class=\"text-xs md:text-sm text-gray-400 mt-2 max-w-[140px] mx-auto\">EU Regulatory Compliance<\/p><\/div><div class=\"tl-dot mx-auto\"><\/div><div class=\"mt-6\"><div class=\"w-9 h-9 bg-violet-500\/15 rounded-lg flex items-center justify-center mx-auto\"><i data-lucide=\"globe\" class=\"w-4 h-4 text-violet-400\"><\/i><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/section><section id=\"hy-material\" class=\"py-20 md:py-28 bg-[#FBFBFB] ios-section\"><div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\"><div class=\"grid grid-cols-1 lg:grid-cols-2 gap-10 md:gap-16 items-center\"><div class=\"reveal-left perspective-container\"><div class=\"dark-glass rounded-[2rem] overflow-hidden relative card-3d group cursor-pointer aspect-[4\/3]\"><img src=\"https:\/\/hywoodfurniture.com\/wp-content\/uploads\/2026\/04\/Compress_FSC_2K-768x538.webp\" srcset=\"https:\/\/hywoodfurniture.com\/wp-content\/uploads\/2026\/04\/Compress_FSC_2K-768x538.webp 768w, https:\/\/hywoodfurniture.com\/wp-content\/uploads\/2026\/04\/Compress_FSC_2K.webp 1000w\" sizes=\"(min-width: 768px) 50vw, 100vw\"\nalt=\"Climate-controlled timber warehouse  - rows of premium imported solid wood lumber (Croatian Oak, European Beech) neatly stacked with moisture monitoring equipment\"\nclass=\"absolute inset-0 w-full h-full object-cover group-hover:scale-105 transition-transform duration-700\" loading=\"lazy\" fetchpriority=\"low\" importance=\"low\" decoding=\"async\"><div class=\"absolute inset-0 bg-gradient-to-t from-gray-900\/60 via-transparent to-transparent\"><\/div><div class=\"absolute bottom-5 left-5 right-5 flex justify-between items-end z-10\"><div><span class=\"text-xs font-bold uppercase tracking-widest text-amber-400 block mb-1\">Raw Material Zone<\/span><span class=\"text-white text-sm font-medium\">FSC Certified Timber Warehouse<\/span><\/div><span class=\"bg-black\/50 backdrop-blur-md px-3 py-1.5 rounded-lg border border-white\/10 text-xs text-white font-bold tracking-widest flex items-center\"><span class=\"w-2 h-2 rounded-full bg-green-400 mr-2 animate-pulse\"><\/span>8-12% MC\n<\/span><\/div><\/div><\/div><div class=\"reveal-right text-center lg:text-left\"><span class=\"inline-flex items-center text-xs font-bold text-red-600 uppercase tracking-widest mb-4\"><i data-lucide=\"tree-pine\" class=\"w-4 h-4 mr-2\"><\/i> Step 01  - Material Selection\n<\/span><h2 class=\"text-3xl md:text-4xl font-bold mb-4\">Strict Material Control<\/h2><p class=\"text-gray-600 text-sm md:text-lg leading-relaxed mb-5 font-light\">\nClimate-controlled warehouse with optimal humidity ensures dimensional stability. All timber comes with full FSC chain-of-custody documentation.\n<\/p><div class=\"space-y-3 material-features\"><div class=\"glass-effect p-3 rounded-xl flex items-center gap-3 card-3d\"><div class=\"w-10 h-10 bg-red-50 text-red-600 rounded-xl flex items-center justify-center shrink-0\"><i data-lucide=\"tree-pine\" class=\"w-4 h-4\"><\/i><\/div><div><p class=\"font-bold text-sm\">Premium Solid Wood<\/p><p class=\"text-xs text-gray-500\">Croatian Oak, European Beech, Walnut<\/p><\/div><\/div><div class=\"glass-effect p-3 rounded-xl flex items-center gap-3 card-3d\"><div class=\"w-10 h-10 bg-blue-50 text-blue-600 rounded-xl flex items-center justify-center shrink-0\"><i data-lucide=\"thermometer\" class=\"w-4 h-4\"><\/i><\/div><div><p class=\"font-bold text-sm\">Moisture Testing<\/p><p class=\"text-xs text-gray-500\">Controlled at 8%-12% MC<\/p><\/div><\/div><div class=\"glass-effect p-3 rounded-xl flex items-center gap-3 card-3d\"><div class=\"w-10 h-10 bg-green-50 text-green-600 rounded-xl flex items-center justify-center shrink-0\"><i data-lucide=\"scan-line\" class=\"w-4 h-4\"><\/i><\/div><div><p class=\"font-bold text-sm\">Full Traceability<\/p><p class=\"text-xs text-gray-500\">GPS tracked from forest to factory<\/p><\/div><\/div><\/div><\/div><\/div><\/div><\/section><section class=\"relative py-20 md:py-28 bg-gray-900 text-white overflow-hidden hy-full ios-section dark-sec\"><div class=\"absolute top-0 right-0 w-[500px] h-[500px] bg-red-600\/10 rounded-full blur-[150px] pointer-events-none\"><\/div><div class=\"absolute bottom-0 left-0 w-[400px] h-[400px] bg-blue-600\/10 rounded-full blur-[120px] pointer-events-none\"><\/div><div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 relative z-10\"><div class=\"text-center mb-16 reveal\"><span class=\"inline-flex items-center text-xs font-bold text-red-400 uppercase tracking-widest mb-4\"><i data-lucide=\"cpu\" class=\"w-4 h-4 mr-2\"><\/i> Step 02  - Precision Engineering\n<\/span><h2 class=\"text-3xl md:text-5xl font-bold mb-4\">Automated Manufacturing Systems<\/h2><p class=\"text-gray-400 text-base md:text-lg max-w-2xl mx-auto font-light\">Precision engineering meets industrial scale  - where CNC intelligence and master craftsmanship converge.<\/p><\/div><div class=\"grid lg:grid-cols-2 gap-6 md:gap-10 perspective-container equip-bento\"><div class=\"dark-glass rounded-[2rem] overflow-hidden card-3d group reveal-left ios-widget\"><div class=\"h-48 md:h-80 relative overflow-hidden cnc-carousel\" data-index=\"0\"><img src=\"https:\/\/hywoodfurniture.com\/wp-content\/uploads\/2026\/04\/Compress_4axis-2k-768x538.webp\" srcset=\"https:\/\/hywoodfurniture.com\/wp-content\/uploads\/2026\/04\/Compress_4axis-2k-768x538.webp 768w, https:\/\/hywoodfurniture.com\/wp-content\/uploads\/2026\/04\/Compress_4axis-2k.webp 1000w\" sizes=\"(min-width: 768px) 50vw, 100vw\"\nalt=\"4-axis CNC machining center  - precision drilling and routing solid wood furniture components\"\nclass=\"cnc-slide absolute inset-0 w-full h-full object-cover transition-opacity duration-700 opacity-100\" loading=\"lazy\" fetchpriority=\"low\" importance=\"low\" decoding=\"async\"><img src=\"https:\/\/hywoodfurniture.com\/wp-content\/uploads\/2026\/04\/Compress_5axis-2k-768x538.webp\" srcset=\"https:\/\/hywoodfurniture.com\/wp-content\/uploads\/2026\/04\/Compress_5axis-2k-768x538.webp 768w, https:\/\/hywoodfurniture.com\/wp-content\/uploads\/2026\/04\/Compress_5axis-2k.webp 1000w\" sizes=\"(min-width: 768px) 50vw, 100vw\"\nalt=\"5-axis CNC machining center  - milling complex curves and joinery on solid oak panels\"\nclass=\"cnc-slide absolute inset-0 w-full h-full object-cover transition-opacity duration-700 opacity-0\" loading=\"lazy\" fetchpriority=\"low\" importance=\"low\" decoding=\"async\"><div class=\"absolute inset-0 bg-gradient-to-t from-gray-900\/70 via-transparent to-transparent pointer-events-none\"><\/div><span class=\"absolute top-4 left-4 bg-red-600\/90 backdrop-blur-md px-3 py-1.5 rounded-full text-xs font-bold text-white tracking-widest border border-red-500\/50 z-10\">CORE EQUIPMENT<\/span><span class=\"cnc-label absolute bottom-3 left-3 bg-black\/60 backdrop-blur-md px-3 py-1 rounded-lg text-xs text-white font-bold tracking-widest border border-white\/10 z-10 transition-opacity duration-300\">4-AXIS CNC<\/span><div class=\"absolute bottom-3 right-3 flex gap-1.5 z-10\"><button class=\"cnc-dot w-2 h-2 rounded-full bg-white transition-all duration-300\" data-slide=\"0\" aria-label=\"4-axis CNC\"><\/button><button class=\"cnc-dot w-2 h-2 rounded-full bg-white\/40 transition-all duration-300\" data-slide=\"1\" aria-label=\"5-axis CNC\"><\/button><\/div><\/div><div class=\"p-6 md:p-8\"><h3 class=\"text-xl md:text-2xl font-bold mb-3 flex items-center text-white\"><i data-lucide=\"cpu\" class=\"w-6 h-6 mr-3 text-red-400\"><\/i>\nCNC Multi-Axis Machining Centers\n<\/h3><p class=\"text-gray-400 text-sm md:text-base leading-relaxed\">Our B1 intelligent 5-axis and 4-axis CNC workstations handle complex organic curves, precise mortise-and-tenon joinery, and intricate decorative details  - all with sub-millimeter accuracy.<\/p><\/div><\/div><div class=\"grid grid-rows-2 gap-6 md:gap-8 reveal-right equip-sub\"><div class=\"dark-glass rounded-[2rem] overflow-hidden flex flex-col md:flex-row card-3d group ios-widget\"><div class=\"md:w-1\/2 h-36 md:h-auto relative overflow-hidden\"><img src=\"https:\/\/hywoodfurniture.com\/wp-content\/uploads\/2026\/04\/Compress_UV-2K-768x538.webp\" srcset=\"https:\/\/hywoodfurniture.com\/wp-content\/uploads\/2026\/04\/Compress_UV-2K-768x538.webp 768w, https:\/\/hywoodfurniture.com\/wp-content\/uploads\/2026\/04\/Compress_UV-2K.webp 1000w\" sizes=\"(min-width: 768px) 50vw, 100vw\" alt=\"MOTIMAC automated UV roller coating line\" class=\"w-full h-full object-cover group-hover:scale-105 transition-transform duration-700\" loading=\"lazy\" fetchpriority=\"low\" importance=\"low\" decoding=\"async\"><div class=\"absolute inset-0 bg-gradient-to-r from-transparent to-gray-900\/20 hidden md:block\"><\/div><\/div><div class=\"p-5 md:p-6 md:w-1\/2 flex flex-col justify-center\"><h4 class=\"text-lg md:text-xl font-bold mb-2 flex items-center text-white\"><i data-lucide=\"paintbrush\" class=\"w-5 h-5 mr-2 text-amber-400\"><\/i> Automated UV Coating<\/h4><p class=\"text-sm text-gray-400 leading-relaxed\">High-efficiency MOTIMAC roller coating systems deliver consistent, durable, eco-friendly surface finishes at production scale.<\/p><\/div><\/div><div class=\"dark-glass rounded-[2rem] overflow-hidden flex flex-col md:flex-row card-3d group ios-widget\"><div class=\"md:w-1\/2 h-36 md:h-auto relative overflow-hidden\"><img src=\"https:\/\/hywoodfurniture.com\/wp-content\/uploads\/2026\/04\/Compress_eco-2k-768x538.webp\" srcset=\"https:\/\/hywoodfurniture.com\/wp-content\/uploads\/2026\/04\/Compress_eco-2k-768x538.webp 768w, https:\/\/hywoodfurniture.com\/wp-content\/uploads\/2026\/04\/Compress_eco-2k.webp 1000w\" sizes=\"(min-width: 768px) 50vw, 100vw\" alt=\"UV curing process  - zero-VOC water-based coating\" class=\"w-full h-full object-cover group-hover:scale-105 transition-transform duration-700\" loading=\"lazy\" fetchpriority=\"low\" importance=\"low\" decoding=\"async\"><div class=\"absolute inset-0 bg-gradient-to-r from-transparent to-gray-900\/20 hidden md:block\"><\/div><\/div><div class=\"p-5 md:p-6 md:w-1\/2 flex flex-col justify-center\"><h4 class=\"text-lg md:text-xl font-bold mb-2 flex items-center text-white\"><i data-lucide=\"leaf\" class=\"w-5 h-5 mr-2 text-green-400\"><\/i> Eco-Friendly Finishing<\/h4><p class=\"text-sm text-gray-400 leading-relaxed\">Water-based and UV curing technology ensures zero-VOC emissions, meeting the strictest EU environmental compliance standards.<\/p><\/div><\/div><\/div><\/div><\/div><\/section><section class=\"py-20 md:py-28 bg-[#FBFBFB] ios-section\"><div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\"><div class=\"text-center mb-14 reveal\"><span class=\"inline-flex items-center text-xs font-bold text-red-600 uppercase tracking-widest mb-4\"><i data-lucide=\"workflow\" class=\"w-4 h-4 mr-2\"><\/i> Step 03  - Production Floor\n<\/span><h2 class=\"text-3xl md:text-4xl font-bold mb-4\">Standardized Production Workflow<\/h2><p class=\"text-gray-600 max-w-2xl mx-auto font-light\">Every piece passes through rigorous hands-on craftsmanship stages before earning the HUAYI quality seal.<\/p><\/div><div class=\"grid md:grid-cols-3 gap-4 md:gap-8 perspective-container prod-bento\"><div class=\"card-3d group reveal\" style=\"transition-delay: 0ms;\"><div class=\"glass-effect rounded-2xl overflow-hidden ios-widget\"><div class=\"h-44 md:h-72 relative overflow-hidden\"><img src=\"https:\/\/hywoodfurniture.com\/wp-content\/uploads\/2026\/04\/Compress_sanding-2k-768x538.webp\" srcset=\"https:\/\/hywoodfurniture.com\/wp-content\/uploads\/2026\/04\/Compress_sanding-2k-768x538.webp 768w, https:\/\/hywoodfurniture.com\/wp-content\/uploads\/2026\/04\/Compress_sanding-2k.webp 1000w\" sizes=\"(min-width: 768px) 33vw, 100vw\" alt=\"Precision hand-sanding on solid oak cabinet door\" class=\"w-full h-full object-cover group-hover:scale-110 transition-transform duration-700\" loading=\"lazy\" fetchpriority=\"low\" importance=\"low\" decoding=\"async\"><div class=\"absolute inset-0 bg-gradient-to-t from-gray-900\/40 to-transparent\"><\/div><span class=\"absolute top-3 left-3 md:top-4 md:left-4 bg-red-600 text-white px-2.5 py-0.5 md:px-3 md:py-1 rounded-full text-[10px] md:text-xs font-bold tracking-widest\">01<\/span><\/div><div class=\"p-3.5 md:p-6\"><h4 class=\"text-sm md:text-xl font-bold mb-1 md:mb-2\">Precision Sanding<\/h4><p class=\"text-gray-500 text-[11px] md:text-sm leading-relaxed\">Meticulously sanded through multiple grit stages to highlight the natural beauty of the wood grain.<\/p><\/div><\/div><\/div><div class=\"card-3d group reveal\" style=\"transition-delay: 150ms;\"><div class=\"glass-effect rounded-2xl overflow-hidden ios-widget\"><div class=\"h-44 md:h-72 relative overflow-hidden\"><img src=\"https:\/\/hywoodfurniture.com\/wp-content\/uploads\/2026\/04\/Compress_assembly-768x538.webp\" srcset=\"https:\/\/hywoodfurniture.com\/wp-content\/uploads\/2026\/04\/Compress_assembly-768x538.webp 768w, https:\/\/hywoodfurniture.com\/wp-content\/uploads\/2026\/04\/Compress_assembly.webp 1000w\" sizes=\"(min-width: 768px) 33vw, 100vw\" alt=\"Furniture assembly line with quality control\" class=\"w-full h-full object-cover group-hover:scale-110 transition-transform duration-700\" loading=\"lazy\" fetchpriority=\"low\" importance=\"low\" decoding=\"async\"><div class=\"absolute inset-0 bg-gradient-to-t from-gray-900\/40 to-transparent\"><\/div><span class=\"absolute top-3 left-3 md:top-4 md:left-4 bg-red-600 text-white px-2.5 py-0.5 md:px-3 md:py-1 rounded-full text-[10px] md:text-xs font-bold tracking-widest\">02<\/span><\/div><div class=\"p-3.5 md:p-6\"><h4 class=\"text-sm md:text-xl font-bold mb-1 md:mb-2\">Streamlined Assembly<\/h4><p class=\"text-gray-500 text-[11px] md:text-sm leading-relaxed\">Strict \"Quality is Life\" protocols ensure every joint, fitting, and mechanism performs flawlessly.<\/p><\/div><\/div><\/div><div class=\"card-3d group reveal\" style=\"transition-delay: 300ms;\"><div class=\"glass-effect rounded-2xl overflow-hidden ios-widget\"><div class=\"h-44 md:h-72 relative overflow-hidden\"><img src=\"https:\/\/hywoodfurniture.com\/wp-content\/uploads\/2026\/04\/Compress_audit-768x538.webp\" srcset=\"https:\/\/hywoodfurniture.com\/wp-content\/uploads\/2026\/04\/Compress_audit-768x538.webp 768w, https:\/\/hywoodfurniture.com\/wp-content\/uploads\/2026\/04\/Compress_audit.webp 1000w\" sizes=\"(min-width: 768px) 33vw, 100vw\" alt=\"Quality control inspector examining finished wardrobe\" class=\"w-full h-full object-cover group-hover:scale-110 transition-transform duration-700\" loading=\"lazy\" fetchpriority=\"low\" importance=\"low\" decoding=\"async\"><div class=\"absolute inset-0 bg-gradient-to-t from-gray-900\/40 to-transparent\"><\/div><span class=\"absolute top-3 left-3 md:top-4 md:left-4 bg-red-600 text-white px-2.5 py-0.5 md:px-3 md:py-1 rounded-full text-[10px] md:text-xs font-bold tracking-widest\">03<\/span><\/div><div class=\"p-3.5 md:p-6\"><h4 class=\"text-sm md:text-xl font-bold mb-1 md:mb-2\">Final Quality Audit<\/h4><p class=\"text-gray-500 text-[11px] md:text-sm leading-relaxed\">100% visual and functional checks guarantee both aesthetic perfection and structural reliability.<\/p><\/div><\/div><\/div><\/div><\/div><\/section><section class=\"relative py-20 md:py-28 bg-gray-900 text-white overflow-hidden hy-full ios-section dark-sec\" id=\"smart-mfg\"><div class=\"absolute inset-0 pointer-events-none\" style=\"background-image: linear-gradient(rgba(255,255,255,.03) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.03) 1px, transparent 1px); background-size: 60px 60px;\"><\/div><div class=\"absolute top-0 left-1\/2 -translate-x-1\/2 w-[600px] h-[400px] bg-cyan-500\/8 rounded-[100%] blur-[120px] pointer-events-none\"><\/div><div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 relative z-10\"><div class=\"text-center mb-10 md:mb-14 reveal\"><span class=\"inline-flex items-center text-xs font-bold text-cyan-400 uppercase tracking-widest mb-4\"><i data-lucide=\"cpu\" class=\"w-4 h-4 mr-2\"><\/i> Step 04  - Smart Manufacturing\n<\/span><h2 class=\"text-3xl md:text-5xl font-bold mb-4\">Intelligent Production System<\/h2><p class=\"text-gray-400 text-base md:text-lg max-w-2xl mx-auto font-light\">MES + ERP + IoT  - Real-time monitoring, full traceability, zero-defect manufacturing powered by data.<\/p><\/div><div class=\"grid lg:grid-cols-5 gap-5 md:gap-6 items-stretch smart-mfg-grid\"><div class=\"lg:col-span-3 dark-glass rounded-[2rem] card-3d reveal-left ios-widget relative overflow-hidden mes-panel\" style=\"min-height: 380px;\"><div class=\"mes-slide absolute inset-0 p-5 md:p-7 transition-opacity duration-700 opacity-100 z-[2]\"><div class=\"flex items-center justify-between mb-5\"><div class=\"flex items-center gap-2\"><div class=\"w-3 h-3 rounded-full bg-emerald-400 animate-pulse shadow-lg shadow-emerald-400\/50\"><\/div><span class=\"text-xs font-bold uppercase tracking-widest text-emerald-400\">System Online<\/span><\/div><div class=\"flex items-center gap-1.5\"><span class=\"text-[10px] text-gray-500 font-mono\">MES v4.2<\/span><div class=\"w-2 h-2 rounded-full bg-cyan-400\/60\"><\/div><\/div><\/div><div class=\"space-y-3 mb-6\"><div class=\"text-[10px] text-gray-500 uppercase tracking-widest font-bold mb-2\">Production Line Status<\/div><div class=\"mes-line flex items-center gap-3\"><span class=\"text-[11px] text-gray-400 w-20 shrink-0 font-mono\">Line A  - CNC<\/span><div class=\"flex-1 h-2 bg-white\/5 rounded-full overflow-hidden\"><div class=\"h-full rounded-full bg-gradient-to-r from-emerald-500 to-emerald-400 mes-bar\" style=\"width:0%;\" data-target=\"92\"><\/div><\/div><span class=\"text-[11px] text-emerald-400 font-bold font-mono w-10 text-right mes-pct\">0%<\/span><\/div><div class=\"mes-line flex items-center gap-3\"><span class=\"text-[11px] text-gray-400 w-20 shrink-0 font-mono\">Line B  - UV<\/span><div class=\"flex-1 h-2 bg-white\/5 rounded-full overflow-hidden\"><div class=\"h-full rounded-full bg-gradient-to-r from-cyan-500 to-cyan-400 mes-bar\" style=\"width:0%;\" data-target=\"87\"><\/div><\/div><span class=\"text-[11px] text-cyan-400 font-bold font-mono w-10 text-right mes-pct\">0%<\/span><\/div><div class=\"mes-line flex items-center gap-3\"><span class=\"text-[11px] text-gray-400 w-20 shrink-0 font-mono\">Line C  - Assy<\/span><div class=\"flex-1 h-2 bg-white\/5 rounded-full overflow-hidden\"><div class=\"h-full rounded-full bg-gradient-to-r from-amber-500 to-amber-400 mes-bar\" style=\"width:0%;\" data-target=\"78\"><\/div><\/div><span class=\"text-[11px] text-amber-400 font-bold font-mono w-10 text-right mes-pct\">0%<\/span><\/div><div class=\"mes-line flex items-center gap-3\"><span class=\"text-[11px] text-gray-400 w-20 shrink-0 font-mono\">Line D  - Pack<\/span><div class=\"flex-1 h-2 bg-white\/5 rounded-full overflow-hidden\"><div class=\"h-full rounded-full bg-gradient-to-r from-violet-500 to-violet-400 mes-bar\" style=\"width:0%;\" data-target=\"95\"><\/div><\/div><span class=\"text-[11px] text-violet-400 font-bold font-mono w-10 text-right mes-pct\">0%<\/span><\/div><div class=\"mes-line flex items-center gap-3\"><span class=\"text-[11px] text-gray-400 w-20 shrink-0 font-mono\">Line E  - QC<\/span><div class=\"flex-1 h-2 bg-white\/5 rounded-full overflow-hidden\"><div class=\"h-full rounded-full bg-gradient-to-r from-rose-500 to-rose-400 mes-bar\" style=\"width:0%;\" data-target=\"83\"><\/div><\/div><span class=\"text-[11px] text-rose-400 font-bold font-mono w-10 text-right mes-pct\">0%<\/span><\/div><div class=\"mes-line flex items-center gap-3\"><span class=\"text-[11px] text-gray-400 w-20 shrink-0 font-mono\">Line F  - Sand<\/span><div class=\"flex-1 h-2 bg-white\/5 rounded-full overflow-hidden\"><div class=\"h-full rounded-full bg-gradient-to-r from-blue-500 to-blue-400 mes-bar\" style=\"width:0%;\" data-target=\"90\"><\/div><\/div><span class=\"text-[11px] text-blue-400 font-bold font-mono w-10 text-right mes-pct\">0%<\/span><\/div><\/div><div class=\"grid grid-cols-3 gap-3\"><div class=\"bg-white\/5 rounded-xl p-3 text-center\"><span class=\"text-lg md:text-2xl font-bold text-white font-mono mes-counter\" data-target=\"1286\">0<\/span><p class=\"text-[9px] text-gray-500 uppercase tracking-wider font-bold mt-1\">Units Today<\/p><\/div><div class=\"bg-white\/5 rounded-xl p-3 text-center\"><span class=\"text-lg md:text-2xl font-bold text-emerald-400 font-mono\">99.2<span class=\"text-sm\">%<\/span><\/span><p class=\"text-[9px] text-gray-500 uppercase tracking-wider font-bold mt-1\">Pass Rate<\/p><\/div><div class=\"bg-white\/5 rounded-xl p-3 text-center\"><span class=\"text-lg md:text-2xl font-bold text-cyan-400 font-mono mes-counter\" data-target=\"47\">0<\/span><p class=\"text-[9px] text-gray-500 uppercase tracking-wider font-bold mt-1\">IoT Sensors<\/p><\/div><\/div><div class=\"absolute inset-x-0 h-[1px] bg-gradient-to-r from-transparent via-cyan-400\/30 to-transparent pointer-events-none mes-scanline\" style=\"top:50%;\"><\/div><\/div><div class=\"mes-slide absolute inset-0 transition-opacity duration-700 opacity-0 z-[1]\"><img src=\"https:\/\/hywoodfurniture.com\/wp-content\/uploads\/2026\/04\/Compress_online-768x574.webp\" srcset=\"https:\/\/hywoodfurniture.com\/wp-content\/uploads\/2026\/04\/Compress_online-768x574.webp 768w, https:\/\/hywoodfurniture.com\/wp-content\/uploads\/2026\/04\/Compress_online.webp 1000w\" sizes=\"(min-width: 768px) 50vw, 100vw\" alt=\"HUAYI MES production monitoring dashboard\" class=\"w-full h-full object-cover\" loading=\"lazy\" fetchpriority=\"low\" importance=\"low\" decoding=\"async\"><div class=\"absolute inset-0 bg-gradient-to-t from-gray-900\/60 via-transparent to-gray-900\/20 pointer-events-none\"><\/div><div class=\"absolute bottom-4 left-5 right-5 z-10\"><span class=\"text-xs font-bold uppercase tracking-widest text-cyan-400 block mb-1\">Live System  - Production Dashboard<\/span><span class=\"text-white text-sm font-medium\">MES real-time monitoring interface<\/span><\/div><\/div><div class=\"absolute top-5 right-5 flex gap-1.5 z-10 mes-dots-wrap\"><button class=\"mes-dot w-2 h-2 rounded-full bg-emerald-400 transition-all duration-300\" data-slide=\"0\" aria-label=\"Dashboard\"><\/button><button class=\"mes-dot w-2 h-2 rounded-full bg-white\/30 transition-all duration-300\" data-slide=\"1\" aria-label=\"Screenshot\"><\/button><\/div><\/div><div class=\"lg:col-span-2 grid grid-cols-2 gap-3 md:gap-4 reveal-right smart-cards\"><div class=\"dark-glass rounded-2xl p-4 md:p-5 hover-float ios-widget text-center\"><div class=\"w-9 h-9 md:w-11 md:h-11 bg-cyan-500\/15 rounded-xl flex items-center justify-center mx-auto mb-2.5\"><i data-lucide=\"monitor\" class=\"w-4 h-4 md:w-5 md:h-5 text-cyan-400\"><\/i><\/div><p class=\"font-bold text-xs md:text-sm text-white mb-1\">MES System<\/p><p class=\"text-[10px] md:text-[11px] text-gray-500 leading-snug\">Real-time order tracking & scheduling across 6 lines<\/p><\/div><div class=\"dark-glass rounded-2xl p-4 md:p-5 hover-float ios-widget text-center\"><div class=\"w-9 h-9 md:w-11 md:h-11 bg-emerald-500\/15 rounded-xl flex items-center justify-center mx-auto mb-2.5\"><i data-lucide=\"scan-line\" class=\"w-4 h-4 md:w-5 md:h-5 text-emerald-400\"><\/i><\/div><p class=\"font-bold text-xs md:text-sm text-white mb-1\">Barcode Tracing<\/p><p class=\"text-[10px] md:text-[11px] text-gray-500 leading-snug\">Every part scanned  - full lifecycle traceability<\/p><\/div><div class=\"dark-glass rounded-2xl p-4 md:p-5 hover-float ios-widget text-center\"><div class=\"w-9 h-9 md:w-11 md:h-11 bg-violet-500\/15 rounded-xl flex items-center justify-center mx-auto mb-2.5\"><i data-lucide=\"wifi\" class=\"w-4 h-4 md:w-5 md:h-5 text-violet-400\"><\/i><\/div><p class=\"font-bold text-xs md:text-sm text-white mb-1\">IoT Sensors<\/p><p class=\"text-[10px] md:text-[11px] text-gray-500 leading-snug\">47 sensors for temperature, humidity & dust monitoring<\/p><\/div><div class=\"dark-glass rounded-2xl p-4 md:p-5 hover-float ios-widget text-center\"><div class=\"w-9 h-9 md:w-11 md:h-11 bg-amber-500\/15 rounded-xl flex items-center justify-center mx-auto mb-2.5\"><i data-lucide=\"bar-chart-3\" class=\"w-4 h-4 md:w-5 md:h-5 text-amber-400\"><\/i><\/div><p class=\"font-bold text-xs md:text-sm text-white mb-1\">ERP Integrated<\/p><p class=\"text-[10px] md:text-[11px] text-gray-500 leading-snug\">Material  -> production  -> QC  -> shipping in one system<\/p><\/div><div class=\"dark-glass rounded-2xl p-4 md:p-5 col-span-2 flex items-center gap-4 hover-float ios-widget\"><div class=\"w-10 h-10 md:w-12 md:h-12 bg-rose-500\/15 rounded-xl flex items-center justify-center shrink-0\"><i data-lucide=\"shield-check\" class=\"w-5 h-5 md:w-6 md:h-6 text-rose-400\"><\/i><\/div><div><p class=\"font-bold text-sm md:text-base text-white\">Zero-Defect Target<\/p><p class=\"text-[11px] md:text-xs text-gray-400\">AI-assisted defect detection at every checkpoint  - 99.2% first-pass yield<\/p><\/div><\/div><\/div><\/div><\/div><\/section><section class=\"relative py-20 md:py-28 bg-gray-900 text-white overflow-hidden hy-full ios-section dark-sec\"><div class=\"absolute top-0 right-0 w-[500px] h-[500px] bg-red-600\/8 rounded-full blur-[150px] pointer-events-none\"><\/div><div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 relative z-10\"><div class=\"text-center mb-14 reveal\"><span class=\"inline-flex items-center text-xs font-bold text-amber-400 uppercase tracking-widest mb-4\"><i data-lucide=\"award\" class=\"w-4 h-4 mr-2\"><\/i> Trust & Compliance\n<\/span><h2 class=\"text-3xl md:text-5xl font-bold mb-4\">Certifications & Standards<\/h2><p class=\"text-gray-400 text-base md:text-lg max-w-2xl mx-auto font-light\">Independently verified quality and sustainability  - the foundation of every partnership.<\/p><\/div><div class=\"grid grid-cols-2 md:grid-cols-4 gap-4 md:gap-6 perspective-container cert-grid\"><div class=\"cert-card dark-glass rounded-2xl p-5 md:p-8 text-center card-3d reveal hover-float ios-widget\" style=\"transition-delay:0ms;\"><div class=\"w-14 h-14 md:w-16 md:h-16 bg-green-500\/15 rounded-2xl flex items-center justify-center mx-auto mb-4\"><i data-lucide=\"tree-pine\" class=\"w-7 h-7 md:w-8 md:h-8 text-green-400\"><\/i><\/div><h4 class=\"text-base md:text-lg font-bold text-white mb-1\">FSC CoC<\/h4><p class=\"text-[11px] md:text-xs text-gray-500 mb-3\">GFA-COC-005231<\/p><span class=\"inline-block px-3 py-1 bg-green-500\/15 text-green-400 text-[10px] font-bold rounded-full uppercase tracking-wider\">Verified<\/span><\/div><div class=\"cert-card dark-glass rounded-2xl p-5 md:p-8 text-center card-3d reveal hover-float ios-widget\" style=\"transition-delay:100ms;\"><div class=\"w-14 h-14 md:w-16 md:h-16 bg-blue-500\/15 rounded-2xl flex items-center justify-center mx-auto mb-4\"><i data-lucide=\"shield-check\" class=\"w-7 h-7 md:w-8 md:h-8 text-blue-400\"><\/i><\/div><h4 class=\"text-base md:text-lg font-bold text-white mb-1\">ISO 9001<\/h4><p class=\"text-[11px] md:text-xs text-gray-500 mb-3\">Quality Management<\/p><span class=\"inline-block px-3 py-1 bg-blue-500\/15 text-blue-400 text-[10px] font-bold rounded-full uppercase tracking-wider\">Certified<\/span><\/div><div class=\"cert-card dark-glass rounded-2xl p-5 md:p-8 text-center card-3d reveal hover-float ios-widget\" style=\"transition-delay:200ms;\"><div class=\"w-14 h-14 md:w-16 md:h-16 bg-amber-500\/15 rounded-2xl flex items-center justify-center mx-auto mb-4\"><i data-lucide=\"file-check\" class=\"w-7 h-7 md:w-8 md:h-8 text-amber-400\"><\/i><\/div><h4 class=\"text-base md:text-lg font-bold text-white mb-1\">EUDR<\/h4><p class=\"text-[11px] md:text-xs text-gray-500 mb-3\">EU Deforestation Reg.<\/p><span class=\"inline-block px-3 py-1 bg-amber-500\/15 text-amber-400 text-[10px] font-bold rounded-full uppercase tracking-wider\">Compliant<\/span><\/div><div class=\"cert-card dark-glass rounded-2xl p-5 md:p-8 text-center card-3d reveal hover-float ios-widget\" style=\"transition-delay:300ms;\"><div class=\"w-14 h-14 md:w-16 md:h-16 bg-violet-500\/15 rounded-2xl flex items-center justify-center mx-auto mb-4\"><i data-lucide=\"ruler\" class=\"w-7 h-7 md:w-8 md:h-8 text-violet-400\"><\/i><\/div><h4 class=\"text-base md:text-lg font-bold text-white mb-1\">EN 14749<\/h4><p class=\"text-[11px] md:text-xs text-gray-500 mb-3\">Structural Testing<\/p><span class=\"inline-block px-3 py-1 bg-violet-500\/15 text-violet-400 text-[10px] font-bold rounded-full uppercase tracking-wider\">Tested<\/span><\/div><\/div><\/div><\/section><section class=\"py-20 md:py-28 bg-[#FBFBFB] ios-section\"><div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\"><div class=\"text-center mb-14 reveal\"><span class=\"inline-flex items-center text-xs font-bold text-red-600 uppercase tracking-widest mb-4\"><i data-lucide=\"globe\" class=\"w-4 h-4 mr-2\"><\/i> Global Presence\n<\/span><h2 class=\"text-3xl md:text-4xl font-bold mb-4 ios-section-header\">Trusted Worldwide<\/h2><p class=\"text-gray-600 max-w-2xl mx-auto font-light\">From Qingdao to the world  - reliable OEM\/ODM supply for leading furniture brands.<\/p><\/div><div class=\"grid grid-cols-2 md:grid-cols-4 gap-3 md:gap-6 mb-12 perspective-container reach-stats\"><div class=\"glass-effect rounded-2xl p-5 md:p-8 text-center card-3d reveal hover-float\" style=\"transition-delay:0ms;\"><span class=\"text-3xl md:text-4xl font-extrabold text-[#C52D2F]\">30+<\/span><p class=\"text-xs md:text-sm text-gray-500 mt-2 uppercase tracking-wider font-bold\">Countries Served<\/p><\/div><div class=\"glass-effect rounded-2xl p-5 md:p-8 text-center card-3d reveal hover-float\" style=\"transition-delay:100ms;\"><span class=\"text-3xl md:text-4xl font-extrabold text-[#C52D2F]\">200+<\/span><p class=\"text-xs md:text-sm text-gray-500 mt-2 uppercase tracking-wider font-bold\">40HQ \/ Month<\/p><\/div><div class=\"glass-effect rounded-2xl p-5 md:p-8 text-center card-3d reveal hover-float\" style=\"transition-delay:200ms;\"><span class=\"text-3xl md:text-4xl font-extrabold text-[#C52D2F]\">50+<\/span><p class=\"text-xs md:text-sm text-gray-500 mt-2 uppercase tracking-wider font-bold\">Brand Partners<\/p><\/div><div class=\"glass-effect rounded-2xl p-5 md:p-8 text-center card-3d reveal hover-float\" style=\"transition-delay:300ms;\"><span class=\"text-3xl md:text-4xl font-extrabold text-[#C52D2F]\">20<\/span><p class=\"text-xs md:text-sm text-gray-500 mt-2 uppercase tracking-wider font-bold\">Years Export<\/p><\/div><\/div><div class=\"grid md:grid-cols-3 gap-4 md:gap-6 perspective-container reveal market-grid\"><div class=\"glass-effect rounded-2xl p-5 md:p-7 card-3d ios-widget flex flex-col market-card\"><div class=\"flex items-center gap-3 mb-3\"><div class=\"w-10 h-10 bg-blue-50 rounded-xl flex items-center justify-center text-blue-600 shrink-0 market-icon\"><i data-lucide=\"landmark\" class=\"w-5 h-5\"><\/i><\/div><div class=\"market-body\"><h4 class=\"font-bold text-base md:text-lg\">Europe<\/h4><p class=\"text-sm text-gray-500 leading-relaxed\">Germany, UK, France, Netherlands, Scandinavia  - EUDR-ready supply chains and EN 14749 tested.<\/p><div class=\"mt-3 flex flex-wrap gap-1.5 market-tags\"><span class=\"text-[10px] px-2 py-0.5 bg-blue-50 text-blue-600 rounded-full font-bold\">DE<\/span><span class=\"text-[10px] px-2 py-0.5 bg-blue-50 text-blue-600 rounded-full font-bold\">UK<\/span><span class=\"text-[10px] px-2 py-0.5 bg-blue-50 text-blue-600 rounded-full font-bold\">FR<\/span><span class=\"text-[10px] px-2 py-0.5 bg-blue-50 text-blue-600 rounded-full font-bold\">NL<\/span><span class=\"text-[10px] px-2 py-0.5 bg-blue-50 text-blue-600 rounded-full font-bold\">SE<\/span><\/div><\/div><\/div><\/div><div class=\"glass-effect rounded-2xl p-5 md:p-7 card-3d ios-widget flex flex-col market-card\"><div class=\"flex items-center gap-3 mb-3\"><div class=\"w-10 h-10 bg-red-50 rounded-xl flex items-center justify-center text-red-600 shrink-0 market-icon\"><i data-lucide=\"globe-2\" class=\"w-5 h-5\"><\/i><\/div><div class=\"market-body\"><h4 class=\"font-bold text-base md:text-lg\">North America<\/h4><p class=\"text-sm text-gray-500 leading-relaxed\">USA &amp; Canada  - major retailers and contract brands with scalable OEM production.<\/p><div class=\"mt-3 flex flex-wrap gap-1.5 market-tags\"><span class=\"text-[10px] px-2 py-0.5 bg-red-50 text-red-600 rounded-full font-bold\">US<\/span><span class=\"text-[10px] px-2 py-0.5 bg-red-50 text-red-600 rounded-full font-bold\">CA<\/span><\/div><\/div><\/div><\/div><div class=\"glass-effect rounded-2xl p-5 md:p-7 card-3d ios-widget flex flex-col market-card\"><div class=\"flex items-center gap-3 mb-3\"><div class=\"w-10 h-10 bg-amber-50 rounded-xl flex items-center justify-center text-amber-600 shrink-0 market-icon\"><i data-lucide=\"sun\" class=\"w-5 h-5\"><\/i><\/div><div class=\"market-body\"><h4 class=\"font-bold text-base md:text-lg\">Asia-Pacific<\/h4><p class=\"text-sm text-gray-500 leading-relaxed\">Japan, Australia, South Korea  - premium quality with strict timber traceability.<\/p><div class=\"mt-3 flex flex-wrap gap-1.5 market-tags\"><span class=\"text-[10px] px-2 py-0.5 bg-amber-50 text-amber-600 rounded-full font-bold\">JP<\/span><span class=\"text-[10px] px-2 py-0.5 bg-amber-50 text-amber-600 rounded-full font-bold\">AU<\/span><span class=\"text-[10px] px-2 py-0.5 bg-amber-50 text-amber-600 rounded-full font-bold\">KR<\/span><\/div><\/div><\/div><\/div><\/div><\/div><\/section><section class=\"py-10 md:py-16 ios-section\"><div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\"><div class=\"rounded-[1.75rem] border border-[#e5e7eb] bg-white text-center p-6 md:p-10 shadow-[0_14px_30px_rgba(15,23,42,0.08),inset_0_1px_0_rgba(255,255,255,0.75)] reveal cta-emboss\"><h2 class=\"text-3xl md:text-5xl font-black tracking-tight text-gray-800\">Ready to Start Your Project?<\/h2><p class=\"mt-4 text-gray-600 text-base md:text-lg leading-relaxed max-w-4xl mx-auto\">\nFrom concept to container - our team is here to support every step of your furniture sourcing journey.\n<\/p><div class=\"mt-6 flex flex-nowrap items-center justify-center gap-2 md:gap-3 max-w-[520px] mx-auto\"><a href=\"https:\/\/wa.me\/85265717290?text=Hi%20HUAYI%2C%20I%27d%20like%20to%20discuss%20a%20project.\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"inline-flex flex-1 md:flex-none min-w-0 items-center justify-center gap-2 whitespace-nowrap rounded-full bg-white px-4 md:px-6 py-2.5 md:py-3 text-sm md:text-base text-gray-800 font-semibold border border-[#d7dce2] shadow-[0_8px_18px_rgba(15,23,42,0.10)] hover:-translate-y-0.5 transition cta-btn-emboss\"><i data-lucide=\"message-circle\" class=\"w-5 h-5 text-[#25D366]\"><\/i>\nWhatsApp\n<\/a><a href=\"mailto:alina@hywoodfurniture.com\" class=\"inline-flex flex-1 md:flex-none min-w-0 items-center justify-center gap-2 whitespace-nowrap rounded-full bg-white px-4 md:px-6 py-2.5 md:py-3 text-sm md:text-base text-gray-800 font-semibold border border-[#d7dce2] shadow-[0_8px_18px_rgba(15,23,42,0.10)] hover:-translate-y-0.5 transition cta-btn-emboss\"><i data-lucide=\"mail\" class=\"w-5 h-5 text-[#8B1B1B]\"><\/i>\nEmail\n<\/a><\/div><\/div><\/div><\/section><\/div><script>\n(() => {\n    const hyRoot = document.querySelector('.hy-about');\n    if (hyRoot) hyRoot.classList.add('js-motion');\n\n    \/\/ Keep bandwidth focused on LCP image.\n    document.querySelectorAll('.hy-about img[loading=\"lazy\"]').forEach(function(img) {\n        if (!img.getAttribute('fetchpriority')) img.setAttribute('fetchpriority', 'low');\n        if (!img.getAttribute('importance')) img.setAttribute('importance', 'low');\n    });\n\n    \/\/ Initialize Lucide Icons safely (async script + Elementor preview fallback)\n    function initLucideIcons() {\n        if (typeof lucide === 'undefined' || typeof lucide.createIcons !== 'function') return false;\n        lucide.createIcons();\n        return true;\n    }\n    if (!initLucideIcons()) {\n        const lucideScript = document.querySelector('script[data-lucide-lib]');\n        if (lucideScript) lucideScript.addEventListener('load', initLucideIcons, { once: true });\n        window.addEventListener('load', initLucideIcons, { once: true });\n    }\n\n    \/\/ Scroll Reveal\n    const revealEls = document.querySelectorAll('.hy-about .reveal, .hy-about .reveal-left, .hy-about .reveal-right');\n    if ('IntersectionObserver' in window) {\n        const hyRevealObs = new IntersectionObserver((entries) => {\n            entries.forEach(entry => { if (entry.isIntersecting) entry.target.classList.add('active'); });\n        }, { threshold: 0.1, rootMargin: '0px 0px -50px 0px' });\n        revealEls.forEach(el => hyRevealObs.observe(el));\n    } else {\n        revealEls.forEach(el => el.classList.add('active'));\n    }\n\n    \/\/ 3D Tilt (desktop)\n    if (window.matchMedia('(hover: hover)').matches) {\n        document.querySelectorAll('.hy-about .card-3d').forEach(card => {\n            card.addEventListener('mousemove', (e) => {\n                const r = card.getBoundingClientRect(), x = e.clientX - r.left, y = e.clientY - r.top;\n                card.style.transform = `perspective(1200px) translateY(-8px) rotateX(${((y - r.height\/2) \/ (r.height\/2)) * -6}deg) rotateY(${((x - r.width\/2) \/ (r.width\/2)) * 6}deg)`;\n            });\n            card.addEventListener('mouseleave', () => { card.style.transform = ''; });\n        });\n    }\n\n    \/\/ CNC Carousel\n    const cncLabels = ['4-AXIS CNC', '5-AXIS CNC'];\n    document.querySelectorAll('.hy-about .cnc-carousel').forEach(carousel => {\n        const slides = carousel.querySelectorAll('.cnc-slide'), dots = carousel.querySelectorAll('.cnc-dot'), label = carousel.querySelector('.cnc-label');\n        let idx = 0;\n        function goTo(i) { idx = i; slides.forEach((s,j) => s.style.opacity = j===idx?'1':'0'); dots.forEach((d,j) => { d.classList.remove('bg-white','bg-white\/40'); d.classList.add(j===idx?'bg-white':'bg-white\/40'); }); if(label) label.textContent = cncLabels[idx]||''; }\n        dots.forEach(d => d.addEventListener('click', e => { e.stopPropagation(); goTo(parseInt(d.dataset.slide)); }));\n        if (slides.length > 1) setInterval(() => goTo((idx+1)%slides.length), 4000);\n        let tx=0; carousel.addEventListener('touchstart', e => tx=e.touches[0].clientX, {passive:true}); carousel.addEventListener('touchend', e => { const d=e.changedTouches[0].clientX-tx; if(Math.abs(d)>40) goTo(d<0?(idx+1)%slides.length:(idx-1+slides.length)%slides.length); }, {passive:true});\n    });\n\n    \/\/ MES Animation\n    const mesPanel = document.querySelector('.hy-about .mes-panel');\n    if (mesPanel) {\n        let animated = false;\n        const runMesAnimation = () => {\n            if (animated) return;\n            animated = true;\n            document.querySelectorAll('.hy-about .mes-bar').forEach((bar,i) => {\n                const t = parseInt(bar.dataset.target), pct = bar.closest('.mes-line').querySelector('.mes-pct');\n                setTimeout(() => { bar.style.transition='width 1.2s cubic-bezier(0.25,0.46,0.45,0.94)'; bar.style.width=t+'%'; let c=0; const s=Math.ceil(t\/30); const iv=setInterval(()=>{ c=Math.min(c+s,t); if(pct) pct.textContent=c+'%'; if(c>=t) clearInterval(iv); },40); }, i*150);\n            });\n            document.querySelectorAll('.hy-about .mes-counter').forEach(counter => {\n                const t=parseInt(counter.dataset.target); let c=0; const s=Math.ceil(t\/40); const iv=setInterval(()=>{ c=Math.min(c+s,t); counter.textContent=c.toLocaleString(); if(c>=t) clearInterval(iv); },35);\n            });\n        };\n\n        if ('IntersectionObserver' in window) {\n            new IntersectionObserver((entries) => {\n                entries.forEach(entry => {\n                    if (entry.isIntersecting) runMesAnimation();\n                });\n            }, {threshold:0.3}).observe(mesPanel);\n        } else {\n            runMesAnimation();\n        }\n    }\n\n    \/\/ MES Carousel\n    const mesPanelEl = document.querySelector('.hy-about .mes-panel');\n    if (mesPanelEl) {\n        const mesSlides = mesPanelEl.querySelectorAll('.mes-slide'), mesDots = mesPanelEl.querySelectorAll('.mes-dot');\n        let mi = 0;\n        function mesGoTo(i) { mi=i; mesSlides.forEach((s,j)=>{ s.style.opacity=j===mi?'1':'0'; s.style.zIndex=j===mi?'2':'1'; }); mesDots.forEach((d,j)=>{ d.classList.remove('bg-emerald-400','bg-white\/30'); d.classList.add(j===mi?'bg-emerald-400':'bg-white\/30'); }); }\n        mesDots.forEach(d => d.addEventListener('click', e => { e.stopPropagation(); mesGoTo(parseInt(d.dataset.slide)); }));\n        if (mesSlides.length > 1) setInterval(() => mesGoTo((mi+1)%mesSlides.length), 5000);\n        let mtx=0; mesPanelEl.addEventListener('touchstart', e => mtx=e.touches[0].clientX, {passive:true}); mesPanelEl.addEventListener('touchend', e => { const d=e.changedTouches[0].clientX-mtx; if(Math.abs(d)>40) mesGoTo(d<0?(mi+1)%mesSlides.length:(mi-1+mesSlides.length)%mesSlides.length); }, {passive:true});\n    }\n\n    \/\/ Timeline Animation  - Meteor comet trail\n    const timeline = document.getElementById('hy-timeline');\n    if (timeline) {\n        const tlNodes = timeline.querySelectorAll('.tl-node');\n        const tlProgress = document.getElementById('tl-progress');\n        const tlMeteor = document.getElementById('tl-meteor');\n        const tlLine = timeline.querySelector('.tl-line');\n        let tlAnimated = false;\n        if (!tlNodes.length || !tlProgress || !tlMeteor || !tlLine) {\n            \/\/ Keep page visible in builder mode even if timeline sub-elements are stripped.\n            tlNodes.forEach(node => node.classList.add('active'));\n        } else {\n\n        function spawnSparks(meteor, count) {\n            for (let i = 0; i < count; i++) {\n                const spark = document.createElement('div');\n                spark.className = 'tl-spark';\n                const angle = (Math.random() - 0.5) * 2.4;\n                const dist = 15 + Math.random() * 25;\n                spark.style.setProperty('--sx', Math.cos(angle) * -dist + 'px');\n                spark.style.setProperty('--sy', Math.sin(angle) * dist + 'px');\n                spark.style.left = '7px'; spark.style.top = '5px';\n                meteor.appendChild(spark);\n                requestAnimationFrame(() => spark.classList.add('fly'));\n                setTimeout(() => spark.remove(), 650);\n            }\n        }\n\n        function animateTimeline() {\n            const lineRect = tlLine.getBoundingClientRect();\n            const lineW = lineRect.width;\n            const dots = Array.from(tlNodes).map(n => {\n                const dot = n.querySelector('.tl-dot');\n                const r = dot.getBoundingClientRect();\n                return (r.left + r.width \/ 2) - lineRect.left;\n            });\n\n            tlMeteor.style.left = '0px';\n            tlMeteor.classList.add('active');\n\n            const totalDuration = 2400;\n            const segDuration = totalDuration \/ dots.length;\n\n            function flyToNode(nodeIdx) {\n                if (nodeIdx >= dots.length) {\n                    const startX = dots[dots.length - 1];\n                    const endX = lineW + 60;\n                    const dur = 400;\n                    const t0 = performance.now();\n                    function exitFrame(now) {\n                        const p = Math.min((now - t0) \/ dur, 1);\n                        const eased = 1 - Math.pow(1 - p, 2);\n                        const x = startX + (endX - startX) * eased;\n                        tlMeteor.style.left = x + 'px';\n                        tlProgress.style.width = Math.min(x \/ lineW * 100, 100) + '%';\n                        if (p < 1) requestAnimationFrame(exitFrame);\n                        else { tlMeteor.classList.remove('active'); tlProgress.style.width = '100%'; }\n                    }\n                    requestAnimationFrame(exitFrame);\n                    return;\n                }\n\n                const startX = nodeIdx === 0 ? 0 : dots[nodeIdx - 1];\n                const endX = dots[nodeIdx];\n                const dur = segDuration;\n                const t0 = performance.now();\n\n                function frame(now) {\n                    const p = Math.min((now - t0) \/ dur, 1);\n                    const eased = 1 - Math.pow(1 - p, 3);\n                    const x = startX + (endX - startX) * eased;\n                    tlMeteor.style.left = x + 'px';\n                    tlProgress.style.width = (x \/ lineW * 100) + '%';\n                    if (Math.random() < 0.3) spawnSparks(tlMeteor, 1);\n                    if (p < 1) {\n                        requestAnimationFrame(frame);\n                    } else {\n                        tlNodes[nodeIdx].classList.add('active');\n                        spawnSparks(tlMeteor, 5);\n                        setTimeout(() => flyToNode(nodeIdx + 1), 180);\n                    }\n                }\n                requestAnimationFrame(frame);\n            }\n\n            setTimeout(() => flyToNode(0), 300);\n        }\n\n            if ('IntersectionObserver' in window) {\n                new IntersectionObserver((entries) => {\n                    entries.forEach(entry => {\n                        if (entry.isIntersecting && !tlAnimated) {\n                            tlAnimated = true;\n                            animateTimeline();\n                        }\n                    });\n                }, { threshold: 0.2 }).observe(timeline);\n            } else {\n                animateTimeline();\n            }\n        }\n    }\n})();\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Est. 2005 &#8211; Qingdao, China 20 Years,One Mission We turn sustainable timber into heirloom-quality furniture with trusted craftsmanship and innovation. HUAYI Company Story From a Small Workshopto a Global Factory Founded in 2005 in Qingdao with 30 craftsmen and one belief: quality is the only shortcut. Today, HUAYI is a 45,000 sqm vertically integrated manufacturing [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"_acf_changed":false,"_seopress_robots_primary_cat":"","_seopress_titles_title":"","_seopress_titles_desc":"","_seopress_robots_index":"","footnotes":""},"class_list":["post-2998","page","type-page","status-publish","hentry"],"blocksy_meta":[],"acf":[],"_links":{"self":[{"href":"https:\/\/hywoodfurniture.com\/it\/wp-json\/wp\/v2\/pages\/2998","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hywoodfurniture.com\/it\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/hywoodfurniture.com\/it\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/hywoodfurniture.com\/it\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hywoodfurniture.com\/it\/wp-json\/wp\/v2\/comments?post=2998"}],"version-history":[{"count":13,"href":"https:\/\/hywoodfurniture.com\/it\/wp-json\/wp\/v2\/pages\/2998\/revisions"}],"predecessor-version":[{"id":3037,"href":"https:\/\/hywoodfurniture.com\/it\/wp-json\/wp\/v2\/pages\/2998\/revisions\/3037"}],"wp:attachment":[{"href":"https:\/\/hywoodfurniture.com\/it\/wp-json\/wp\/v2\/media?parent=2998"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}