{"id":2833,"date":"2026-05-25T03:30:10","date_gmt":"2026-05-25T03:30:10","guid":{"rendered":"https:\/\/uisb.com\/?page_id=2833"},"modified":"2026-10-19T10:20:14","modified_gmt":"2026-10-19T10:20:14","slug":"elementor-page-2833","status":"publish","type":"page","link":"https:\/\/uisb.com\/zh\/elementor-page-2833\/","title":{"rendered":"Leadership and Structure aff"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"2833\" class=\"elementor elementor-2833\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9b5dd3b e-con-full e-flex jltma-glass-effect-no e-con e-parent\" data-id=\"9b5dd3b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c316095 jltma-glass-effect-no elementor-widget elementor-widget-html\" data-id=\"c316095\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- Google Fonts -->\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link rel=\"preload\" as=\"image\" href=\"http:\/\/uisb.com\/uig\/wp-content\/uploads\/2026\/05\/com.hihonor.photos_20260513140449.png\">\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Mulish:wght@300;400;700;800&family=Playfair+Display:ital,wght@0,400;0,700;1,400;1,500&family=Bebas+Neue&family=DM+Mono:wght@400&family=Sora:wght@400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n<style>\r\n\r\nhtml {\r\n    overflow-x: hidden;\r\n}\r\n\r\n\/* \u2500\u2500 Reduced motion \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n@media (prefers-reduced-motion: reduce) {\r\n  .uig-wrap *,\r\n  .uig-wrap *::before,\r\n  .uig-wrap *::after { animation-duration: 0.01ms !important; transition-duration: 0.1ms !important; }\r\n  .uig-bg-canvas { display: none; }\r\n  .uig-wrap .gradient-text { animation: none; }\r\n}\r\n\r\n\/* \u2500\u2500 Root variables & wrapper \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n.uig-wrap {\r\n  --white: #ffffff;\r\n  --ice: #f8fbff;\r\n  --soft-blue: #eff6ff;\r\n  --light-blue: #dbeafe;\r\n  --sky: #93c5fd;\r\n  --blue: #3b82f6;\r\n  --deep-blue: #1e40af;\r\n  --navy: #071a3d;\r\n  --navy-2: #0f172a;\r\n  --text: #172033;\r\n  --muted: #64748b;\r\n  --glass: rgba(255,255,255,.72);\r\n  --glass-strong: rgba(255,255,255,.88);\r\n  --border: rgba(147,197,253,.42);\r\n  --shadow: 0 22px 70px rgba(30,64,175,.14);\r\n  --shadow-strong: 0 34px 110px rgba(30,64,175,.25);\r\n  --line: rgba(147,197,253,0.55);\r\n  --card-bg: rgba(239,246,255,0.6);\r\n  --ease-out-expo: cubic-bezier(0.22, 1, 0.36, 1);\r\n\r\n  background:\r\n    radial-gradient(circle at 15% 12%, rgba(59,130,246,0.14), transparent 32%),\r\n    radial-gradient(circle at 85% 22%, rgba(147,197,253,0.22), transparent 30%),\r\n    linear-gradient(180deg, var(--ice) 0%, #ffffff 45%, var(--soft-blue) 100%);\r\n  color: var(--text);\r\n  font-family: 'Mulish', sans-serif;\r\n  font-weight: 300;\r\n  -webkit-font-smoothing: antialiased;\r\n  -moz-osx-font-smoothing: grayscale;\r\n  text-rendering: optimizeLegibility;\r\n  position: relative;\r\n  width: 100%;\r\n  isolation: isolate;\r\n  overflow: visible;\r\n}\r\n\r\n.uig-orb-clip {\r\n  position: absolute;\r\n  inset: 0;\r\n  overflow: hidden;\r\n  pointer-events: none;\r\n  z-index: 0;\r\n}\r\n\r\n.uig-wrap *,\r\n.uig-wrap *::before,\r\n.uig-wrap *::after {\r\n  margin: 0;\r\n  padding: 0;\r\n  box-sizing: border-box;\r\n}\r\n\r\n\/* PERF: canvas is sticky + one viewport tall *\/\r\n.uig-bg-canvas {\r\n  position: sticky;\r\n  top: 0;\r\n  display: block;\r\n  width: 100%;\r\n  height: 100vh;\r\n  height: 100dvh;\r\n  z-index: 0;\r\n  pointer-events: none;\r\n}\r\n\r\n.uig-noise {\r\n  position: absolute;\r\n  inset: 0;\r\n  background-image: url(\"data:image\/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'\/%3E%3C\/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.04'\/%3E%3C\/svg%3E\");\r\n  pointer-events: none;\r\n  z-index: 1;\r\n  opacity: 0.15;\r\n}\r\n\r\n.uig-wrap main {\r\n  position: relative;\r\n  z-index: 2;\r\n}\r\n\r\n\/* \u2500\u2500 Orbs \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n.orb-1 {\r\n  position: absolute;\r\n  width: 420px;\r\n  height: 420px;\r\n  top: -160px;\r\n  left: -120px;\r\n  background: radial-gradient(circle, rgba(147,197,253,.34) 0%, rgba(147,197,253,.18) 40%, transparent 70%);\r\n  border-radius: 999px;\r\n  opacity: .8;\r\n  will-change: transform;\r\n}\r\n.orb-2 {\r\n  position: absolute;\r\n  width: 520px;\r\n  height: 520px;\r\n  right: -180px;\r\n  top: 22%;\r\n  background: radial-gradient(circle, rgba(59,130,246,.16) 0%, rgba(59,130,246,.08) 42%, transparent 72%);\r\n  border-radius: 999px;\r\n  opacity: .8;\r\n  will-change: transform;\r\n}\r\n\r\n\/* \u2500\u2500 Hero \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n.uig-wrap .hero {\r\n  min-height: 100vh;\r\n  min-height: 100svh;\r\n  display: flex;\r\n  flex-direction: column;\r\n  justify-content: center;\r\n  align-items: center;\r\n  text-align: center;\r\n  padding: 80px 24px 60px;\r\n}\r\n.uig-wrap .hero-eyebrow {\r\n  font-family: 'Bebas Neue', sans-serif;\r\n  font-size: 13px;\r\n  letter-spacing: 0.45em;\r\n  color: var(--blue);\r\n  margin-bottom: 22px;\r\n}\r\n.uig-wrap .hero-title {\r\n  font-family: 'Sora', sans-serif;\r\n  font-size: clamp(52px, 7.5vw, 104px);\r\n  line-height: 0.94;\r\n  font-weight: 600;\r\n  letter-spacing: -0.055em;\r\n  color: var(--navy);\r\n  text-wrap: balance;\r\n}\r\n.uig-wrap .hero-title em {\r\n  font-family: 'Sora', sans-serif;\r\n  font-style: normal;\r\n  font-weight: 500;\r\n  color: var(--blue);\r\n}\r\n.uig-wrap .hero-sub {\r\n  margin-top: 28px;\r\n  font-size: clamp(14px, 1.4vw, 17px);\r\n  color: var(--muted);\r\n  max-width: 480px;\r\n  line-height: 1.7;\r\n}\r\n.uig-wrap .hero-tag-pill {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 10px;\r\n  margin-top: 22px;\r\n  padding: 8px 22px;\r\n  border-radius: 999px;\r\n  background: linear-gradient(135deg, rgba(30,64,175,0.12), rgba(59,130,246,0.08));\r\n  border: 1px solid rgba(59,130,246,0.35);\r\n  font-family: 'Bebas Neue', sans-serif;\r\n  font-size: 13px;\r\n  letter-spacing: 0.32em;\r\n  color: var(--deep-blue);\r\n  backdrop-filter: blur(8px);\r\n  -webkit-backdrop-filter: blur(8px);\r\n  box-shadow: 0 4px 18px rgba(30,64,175,0.1), inset 0 1px 0 rgba(255,255,255,0.6);\r\n}\r\n.uig-wrap .hero-tag-pill::before {\r\n  content: '';\r\n  width: 6px;\r\n  height: 6px;\r\n  border-radius: 50%;\r\n  background: var(--blue);\r\n  box-shadow: 0 0 10px rgba(59,130,246,0.7);\r\n  flex-shrink: 0;\r\n}\r\n.uig-wrap .hero-tag-pill::after {\r\n  content: '';\r\n  width: 6px;\r\n  height: 6px;\r\n  border-radius: 50%;\r\n  background: var(--sky);\r\n  box-shadow: 0 0 10px rgba(147,197,253,0.7);\r\n  flex-shrink: 0;\r\n}\r\n\r\n.uig-wrap .hero-line {\r\n  width: 1px;\r\n  height: 80px;\r\n  background: linear-gradient(to bottom, var(--blue), transparent);\r\n  margin-top: 50px;\r\n  transform-origin: top center;\r\n}\r\n\r\n\/* RESILIENCE: only hide animated elements when JS has actually booted. *\/\r\n.js-anim .hero-eyebrow,\r\n.js-anim .hero-title,\r\n.js-anim .hero-sub,\r\n.js-anim .hero-line,\r\n.js-anim #heroPill,\r\n.js-anim .hero-tag-pill,\r\n.js-anim .reveal,\r\n.js-anim .reveal-left,\r\n.js-anim .reveal-right { opacity: 0; }\r\n\r\n\/* \u2500\u2500 Sections \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n.uig-wrap .section { padding: clamp(80px,10vw,130px) clamp(24px,6vw,100px); max-width: 1320px; margin: 0 auto; }\r\n.uig-wrap .section-label { font-family: 'Bebas Neue', sans-serif; font-size: 11px; letter-spacing: 0.45em; color: var(--blue); margin-bottom: 14px; display: block; }\r\n.uig-wrap .section-title { font-family: 'Playfair Display', serif; font-size: clamp(36px, 4.5vw, 62px); font-weight: 700; line-height: 1.08; margin-bottom: 48px; color: var(--navy); text-wrap: balance; }\r\n.uig-wrap .gradient-text { background: linear-gradient(90deg, var(--navy) 0%, var(--deep-blue) 40%, var(--blue) 60%, var(--deep-blue) 100%); background-size: 200% auto; -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; animation: uig-shimmer 4s linear infinite; }\r\n@keyframes uig-shimmer { from { background-position: 0% center; } to { background-position: 200% center; } }\r\n\r\n.uig-wrap .gold-rule { display: flex; align-items: center; gap: 18px; margin-bottom: 52px; }\r\n.uig-wrap .gold-rule::before, .uig-wrap .gold-rule::after { content: ''; flex: 1; height: 1px; background: linear-gradient(to right, transparent, var(--blue)); }\r\n.uig-wrap .gold-rule::after { background: linear-gradient(to left, transparent, var(--blue)); }\r\n.uig-wrap .gold-rule span { font-family: 'Bebas Neue', sans-serif; font-size: 11px; letter-spacing: 0.4em; color: var(--blue); white-space: nowrap; }\r\n\r\n.uig-wrap .divider { width: 100%; height: 1px; background: linear-gradient(to right, transparent, var(--border), transparent); }\r\n.uig-wrap .band { background: linear-gradient(to right, rgba(239,246,255,0.8), transparent 40%, rgba(239,246,255,0.6)); }\r\n\r\n\/* \u2500\u2500 CEO Section \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n.uig-wrap .ceo-grid { display: grid; grid-template-columns: 1fr 380px; gap: 80px; align-items: start; }\r\n.uig-wrap .ceo-text p { font-size: clamp(15px,1.3vw,17px); line-height: 1.85; color: #334155; margin-bottom: 24px; }\r\n.uig-wrap .ceo-text p:first-of-type::first-letter { font-family: 'Playfair Display', serif; font-size: 5em; float: left; line-height: 0.78; margin-right: 12px; color: var(--blue); font-weight: 700; }\r\n.uig-wrap .ceo-quote { margin: 32px 0; padding: 28px 32px; border-left: 3px solid var(--blue); background: var(--soft-blue); border-radius: 0 8px 8px 0; }\r\n.uig-wrap .ceo-quote p { font-family: 'Playfair Display', serif; font-style: italic; font-size: clamp(17px,1.5vw,21px); line-height: 1.6; color: var(--deep-blue) !important; margin-bottom: 0 !important; }\r\n.uig-wrap .ceo-sign { margin-top: 40px; padding-top: 32px; border-top: 1px solid var(--border); }\r\n.uig-wrap .ceo-sign .sig-name { font-family: 'Playfair Display', serif; font-size: 22px; font-style: italic; color: var(--deep-blue); margin-bottom: 4px; }\r\n.uig-wrap .ceo-sign .sig-role { font-size: 12px; letter-spacing: 0.18em; color: var(--muted); }\r\n\r\n\/* PERF\/UX: native sticky \u2014 zero JS *\/\r\n.uig-wrap .ceo-portrait-col { position: relative; align-self: stretch; }\r\n.uig-wrap .ceo-portrait-card {\r\n  position: sticky;\r\n  top: 100px;\r\n  background: linear-gradient(160deg, rgba(239,246,255,0.95), rgba(255,255,255,0.85) 70%);\r\n  border: 1px solid var(--border);\r\n  border-radius: 16px;\r\n  overflow: hidden;\r\n  padding: 32px 24px 28px;\r\n  text-align: center;\r\n  box-shadow: var(--shadow);\r\n}\r\n.uig-wrap .ceo-photo-slot { width: 160px; height: 160px; border-radius: 50%; margin: 0 auto 20px; border: 3px solid var(--blue); overflow: hidden; background: rgba(59,130,246,0.08); display: flex; align-items: center; justify-content: center; box-shadow: 0 0 40px rgba(59,130,246,0.15); }\r\n.uig-wrap .ceo-photo-slot img { width: 100%; height: 100%; object-fit: cover; object-position: top center; }\r\n.uig-wrap .ceo-portrait-card h3 { font-family: 'Playfair Display', serif; font-size: 20px; color: var(--navy); margin-bottom: 5px; }\r\n.uig-wrap .ceo-portrait-card .card-role { font-size: 11px; letter-spacing: 0.18em; color: var(--muted); }\r\n.uig-wrap .ceo-badge { display: inline-block; margin-top: 16px; padding: 5px 16px; border: 1px solid var(--blue); border-radius: 40px; font-family: 'Bebas Neue', sans-serif; font-size: 12px; letter-spacing: 0.25em; color: var(--blue); background: rgba(59,130,246,0.08); }\r\n.uig-wrap .ceo-portrait-card .card-desc { margin-top: 20px; padding-top: 18px; border-top: 1px solid var(--border); font-size: 13px; color: var(--muted); line-height: 1.7; text-align: left; }\r\n\r\n\/* \u2500\u2500 Management Section \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n.uig-wrap .mgmt-section {\r\n  width: 100%;\r\n  max-width: 1320px;\r\n  margin: 0 auto;\r\n  padding: clamp(80px, 9vw, 130px) clamp(20px, 4vw, 56px);\r\n  position: relative;\r\n}\r\n\r\n.uig-wrap .mgmt-header {\r\n  display: flex;\r\n  justify-content: space-between;\r\n  align-items: flex-end;\r\n  margin-bottom: 52px;\r\n  gap: 32px;\r\n}\r\n.uig-wrap .mgmt-header-left { max-width: 740px; }\r\n\r\n.uig-wrap .section-eyebrow { display: flex; align-items: center; gap: 14px; margin-bottom: 16px; }\r\n.uig-wrap .eyebrow-line { width: 42px; height: 1px; background: linear-gradient(90deg, var(--blue), var(--sky)); }\r\n.uig-wrap .eyebrow-text { font-size: 12px; font-weight: 800; letter-spacing: 3px; color: var(--deep-blue); text-transform: uppercase; }\r\n.uig-wrap .mgmt-title {\r\n  font-family: 'Playfair Display', serif;\r\n  font-size: clamp(42px, 5vw, 72px);\r\n  font-weight: 700;\r\n  line-height: 1.02;\r\n  letter-spacing: -1.8px;\r\n  color: var(--navy);\r\n}\r\n.uig-wrap .mgmt-title em { font-style: italic; color: var(--blue); }\r\n.uig-wrap .mgmt-header-right { max-width: 340px; flex-shrink: 0; }\r\n.uig-wrap .mgmt-desc { font-size: 15px; line-height: 1.8; color: var(--muted); font-weight: 400; }\r\n\r\n\/* Stats *\/\r\n.uig-wrap .mgmt-stats {\r\n  display: grid;\r\n  grid-template-columns: repeat(4, 1fr);\r\n  gap: 14px;\r\n  margin-bottom: 56px;\r\n}\r\n.uig-wrap .stat {\r\n  padding: 24px 26px;\r\n  border: 1px solid var(--border);\r\n  border-radius: 22px;\r\n  background: rgba(255,255,255,.82);\r\n  box-shadow: 0 16px 44px rgba(30,64,175,.08);\r\n  transition: transform .3s var(--ease-out-expo), box-shadow .3s ease, border-color .3s ease;\r\n}\r\n.uig-wrap .stat:hover {\r\n  transform: translateY(-6px);\r\n  border-color: rgba(59,130,246,.55);\r\n  box-shadow: var(--shadow);\r\n}\r\n.uig-wrap .stat-num {\r\n  font-family: 'Playfair Display', serif;\r\n  font-size: 34px; font-weight: 700;\r\n  color: var(--deep-blue);\r\n  line-height: 1; margin-bottom: 7px;\r\n  font-variant-numeric: tabular-nums;\r\n}\r\n.uig-wrap .stat-label {\r\n  font-size: 11px; color: var(--muted);\r\n  letter-spacing: 1.4px; text-transform: uppercase; font-weight: 800;\r\n}\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n   FLEX-GROW GALLERY STRIP  (the hover-expand pattern)\r\n   Mechanic \u2014 identical to the Tailwind reference:\r\n     container: display:flex + gap + fixed height\r\n     card:      flex-grow:1 + base width + transition-all .5s\r\n     hover:     width:100%  \u2192 flexbox redistributes, one card expands\r\n   No scrollbars, no drag JS, no wheel hijack. Flexbox does it all.\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n.uig-wrap .fan-strip-wrap { position: relative; width: 100%; }\r\n.uig-wrap .fan-strip {\r\n  --card-w-base: 224px;      \/* \u2259 Tailwind w-56 in the reference   *\/\r\n  --card-w-min: 46px;        \/* thin sliver a card can shrink to    *\/\r\n  --card-h: 530px;\r\n\r\n  display: flex;\r\n  align-items: center;       \/* \u2259 items-center in the reference    *\/\r\n  gap: 8px;                  \/* \u2259 gap-2                             *\/\r\n  height: var(--card-h);\r\n  width: 100%;\r\n  padding: 6px 2px 6px;\r\n}\r\n\r\n\/* Card \u2014 the reference mechanic verbatim:\r\n   flex-grow + base width + transition-all + hover:w-full  *\/\r\n.uig-wrap .fan-card {\r\n  position: relative;\r\n  height: 100%;\r\n  width: var(--card-w-base);   \/* acts as flex-basis *\/\r\n  min-width: var(--card-w-min);\/* never collapses to nothing *\/\r\n  flex-grow: 1;                \/* \u2259 flex-grow *\/\r\n  flex-shrink: 1;\r\n  border-radius: 24px;\r\n  cursor: pointer;\r\n  overflow: hidden;\r\n  border: 1px solid rgba(147,197,253,.38);\r\n  background: rgba(255,255,255,.85);\r\n  box-shadow: 0 20px 50px rgba(30,64,175,.12);\r\n  transition: all .5s cubic-bezier(.25,.46,.45,.94); \/* \u2259 transition-all duration-500 *\/\r\n  outline: none;\r\n}\r\n.uig-wrap .fan-card.is-hovered,\r\n.uig-wrap .fan-card:focus-visible,\r\n.uig-wrap .fan-card.is-expanded {\r\n  width: 100%;                 \/* \u2259 hover:w-full \u2014 flexbox animates the growth *\/\r\n  min-width: 300px;            \/* guarantees room for the content panel *\/\r\n  box-shadow: var(--shadow-strong);\r\n  border-color: rgba(147,197,253,.72);\r\n}\r\n.uig-wrap .fan-card:focus-visible { border-color: var(--blue); }\r\n\r\n.uig-wrap .fan-card.is-hovered .card-accent,\r\n.uig-wrap .fan-card:focus-visible .card-accent,\r\n.uig-wrap .fan-card.is-expanded .card-accent { transform: scaleX(1); }\r\n\r\n.uig-wrap .fan-card.is-hovered .card-label-vert,\r\n.uig-wrap .fan-card:focus-visible .card-label-vert,\r\n.uig-wrap .fan-card.is-expanded .card-label-vert { opacity: 0; pointer-events: none; }\r\n\r\n.uig-wrap .fan-card.is-hovered .card-content,\r\n.uig-wrap .fan-card:focus-visible .card-content,\r\n.uig-wrap .fan-card.is-expanded .card-content { opacity: 1; transform: translateY(0); transition-delay: .18s; pointer-events: auto; }\r\n\r\n.uig-wrap .fan-card.is-hovered .card-photo,\r\n.uig-wrap .fan-card:focus-visible .card-photo,\r\n.uig-wrap .fan-card.is-expanded .card-photo { transform: scale(1.04) translateY(10px); }\r\n\r\n.uig-wrap .fan-card.is-hovered .card-overlay,\r\n.uig-wrap .fan-card:focus-visible .card-overlay,\r\n.uig-wrap .fan-card.is-expanded .card-overlay {\r\n  background: linear-gradient(to bottom, rgba(248,251,255,.04) 0%, rgba(248,251,255,.08) 32%, rgba(7,26,61,.72) 64%, rgba(7,26,61,.98) 100%);\r\n}\r\n\r\n\/* Dim non-active siblings \u2014 JS sets has-hovered on strip; touch uses has-expanded *\/\r\n.uig-wrap .fan-strip.has-hovered .fan-card:not(.is-hovered),\r\n.uig-wrap .fan-strip.has-expanded .fan-card:not(.is-expanded) { opacity: .55; filter: saturate(.65) brightness(.94); }\r\n.uig-wrap .fan-strip.has-hovered .fan-card:not(.is-hovered) .card-label-vert,\r\n.uig-wrap .fan-strip.has-expanded .fan-card:not(.is-expanded) .card-label-vert { opacity: .55; }\r\n\r\n.uig-wrap .card-bg {\r\n  position: absolute; inset: 0; z-index: 0;\r\n  background:\r\n    radial-gradient(circle at 30% 12%, rgba(147,197,253,.48), transparent 35%),\r\n    linear-gradient(160deg, rgba(248,251,255,.94) 0%, rgba(219,234,254,.9) 48%, rgba(30,64,175,.88) 100%);\r\n}\r\n\/* PERF: photo transitions via transform only *\/\r\n.uig-wrap .card-photo {\r\n  position: absolute; inset: -12px 0 0 0; z-index: 1;\r\n  background-size: cover;\r\n  background-position: center top;\r\n  transition: transform .7s cubic-bezier(.25,.46,.45,.94);\r\n  filter: saturate(.96) contrast(1.02);\r\n  will-change: transform;\r\n  opacity: 0;\r\n}\r\n.uig-wrap .card-photo.is-loaded { opacity: 1; transition: opacity .5s ease, transform .7s cubic-bezier(.25,.46,.45,.94); }\r\n.uig-wrap .card-overlay {\r\n  position: absolute; inset: 0; z-index: 2;\r\n  background: linear-gradient(\r\n    to bottom,\r\n    rgba(248,251,255,.08) 0%,\r\n    rgba(248,251,255,.1) 34%,\r\n    rgba(7,26,61,.62) 68%,\r\n    rgba(7,26,61,.95) 100%\r\n  );\r\n  transition: background .4s ease;\r\n}\r\n.uig-wrap .card-accent {\r\n  position: absolute; top: 0; left: 0; right: 0;\r\n  height: 3px;\r\n  background: linear-gradient(90deg, var(--sky), var(--blue), var(--deep-blue));\r\n  z-index: 10;\r\n  transform: scaleX(0);\r\n  transform-origin: left;\r\n  transition: transform .45s .1s cubic-bezier(.25,.46,.45,.94);\r\n}\r\n.uig-wrap .card-label-vert {\r\n  position: absolute; top: 330px; left: 50%;\r\n  transform: translateX(-50%);\r\n  z-index: 5;\r\n  display: flex; flex-direction: column;\r\n  align-items: center; gap: 12px;\r\n  transition: opacity .25s ease;\r\n}\r\n.uig-wrap .label-dot { width: 7px; height: 7px; border-radius: 50%; background: var(--blue); box-shadow: 0 0 18px rgba(59,130,246,.75); }\r\n.uig-wrap .label-name-vert { writing-mode: vertical-rl; text-orientation: mixed; font-size: 11px; font-weight: 800; letter-spacing: 2px; color: rgba(255,255,255,.8); white-space: nowrap; text-transform: uppercase; }\r\n\r\n.uig-wrap .card-content {\r\n  position: absolute; bottom: 0; left: 0; right: 0;\r\n  z-index: 6;\r\n  padding: 28px 26px 32px;\r\n  min-width: 290px;\r\n  opacity: 0;\r\n  transform: translateY(10px);\r\n  transition: opacity .26s ease, transform .34s var(--ease-out-expo);\r\n  pointer-events: none;\r\n}\r\n.uig-wrap .card-number { font-size: 11px; font-weight: 800; letter-spacing: 3px; color: var(--sky); margin-bottom: 18px; opacity: .95; }\r\n.uig-wrap .card-avatar { width: 54px; height: 54px; border-radius: 50%; border: 1px solid rgba(147,197,253,.72); background: rgba(255,255,255,.18); display: flex; align-items: center; justify-content: center; font-family: 'Playfair Display', serif; font-size: 17px; font-weight: 700; color: #fff; margin-bottom: 16px; flex-shrink: 0; letter-spacing: 1px; }\r\n.uig-wrap .card-role { font-size: 10px; font-weight: 800; letter-spacing: 2.4px; color: var(--sky); text-transform: uppercase; margin-bottom: 8px; }\r\n.uig-wrap .card-name { font-family: 'Playfair Display', serif; font-size: 28px; font-weight: 700; color: #fff; line-height: 1.12; margin-bottom: 16px; letter-spacing: -.4px; }\r\n.uig-wrap .card-divider { width: 34px; height: 1px; background: rgba(147,197,253,.72); margin-bottom: 14px; }\r\n.uig-wrap .card-quote { font-family: 'Playfair Display', serif; font-size: 15px; font-style: italic; font-weight: 500; line-height: 1.65; color: rgba(255,255,255,.78); margin-bottom: 20px; }\r\n.uig-wrap .card-meta { display: flex; align-items: center; gap: 8px; }\r\n.uig-wrap .card-meta-line { width: 18px; height: 1px; background: rgba(255,255,255,.36); }\r\n.uig-wrap .card-meta-text { font-size: 11px; color: rgba(255,255,255,.62); letter-spacing: 1px; }\r\n\r\n\r\n\/* Footer hint *\/\r\n.uig-wrap .fan-footer { margin-top: 24px; display: flex; align-items: center; gap: 10px; }\r\n.uig-wrap .fan-footer-line { width: 24px; height: 1px; background: var(--line); }\r\n.uig-wrap .fan-footer-text { font-size: 11px; color: var(--muted); letter-spacing: 1.5px; font-weight: 800; text-transform: uppercase; }\r\n\r\n\/* \u2500\u2500 Legend \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n.uig-wrap .org-legend { display: flex; gap: 28px; flex-wrap: wrap; margin-top: 56px; padding-top: 28px; border-top: 1px solid var(--border); }\r\n.uig-wrap .leg-item { display: flex; align-items: center; gap: 10px; }\r\n.uig-wrap .leg-dot { width: 12px; height: 12px; border-radius: 3px; border: 1px solid; }\r\n.uig-wrap .leg-dot.ceo { background: rgba(59,130,246,0.2); border-color: var(--blue); }\r\n.uig-wrap .leg-dot.l1 { background: rgba(59,130,246,0.06); border-color: rgba(59,130,246,0.45); }\r\n.uig-wrap .leg-dot.l2 { background: rgba(255,255,255,0.6); border-color: rgba(59,130,246,0.35); }\r\n.uig-wrap .leg-dot.l3 { background: rgba(255,255,255,0.8); border-color: rgba(147,197,253,0.45); }\r\n.uig-wrap .leg-label { font-size: 11px; color: var(--muted); letter-spacing: 0.1em; }\r\n\r\n\/* \u2500\u2500 PAGE NAV RAIL \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n.page-nav-rail {\r\n  position: fixed;\r\n  right: 22px; top: 50%;\r\n  transform: translateY(-50%);\r\n  display: flex; flex-direction: column;\r\n  align-items: center; gap: 7px;\r\n  z-index: 900;\r\n  pointer-events: auto;\r\n}\r\n.page-nav-pip {\r\n  width: 4px; height: 22px; border-radius: 3px;\r\n  background: rgba(147,197,253,.38);\r\n  cursor: pointer; border: none; padding: 0;\r\n  transition: height .32s var(--ease-out-expo, cubic-bezier(.22,1,.36,1)),\r\n              background .32s ease,\r\n              box-shadow .32s ease;\r\n  position: relative;\r\n}\r\n.page-nav-pip:hover { background: #3b82f6; height: 30px; }\r\n.page-nav-pip:focus-visible { outline: 2px solid #3b82f6; outline-offset: 3px; }\r\n.page-nav-pip.active {\r\n  background: #1e40af;\r\n  height: 40px;\r\n  box-shadow: 0 0 14px rgba(30,64,175,.5);\r\n}\r\n.page-nav-pip::after {\r\n  content: attr(data-label);\r\n  position: absolute;\r\n  right: calc(100% + 12px); top: 50%;\r\n  transform: translateY(-50%);\r\n  background: rgba(7,26,61,.92); color: #fff;\r\n  font-family: 'Nunito', 'Mulish', sans-serif;\r\n  font-size: 11px; font-weight: 700; letter-spacing: .3px;\r\n  padding: 5px 12px; border-radius: 10px;\r\n  white-space: nowrap;\r\n  opacity: 0; pointer-events: none;\r\n  transition: opacity .18s ease;\r\n  box-shadow: 0 4px 16px rgba(7,26,61,.25);\r\n}\r\n.page-nav-pip:hover::after { opacity: 1; }\r\n@media (max-width: 1100px) { .page-nav-rail { display: none; } }\r\n\r\n\/* \u2500\u2500 ECO-LABEL pill badge \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n.uig-wrap .eco-label {\r\n  display: inline-flex; align-items: center; gap: 8px;\r\n  padding: 7px 18px; border-radius: 999px;\r\n  background: #eff6ff; border: 1px solid rgba(147,197,253,.42);\r\n  color: #1e40af; font-family: 'DM Mono', monospace;\r\n  font-size: 12px; letter-spacing: 1.5px; text-transform: uppercase;\r\n  margin-bottom: 22px;\r\n}\r\n.uig-wrap .eco-label::before {\r\n  content: \"\"; width: 6px; height: 6px; border-radius: 50%;\r\n  background: #3b82f6; animation: eco-pulse-dot 2s ease infinite;\r\n  flex-shrink: 0;\r\n}\r\n@keyframes eco-pulse-dot { 0%,100%{opacity:1;transform:scale(1)} 50%{opacity:.4;transform:scale(.6)} }\r\n\r\n\/* \u2500\u2500 Management Philosophy Section \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n.uig-wrap .phil-section {\r\n  width: 100%;\r\n  max-width: 1320px;\r\n  margin: 0 auto;\r\n  padding: clamp(80px,10vw,130px) clamp(24px,6vw,100px);\r\n}\r\n.uig-wrap .phil-grid {\r\n  display: grid;\r\n  grid-template-columns: 1fr 380px;\r\n  gap: 80px;\r\n  align-items: center;\r\n}\r\n.uig-wrap .phil-intro {\r\n  font-family: 'Playfair Display', serif;\r\n  font-style: italic;\r\n  font-size: clamp(15px,1.35vw,18px);\r\n  line-height: 1.75;\r\n  color: var(--deep-blue);\r\n  margin-bottom: 36px;\r\n}\r\n.uig-wrap .phil-pillars { display: flex; flex-direction: column; gap: 14px; }\r\n.uig-wrap .phil-card {\r\n  display: flex;\r\n  align-items: flex-start;\r\n  gap: 20px;\r\n  padding: 22px 26px;\r\n  border: 1px solid var(--border);\r\n  border-radius: 16px;\r\n  background: rgba(255,255,255,.82);\r\n  box-shadow: 0 12px 36px rgba(30,64,175,.07);\r\n  transition: transform .3s var(--ease-out-expo), box-shadow .3s ease, border-color .3s ease, background .3s ease;\r\n}\r\n.uig-wrap .phil-card:hover {\r\n  transform: translateX(7px);\r\n  border-color: rgba(59,130,246,.52);\r\n  box-shadow: var(--shadow);\r\n  background: rgba(255,255,255,.96);\r\n}\r\n.uig-wrap .phil-num {\r\n  font-family: 'Playfair Display', serif;\r\n  font-size: 38px;\r\n  font-weight: 700;\r\n  color: var(--blue);\r\n  line-height: 1;\r\n  flex-shrink: 0;\r\n  opacity: .22;\r\n  min-width: 44px;\r\n}\r\n.uig-wrap .phil-card-title {\r\n  font-size: clamp(14px,1.15vw,16px);\r\n  font-weight: 700;\r\n  color: var(--navy);\r\n  line-height: 1.5;\r\n  padding-top: 6px;\r\n}\r\n.uig-wrap .phil-visual-wrap {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n}\r\n.uig-wrap .phil-visual-card {\r\n  background: linear-gradient(160deg, rgba(239,246,255,.96) 0%, rgba(255,255,255,.88) 60%, rgba(219,234,254,.92) 100%);\r\n  border: 1px solid var(--border);\r\n  border-radius: 24px;\r\n  padding: 40px 32px;\r\n  box-shadow: var(--shadow);\r\n  width: 100%;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n}\r\n@media (max-width: 1024px) {\r\n  .uig-wrap .phil-grid { grid-template-columns: 1fr; gap: 48px; }\r\n  .uig-wrap .phil-visual-wrap { display: none; }\r\n}\r\n@media (max-width: 640px) {\r\n  .uig-wrap .phil-section { padding: 64px 18px 72px; }\r\n}\r\n\r\n\/* \u2500\u2500 Responsive \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n@media (max-width: 1024px) {\r\n  .uig-wrap .mgmt-header { flex-direction: column; align-items: flex-start; }\r\n  .uig-wrap .mgmt-header-right { max-width: 620px; }\r\n  .uig-wrap .mgmt-stats { grid-template-columns: repeat(2, 1fr); }\r\n  .uig-wrap .fan-strip { --card-w-base: 190px; --card-w-min: 34px; --card-h: 470px; }\r\n  .uig-wrap .fan-card:hover,\r\n  .uig-wrap .fan-card:focus-visible,\r\n  .uig-wrap .fan-card.is-expanded { min-width: 262px; }\r\n  .uig-wrap .card-content { min-width: 252px; padding: 24px 22px 26px; }\r\n}\r\n@media (max-width: 900px) {\r\n  .uig-wrap .ceo-grid { grid-template-columns: 1fr; gap: 48px; }\r\n  .uig-wrap .ceo-portrait-card { max-width: 340px; margin: 0 auto; position: static; }\r\n}\r\n@media (max-width: 768px) {\r\n  .uig-wrap .mgmt-header { gap: 20px; margin-bottom: 36px; }\r\n  .uig-wrap .mgmt-header-right { max-width: 100%; }\r\n  .uig-wrap .mgmt-title { letter-spacing: -1px; }\r\n  .uig-wrap .mgmt-stats { grid-template-columns: repeat(2, 1fr); gap: 10px; margin-bottom: 40px; }\r\n  .uig-wrap .stat { padding: 18px 20px; border-radius: 16px; }\r\n  .uig-wrap .stat-num { font-size: 28px; }\r\n}\r\n\r\n@media (max-width: 640px) {\r\n  .uig-wrap .mgmt-section { padding: 64px 18px 72px; }\r\n  .uig-wrap .mgmt-stats { grid-template-columns: repeat(2, 1fr); }\r\n\r\n  \/* Fan strip \u2192 2-column portrait grid on mobile *\/\r\n  .uig-wrap .fan-strip {\r\n    display: grid;\r\n    grid-template-columns: repeat(2, 1fr);\r\n    height: auto;\r\n    gap: 12px;\r\n    padding: 4px 2px 4px;\r\n    cursor: default;\r\n  }\r\n\r\n  .uig-wrap .fan-card,\r\n  .uig-wrap .fan-card:hover,\r\n  .uig-wrap .fan-card:focus-visible,\r\n  .uig-wrap .fan-card.is-expanded {\r\n    width: 100%;\r\n    min-width: 0;\r\n    height: 310px;\r\n    border-radius: 18px;\r\n  }\r\n  .uig-wrap .fan-card .card-label-vert { display: none; }\r\n  .uig-wrap .fan-card .card-accent { transform: scaleX(1); }\r\n  .uig-wrap .fan-card .card-content {\r\n    opacity: 1;\r\n    transform: translateY(0);\r\n    pointer-events: auto;\r\n    transition-delay: 0s;\r\n    min-width: 0;\r\n    padding: 20px 18px 22px;\r\n  }\r\n  .uig-wrap .fan-card .card-overlay {\r\n    background: linear-gradient(\r\n      to bottom,\r\n      rgba(248,251,255,.04) 0%,\r\n      rgba(248,251,255,.06) 28%,\r\n      rgba(7,26,61,.65) 58%,\r\n      rgba(7,26,61,.97) 100%\r\n    );\r\n  }\r\n  \/* No dimming on touch grid *\/\r\n  .uig-wrap .fan-strip.has-expanded .fan-card:not(.is-expanded),\r\n  .uig-wrap .fan-strip.has-hovered .fan-card:not(.is-hovered) { opacity: 1; filter: none; }\r\n  .uig-wrap .fan-card.is-expanded { box-shadow: 0 0 0 2px var(--blue), var(--shadow-strong); }\r\n\r\n  .uig-wrap .card-avatar { width: 42px; height: 42px; font-size: 14px; margin-bottom: 10px; }\r\n  .uig-wrap .card-number { margin-bottom: 10px; }\r\n  .uig-wrap .card-role { font-size: 9px; letter-spacing: 1.8px; margin-bottom: 5px; }\r\n  .uig-wrap .card-name { font-size: 20px; margin-bottom: 10px; }\r\n  .uig-wrap .card-quote { font-size: 13px; margin-bottom: 12px; }\r\n  .uig-wrap .card-divider { margin-bottom: 10px; }\r\n  .uig-wrap .card-meta-text { font-size: 10px; }\r\n}\r\n\r\n@media (max-width: 420px) {\r\n  .uig-wrap .fan-strip { grid-template-columns: 1fr; gap: 10px; }\r\n  .uig-wrap .fan-card,\r\n  .uig-wrap .fan-card.is-expanded { height: 280px; }\r\n}\r\n\r\n@media (max-width: 768px) {\r\n  .uig-wrap { background: #ffffff; }\r\n  .uig-bg-canvas { display: none; }\r\n  .uig-btn-ghost { border-color: #000000; color: #000000; }\r\n}\r\n<\/style>\r\n\r\n<div class=\"uig-wrap\" id=\"uig-root\">\r\n\r\n  <div class=\"uig-orb-clip\">\r\n    <canvas class=\"uig-bg-canvas\" id=\"uig-bg-canvas\"><\/canvas>\r\n    <div class=\"orb-1\"><\/div>\r\n    <div class=\"orb-2\"><\/div>\r\n  <\/div>\r\n  <div class=\"uig-noise\"><\/div>\r\n\r\n  <main>\r\n\r\n    <!-- Hero -->\r\n    <section class=\"hero\" id=\"sec-hero\">\r\n      <div class=\"eco-label\" id=\"heroPill\">OUR MANAGEMENT<\/div>\r\n      <h1 class=\"hero-title\">Leadership<br>& <em>Structure<\/em><\/h1>\r\n      <p class=\"hero-sub\">The people, principles, and architecture that drive five decades of manufacturing excellence across Malaysia.<\/p>\r\n      <div class=\"hero-line\"><\/div>\r\n    <\/section>\r\n\r\n    <!-- 01 CEO -->\r\n    <section class=\"section band\" id=\"sec-ceo\">\r\n      <div class=\"ceo-grid\">\r\n\r\n        <div class=\"ceo-text reveal-left\">\r\n          <div class=\"eco-label\">CEO Message<\/div>\r\n          <h2 class=\"section-title gradient-text\">A Message<br>from Our CEO<\/h2>\r\n          <p>United Industries began more than five decades ago with a simple promise: build reliable parts, deliver on time, and stand with our customers through every cycle. From those early days to today, we have grown into a trusted Malaysian manufacturer for automotive assemblies and metal components, serving major vehicle makers in our region with stamping, bending, welding, and precision assembly.<\/p>\r\n          <p>Responding to customer needs, we work across a wide range of materials and processes, including steel forming, laser cutting, robotic and manual welding, jigs and fixtures, so that every plant can receive the right product, at the right quality, every day.<\/p>\r\n          <div class=\"ceo-quote reveal\">\r\n            <p>\"Together, we will deliver a stronger, faster, and smarter United Industries today and for the next 50 years.\"<\/p>\r\n          <\/div>\r\n          <p>Guided by our transformation roadmap, we strengthened our organization, relocated and modernized our facilities, and renewed our management practices. We invested in people and systems, reorganized production for stability, and deepened a quality-first, customer-first culture that has earned recognition from Perodua, Proton, Toyota, Honda, and other partners.<\/p>\r\n          <p>In recent years, we stepped up modernization and capacity \u2014 new equipment, smarter fixtures, laser processing, robots and cobots, and higher-tonnage presses. All targeted at efficiency, repeatability, and safe operations.<\/p>\r\n          <p>United Industries will continue to make disciplined, growth-oriented investments so we can be a strong niche leader from Malaysia to the wider region. To our customers, thank you for the trust. To every member of United Industries Group, this transformation is yours.<\/p>\r\n          <div class=\"ceo-sign reveal\">\r\n            <div class=\"sig-name\">Michael Khoo<\/div>\r\n            <div class=\"sig-role\">GROUP CHIEF EXECUTIVE OFFICE \u00b7 UNITED INDUSTRIES GROUP<\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"ceo-portrait-col reveal-right\" id=\"uig-portrait-col\">\r\n          <div class=\"ceo-portrait-card\" id=\"uig-portrait-card\">\r\n            <div class=\"ceo-photo-slot\">\r\n              <img src=\"http:\/\/uisb.com\/uig\/wp-content\/uploads\/2026\/05\/com.hihonor.photos_20260513140449.png\" alt=\"Michael Khoo, Group CEO\" decoding=\"async\">\r\n            <\/div>\r\n            <h3>Michael Khoo<\/h3>\r\n            <span class=\"card-role\">Group Chief Executive Officer<\/span>\r\n            <div class=\"ceo-badge\">United Industries Group<\/div>\r\n            <div class=\"card-desc\">Leading United Industries through a transformational era \u2014 modernising operations, scaling capabilities, and anchoring Malaysia's automotive supply chain for the next generation.<\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n      <\/div>\r\n    <\/section>\r\n\r\n    <div class=\"divider\"><\/div>\r\n\r\n    <!-- 01b Management Philosophy -->\r\n    <section class=\"phil-section band\" id=\"sec-philosophy\">\r\n      <div class=\"phil-grid\">\r\n\r\n        <div class=\"reveal-left\">\r\n          <div class=\"eco-label\">Management Philosophy<\/div>\r\n          <h2 class=\"section-title gradient-text\">Management<br>Philosophy<\/h2>\r\n          <p class=\"phil-intro\">Remain a Strong Malaysian Owned Automotive Components Manufacturer through<\/p>\r\n          <div class=\"phil-pillars\">\r\n            <div class=\"phil-card\">\r\n              <div class=\"phil-num\">1<\/div>\r\n              <div class=\"phil-card-title\">Strategic Technology and Partnership Alliance<\/div>\r\n            <\/div>\r\n            <div class=\"phil-card\">\r\n              <div class=\"phil-num\">2<\/div>\r\n              <div class=\"phil-card-title\">Continuous production innovation to achieve cost competitiveness<\/div>\r\n            <\/div>\r\n            <div class=\"phil-card\">\r\n              <div class=\"phil-num\">3<\/div>\r\n              <div class=\"phil-card-title\">Reliability through culture of ownership and responsibility<\/div>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"phil-visual-wrap reveal-right\">\r\n          <div class=\"phil-visual-card\">\r\n            <img decoding=\"async\" src=\"http:\/\/uisb.com\/uig\/wp-content\/uploads\/2026\/07\/Picture11.png\" alt=\"Management Philosophy\" style=\"width:100%;height:auto;display:block;border-radius:12px;\">\r\n          <\/div>\r\n        <\/div>\r\n\r\n      <\/div>\r\n    <\/section>\r\n\r\n    <div class=\"divider\"><\/div>\r\n\r\n    <!-- 02 Management -->\r\n    <section class=\"mgmt-section\" id=\"sec-mgmt\">\r\n\r\n      <div class=\"mgmt-header\">\r\n        <div class=\"mgmt-header-left\">\r\n          <div class=\"eco-label\">Management Team<\/div>\r\n          <div class=\"section-eyebrow\">\r\n            <div class=\"eyebrow-line\"><\/div>\r\n            <span class=\"eyebrow-text\">Our People<\/span>\r\n          <\/div>\r\n          <h2 class=\"mgmt-title\">The <em>Management<\/em><br>Team<\/h2>\r\n        <\/div>\r\n        <div class=\"mgmt-header-right\">\r\n          <p class=\"mgmt-desc\">Decades of industry experience, unified by a single vision \u2014 to lead with integrity, build with precision, and grow with purpose.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"mgmt-stats\">\r\n        <div class=\"stat\"><div class=\"stat-num\">15+<\/div><div class=\"stat-label\">Senior Leaders<\/div><\/div>\r\n        <div class=\"stat\"><div class=\"stat-num\">50+<\/div><div class=\"stat-label\">Years Combined Vision<\/div><\/div>\r\n        <div class=\"stat\"><div class=\"stat-num\">6<\/div><div class=\"stat-label\">Core Divisions<\/div><\/div>\r\n        <div class=\"stat\"><div class=\"stat-num\">1974<\/div><div class=\"stat-label\">Founded<\/div><\/div>\r\n      <\/div>\r\n\r\n      <div class=\"fan-strip-wrap\">\r\n        <!-- Flex-grow gallery: every card is flex-grow:1; hover\/focus\/tap\r\n             sets width:100% and flexbox animates the expansion.\r\n             PERF: photos lazy-load via data-bg. A11Y: keyboard focusable. -->\r\n        <div class=\"fan-strip\" id=\"fanStrip\" role=\"list\" aria-label=\"Management team members\">\r\n\r\n          <div class=\"fan-card\" role=\"listitem\" tabindex=\"0\" data-idx=\"1\" aria-label=\"Michael Khoo, Group Chief Executive Officer\">\r\n            <div class=\"card-bg\"><\/div>\r\n            <div class=\"card-photo\" data-bg=\"http:\/\/uisb.com\/uig\/wp-content\/uploads\/2026\/05\/com.hihonor.photos_20260513140449.png\"><\/div>\r\n            <div class=\"card-overlay\"><\/div>\r\n            <div class=\"card-accent\"><\/div>\r\n            <div class=\"card-label-vert\"><span class=\"label-name-vert\">MICHAEL KHOO<\/span><\/div>\r\n            <div class=\"card-content\">\r\n              <div class=\"card-role\">Group Chief Executive Officer<\/div>\r\n              <div class=\"card-name\">Michael<br>Khoo<\/div>\r\n              <div class=\"card-divider\"><\/div>\r\n              <div class=\"card-quote\">\"We build for the future, not just for today\"<\/div>\r\n              <div class=\"card-meta\"><div class=\"card-meta-line\"><\/div><span class=\"card-meta-text\">CEO<\/span><\/div>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <div class=\"fan-card\" role=\"listitem\" tabindex=\"0\" data-idx=\"3\" aria-label=\"Tan Seng Yang, Group Chief Operation Officer\">\r\n            <div class=\"card-bg\"><\/div>\r\n            <div class=\"card-photo\" data-bg=\"http:\/\/uisb.com\/uig\/wp-content\/uploads\/2026\/05\/com.hihonor.photos_20260513140424.png\"><\/div>\r\n            <div class=\"card-overlay\"><\/div>\r\n            <div class=\"card-accent\"><\/div>\r\n            <div class=\"card-label-vert\"><span class=\"label-name-vert\">TAN SENG YANG<\/span><\/div>\r\n            <div class=\"card-content\">\r\n              <div class=\"card-role\">Group Chief Operation Officer<\/div>\r\n              <div class=\"card-name\">Tan<br>Seng Yang<\/div>\r\n              <div class=\"card-divider\"><\/div>\r\n              <div class=\"card-quote\">\"Efficiency creates opportunity.\"<\/div>\r\n              <div class=\"card-meta\"><div class=\"card-meta-line\"><\/div><span class=\"card-meta-text\">COO<\/span><\/div>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <div class=\"fan-card\" role=\"listitem\" tabindex=\"0\" data-idx=\"2\" aria-label=\"Bernard Ng, Project Advisor\">\r\n            <div class=\"card-bg\"><\/div>\r\n            <div class=\"card-photo\" data-bg=\"http:\/\/uisb.com\/uig\/wp-content\/uploads\/2026\/05\/com.hihonor.photos_20260513140420.png\"><\/div>\r\n            <div class=\"card-overlay\"><\/div>\r\n            <div class=\"card-accent\"><\/div>\r\n            <div class=\"card-label-vert\"><span class=\"label-name-vert\">BERNARD NG<\/span><\/div>\r\n            <div class=\"card-content\">\r\n              <div class=\"card-role\">Project Advisor<\/div>\r\n              <div class=\"card-name\">Bernard<br>Ng<\/div>\r\n              <div class=\"card-divider\"><\/div>\r\n              <div class=\"card-quote\">\"Projects succeed when strategy meets execution.\"<\/div>\r\n              <div class=\"card-meta\"><div class=\"card-meta-line\"><\/div><span class=\"card-meta-text\">Project Advisor<\/span><\/div>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <div class=\"fan-card\" role=\"listitem\" tabindex=\"0\" data-idx=\"4\" aria-label=\"Asmui Basir, Senior General Manager\">\r\n            <div class=\"card-bg\"><\/div>\r\n            <div class=\"card-photo\" data-bg=\"http:\/\/uisb.com\/uig\/wp-content\/uploads\/2026\/05\/com.hihonor.photos_20260513140444.png\"><\/div>\r\n            <div class=\"card-overlay\"><\/div>\r\n            <div class=\"card-accent\"><\/div>\r\n            <div class=\"card-label-vert\"><span class=\"label-name-vert\">ASMUI BASIR<\/span><\/div>\r\n            <div class=\"card-content\">\r\n              <div class=\"card-role\">Senior General Manager<\/div>\r\n              <div class=\"card-name\">Asmui<br>Basir<\/div>\r\n              <div class=\"card-divider\"><\/div>\r\n              <div class=\"card-quote\">\"Trust is our strongest competitive advantage.\"<\/div>\r\n              <div class=\"card-meta\"><div class=\"card-meta-line\"><\/div><span class=\"card-meta-text\">Strategic & Business Development Division<\/span><\/div>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <div class=\"fan-card\" role=\"listitem\" tabindex=\"0\" data-idx=\"6\" aria-label=\"Tan Chooi Foon, General Manager\">\r\n            <div class=\"card-bg\"><\/div>\r\n            <div class=\"card-photo\" data-bg=\"http:\/\/uisb.com\/uig\/wp-content\/uploads\/2026\/05\/com.hihonor.photos_20260513140439.png\"><\/div>\r\n            <div class=\"card-overlay\"><\/div>\r\n            <div class=\"card-accent\"><\/div>\r\n            <div class=\"card-label-vert\"><span class=\"label-name-vert\">TAN CHOOI FOON<\/span><\/div>\r\n            <div class=\"card-content\">\r\n              <div class=\"card-role\">General Manager<\/div>\r\n              <div class=\"card-name\">Tan<br>Chooi Foon<\/div>\r\n              <div class=\"card-divider\"><\/div>\r\n              <div class=\"card-quote\">\"Stability enables ambition.\"<\/div>\r\n              <div class=\"card-meta\"><div class=\"card-meta-line\"><\/div><span class=\"card-meta-text\">Finance, Administration & HR Division<\/span><\/div>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <div class=\"fan-card\" role=\"listitem\" tabindex=\"0\" data-idx=\"7\" aria-label=\"Abdul Karim, Deputy General Manager\">\r\n            <div class=\"card-bg\"><\/div>\r\n            <div class=\"card-photo\" data-bg=\"http:\/\/uisb.com\/uig\/wp-content\/uploads\/2026\/05\/com.hihonor.photos_20260513140338-scaled.png\"><\/div>\r\n            <div class=\"card-overlay\"><\/div>\r\n            <div class=\"card-accent\"><\/div>\r\n            <div class=\"card-label-vert\"><span class=\"label-name-vert\">ABDUL KARIM<\/span><\/div>\r\n            <div class=\"card-content\">\r\n              <div class=\"card-role\">Deputy General Manager<\/div>\r\n              <div class=\"card-name\">Abdul<br>Karim<\/div>\r\n              <div class=\"card-divider\"><\/div>\r\n              <div class=\"card-quote\">\"Every detail carries our signature.\"<\/div>\r\n              <div class=\"card-meta\"><div class=\"card-meta-line\"><\/div><span class=\"card-meta-text\">Quality Division<\/span><\/div>\r\n            <\/div>\r\n          <\/div>\r\n          \r\n          <div class=\"fan-card\" role=\"listitem\" tabindex=\"0\" data-idx=\"15\" aria-label=\"Hasbullah Daud, Deputy General Manager, Engineering Division\">\r\n            <div class=\"card-bg\"><\/div>\r\n            <div class=\"card-photo\" data-bg=\"https:\/\/uisb.com\/uig\/wp-content\/uploads\/2026\/10\/photo_6246920389351118212_w.jpg\"><\/div>\r\n            <div class=\"card-overlay\"><\/div>\r\n            <div class=\"card-accent\"><\/div>\r\n            <div class=\"card-label-vert\"><span class=\"label-name-vert\">Hasbullah Bin Daud<\/span><\/div>\r\n            <div class=\"card-content\">\r\n              <div class=\"card-role\">Deputy General Manager<\/div>\r\n              <div class=\"card-name\">Hasbullah<br>Daud<\/div>\r\n              <div class=\"card-divider\"><\/div>\r\n              <div class=\"card-quote\">\"Prepared systems create dependable results.\"<\/div>\r\n              <div class=\"card-meta\"><div class=\"card-meta-line\"><\/div><span class=\"card-meta-text\">Engineering Division<\/span><\/div>\r\n            <\/div>\r\n          <\/div>\r\n\t\t  \r\n\t\t  <div class=\"fan-card\" role=\"listitem\" tabindex=\"0\" data-idx=\"15\" aria-label=\"Hanapiah Mat Jusop, Deputy General Manager, Manufacturing Division\">\r\n            <div class=\"card-bg\"><\/div>\r\n            <div class=\"card-photo\" data-bg=\"https:\/\/uisb.com\/uig\/wp-content\/uploads\/2026\/10\/photo_6246920389351118211_w.jpg\"><\/div>\r\n            <div class=\"card-overlay\"><\/div>\r\n            <div class=\"card-accent\"><\/div>\r\n            <div class=\"card-label-vert\"><span class=\"label-name-vert\">Hanapiah Mat Jusop<\/span><\/div>\r\n            <div class=\"card-content\">\r\n              <div class=\"card-role\">Deputy General Manager<\/div>\r\n              <div class=\"card-name\">Hanapiah<br>Mat Jusop<\/div>\r\n              <div class=\"card-divider\"><\/div>\r\n              <div class=\"card-quote\">\"Prepared systems create dependable results.\"<\/div>\r\n              <div class=\"card-meta\"><div class=\"card-meta-line\"><\/div><span class=\"card-meta-text\">Manufacturing Division<\/span><\/div>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <div class=\"fan-card\" role=\"listitem\" tabindex=\"0\" data-idx=\"5\" aria-label=\"Zulkafly Ahmad, General Manager\">\r\n            <div class=\"card-bg\"><\/div>\r\n            <div class=\"card-photo\" data-bg=\"http:\/\/uisb.com\/uig\/wp-content\/uploads\/2026\/05\/com.hihonor.photos_20260513140349.png\"><\/div>\r\n            <div class=\"card-overlay\"><\/div>\r\n            <div class=\"card-accent\"><\/div>\r\n            <div class=\"card-label-vert\"><span class=\"label-name-vert\">ZULKAFLY AHMAD<\/span><\/div>\r\n            <div class=\"card-content\">\r\n              <div class=\"card-role\">General Manager<\/div>\r\n              <div class=\"card-name\">Zulkafly<br>Ahmad<\/div>\r\n              <div class=\"card-divider\"><\/div>\r\n              <div class=\"card-quote\">\"We create value before we create volume.\"<\/div>\r\n              <div class=\"card-meta\"><div class=\"card-meta-line\"><\/div><span class=\"card-meta-text\">Business Development Department<\/span><\/div>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <div class=\"fan-card\" role=\"listitem\" tabindex=\"0\" data-idx=\"9\" aria-label=\"Ridzuan Sani, Head of Operations\">\r\n            <div class=\"card-bg\"><\/div>\r\n            <div class=\"card-photo\" data-bg=\"http:\/\/uisb.com\/uig\/wp-content\/uploads\/2026\/05\/com.hihonor.photos_20260513140454.png\"><\/div>\r\n            <div class=\"card-overlay\"><\/div>\r\n            <div class=\"card-accent\"><\/div>\r\n            <div class=\"card-label-vert\"><span class=\"label-name-vert\">RIDZUAN SANI<\/span><\/div>\r\n            <div class=\"card-content\">\r\n              <div class=\"card-role\">Head of Operations<\/div>\r\n              <div class=\"card-name\">Ridzuan<br>Sani<\/div>\r\n              <div class=\"card-divider\"><\/div>\r\n              <div class=\"card-quote\">\"Consistency is our competitive advantage.\"<\/div>\r\n              <div class=\"card-meta\"><div class=\"card-meta-line\"><\/div><span class=\"card-meta-text\">UVISB Manufacturing Operations<\/span><\/div>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <div class=\"fan-card\" role=\"listitem\" tabindex=\"0\" data-idx=\"8\" aria-label=\"S. Raju, Head of Operations\">\r\n            <div class=\"card-bg\"><\/div>\r\n            <div class=\"card-photo\" data-bg=\"http:\/\/uisb.com\/uig\/wp-content\/uploads\/2026\/05\/com.hihonor.photos_20260513140434.png\"><\/div>\r\n            <div class=\"card-overlay\"><\/div>\r\n            <div class=\"card-accent\"><\/div>\r\n            <div class=\"card-label-vert\"><span class=\"label-name-vert\">S.RAJU<\/span><\/div>\r\n            <div class=\"card-content\">\r\n              <div class=\"card-role\">Head of Operations<\/div>\r\n              <div class=\"card-name\">S.<br>Raju<\/div>\r\n              <div class=\"card-divider\"><\/div>\r\n              <div class=\"card-quote\">\"Small improvements create extraordinary results.\"<\/div>\r\n              <div class=\"card-meta\"><div class=\"card-meta-line\"><\/div><span class=\"card-meta-text\">USISB & UISB  Manufacturing Operations<\/span><\/div>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <div class=\"fan-card\" role=\"listitem\" tabindex=\"0\" data-idx=\"10\" aria-label=\"Noraznem Rohman, Manager, Human Resources Department\">\r\n            <div class=\"card-bg\"><\/div>\r\n            <div class=\"card-photo\" data-bg=\"http:\/\/uisb.com\/uig\/wp-content\/uploads\/2026\/05\/com.hihonor.photos_20260513140415.png\"><\/div>\r\n            <div class=\"card-overlay\"><\/div>\r\n            <div class=\"card-accent\"><\/div>\r\n            <div class=\"card-label-vert\"><span class=\"label-name-vert\">Noraznem Rohman<\/span><\/div>\r\n            <div class=\"card-content\">\r\n              <div class=\"card-role\">Manager<\/div>\r\n              <div class=\"card-name\">Noraznem<br>Rohman<\/div>\r\n              <div class=\"card-divider\"><\/div>\r\n              <div class=\"card-quote\">\"People shape every success story.\"<\/div>\r\n              <div class=\"card-meta\"><div class=\"card-meta-line\"><\/div><span class=\"card-meta-text\">Human Resources Department<\/span><\/div>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <div class=\"fan-card\" role=\"listitem\" tabindex=\"0\" data-idx=\"11\" aria-label=\"Norzilawati Moklas, Purchasing and Procurement\">\r\n            <div class=\"card-bg\"><\/div>\r\n            <div class=\"card-photo\" data-bg=\"http:\/\/uisb.com\/uig\/wp-content\/uploads\/2026\/05\/com.hihonor.photos_20260513140332.png\"><\/div>\r\n            <div class=\"card-overlay\"><\/div>\r\n            <div class=\"card-accent\"><\/div>\r\n            <div class=\"card-label-vert\"><span class=\"label-name-vert\">Norzilawati Moklas<\/span><\/div>\r\n            <div class=\"card-content\">\r\n              <div class=\"card-role\">Purchasing and Procurement<\/div>\r\n              <div class=\"card-name\">Norzilawati<br>Moklas<\/div>\r\n              <div class=\"card-divider\"><\/div>\r\n              <div class=\"card-quote\">\"Smart sourcing builds resilience.\"<\/div>\r\n              <div class=\"card-meta\"><div class=\"card-meta-line\"><\/div><span class=\"card-meta-text\">Purchasing and Procurement Department<\/span><\/div>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <div class=\"fan-card\" role=\"listitem\" tabindex=\"0\" data-idx=\"12\" aria-label=\"Mohd Hairi, Technical Manager\">\r\n            <div class=\"card-bg\"><\/div>\r\n            <div class=\"card-photo\" data-bg=\"http:\/\/uisb.com\/uig\/wp-content\/uploads\/2026\/05\/com.hihonor.photos_20260513140459.png\"><\/div>\r\n            <div class=\"card-overlay\"><\/div>\r\n            <div class=\"card-accent\"><\/div>\r\n            <div class=\"card-label-vert\"><span class=\"label-name-vert\">Mohd Hairi<\/span><\/div>\r\n            <div class=\"card-content\">\r\n              <div class=\"card-role\">Technical Manager<\/div>\r\n              <div class=\"card-name\">Mohd<br>Hairi<\/div>\r\n              <div class=\"card-divider\"><\/div>\r\n              <div class=\"card-quote\">\"Precision today. Trust tomorrow.\"<\/div>\r\n              <div class=\"card-meta\"><div class=\"card-meta-line\"><\/div><span class=\"card-meta-text\">Technical Manager<\/span><\/div>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <div class=\"fan-card\" role=\"listitem\" tabindex=\"0\" data-idx=\"13\" aria-label=\"Izhar Abd Samad, Senior Manager\">\r\n            <div class=\"card-bg\"><\/div>\r\n            <div class=\"card-photo\" data-bg=\"http:\/\/uisb.com\/uig\/wp-content\/uploads\/2026\/05\/com.hihonor.photos_20260513140429.png\"><\/div>\r\n            <div class=\"card-overlay\"><\/div>\r\n            <div class=\"card-accent\"><\/div>\r\n            <div class=\"card-label-vert\"><span class=\"label-name-vert\">Izhar Abd Samad<\/span><\/div>\r\n            <div class=\"card-content\">\r\n              <div class=\"card-role\">Senior Manager<\/div>\r\n              <div class=\"card-name\">Izhar<br>Abd Samad<\/div>\r\n              <div class=\"card-divider\"><\/div>\r\n              <div class=\"card-quote\">\"Engineering turns possibility into reality.\"<\/div>\r\n              <div class=\"card-meta\"><div class=\"card-meta-line\"><\/div><span class=\"card-meta-text\">Core Engineering Department<\/span><\/div>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <div class=\"fan-card\" role=\"listitem\" tabindex=\"0\" data-idx=\"14\" aria-label=\"Shirley Gan, Manager, Sales Processing Department\">\r\n            <div class=\"card-bg\"><\/div>\r\n            <div class=\"card-photo\" data-bg=\"http:\/\/uisb.com\/uig\/wp-content\/uploads\/2026\/05\/com.hihonor.photos_20260513140504.png\"><\/div>\r\n            <div class=\"card-overlay\"><\/div>\r\n            <div class=\"card-accent\"><\/div>\r\n            <div class=\"card-label-vert\"><span class=\"label-name-vert\">Shirley Gan<\/span><\/div>\r\n            <div class=\"card-content\">\r\n              <div class=\"card-role\">Manager<\/div>\r\n              <div class=\"card-name\">Shirley<br>Gan<\/div>\r\n              <div class=\"card-divider\"><\/div>\r\n              <div class=\"card-quote\">\"Speed means nothing without precision.\"<\/div>\r\n              <div class=\"card-meta\"><div class=\"card-meta-line\"><\/div><span class=\"card-meta-text\">Sales Processing Department<\/span><\/div>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <div class=\"fan-card\" role=\"listitem\" tabindex=\"0\" data-idx=\"15\" aria-label=\"Selamat Mohd Noh, Manager, Facilities, Maintenance and Security Department\">\r\n            <div class=\"card-bg\"><\/div>\r\n            <div class=\"card-photo\" data-bg=\"http:\/\/uisb.com\/uig\/wp-content\/uploads\/2026\/05\/com.hihonor.photos_20260513140405.png\"><\/div>\r\n            <div class=\"card-overlay\"><\/div>\r\n            <div class=\"card-accent\"><\/div>\r\n            <div class=\"card-label-vert\"><span class=\"label-name-vert\">Selamat Mohd Noh<\/span><\/div>\r\n            <div class=\"card-content\">\r\n              <div class=\"card-role\">Manager<\/div>\r\n              <div class=\"card-name\">Selamat<br>Mohd Noh<\/div>\r\n              <div class=\"card-divider\"><\/div>\r\n              <div class=\"card-quote\">\"Prepared systems create dependable results.\"<\/div>\r\n              <div class=\"card-meta\"><div class=\"card-meta-line\"><\/div><span class=\"card-meta-text\">Facilities, Maintenance & Security Department<\/span><\/div>\r\n            <\/div>\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n        <div class=\"fan-footer\">\r\n          <div class=\"fan-footer-line\"><\/div>\r\n          <span class=\"fan-footer-text\" id=\"fanFooterText\">Hover to explore<\/span>\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/section>\r\n\r\n  <\/main>\r\n<\/div>\r\n\r\n<!-- Fixed page-wide nav rail -->\r\n<nav class=\"page-nav-rail\" id=\"pageNavRail\" aria-label=\"Page sections\"><\/nav>\r\n\r\n<!-- PERF: defer = downloads in parallel, executes after parse, never blocks render -->\r\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.5\/gsap.min.js\" defer><\/script>\r\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.5\/ScrollTrigger.min.js\" defer><\/script>\r\n\r\n<script>\r\n\/* Everything runs after DOM + deferred GSAP are ready *\/\r\nwindow.addEventListener('DOMContentLoaded', function () {\r\n  'use strict';\r\n\r\n  var prefersReduced = window.matchMedia('(prefers-reduced-motion: reduce)').matches;\r\n  var hasGSAP = typeof window.gsap !== 'undefined' && typeof window.ScrollTrigger !== 'undefined';\r\n\r\n  \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\ufffd\ufffd\ufffd\u2550\u2550\u2550\u2550\r\n     1. LAZY-LOAD CARD PHOTOS (runs regardless of GSAP)\r\n  \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n  var photoEls = document.querySelectorAll('.uig-wrap .card-photo[data-bg]');\r\n  function loadPhoto(el) {\r\n    var url = el.getAttribute('data-bg');\r\n    if (!url || url.indexOf('REPLACE_WITH') === 0) { el.classList.add('is-loaded'); return; }\r\n    var img = new Image();\r\n    img.onload = function () {\r\n      el.style.backgroundImage = 'url(\"' + url + '\")';\r\n      el.classList.add('is-loaded');\r\n    };\r\n    img.onerror = function () { el.classList.add('is-loaded'); };\r\n    img.src = url;\r\n    el.removeAttribute('data-bg');\r\n  }\r\n  if ('IntersectionObserver' in window) {\r\n    var photoIO = new IntersectionObserver(function (entries) {\r\n      entries.forEach(function (en) {\r\n        if (en.isIntersecting) { loadPhoto(en.target); photoIO.unobserve(en.target); }\r\n      });\r\n    }, { rootMargin: '400px 0px' });\r\n    photoEls.forEach(function (el) { photoIO.observe(el); });\r\n  } else {\r\n    photoEls.forEach(loadPhoto);\r\n  }\r\n\r\n  \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n     2. FLEX-GROW GALLERY INTERACTION\r\n        mouseenter (fires before layout reflow) drives is-hovered\r\n        so the correct card opens even as flex shifts positions.\r\n        CSS responds to .is-hovered, not :hover, preventing the\r\n        \"wrong card opens\" bug caused by reflow repositioning.\r\n  \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n  var strip = document.getElementById('fanStrip');\r\n  var isTouch = window.matchMedia('(pointer: coarse)').matches;\r\n  var isMobileGrid = function () { return window.innerWidth <= 640; };\r\n\r\n  if (strip) {\r\n    var cards = Array.prototype.slice.call(strip.querySelectorAll('.fan-card'));\r\n    var expandedCard = null;\r\n\r\n    function setHovered(card) {\r\n      cards.forEach(function (c) { c.classList.remove('is-hovered'); });\r\n      if (card) {\r\n        card.classList.add('is-hovered');\r\n        strip.classList.add('has-hovered');\r\n      } else {\r\n        strip.classList.remove('has-hovered');\r\n      }\r\n    }\r\n\r\n    function expandCard(card) {\r\n      if (expandedCard) expandedCard.classList.remove('is-expanded');\r\n      expandedCard = card;\r\n      card.classList.add('is-expanded');\r\n      strip.classList.add('has-expanded');\r\n    }\r\n    function collapseAll() {\r\n      if (expandedCard) {\r\n        expandedCard.classList.remove('is-expanded');\r\n        expandedCard = null;\r\n      }\r\n      strip.classList.remove('has-expanded');\r\n    }\r\n\r\n    \/* Desktop: mouseenter fires at first entry, before flex reflow *\/\r\n    strip.addEventListener('mouseleave', function () {\r\n      if (!isTouch) setHovered(null);\r\n    });\r\n\r\n    cards.forEach(function (card) {\r\n      card.addEventListener('mouseenter', function () {\r\n        if (!isTouch) setHovered(card);\r\n      });\r\n\r\n      \/* Touch: tap toggles *\/\r\n      card.addEventListener('click', function () {\r\n        if (!isTouch) return;\r\n        (expandedCard === card) ? collapseAll() : expandCard(card);\r\n      });\r\n      \/* Keyboard: Enter\/Space toggles, arrows move between cards *\/\r\n      card.addEventListener('keydown', function (e) {\r\n        if (e.key === 'Enter' || e.key === ' ') {\r\n          e.preventDefault();\r\n          (expandedCard === card) ? collapseAll() : expandCard(card);\r\n        } else if (e.key === 'ArrowRight' || e.key === 'ArrowLeft') {\r\n          e.preventDefault();\r\n          var i = cards.indexOf(card) + (e.key === 'ArrowRight' ? 1 : -1);\r\n          if (cards[i]) cards[i].focus();\r\n        } else if (e.key === 'Escape') {\r\n          collapseAll();\r\n        }\r\n      });\r\n    });\r\n\r\n    \/* Tap outside collapses (touch) *\/\r\n    document.addEventListener('click', function (e) {\r\n      if (isTouch && expandedCard && !strip.contains(e.target)) collapseAll();\r\n    });\r\n\r\n    \/* Footer hint wording per input mode *\/\r\n    var footerText = document.getElementById('fanFooterText');\r\n    if (footerText && isTouch && !isMobileGrid()) footerText.textContent = 'Tap a card to expand';\r\n    if (footerText && isMobileGrid()) footerText.textContent = 'Our leadership team';\r\n  }\r\n\r\n  \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n     3. PAGE NAV RAIL (no GSAP required)\r\n  \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n  (function () {\r\n    var SECTIONS = [\r\n\t  { id: 'sec-hero',        label: 'Overview' },\r\n      { id: 'sec-ceo',        label: 'CEO Message' },\r\n      { id: 'sec-philosophy', label: 'Philosophy'  },\r\n      { id: 'sec-mgmt',       label: 'Our Team'    }\r\n    ];\r\n    var rail = document.getElementById('pageNavRail');\r\n    if (!rail) return;\r\n    var pips = [];\r\n    SECTIONS.forEach(function (sec) {\r\n      var el = document.getElementById(sec.id);\r\n      if (!el) return;\r\n      var btn = document.createElement('button');\r\n      btn.className = 'page-nav-pip';\r\n      btn.setAttribute('data-label', sec.label);\r\n      btn.setAttribute('aria-label', 'Go to ' + sec.label);\r\n      btn.addEventListener('click', function () {\r\n        el.scrollIntoView({ behavior: prefersReduced ? 'auto' : 'smooth', block: 'start' });\r\n      });\r\n      rail.appendChild(btn);\r\n      pips.push({ btn: btn, el: el });\r\n    });\r\n    var ticking = false;\r\n    function update() {\r\n      ticking = false;\r\n      var mid = window.scrollY + window.innerHeight * 0.45;\r\n      var best = -1, bestDist = Infinity;\r\n      pips.forEach(function (p, i) {\r\n        var rect = p.el.getBoundingClientRect();\r\n        var top = rect.top + window.scrollY;\r\n        var dist = Math.abs(top + rect.height * 0.35 - mid);\r\n        if (dist < bestDist) { bestDist = dist; best = i; }\r\n      });\r\n      pips.forEach(function (p, i) { p.btn.classList.toggle('active', i === best); });\r\n    }\r\n    window.addEventListener('scroll', function () {\r\n      if (!ticking) { requestAnimationFrame(update); ticking = true; }\r\n    }, { passive: true });\r\n    update();\r\n  })();\r\n\r\n  \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n     4. PARTICLE CANVAS \u2014 viewport-sized, DPR-capped, auto-pausing\r\n  \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n  var canvas = document.getElementById('uig-bg-canvas');\r\n  if (canvas && !prefersReduced && !isMobileGrid()) {\r\n    var ctx = canvas.getContext('2d', { alpha: true });\r\n    var W = 0, H = 0;\r\n    var DPR = Math.min(window.devicePixelRatio || 1, 1.5);\r\n    var mouse = { x: -9999, y: -9999 };\r\n    var N = 52;\r\n    var LINK2 = 128 * 128;\r\n    var pts = [];\r\n    var running = true;\r\n    var inView = true;\r\n\r\n    function resizeCanvas() {\r\n      W = canvas.clientWidth;\r\n      H = canvas.clientHeight;\r\n      canvas.width  = Math.round(W * DPR);\r\n      canvas.height = Math.round(H * DPR);\r\n      ctx.setTransform(DPR, 0, 0, DPR, 0, 0);\r\n    }\r\n\r\n    function Particle() { this.init(); this.y = Math.random() * H; }\r\n    Particle.prototype.init = function () {\r\n      this.x = Math.random() * W;\r\n      this.y = H + 12;\r\n      this.vx = (Math.random() - 0.5) * 0.38;\r\n      this.vy = -(Math.random() * 0.42 + 0.14);\r\n      this.baseVx = this.vx;\r\n      this.baseVy = this.vy;\r\n      this.a = Math.random() * 0.42 + 0.08;\r\n      this.r = Math.random() * 1.5 + 0.28;\r\n      this.blue = Math.random() > 0.48;\r\n    };\r\n    Particle.prototype.update = function () {\r\n      var dx = this.x - mouse.x, dy = this.y - mouse.y;\r\n      var d2 = dx * dx + dy * dy;\r\n      if (d2 < 8100 && d2 > 0) {\r\n        var d = Math.sqrt(d2);\r\n        var f = (90 - d) \/ 90 * 0.28;\r\n        this.vx += (dx \/ d) * f;\r\n        this.vy += (dy \/ d) * f;\r\n      }\r\n      this.vx = this.vx * 0.97 + this.baseVx * 0.03;\r\n      this.vy = this.vy * 0.97 + this.baseVy * 0.03;\r\n      this.x += this.vx;\r\n      this.y += this.vy;\r\n      if (this.y < -12) this.init();\r\n      if (this.x < -12) this.x = W + 12;\r\n      if (this.x > W + 12) this.x = -12;\r\n    };\r\n\r\n    function initPts() { pts = []; for (var i = 0; i < N; i++) pts.push(new Particle()); }\r\n\r\n    function frame() {\r\n      if (!running) return;\r\n      if (inView) {\r\n        ctx.clearRect(0, 0, W, H);\r\n        var i, j, p;\r\n        for (i = 0; i < pts.length; i++) {\r\n          for (j = i + 1; j < pts.length; j++) {\r\n            var dx = pts[i].x - pts[j].x, dy = pts[i].y - pts[j].y;\r\n            var d2 = dx * dx + dy * dy;\r\n            if (d2 < LINK2) {\r\n              var a = 0.048 * (1 - Math.sqrt(d2) \/ 128);\r\n              ctx.beginPath();\r\n              ctx.strokeStyle = 'rgba(59,130,246,' + a + ')';\r\n              ctx.lineWidth = 0.55;\r\n              ctx.moveTo(pts[i].x, pts[i].y);\r\n              ctx.lineTo(pts[j].x, pts[j].y);\r\n              ctx.stroke();\r\n            }\r\n          }\r\n        }\r\n        for (i = 0; i < pts.length; i++) {\r\n          p = pts[i];\r\n          p.update();\r\n          ctx.beginPath();\r\n          ctx.arc(p.x, p.y, p.r, 0, 6.2832);\r\n          ctx.fillStyle = p.blue\r\n            ? 'rgba(59,130,246,' + p.a + ')'\r\n            : 'rgba(165,175,205,' + (p.a * 0.45) + ')';\r\n          ctx.fill();\r\n        }\r\n      }\r\n      requestAnimationFrame(frame);\r\n    }\r\n\r\n    document.addEventListener('mousemove', function (e) {\r\n      var r = canvas.getBoundingClientRect();\r\n      mouse.x = e.clientX - r.left;\r\n      mouse.y = e.clientY - r.top;\r\n    }, { passive: true });\r\n\r\n    document.addEventListener('visibilitychange', function () {\r\n      running = !document.hidden;\r\n      if (running) requestAnimationFrame(frame);\r\n    });\r\n    if ('IntersectionObserver' in window) {\r\n      new IntersectionObserver(function (entries) {\r\n        inView = entries[0].isIntersecting;\r\n      }, { threshold: 0 }).observe(canvas);\r\n    }\r\n\r\n    var resizeT;\r\n    window.addEventListener('resize', function () {\r\n      clearTimeout(resizeT);\r\n      resizeT = setTimeout(function () { resizeCanvas(); initPts(); }, 150);\r\n    });\r\n    resizeCanvas();\r\n    initPts();\r\n    requestAnimationFrame(frame);\r\n  }\r\n\r\n  \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n     5. GSAP ENTRANCE ANIMATIONS\r\n        Gated: content stays visible if the CDN failed or motion\r\n        is reduced (.js-anim never gets added).\r\n  \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n  if (!hasGSAP || prefersReduced) return;\r\n\r\n  gsap.registerPlugin(ScrollTrigger);\r\n  ScrollTrigger.config({ limitCallbacks: true, ignoreMobileResize: true });\r\n\r\n  document.getElementById('uig-root').classList.add('js-anim');\r\n\r\n  var EASE = 'power3.out';\r\n  var DUR = 0.95;\r\n\r\n  gsap.timeline({ delay: 0.08 })\r\n    .fromTo('#heroPill',                { opacity: 0, y: 14 }, { opacity: 1, y: 0, duration: 0.6,  ease: EASE })\r\n    .fromTo('.uig-wrap .hero-eyebrow',  { opacity: 0, y: 18 }, { opacity: 1, y: 0, duration: 0.75, ease: EASE }, '-=0.35')\r\n    .fromTo('.uig-wrap .hero-title',    { opacity: 0, y: 36 }, { opacity: 1, y: 0, duration: 1.0,  ease: EASE }, '-=0.5')\r\n    .fromTo('.uig-wrap .hero-tag-pill',  { opacity: 0, y: 16, scale: 0.92 }, { opacity: 1, y: 0, scale: 1, duration: 0.7, ease: EASE }, '-=0.55')\r\n    .fromTo('.uig-wrap .hero-sub',      { opacity: 0, y: 22 }, { opacity: 1, y: 0, duration: 0.8,  ease: EASE }, '-=0.55')\r\n    .fromTo('.uig-wrap .hero-line',     { opacity: 0, scaleY: 0 }, { opacity: 1, scaleY: 1, duration: 0.75, ease: 'power2.out' }, '-=0.45');\r\n\r\n  gsap.to('.uig-wrap .hero', {\r\n    yPercent: -14, ease: 'none',\r\n    scrollTrigger: { trigger: '.uig-wrap .hero', start: 'top top', end: 'bottom top', scrub: 0.6 }\r\n  });\r\n\r\n  gsap.to('.uig-orb-clip .orb-1', {\r\n    y: -100, x: -25, ease: 'none',\r\n    scrollTrigger: { trigger: '.uig-wrap', start: 'top top', end: 'bottom bottom', scrub: 2.5 }\r\n  });\r\n  gsap.to('.uig-orb-clip .orb-2', {\r\n    y: 90, x: 15, ease: 'none',\r\n    scrollTrigger: { trigger: '.uig-wrap', start: 'top top', end: 'bottom bottom', scrub: 3.5 }\r\n  });\r\n\r\n  gsap.utils.toArray('.uig-wrap .reveal').forEach(function (el) {\r\n    gsap.fromTo(el, { opacity: 0, y: 42 }, {\r\n      opacity: 1, y: 0, duration: DUR, ease: EASE,\r\n      scrollTrigger: { trigger: el, start: 'top 89%', once: true }\r\n    });\r\n  });\r\n  gsap.utils.toArray('.uig-wrap .reveal-left').forEach(function (el) {\r\n    gsap.fromTo(el, { opacity: 0, x: -46 }, {\r\n      opacity: 1, x: 0, duration: DUR, ease: EASE,\r\n      scrollTrigger: { trigger: el, start: 'top 89%', once: true }\r\n    });\r\n  });\r\n  gsap.utils.toArray('.uig-wrap .reveal-right').forEach(function (el) {\r\n    gsap.fromTo(el, { opacity: 0, x: 46 }, {\r\n      opacity: 1, x: 0, duration: DUR, ease: EASE,\r\n      scrollTrigger: { trigger: el, start: 'top 89%', once: true }\r\n    });\r\n  });\r\n\r\n  gsap.fromTo('.uig-wrap .section-eyebrow', { opacity: 0, x: -22 }, {\r\n    opacity: 1, x: 0, duration: 0.8, ease: EASE,\r\n    scrollTrigger: { trigger: '.uig-wrap .section-eyebrow', start: 'top 89%', once: true }\r\n  });\r\n  gsap.fromTo('.uig-wrap .mgmt-title', { opacity: 0, y: 48 }, {\r\n    opacity: 1, y: 0, duration: 1.1, ease: EASE,\r\n    scrollTrigger: { trigger: '.uig-wrap .mgmt-title', start: 'top 89%', once: true }\r\n  });\r\n  gsap.fromTo('.uig-wrap .mgmt-desc', { opacity: 0, y: 24 }, {\r\n    opacity: 1, y: 0, duration: 0.85, ease: EASE,\r\n    scrollTrigger: { trigger: '.uig-wrap .mgmt-desc', start: 'top 89%', once: true }\r\n  });\r\n\r\n  gsap.fromTo('.uig-wrap .mgmt-stats .stat', { opacity: 0, y: 32, scale: 0.95 }, {\r\n    opacity: 1, y: 0, scale: 1, stagger: 0.09, duration: 0.75, ease: 'back.out(1.5)',\r\n    clearProps: 'transform',\r\n    scrollTrigger: { trigger: '.uig-wrap .mgmt-stats', start: 'top 86%', once: true }\r\n  });\r\n  document.querySelectorAll('.uig-wrap .mgmt-stats .stat-num').forEach(function (el) {\r\n    var raw = el.textContent.trim();\r\n    var num = parseFloat(raw);\r\n    var suffix = raw.replace(\/[\\d.]\/g, '');\r\n    if (isNaN(num) || num <= 6) return;\r\n    var obj = { val: 0 };\r\n    gsap.to(obj, {\r\n      val: num, duration: 2, ease: 'power2.out',\r\n      onUpdate: function () { el.textContent = Math.round(obj.val) + suffix; },\r\n      scrollTrigger: { trigger: el, start: 'top 86%', once: true }\r\n    });\r\n  });\r\n\r\n  gsap.fromTo('.uig-wrap .phil-card', { opacity: 0, x: -28 }, {\r\n    opacity: 1, x: 0, stagger: 0.13, duration: 0.78, ease: EASE,\r\n    scrollTrigger: { trigger: '.uig-wrap .phil-pillars', start: 'top 88%', once: true }\r\n  });\r\n\r\n  \/* Fan cards \u2014 entrance only animates opacity + y (NOT width\/scale),\r\n     then clearProps hands full control back to the CSS width\r\n     transition so the flex-grow hover expansion is never fought. *\/\r\n  gsap.fromTo('.uig-wrap .fan-card', { opacity: 0, y: 24 }, {\r\n    opacity: 1, y: 0, stagger: 0.04, duration: 0.6, ease: EASE,\r\n    clearProps: 'all',\r\n    scrollTrigger: { trigger: '#fanStrip', start: 'top 88%', once: true }\r\n  });\r\n});\r\n<\/script>\r\n\t\t\t\t<\/div>\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>OUR MANAGEMENT Leadership&#038; Structure The people, principles, and architecture that drive five decades of manufacturing excellence across Malaysia. CEO Message [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-2833","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/uisb.com\/zh\/wp-json\/wp\/v2\/pages\/2833","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/uisb.com\/zh\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/uisb.com\/zh\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/uisb.com\/zh\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/uisb.com\/zh\/wp-json\/wp\/v2\/comments?post=2833"}],"version-history":[{"count":122,"href":"https:\/\/uisb.com\/zh\/wp-json\/wp\/v2\/pages\/2833\/revisions"}],"predecessor-version":[{"id":4460,"href":"https:\/\/uisb.com\/zh\/wp-json\/wp\/v2\/pages\/2833\/revisions\/4460"}],"wp:attachment":[{"href":"https:\/\/uisb.com\/zh\/wp-json\/wp\/v2\/media?parent=2833"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}