{"id":72,"date":"2026-06-08T10:38:26","date_gmt":"2026-06-08T10:38:26","guid":{"rendered":"https:\/\/staging.ntl-recruit.hk\/?page_id=72"},"modified":"2026-06-29T04:11:43","modified_gmt":"2026-06-29T04:11:43","slug":"ntl%e7%b6%93%e9%a9%97%e5%86%8d%e9%80%a0%e7%a4%be","status":"publish","type":"page","link":"https:\/\/staging.ntl-recruit.hk\/?page_id=72","title":{"rendered":"3 NTL Experience Refresher &#8211; zh"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"72\" class=\"elementor elementor-72\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4a7c995 e-con-full e-flex e-con e-parent\" data-id=\"4a7c995\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2a434e0 elementor-widget elementor-widget-html\" data-id=\"2a434e0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\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 href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;1,300;1,400;1,500&family=Inter:wght@300;400;500&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\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\r\n   ROOT VARIABLES & RESET\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 *\/\r\n.ntl-page {\r\n  --ntl-deep:      #8D7A97;\r\n  --ntl-medium:    #9F8AA8;\r\n  --ntl-light:     #B8A7C0;\r\n  --ntl-pale:      #D4C8DB;\r\n  --ntl-offwhite:  #F7F4F1;\r\n  --ntl-cream:     #F0EBE5;\r\n  --ntl-muted:     #ECE6DF;\r\n  --foreground:    #332E38;\r\n  --fg-80:         #332E38;\r\n  --fg-60:         #332E38;\r\n  --fg-45:         #332E38;\r\n  --white:         #FFFFFF;\r\n  --sage:          #A3AA97;\r\n  --radius-sm:     4px;\r\n  --radius-md:     8px;\r\n  --radius-lg:     16px;\r\n  --max-w:         1200px;\r\n  --font-serif:    'Cormorant Garamond', Georgia, serif;\r\n  --font-sans:     'Inter', system-ui, sans-serif;\r\n  --section-pad:   7.5rem 0;\r\n  font-family:     var(--font-sans);\r\n  color:           var(--foreground);\r\n  background:      var(--ntl-offwhite);\r\n  line-height:     1.75;\r\n  width:           100%;\r\n  position:        relative;\r\n  overflow-x:      hidden;\r\n}\r\n\r\n.ntl-page *, .ntl-page *::before, .ntl-page *::after {\r\n  box-sizing: border-box;\r\n  margin: 0;\r\n  padding: 0;\r\n}\r\n.ntl-page a { text-decoration: none; color: inherit; }\r\n.ntl-page img { display: block; max-width: 100%; height: auto; }\r\n.ntl-page ul { list-style: none; }\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\r\n   LAYOUT UTILITIES\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 *\/\r\n.ntl-page .wrap {\r\n  max-width: var(--max-w);\r\n  margin: 0 auto;\r\n  padding: 0 1.5rem;\r\n}\r\n@media (min-width: 1024px) { .ntl-page .wrap { padding: 0 2.5rem; } }\r\n\r\n.ntl-page .eyebrow {\r\n  display: inline-block;\r\n  font-size: 0.85rem;\r\n  letter-spacing: 0.38em;\r\n  text-transform: uppercase;\r\n  font-weight: 400;\r\n  color: var(--ntl-medium);\r\n  margin-bottom: 1.25rem;\r\n}\r\n.ntl-page .eyebrow-line {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 0.85rem;\r\n  font-size: 0.72rem;\r\n  letter-spacing: 0.35em;\r\n  text-transform: uppercase;\r\n  font-weight: 400;\r\n  color: var(--ntl-medium);\r\n  margin-bottom: 1.5rem;\r\n}\r\n.ntl-page .eyebrow-line::before {\r\n  content: '';\r\n  display: block;\r\n  width: 2.5rem;\r\n  height: 1px;\r\n  background: var(--ntl-light);\r\n  flex-shrink: 0;\r\n}\r\n\r\n.ntl-page .section-title {\r\n  font-family: var(--font-serif);\r\n  font-size: clamp(2rem, 3.2vw, 3.2rem);\r\n  font-weight: 400;\r\n  letter-spacing: 0.04em;\r\n  line-height: 1.25;\r\n  color: var(--foreground);\r\n}\r\n.ntl-page .section-title-lg {\r\n  font-family: var(--font-serif);\r\n  font-size: clamp(2.2rem, 4vw, 3.4rem);\r\n  font-weight: 400;\r\n  letter-spacing: 0.03em;\r\n  line-height: 1.2;\r\n  color: var(--foreground);\r\n}\r\n.ntl-page .section-sub {\r\n  font-size: 1.2rem;\r\n  font-weight: 300;\r\n  color: var(--fg-60);\r\n  line-height: 1.85;\r\n}\r\n.ntl-page .accent { color: var(--ntl-deep); }\r\n.ntl-page .accent-sage { color: var(--sage); }\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\r\n   REVEAL ANIMATIONS\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 *\/\r\n.ntl-page .reveal {\r\n  opacity: 0;\r\n  transform: translateY(28px);\r\n  transition: opacity 0.8s cubic-bezier(0.22,1,0.36,1), transform 0.8s cubic-bezier(0.22,1,0.36,1);\r\n}\r\n.ntl-page .reveal.from-left  { transform: translateX(-28px); }\r\n.ntl-page .reveal.from-right { transform: translateX(28px); }\r\n.ntl-page .reveal.visible    { opacity: 1; transform: translate(0); }\r\n.ntl-page .d1 { transition-delay: 0.10s; }\r\n.ntl-page .d2 { transition-delay: 0.22s; }\r\n.ntl-page .d3 { transition-delay: 0.34s; }\r\n.ntl-page .d4 { transition-delay: 0.46s; }\r\n.ntl-page .d5 { transition-delay: 0.58s; }\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\r\n   BUTTONS\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 *\/\r\n.ntl-page .btn-primary {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 0.6rem;\r\n  padding: 1rem 2.25rem;\r\n  font-family: var(--font-sans);\r\n  font-size: 0.85rem;\r\n  font-weight: 400;\r\n  letter-spacing: 0.18em;\r\n  text-transform: uppercase;\r\n  background: var(--ntl-deep);\r\n  color: var(--white) !important;\r\n  border-radius: var(--radius-sm);\r\n  border: 1px solid var(--ntl-deep);\r\n  transition: background 0.3s, transform 0.25s;\r\n  cursor: pointer;\r\n}\r\n.ntl-page .btn-primary:hover {\r\n  background: var(--foreground);\r\n  border-color: var(--foreground);\r\n  transform: translateY(-2px);\r\n}\r\n.ntl-page .btn-ghost {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 0.6rem;\r\n  padding: 1rem 2.25rem;\r\n  font-family: var(--font-sans);\r\n  font-size: 0.85rem;\r\n  font-weight: 400;\r\n  letter-spacing: 0.18em;\r\n  text-transform: uppercase;\r\n  background: transparent;\r\n  color: var(--ntl-deep) !important;\r\n  border-radius: var(--radius-sm);\r\n  border: 1px solid rgba(141,122,151,0.35);\r\n  transition: background 0.3s, color 0.3s, border-color 0.3s;\r\n  cursor: pointer;\r\n}\r\n.ntl-page .btn-ghost:hover {\r\n  background: var(--ntl-deep);\r\n  color: var(--white) !important;\r\n  border-color: var(--ntl-deep);\r\n}\r\n.ntl-page .btn-ghost-white {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 0.6rem;\r\n  padding: 1rem 2.25rem;\r\n  font-family: var(--font-sans);\r\n  font-size: 0.85rem;\r\n  font-weight: 400;\r\n  letter-spacing: 0.15em;\r\n  text-transform: uppercase;\r\n  background: transparent;\r\n  color: var(--white) !important;\r\n  border-radius: var(--radius-sm);\r\n  border: 1px solid rgba(255,255,255,0.45);\r\n  transition: background 0.3s, border-color 0.3s, transform 0.25s;\r\n  cursor: pointer;\r\n}\r\n.ntl-page .btn-ghost-white:hover {\r\n  background: rgba(255,255,255,0.12);\r\n  border-color: rgba(255,255,255,0.75);\r\n  transform: translateY(-2px);\r\n}\r\n.ntl-page .link-arrow {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 0.4rem;\r\n  font-size: 0.85rem;\r\n  font-weight: 400;\r\n  letter-spacing: 0.15em;\r\n  text-transform: uppercase;\r\n  color: var(--ntl-deep);\r\n  border-bottom: 1px solid rgba(141,122,151,0.3);\r\n  padding-bottom: 2px;\r\n  transition: border-color 0.3s, gap 0.3s;\r\n}\r\n.ntl-page .link-arrow:hover { border-color: var(--ntl-deep); gap: 0.65rem; }\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\r\n   SECTION 1: HERO\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 *\/\r\n.ntl-page .hero-section {\r\n  min-height: 95vh;\r\n  display: flex;\r\n  align-items: center;\r\n  padding: 5rem 0 4rem;\r\n  background: var(--ntl-offwhite);\r\n  position: relative;\r\n  overflow: hidden;\r\n}\r\n.ntl-page .hero-botanical {\r\n  position: absolute;\r\n  left: 0;\r\n  top: 8%;\r\n  opacity: 0.12;\r\n  pointer-events: none;\r\n  z-index: 0;\r\n}\r\n.ntl-page .hero-grid {\r\n  display: grid;\r\n  grid-template-columns: 1fr;\r\n  gap: 3.5rem;\r\n  align-items: center;\r\n  position: relative;\r\n  z-index: 1;\r\n}\r\n@media (min-width: 1024px) {\r\n  .ntl-page .hero-grid {\r\n    grid-template-columns: 7fr 5fr;\r\n    gap: 5rem;\r\n  }\r\n}\r\n.ntl-page .hero-tag {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 0.6rem;\r\n  font-size: 0.85rem;\r\n  letter-spacing: 0.3em;\r\n  text-transform: uppercase;\r\n  color: var(--ntl-medium);\r\n  font-weight: 400;\r\n  margin-bottom: 2rem;\r\n}\r\n.ntl-page .hero-tag::before {\r\n  content: '';\r\n  display: block;\r\n  width: 1.5rem;\r\n  height: 1px;\r\n  background: var(--ntl-light);\r\n}\r\n.ntl-page .hero-headline {\r\n  font-family: var(--font-serif);\r\n  font-size: clamp(2.8rem, 6vw, 5rem);\r\n  font-weight: 400;\r\n  letter-spacing: 0.03em;\r\n  line-height: 1.12;\r\n  color: var(--foreground);\r\n  margin-bottom: 1.5rem;\r\n}\r\n.ntl-page .hero-headline em {\r\n  font-style: italic;\r\n  color: var(--ntl-deep);\r\n  font-weight: 300;\r\n}\r\n.ntl-page .hero-subline {\r\n  font-family: var(--font-serif);\r\n  font-size: clamp(1.1rem, 1.8vw, 1.35rem);\r\n  font-weight: 300;\r\n  color: var(--ntl-deep);\r\n  letter-spacing: 0.06em;\r\n  margin-bottom: 1.75rem;\r\n}\r\n.ntl-page .hero-body {\r\n  font-size: 1.2rem;\r\n  font-weight: 300;\r\n  color: var(--fg-60);\r\n  line-height: 1.9;\r\n  max-width: 560px;\r\n  margin-bottom: 2.5rem;\r\n}\r\n.ntl-page .hero-cta-row {\r\n  display: flex;\r\n  flex-wrap: wrap;\r\n  gap: 1rem;\r\n  margin-bottom: 3rem;\r\n}\r\n.ntl-page .hero-meta {\r\n  padding-top: 2rem;\r\n  border-top: 1px solid rgba(184,167,192,0.2);\r\n  display: grid;\r\n  grid-template-columns: repeat(2, 1fr);\r\n  gap: 0.75rem;\r\n}\r\n@media (min-width: 640px) {\r\n  .ntl-page .hero-meta { grid-template-columns: repeat(4, 1fr); }\r\n}\r\n.ntl-page .hero-meta-tag {\r\n  font-size: 0.85rem;\r\n  letter-spacing: 0.12em;\r\n  text-transform: uppercase;\r\n  color: var(--fg-45);\r\n  font-weight: 400;\r\n}\r\n\/* Hero Image Frame *\/\r\n.ntl-page .hero-img-frame {\r\n  position: relative;\r\n  max-width: 400px;\r\n  margin: 0 auto;\r\n}\r\n.ntl-page .hero-blob-1 {\r\n  position: absolute;\r\n  top: -2.5rem;\r\n  right: -2.5rem;\r\n  width: 18rem;\r\n  height: 18rem;\r\n  background: rgba(184,167,192,0.22);\r\n  border-radius: 43% 57% 70% 30% \/ 45% 45% 55% 55%;\r\n  filter: blur(40px);\r\n  pointer-events: none;\r\n  z-index: 0;\r\n}\r\n.ntl-page .hero-blob-2 {\r\n  position: absolute;\r\n  bottom: -2rem;\r\n  left: -2rem;\r\n  width: 14rem;\r\n  height: 14rem;\r\n  background: rgba(159,138,168,0.18);\r\n  border-radius: 60% 40% 30% 70% \/ 60% 30% 70% 40%;\r\n  filter: blur(35px);\r\n  pointer-events: none;\r\n  z-index: 0;\r\n}\r\n.ntl-page .hero-card {\r\n  position: relative;\r\n  z-index: 1;\r\n  width: 100%;\r\n  aspect-ratio: 4\/5;\r\n  background: var(--ntl-muted);\r\n  border-radius: var(--radius-lg);\r\n  border: 1px solid rgba(141,122,151,0.15);\r\n  box-shadow: 0 32px 80px rgba(141,122,151,0.18);\r\n  overflow: hidden;\r\n  display: flex;\r\n  flex-direction: column;\r\n  justify-content: space-between;\r\n  padding: 1.5rem;\r\n}\r\n.ntl-page .hero-card-inner-border {\r\n  position: absolute;\r\n  inset: 1rem;\r\n  border: 1px solid rgba(141,122,151,0.1);\r\n  border-radius: 10px;\r\n  pointer-events: none;\r\n}\r\n.ntl-page .hero-card-top {\r\n  display: flex;\r\n  justify-content: space-between;\r\n  align-items: flex-start;\r\n  position: relative;\r\n  z-index: 2;\r\n}\r\n.ntl-page .hero-card-label {\r\n  font-size: 0.85rem;\r\n  letter-spacing: 0.2em;\r\n  text-transform: uppercase;\r\n  color: rgba(51,46,56,0.55);\r\n  font-family: var(--font-sans);\r\n}\r\n.ntl-page .hero-card-badge {\r\n  font-size: 0.85rem;\r\n  letter-spacing: 0.18em;\r\n  text-transform: uppercase;\r\n  color: var(--ntl-deep);\r\n  font-weight: 500;\r\n}\r\n.ntl-page .hero-img-placeholder {\r\n  flex: 1;\r\n  margin: 1rem 0;\r\n  border-radius: var(--radius-md);\r\n  overflow: hidden;\r\n  background: #D9D2CB;\r\n  position: relative;\r\n  z-index: 2;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n}\r\n.ntl-page .hero-img-placeholder img {\r\n  width: 100%;\r\n  height: 100%;\r\n  object-fit: cover;\r\n  transition: transform 0.8s ease;\r\n}\r\n.ntl-page .hero-card:hover .hero-img-placeholder img {\r\n  transform: scale(1.04);\r\n}\r\n.ntl-page .hero-img-placeholder .img-placeholder-label {\r\n  position: absolute;\r\n  inset: 0;\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 0.5rem;\r\n  color: rgba(141,122,151,0.5);\r\n  font-size: 0.7rem;\r\n  letter-spacing: 0.12em;\r\n  text-transform: uppercase;\r\n  text-align: center;\r\n  padding: 1rem;\r\n}\r\n.ntl-page .hero-card-bottom {\r\n  text-align: center;\r\n  position: relative;\r\n  z-index: 2;\r\n}\r\n.ntl-page .hero-card-quote {\r\n  font-family: var(--font-serif);\r\n  font-size: 0.82rem;\r\n  font-style: italic;\r\n  color: var(--fg-60);\r\n  margin-bottom: 0.3rem;\r\n}\r\n.ntl-page .hero-card-sub {\r\n  font-size: 0.6rem;\r\n  letter-spacing: 0.18em;\r\n  text-transform: uppercase;\r\n  color: var(--fg-45);\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\r\n   SECTION 3: REFRESHER LAB JOURNEY\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 *\/\r\n.ntl-page .refresher-section {\r\n  padding: var(--section-pad);\r\n  background: var(--ntl-offwhite);\r\n  position: relative;\r\n  overflow: hidden;\r\n}\r\n.ntl-page .refresher-header {\r\n  text-align: center;\r\n  max-width: 680px;\r\n  margin: 0 auto 5rem;\r\n}\r\n.ntl-page .refresher-grid {\r\n  display: grid;\r\n  gap: 4rem;\r\n  align-items: start;\r\n}\r\n@media (min-width: 1024px) {\r\n  .ntl-page .refresher-grid { grid-template-columns: 1fr 1fr; gap: 5.5rem; }\r\n}\r\n.ntl-page .refresher-img-wrap {\r\n  position: relative;\r\n  aspect-ratio: 4\/3;\r\n  border-radius: var(--radius-lg);\r\n  overflow: hidden;\r\n  box-shadow: 0 32px 80px rgba(141,122,151,0.18);\r\n  background: var(--ntl-muted);\r\n}\r\n.ntl-page .refresher-img-wrap img {\r\n  width: 100%;\r\n  height: 100%;\r\n  object-fit: cover;\r\n  transition: transform 0.8s ease;\r\n}\r\n.ntl-page .refresher-img-wrap:hover img { transform: scale(1.04); }\r\n.ntl-page .refresher-img-placeholder {\r\n  width: 100%;\r\n  height: 100%;\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 0.5rem;\r\n  color: rgba(141,122,151,0.5);\r\n  font-size: 0.72rem;\r\n  letter-spacing: 0.12em;\r\n  text-transform: uppercase;\r\n  text-align: center;\r\n}\r\n.ntl-page .refresher-deco {\r\n  position: absolute;\r\n  bottom: -2rem;\r\n  right: -2rem;\r\n  width: 10rem;\r\n  height: 10rem;\r\n  border-radius: 50%;\r\n  border: 1px solid rgba(184,167,192,0.3);\r\n  pointer-events: none;\r\n}\r\n.ntl-page .refresher-data-card {\r\n  position: absolute;\r\n  top: -1.5rem;\r\n  right: -1.5rem;\r\n  background: var(--white);\r\n  border-radius: var(--radius-md);\r\n  padding: 1.5rem 1.75rem;\r\n  box-shadow: 0 12px 40px rgba(141,122,151,0.16);\r\n  min-width: 160px;\r\n  z-index: 2;\r\n}\r\n@media (max-width: 767px) { .ntl-page .refresher-data-card { display: none; } }\r\n.ntl-page .refresher-data-label {\r\n  font-size: 0.62rem;\r\n  letter-spacing: 0.2em;\r\n  text-transform: uppercase;\r\n  color: var(--ntl-medium);\r\n  margin-bottom: 0.4rem;\r\n}\r\n.ntl-page .refresher-data-num {\r\n  font-family: var(--font-serif);\r\n  font-size: 2rem;\r\n  font-weight: 400;\r\n  color: var(--foreground);\r\n  line-height: 1;\r\n  margin-bottom: 0.25rem;\r\n}\r\n.ntl-page .refresher-data-desc {\r\n  font-size: 0.68rem;\r\n  font-weight: 300;\r\n  color: var(--fg-60);\r\n}\r\n.ntl-page .refresher-content-title {\r\n  font-family: var(--font-serif);\r\n  font-size: clamp(1.4rem, 2.2vw, 1.85rem);\r\n  font-weight: 400;\r\n  letter-spacing: 0.04em;\r\n  color: var(--foreground);\r\n  margin-bottom: 1rem;\r\n  line-height: 1.3;\r\n}\r\n.ntl-page .refresher-intro {\r\n  font-size: 0.95rem;\r\n  font-weight: 300;\r\n  color: var(--fg-60);\r\n  line-height: 1.9;\r\n  margin-bottom: 2.5rem;\r\n}\r\n.ntl-page .refresher-steps { display: flex; flex-direction: column; gap: 0; }\r\n.ntl-page .refresher-step {\r\n  display: flex;\r\n  gap: 1.5rem;\r\n  padding: 1.75rem 0;\r\n  border-bottom: 1px solid rgba(184,167,192,0.2);\r\n  transition: background 0.2s;\r\n}\r\n.ntl-page .refresher-step:last-child { border-bottom: none; }\r\n.ntl-page .refresher-step-num {\r\n  flex-shrink: 0;\r\n  width: 2.5rem;\r\n  height: 2.5rem;\r\n  border-radius: 50%;\r\n  border: 1px solid rgba(184,167,192,0.35);\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  font-family: var(--font-serif);\r\n  font-size: 1rem;\r\n  font-weight: 400;\r\n  color: var(--ntl-deep);\r\n  transition: background 0.3s, border-color 0.3s, color 0.3s;\r\n}\r\n.ntl-page .refresher-step:hover .refresher-step-num {\r\n  background: var(--ntl-deep);\r\n  border-color: var(--ntl-deep);\r\n  color: var(--white);\r\n}\r\n.ntl-page .refresher-step-en {\r\n  font-size: 0.65rem;\r\n  letter-spacing: 0.2em;\r\n  text-transform: uppercase;\r\n  color: var(--ntl-medium);\r\n  margin-bottom: 0.3rem;\r\n}\r\n.ntl-page .refresher-step-title {\r\n  font-family: var(--font-serif);\r\n  font-size: 1.05rem;\r\n  font-weight: 400;\r\n  color: var(--foreground);\r\n  margin-bottom: 0.4rem;\r\n  letter-spacing: 0.04em;\r\n}\r\n.ntl-page .refresher-step-desc {\r\n  font-size: 0.88rem;\r\n  font-weight: 300;\r\n  color: var(--fg-60);\r\n  line-height: 1.8;\r\n}\r\n.ntl-page .refresher-talent-card {\r\n  margin-top: 2.5rem;\r\n  padding: 2rem 2.25rem;\r\n  background: var(--white);\r\n  border-radius: var(--radius-md);\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 2rem;\r\n  box-shadow: 0 4px 24px rgba(141,122,151,0.08);\r\n}\r\n.ntl-page .refresher-talent-num {\r\n  font-family: var(--font-serif);\r\n  font-size: 3rem;\r\n  font-weight: 400;\r\n  color: var(--ntl-deep);\r\n  line-height: 1;\r\n}\r\n.ntl-page .refresher-talent-unit {\r\n  font-size: 0.62rem;\r\n  letter-spacing: 0.2em;\r\n  text-transform: uppercase;\r\n  color: var(--ntl-medium);\r\n  margin-top: 0.25rem;\r\n}\r\n.ntl-page .refresher-talent-divider {\r\n  width: 1px;\r\n  height: 3.5rem;\r\n  background: rgba(184,167,192,0.3);\r\n  flex-shrink: 0;\r\n}\r\n.ntl-page .refresher-talent-desc {\r\n  font-size: 0.92rem;\r\n  font-weight: 300;\r\n  color: var(--fg-60);\r\n  line-height: 1.75;\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\r\n   SECTION 4: FEATURED ACTIVITIES\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 *\/\r\n.ntl-page .activities-section {\r\n  padding: var(--section-pad);\r\n  background: var(--white);\r\n}\r\n.ntl-page .activities-header {\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 1rem;\r\n  margin-bottom: 3.5rem;\r\n}\r\n@media (min-width: 768px) {\r\n  .ntl-page .activities-header {\r\n    flex-direction: row;\r\n    justify-content: space-between;\r\n    align-items: flex-end;\r\n  }\r\n}\r\n.ntl-page .activities-grid {\r\n  display: grid;\r\n  grid-template-columns: 1fr;\r\n  gap: 2rem;\r\n}\r\n@media (min-width: 768px) {\r\n  .ntl-page .activities-grid { grid-template-columns: repeat(3, 1fr); }\r\n}\r\n.ntl-page .activity-card {\r\n  background: var(--ntl-offwhite);\r\n  border-radius: var(--radius-md);\r\n  overflow: hidden;\r\n  transition: transform 0.3s, box-shadow 0.3s;\r\n}\r\n.ntl-page .activity-card:hover {\r\n  transform: translateY(-4px);\r\n  box-shadow: 0 16px 50px rgba(141,122,151,0.14);\r\n}\r\n.ntl-page .activity-img {\r\n  aspect-ratio: 16\/9;\r\n  background: var(--ntl-muted);\r\n  overflow: hidden;\r\n  position: relative;\r\n}\r\n.ntl-page .activity-img img {\r\n  width: 100%;\r\n  height: 100%;\r\n  object-fit: cover;\r\n  transition: transform 0.6s ease;\r\n}\r\n.ntl-page .activity-card:hover .activity-img img { transform: scale(1.06); }\r\n.ntl-page .activity-img-placeholder {\r\n  width: 100%;\r\n  height: 100%;\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 0.4rem;\r\n  color: rgba(141,122,151,0.45);\r\n  font-size: 0.65rem;\r\n  letter-spacing: 0.12em;\r\n  text-transform: uppercase;\r\n}\r\n.ntl-page .activity-body {\r\n  padding: 1.75rem;\r\n}\r\n.ntl-page .activity-meta {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 0.75rem;\r\n  margin-bottom: 0.85rem;\r\n}\r\n.ntl-page .activity-date {\r\n  font-size: 0.65rem;\r\n  letter-spacing: 0.12em;\r\n  text-transform: uppercase;\r\n  color: var(--fg-45);\r\n}\r\n.ntl-page .activity-cat {\r\n  font-size: 0.62rem;\r\n  letter-spacing: 0.12em;\r\n  text-transform: uppercase;\r\n  color: var(--ntl-deep);\r\n  background: rgba(141,122,151,0.1);\r\n  padding: 0.2rem 0.6rem;\r\n  border-radius: 2px;\r\n}\r\n.ntl-page .activity-title {\r\n  font-family: var(--font-serif);\r\n  font-size: 1.1rem;\r\n  font-weight: 400;\r\n  color: var(--foreground);\r\n  line-height: 1.35;\r\n  margin-bottom: 0.75rem;\r\n  letter-spacing: 0.03em;\r\n}\r\n.ntl-page .activity-desc {\r\n  font-size: 0.85rem;\r\n  font-weight: 300;\r\n  color: var(--fg-60);\r\n  line-height: 1.75;\r\n  margin-bottom: 1.25rem;\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\r\n   SECTION 5: ACTIVITY ARCHIVE\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 *\/\r\n.ntl-page .archive-section {\r\n  padding: var(--section-pad);\r\n  background: var(--ntl-cream);\r\n}\r\n.ntl-page .archive-header {\r\n  max-width: 680px;\r\n  margin-bottom: 4rem;\r\n}\r\n.ntl-page .archive-tabs {\r\n  display: flex;\r\n  flex-wrap: wrap;\r\n  gap: 0.75rem;\r\n  border-bottom: 1px solid rgba(184,167,192,0.3);\r\n  padding-bottom: 1rem;\r\n  margin-bottom: 2.5rem;\r\n}\r\n.ntl-page .archive-tab-btn {\r\n  font-family: var(--font-sans);\r\n  font-size: 0.72rem;\r\n  letter-spacing: 0.15em;\r\n  text-transform: uppercase;\r\n  padding: 0.65rem 1.5rem;\r\n  border-radius: var(--radius-sm);\r\n  border: 1px solid rgba(141,122,151,0.25);\r\n  background: transparent;\r\n  color: var(--fg-60);\r\n  cursor: pointer;\r\n  transition: background 0.25s, color 0.25s, border-color 0.25s;\r\n}\r\n.ntl-page .archive-tab-btn.active,\r\n.ntl-page .archive-tab-btn:hover {\r\n  background: var(--ntl-deep);\r\n  color: var(--white);\r\n  border-color: var(--ntl-deep);\r\n}\r\n.ntl-page .archive-panel { display: none; }\r\n.ntl-page .archive-panel.active { display: block; }\r\n.ntl-page .archive-table {\r\n  width: 100%;\r\n  border-collapse: collapse;\r\n  background: var(--white);\r\n  border-radius: var(--radius-md);\r\n  overflow: hidden;\r\n  box-shadow: 0 4px 24px rgba(141,122,151,0.07);\r\n}\r\n.ntl-page .archive-table thead tr {\r\n  background: rgba(141,122,151,0.06);\r\n  border-bottom: 1px solid rgba(184,167,192,0.2);\r\n}\r\n.ntl-page .archive-table th {\r\n  padding: 1rem 1.25rem;\r\n  font-size: 0.65rem;\r\n  letter-spacing: 0.2em;\r\n  text-transform: uppercase;\r\n  color: var(--fg-60);\r\n  font-weight: 400;\r\n  text-align: left;\r\n}\r\n.ntl-page .archive-table td {\r\n  padding: 0.9rem 1.25rem;\r\n  font-size: 0.88rem;\r\n  font-weight: 300;\r\n  color: var(--fg-80);\r\n  border-bottom: 1px solid rgba(184,167,192,0.12);\r\n  line-height: 1.6;\r\n}\r\n.ntl-page .archive-table tbody tr:last-child td { border-bottom: none; }\r\n.ntl-page .archive-table tbody tr:hover td { background: rgba(141,122,151,0.04); }\r\n.ntl-page .archive-table .td-date {\r\n  font-family: var(--font-serif);\r\n  color: var(--ntl-deep);\r\n  white-space: nowrap;\r\n  font-size: 0.9rem;\r\n}\r\n.ntl-page .archive-metrics {\r\n  display: grid;\r\n  grid-template-columns: repeat(3, 1fr);\r\n  gap: 1.5rem;\r\n  margin-top: 3rem;\r\n  padding-top: 3rem;\r\n  border-top: 1px solid rgba(184,167,192,0.2);\r\n}\r\n@media (max-width: 640px) {\r\n  .ntl-page .archive-metrics { grid-template-columns: 1fr; }\r\n}\r\n.ntl-page .archive-metric {\r\n  text-align: center;\r\n  padding: 2rem 1rem;\r\n  background: var(--white);\r\n  border-radius: var(--radius-md);\r\n}\r\n.ntl-page .archive-metric-num {\r\n  font-family: var(--font-serif);\r\n  font-size: clamp(2rem, 3.5vw, 2.8rem);\r\n  font-weight: 400;\r\n  color: var(--ntl-deep);\r\n  line-height: 1;\r\n  margin-bottom: 0.5rem;\r\n}\r\n.ntl-page .archive-metric-label {\r\n  font-size: 0.65rem;\r\n  letter-spacing: 0.15em;\r\n  text-transform: uppercase;\r\n  color: var(--fg-60);\r\n  line-height: 1.5;\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\r\n   SECTION 6: WOMEN STORIES\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 *\/\r\n.ntl-page .stories-section {\r\n  padding: var(--section-pad);\r\n  background: var(--ntl-offwhite);\r\n}\r\n.ntl-page .stories-header {\r\n  max-width: 680px;\r\n  margin-bottom: 4rem;\r\n}\r\n.ntl-page .stories-grid {\r\n  display: grid;\r\n  grid-template-columns: 1fr;\r\n  gap: 2rem;\r\n}\r\n@media (min-width: 768px) {\r\n  .ntl-page .stories-grid { grid-template-columns: repeat(3, 1fr); }\r\n}\r\n.ntl-page .story-card {\r\n  background: var(--white);\r\n  border-radius: var(--radius-md);\r\n  overflow: hidden;\r\n  transition: transform 0.3s, box-shadow 0.3s;\r\n}\r\n.ntl-page .story-card:hover {\r\n  transform: translateY(-4px);\r\n  box-shadow: 0 16px 50px rgba(141,122,151,0.14);\r\n}\r\n.ntl-page .story-portrait {\r\n  aspect-ratio: 4\/5;\r\n  background: var(--ntl-muted);\r\n  overflow: hidden;\r\n  position: relative;\r\n}\r\n.ntl-page .story-portrait img {\r\n  width: 100%;\r\n  height: 100%;\r\n  object-fit: cover;\r\n  transition: transform 0.6s ease;\r\n  filter: grayscale(20%);\r\n}\r\n.ntl-page .story-card:hover .story-portrait img {\r\n  transform: scale(1.05);\r\n  filter: grayscale(0%);\r\n}\r\n.ntl-page .story-portrait-placeholder {\r\n  width: 100%;\r\n  height: 100%;\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 0.5rem;\r\n  color: rgba(141,122,151,0.45);\r\n  font-size: 0.65rem;\r\n  letter-spacing: 0.12em;\r\n  text-transform: uppercase;\r\n}\r\n.ntl-page .story-body {\r\n  padding: 1.75rem;\r\n}\r\n.ntl-page .story-role-from {\r\n  font-size: 0.65rem;\r\n  letter-spacing: 0.12em;\r\n  text-transform: uppercase;\r\n  color: var(--fg-45);\r\n  margin-bottom: 0.35rem;\r\n}\r\n.ntl-page .story-name {\r\n  font-family: var(--font-serif);\r\n  font-size: 1.25rem;\r\n  font-weight: 400;\r\n  color: var(--foreground);\r\n  margin-bottom: 0.25rem;\r\n  letter-spacing: 0.04em;\r\n}\r\n.ntl-page .story-role-now {\r\n  font-size: 0.72rem;\r\n  color: var(--ntl-deep);\r\n  letter-spacing: 0.08em;\r\n  margin-bottom: 1.25rem;\r\n}\r\n.ntl-page .story-quote {\r\n  font-family: var(--font-serif);\r\n  font-size: 0.95rem;\r\n  font-style: italic;\r\n  color: var(--fg-60);\r\n  line-height: 1.7;\r\n  margin-bottom: 1.5rem;\r\n  padding-left: 1rem;\r\n  border-left: 2px solid rgba(184,167,192,0.4);\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\r\n   SECTION 7: COMMUNITY\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 *\/\r\n.ntl-page .community-section {\r\n  padding: var(--section-pad);\r\n  background: var(--ntl-deep);\r\n  position: relative;\r\n  overflow: hidden;\r\n}\r\n.ntl-page .community-deco-1 {\r\n  position: absolute;\r\n  right: -4rem;\r\n  top: -4rem;\r\n  width: 28rem;\r\n  height: 28rem;\r\n  border-radius: 50%;\r\n  border: 1px solid rgba(255,255,255,0.08);\r\n  pointer-events: none;\r\n}\r\n.ntl-page .community-deco-2 {\r\n  position: absolute;\r\n  left: -6rem;\r\n  bottom: -6rem;\r\n  width: 36rem;\r\n  height: 36rem;\r\n  border-radius: 50%;\r\n  border: 1px solid rgba(255,255,255,0.06);\r\n  pointer-events: none;\r\n}\r\n.ntl-page .community-grid {\r\n  display: grid;\r\n  grid-template-columns: 1fr;\r\n  gap: 4rem;\r\n  align-items: center;\r\n}\r\n@media (min-width: 1024px) {\r\n  .ntl-page .community-grid { grid-template-columns: 1fr 1fr; gap: 5rem; }\r\n}\r\n.ntl-page .community-eyebrow {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 0.85rem;\r\n  font-size: 0.72rem;\r\n  letter-spacing: 0.35em;\r\n  text-transform: uppercase;\r\n  font-weight: 400;\r\n  color: rgba(255,255,255,0.5);\r\n  margin-bottom: 1.5rem;\r\n}\r\n.ntl-page .community-eyebrow::before {\r\n  content: '';\r\n  display: block;\r\n  width: 2.5rem;\r\n  height: 1px;\r\n  background: rgba(255,255,255,0.3);\r\n  flex-shrink: 0;\r\n}\r\n.ntl-page .community-title {\r\n  font-family: var(--font-serif);\r\n  font-size: clamp(2rem, 3.5vw, 3rem);\r\n  font-weight: 400;\r\n  letter-spacing: 0.03em;\r\n  line-height: 1.25;\r\n  color: var(--white);\r\n  margin-bottom: 1.75rem;\r\n}\r\n.ntl-page .community-body {\r\n  font-size: 0.95rem;\r\n  font-weight: 300;\r\n  color: rgba(255,255,255,0.7);\r\n  line-height: 1.9;\r\n  margin-bottom: 2.5rem;\r\n}\r\n.ntl-page .community-bigquote {\r\n  font-family: var(--font-serif);\r\n  font-size: clamp(1.5rem, 2.5vw, 2rem);\r\n  font-weight: 400;\r\n  font-style: italic;\r\n  color: var(--white);\r\n  line-height: 1.45;\r\n  padding: 2rem 0 2rem 2rem;\r\n  border-left: 2px solid rgba(255,255,255,0.25);\r\n  margin-bottom: 2rem;\r\n}\r\n.ntl-page .community-img-collage {\r\n  display: grid;\r\n  grid-template-columns: 1fr 1fr;\r\n  grid-template-rows: auto auto;\r\n  gap: 1rem;\r\n}\r\n.ntl-page .collage-img {\r\n  border-radius: var(--radius-md);\r\n  overflow: hidden;\r\n  background: rgba(255,255,255,0.08);\r\n  position: relative;\r\n}\r\n.ntl-page .collage-img img {\r\n  width: 100%;\r\n  height: 100%;\r\n  object-fit: cover;\r\n  transition: transform 0.6s ease;\r\n}\r\n.ntl-page .collage-img:hover img { transform: scale(1.05); }\r\n.ntl-page .collage-img-placeholder {\r\n  width: 100%;\r\n  height: 100%;\r\n  min-height: 140px;\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 0.4rem;\r\n  color: rgba(255,255,255,0.3);\r\n  font-size: 0.62rem;\r\n  letter-spacing: 0.12em;\r\n  text-transform: uppercase;\r\n  padding: 1rem;\r\n  text-align: center;\r\n}\r\n.ntl-page .collage-img.tall { grid-row: span 2; }\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\r\n   SECTION 8: FINAL CTA\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 *\/\r\n.ntl-page .cta-section {\r\n  padding: 0;\r\n  display: grid;\r\n  grid-template-columns: 1fr;\r\n  min-height: 500px;\r\n}\r\n@media (min-width: 768px) {\r\n  .ntl-page .cta-section { grid-template-columns: 1fr 1fr; }\r\n}\r\n.ntl-page .cta-panel {\r\n  padding: 6rem 3rem;\r\n  position: relative;\r\n  overflow: hidden;\r\n  display: flex;\r\n  flex-direction: column;\r\n  justify-content: center;\r\n}\r\n.ntl-page .cta-panel-left {\r\n  background: var(--ntl-cream);\r\n}\r\n.ntl-page .cta-panel-right {\r\n  background: var(--foreground);\r\n}\r\n.ntl-page .cta-panel-deco {\r\n  position: absolute;\r\n  right: -4rem;\r\n  bottom: -4rem;\r\n  width: 20rem;\r\n  height: 20rem;\r\n  border-radius: 50%;\r\n  border: 1px solid rgba(141,122,151,0.15);\r\n  pointer-events: none;\r\n}\r\n.ntl-page .cta-panel-deco-dark {\r\n  position: absolute;\r\n  left: -4rem;\r\n  top: -4rem;\r\n  width: 20rem;\r\n  height: 20rem;\r\n  border-radius: 50%;\r\n  border: 1px solid rgba(255,255,255,0.06);\r\n  pointer-events: none;\r\n}\r\n.ntl-page .cta-eyebrow {\r\n  font-size: 0.65rem;\r\n  letter-spacing: 0.3em;\r\n  text-transform: uppercase;\r\n  color: var(--ntl-medium);\r\n  margin-bottom: 1.25rem;\r\n}\r\n.ntl-page .cta-eyebrow-light {\r\n  font-size: 0.65rem;\r\n  letter-spacing: 0.3em;\r\n  text-transform: uppercase;\r\n  color: rgba(255,255,255,0.45);\r\n  margin-bottom: 1.25rem;\r\n}\r\n.ntl-page .cta-title {\r\n  font-family: var(--font-serif);\r\n  font-size: clamp(1.8rem, 2.8vw, 2.5rem);\r\n  font-weight: 400;\r\n  letter-spacing: 0.03em;\r\n  line-height: 1.25;\r\n  color: var(--foreground);\r\n  margin-bottom: 1rem;\r\n}\r\n.ntl-page .cta-title-light {\r\n  font-family: var(--font-serif);\r\n  font-size: clamp(1.8rem, 2.8vw, 2.5rem);\r\n  font-weight: 400;\r\n  letter-spacing: 0.03em;\r\n  line-height: 1.25;\r\n  color: var(--white);\r\n  margin-bottom: 1rem;\r\n}\r\n.ntl-page .cta-body {\r\n  font-size: 0.92rem;\r\n  font-weight: 300;\r\n  color: var(--fg-60);\r\n  line-height: 1.85;\r\n  margin-bottom: 2.5rem;\r\n  max-width: 380px;\r\n}\r\n.ntl-page .cta-body-light {\r\n  font-size: 0.92rem;\r\n  font-weight: 300;\r\n  color: rgba(255,255,255,0.65);\r\n  line-height: 1.85;\r\n  margin-bottom: 2.5rem;\r\n  max-width: 380px;\r\n}\r\n.ntl-page .cta-contacts {\r\n  margin-top: 2rem;\r\n  padding-top: 2rem;\r\n  border-top: 1px solid rgba(255,255,255,0.1);\r\n  display: flex;\r\n  flex-wrap: wrap;\r\n  gap: 1.5rem;\r\n}\r\n.ntl-page .cta-contact-item {\r\n  font-size: 0.72rem;\r\n  color: rgba(255,255,255,0.55);\r\n  letter-spacing: 0.06em;\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\r\n   RESPONSIVE OVERRIDES\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 *\/\r\n@media (max-width: 767px) {\r\n  .ntl-page .why-stats-grid { grid-template-columns: 1fr; }\r\n  .ntl-page .stat-card-wide { flex-direction: column; gap: 1rem; }\r\n  .ntl-page .stat-divider-v { width: 3rem; height: 1px; }\r\n  .ntl-page .refresher-talent-card { flex-direction: column; gap: 1rem; }\r\n  .ntl-page .refresher-talent-divider { width: 3rem; height: 1px; }\r\n  .ntl-page .community-bigquote { padding: 1.5rem 0 1.5rem 1.25rem; }\r\n  .ntl-page .cta-panel { padding: 4rem 1.75rem; }\r\n}\r\n<\/style>\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\u2550\r\n     PAGE WRAPPER\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\u2550 -->\r\n<div class=\"ntl-page\">\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\u2550\r\n     SECTION 1 \u00b7 HERO\r\n     Objective: Immediately inspire hope and emotional connection.\r\n     Layout: 7\/5 asymmetrical split \u2014 premium editorial.\r\n     Image: 1 portrait image placeholder (4:5)\r\n     WordPress: Elementor 2-column section\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\u2550 -->\r\n<section id=\"hero\" class=\"hero-section\">\r\n\r\n  <!-- Botanical SVG Decoration -->\r\n  <div class=\"hero-botanical\" aria-hidden=\"true\">\r\n    <svg width=\"280\" height=\"480\" viewBox=\"0 0 100 150\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n      <path d=\"M10 140 C 40 100, 70 80, 60 30\" stroke=\"#8D7A97\" stroke-width=\"0.5\"\/>\r\n      <path d=\"M60 30 C 50 45, 35 55, 25 45 C 15 35, 25 20, 60 30\" stroke=\"#8D7A97\" stroke-width=\"0.3\" fill=\"none\"\/>\r\n      <path d=\"M60 55 C 75 65, 90 70, 95 60 C 100 50, 85 40, 60 55\" stroke=\"#8D7A97\" stroke-width=\"0.3\" fill=\"none\"\/>\r\n      <path d=\"M55 80 C 40 95, 25 100, 20 90 C 15 80, 35 70, 55 80\" stroke=\"#8D7A97\" stroke-width=\"0.3\" fill=\"none\"\/>\r\n      <path d=\"M50 110 C 65 118, 80 115, 82 105 C 84 95, 68 90, 50 110\" stroke=\"#8D7A97\" stroke-width=\"0.3\" fill=\"none\"\/>\r\n    <\/svg>\r\n  <\/div>\r\n\r\n  <div class=\"wrap\">\r\n    <div class=\"hero-grid\">\r\n\r\n      <!-- Left: Copywriting -->\r\n      <div class=\"reveal\">\r\n        <div class=\"hero-tag\">NTL Experience Refresher &nbsp;\u00b7&nbsp; Boutique Workforce Strategy<\/div>\r\n\r\n        <h1 class=\"hero-headline\">\r\n          \u59b3\u7684\u7d93\u9a57\uff0c<br>\r\n          <em>\u5f9e\u672a\u904e\u671f\u3002<\/em>\r\n        <\/h1>\r\n\r\n        <p class=\"hero-subline\">\u96e2\u958b\u8077\u5834\uff0c\u4e0d\u4ee3\u8868\u5931\u53bb\u50f9\u503c\u3002<\/p>\r\n\r\n        <p class=\"hero-body\">\r\n          NTL \u7d93\u9a57\u518d\u9020\u793e\u76f8\u4fe1\uff1a\u6bcf\u4e00\u4f4d\u5177\u5099\u6210\u719f\u6b77\u7df4\u7684\u5973\u6027\uff0c\u90fd\u64c1\u6709\u73fe\u4ee3\u4f01\u696d\u6700\u9700\u8981\u7684\u5224\u65b7\u529b\u3001\u7a69\u5b9a\u6027\u8207\u540c\u7406\u5fc3\u3002\u6211\u5011\u5728\u9019\u88e1\uff0c\u966a\u59b3\u91cd\u65b0\u51fa\u767c\u3002\r\n        <\/p>\r\n\r\n        <div class=\"hero-cta-row\">\r\n          <a href=\"#refresher\" class=\"btn-primary\">\r\n            \u63a2\u7d22\u91cd\u8fd4\u4e4b\u8def\r\n            <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" class=\"btn-arrow\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\r\n          <\/a>\r\n          <a href=\"#stories\" class=\"btn-ghost\">\r\n            \u4e86\u89e3\u6210\u529f\u6545\u4e8b\r\n          <\/a>\r\n        <\/div>\r\n\r\n        <div class=\"hero-meta\">\r\n          <span class=\"hero-meta-tag\">#\u7d93\u9a57\u578b\u5973\u6027\u4eba\u624d<\/span>\r\n          <span class=\"hero-meta-tag\">#\u6210\u719f\u8077\u5834\u5224\u65b7\u529b<\/span>\r\n          <span class=\"hero-meta-tag\">#\u8cc7\u6df1\u5973\u6027\u5c31\u696d<\/span>\r\n          <span class=\"hero-meta-tag\">#\u5973\u6027\u91cd\u8fd4\u8077\u5834<\/span>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Right: Editorial Photo Frame -->\r\n      <div class=\"reveal from-right d2\">\r\n        <div class=\"hero-img-frame\">\r\n          <div class=\"hero-blob-1\" aria-hidden=\"true\"><\/div>\r\n          <div class=\"hero-blob-2\" aria-hidden=\"true\"><\/div>\r\n\r\n          <div class=\"hero-card\">\r\n            <div class=\"hero-card-inner-border\" aria-hidden=\"true\"><\/div>\r\n            <!-- IMAGE PLACEHOLDER: 1 portrait image (4:5) \u2014 confident professional woman, lifestyle editorial style -->\r\n            <div class=\"hero-img-placeholder\">\r\n              <div class=\"img-placeholder-label\">\r\n                <svg width=\"32\" height=\"32\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1\"><rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\"\/><circle cx=\"8.5\" cy=\"8.5\" r=\"1.5\"\/><path d=\"M21 15l-5-5L5 21\"\/><\/svg>\r\n                \u8096\u50cf\u7167\u7247<br>4:5 \u76f4\u5e45<br>\u5c08\u696d\u5973\u6027\u5f62\u8c61\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\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\u2550\r\n     SECTION 3 \u00b7 REFRESHER LAB JOURNEY\r\n     Objective: Show how NTL supports women step by step.\r\n     Layout: 2-column \u2014 image left, journey steps right.\r\n     Image: 1 workshop\/editorial image (4:3)\r\n     WordPress: Elementor 2-column section + custom step list\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\u2550 -->\r\n<section id=\"refresher\" class=\"refresher-section\">\r\n  <div class=\"wrap\">\r\n\r\n    <!-- Section Header -->\r\n    <div class=\"refresher-header reveal\">\r\n      <span class=\"eyebrow-line\">NTL \u7d93\u9a57\u518d\u9020\u793e<\/span>\r\n      <h2 class=\"section-title\">\u5982\u4f55\u78ba\u4fdd\u4eba\u624d\u8cea\u91cf\uff1f<\/h2>\r\n      <p class=\"section-sub\" style=\"margin-top:1rem;\">\r\n        \u9019\u4e0d\u662f\u50b3\u7d71\u7684\u8077\u696d\u57f9\u8a13\u3002NTL \u7d93\u9a57\u518d\u9020\u793e\u662f\u4e00\u500b\u6574\u5408\u300c\u80fd\u529b\u66f4\u65b0\u3001\u8de8\u4e16\u4ee3\u5171\u5b78\u3001\u5be6\u969b\u5de5\u4f5c\u6a5f\u6703\u300d\u7684\u5b8c\u6574\u751f\u614b\u7cfb\u7d71\uff0c\u78ba\u4fdd\u6bcf\u4e00\u4f4d\u9032\u5165\u4f01\u696d\u7684\u4eba\u624d\u90fd\u662f\u771f\u6b63\u7684\u5373\u6230\u529b\u3002\r\n      <\/p>\r\n    <\/div>\r\n\r\n    <div class=\"refresher-grid\">\r\n\r\n      <!-- Image Side -->\r\n      <div class=\"reveal from-left\" style=\"position:relative;\">\r\n        <div class=\"refresher-img-wrap\">\r\n          <!-- IMAGE PLACEHOLDER: Workshop\/editorial photo (4:3) \u2014 women collaborating, warm editorial style -->\r\n          <div class=\"refresher-img-placeholder\">\r\n            <svg width=\"36\" height=\"36\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1\"><rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\"\/><circle cx=\"8.5\" cy=\"8.5\" r=\"1.5\"\/><path d=\"M21 15l-5-5L5 21\"\/><\/svg>\r\n            \u5de5\u4f5c\u574a\u7167\u7247<br>4:3 \u6a6b\u5e45<br>\u8de8\u4e16\u4ee3\u5973\u6027\u5354\u4f5c\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"refresher-deco\" aria-hidden=\"true\"><\/div>\r\n      <\/div>\r\n\r\n      <!-- Content Side -->\r\n      <div class=\"reveal from-right d2\">\r\n        <h3 class=\"refresher-content-title\">\u4e09\u500b\u968e\u6bb5\uff0c<br>\u91cd\u65b0\u5b9a\u7fa9\u59b3\u7684\u8077\u696d\u50f9\u503c\u3002<\/h3>\r\n        <p class=\"refresher-intro\">\r\n          \u6bcf\u4e00\u4f4d ELI \u5973\u6027\u90fd\u64c1\u6709\u73fe\u4ee3\u4f01\u696d\u6700\u9700\u8981\u7684\u6838\u5fc3\u8cc7\u7522\u2014\u2014\u6210\u719f\u7684\u5224\u65b7\u529b\u3001\u7a69\u5b9a\u7684\u5de5\u4f5c\u614b\u5ea6\u8207\u6df1\u539a\u7684\u8de8\u57df\u7d93\u9a57\u3002NTL \u7684\u89d2\u8272\uff0c\u662f\u5e6b\u52a9\u59b3\u628a\u9019\u4e9b\u8cc7\u7522\u8f49\u5316\u70ba\u5e02\u5834\u8a9e\u8a00\u3002\r\n        <\/p>\r\n\r\n        <div class=\"refresher-steps\">\r\n          <div class=\"refresher-step\">\r\n            <div class=\"refresher-step-num\">1<\/div>\r\n            <div>\r\n              <div class=\"refresher-step-en\">Reactivation<\/div>\r\n              <div class=\"refresher-step-title\">\u555f\u52d5\u6c89\u7761\u7684\u5c08\u696d\u50f9\u503c<\/div>\r\n              <p class=\"refresher-step-desc\">\u900f\u904e\u6df1\u5ea6\u8a55\u4f30\u8b58\u5225\u6bcf\u4f4d\u5973\u6027\u7684\u6838\u5fc3\u5c08\u696d\u512a\u52e2\uff0c\u91cd\u65b0\u5b9a\u4f4d\u8077\u696d\u65b9\u5411\uff0c\u8b93\u904e\u53bb\u7684\u7d93\u9a57\u6210\u70ba\u672a\u4f86\u7684\u8d77\u9ede\u3002<\/p>\r\n            <\/div>\r\n          <\/div>\r\n          <div class=\"refresher-step\">\r\n            <div class=\"refresher-step-num\">2<\/div>\r\n            <div>\r\n              <div class=\"refresher-step-en\">Enablement<\/div>\r\n              <div class=\"refresher-step-title\">\u88dd\u5099\u73fe\u4ee3\u8077\u5834\u80fd\u529b<\/div>\r\n              <p class=\"refresher-step-desc\">\u900f\u904e AI \u5de5\u5177\u61c9\u7528\u3001\u6578\u78bc\u5316\u5de5\u4f5c\u6d41\u7a0b\u8207\u73fe\u4ee3\u6e9d\u901a\u6280\u5de7\u7684\u7cfb\u7d71\u6027\u66f4\u65b0\uff0c\u78ba\u4fdd\u4eba\u624d\u80fd\u5920\u7121\u7e2b\u878d\u5165\u7576\u4ee3\u5de5\u4f5c\u74b0\u5883\u3002<\/p>\r\n            <\/div>\r\n          <\/div>\r\n          <div class=\"refresher-step\">\r\n            <div class=\"refresher-step-num\">3<\/div>\r\n            <div>\r\n              <div class=\"refresher-step-en\">Integration<\/div>\r\n              <div class=\"refresher-step-title\">\u5d4c\u5165\u771f\u5be6\u4f01\u696d\u5834\u666f<\/div>\r\n              <p class=\"refresher-step-desc\">\u5c07\u4eba\u624d\u653e\u9032\u771f\u5be6\u7684\u4f01\u696d\u71df\u904b\u5834\u666f\u4e2d\uff0c\u89e3\u6c7a\u5be6\u969b\u696d\u52d9\u554f\u984c\u3002\u9019\u662f\u6700\u6709\u6548\u7684\u80fd\u529b\u9a57\u8b49\uff0c\u4e5f\u662f\u4f01\u696d\u8207\u4eba\u624d\u5efa\u7acb\u4fe1\u4efb\u7684\u6700\u4f73\u65b9\u5f0f\u3002<\/p>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n  <\/div>\r\n<\/section>\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\u2550\r\n     SECTION 4 \u00b7 FEATURED ACTIVITIES\r\n     Objective: Show recent activities and community engagement.\r\n     Layout: 3 editorial cards.\r\n     Images: 3 activity images (16:9)\r\n     WordPress: Elementor Loop Grid (ACF\/CPT)\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\u2550 -->\r\n<section id=\"activities\" class=\"activities-section\">\r\n  <div class=\"wrap\">\r\n\r\n    <div class=\"activities-header\">\r\n      <div>\r\n        <span class=\"eyebrow-line\">Featured Activities<\/span>\r\n        <h2 class=\"section-title\">\u6700\u65b0\u6d3b\u52d5<\/h2>\r\n      <\/div>\r\n      <a href=\"#archive\" class=\"link-arrow\">\r\n        \u67e5\u770b\u5168\u90e8\u6d3b\u52d5\u8a18\u9304\r\n        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\r\n      <\/a>\r\n    <\/div>\r\n\r\n    <div class=\"activities-grid\">\r\n\r\n      <!-- Activity Card 1 -->\r\n      <div class=\"activity-card reveal d1\">\r\n        <div class=\"activity-img\">\r\n          <!-- IMAGE PLACEHOLDER: Activity photo (16:9) \u2014 workshop\/event scene -->\r\n          <div class=\"activity-img-placeholder\">\r\n            <svg width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1\"><rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\"\/><circle cx=\"8.5\" cy=\"8.5\" r=\"1.5\"\/><path d=\"M21 15l-5-5L5 21\"\/><\/svg>\r\n            \u6d3b\u52d5\u7167\u7247 16:9\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"activity-body\">\r\n          <div class=\"activity-meta\">\r\n            <span class=\"activity-date\">2026\u5e74 05\u6708<\/span>\r\n            <span class=\"activity-cat\">\u79d1\u6280\u8ce6\u80fd<\/span>\r\n          <\/div>\r\n          <h3 class=\"activity-title\">\u6c42\u8077 AI \u6e9d\u901a\u8853\u5de5\u4f5c\u574a<\/h3>\r\n          <p class=\"activity-desc\">\u638c\u63e1 AI \u6642\u4ee3\u7684\u6c42\u8077\u7b56\u7565\uff0c\u5b78\u7fd2\u5982\u4f55\u904b\u7528\u4eba\u5de5\u667a\u80fd\u5de5\u5177\u512a\u5316\u5c65\u6b77\u3001\u6e96\u5099\u9762\u8a66\uff0c\u5728\u7af6\u722d\u6fc0\u70c8\u7684\u8077\u5834\u4e2d\u812b\u7a4e\u800c\u51fa\u3002<\/p>\r\n          <a href=\"#\" class=\"link-arrow\">\r\n            \u4e86\u89e3\u8a73\u60c5\r\n            <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\r\n          <\/a>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Activity Card 2 -->\r\n      <div class=\"activity-card reveal d2\">\r\n        <div class=\"activity-img\">\r\n          <!-- IMAGE PLACEHOLDER: Activity photo (16:9) \u2014 recruitment fair scene -->\r\n          <div class=\"activity-img-placeholder\">\r\n            <svg width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1\"><rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\"\/><circle cx=\"8.5\" cy=\"8.5\" r=\"1.5\"\/><path d=\"M21 15l-5-5L5 21\"\/><\/svg>\r\n            \u6d3b\u52d5\u7167\u7247 16:9\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"activity-body\">\r\n          <div class=\"activity-meta\">\r\n            <span class=\"activity-date\">2026\u5e74 03\u6708<\/span>\r\n            <span class=\"activity-cat\">\u5c31\u696d\u9023\u7d50<\/span>\r\n          <\/div>\r\n          <h3 class=\"activity-title\">\u534a\u5929\u5be6\u7fd2\u751f\u9ad4\u9a57\uff08\u73fe\u4ee3\u667a\u80fd\u884c\u653f\u4e2d\u5fc3\uff09<\/h3>\r\n          <p class=\"activity-desc\">\u7121\u58d3\u529b\u5be6\u9ad4\u6f14\u7df4\uff0c\u8b93\u53c3\u8207\u8005\u5728\u771f\u5be6\u7684\u73fe\u4ee3\u8fa6\u516c\u74b0\u5883\u4e2d\u91cd\u62fe\u8077\u5834\u5de5\u4f5c\u7bc0\u594f\uff0c\u9ad4\u9a57\u667a\u80fd\u884c\u653f\u4e2d\u5fc3\u7684\u65e5\u5e38\u904b\u4f5c\u3002<\/p>\r\n          <a href=\"#\" class=\"link-arrow\">\r\n            \u4e86\u89e3\u8a73\u60c5\r\n            <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\r\n          <\/a>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Activity Card 3 -->\r\n      <div class=\"activity-card reveal d3\">\r\n        <div class=\"activity-img\">\r\n          <!-- IMAGE PLACEHOLDER: Activity photo (16:9) \u2014 communication workshop -->\r\n          <div class=\"activity-img-placeholder\">\r\n            <svg width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1\"><rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\"\/><circle cx=\"8.5\" cy=\"8.5\" r=\"1.5\"\/><path d=\"M21 15l-5-5L5 21\"\/><\/svg>\r\n            \u6d3b\u52d5\u7167\u7247 16:9\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"activity-body\">\r\n          <div class=\"activity-meta\">\r\n            <span class=\"activity-date\">2026\u5e74 04\u6708<\/span>\r\n            <span class=\"activity-cat\">\u8077\u6daf\u8f49\u578b<\/span>\r\n          <\/div>\r\n          <h3 class=\"activity-title\">\u8077\u5834\u9ad8\u6548\u6e9d\u901a\u8853<\/h3>\r\n          <p class=\"activity-desc\">\u900f\u904e\u8077\u5834\u60c5\u5883\u6f14\u7df4\u8207\u6210\u719f\u540c\u7406\u5fc3\u5f15\u5c0e\uff0c\u91cd\u5efa\u8de8\u4e16\u4ee3\u6e9d\u901a\u4fe1\u5fc3\uff0c\u8b93\u8c50\u5bcc\u7684\u4eba\u751f\u95b1\u6b77\u6210\u70ba\u8077\u5834\u6e9d\u901a\u7684\u6700\u5927\u512a\u52e2\u3002<\/p>\r\n          <a href=\"#\" class=\"link-arrow\">\r\n            \u4e86\u89e3\u8a73\u60c5\r\n            <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\r\n          <\/a>\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\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\u2550\r\n     SECTION 5 \u00b7 ACTIVITY ARCHIVE\r\n     Objective: Provide long-term track record.\r\n     Layout: Tab switcher + editorial archive table.\r\n     WordPress: Elementor Accordion or ACF Repeater (CPT)\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\u2550 -->\r\n<section id=\"archive\" class=\"archive-section\">\r\n  <div class=\"wrap\">\r\n\r\n    <div class=\"archive-header reveal\">\r\n      <span class=\"eyebrow-line\">Our Track Record<\/span>\r\n      <h2 class=\"section-title\">\u6301\u7e8c\u767c\u751f\u7684\u6539\u8b8a\uff1a<br>\u6211\u5011\u4e00\u8d77\u8d70\u904e\u7684\u8def<\/h2>\r\n      <p class=\"section-sub\" style=\"margin-top:1rem;\">\r\n        \u81ea 2024 \u5e74\u8d77\uff0cNTL \u8207\u591a\u500b\u793e\u6703\u6a5f\u69cb\u3001\u5927\u5b78\u53ca\u4f01\u696d\u5925\u4f34\u651c\u624b\uff0c\u70ba\u9999\u6e2f\u7684 ELI \u5973\u6027\u6301\u7e8c\u63d0\u4f9b\u8ce6\u80fd\u57f9\u8a13\u8207\u5c31\u696d\u652f\u63f4\u3002\r\n      <\/p>\r\n    <\/div>\r\n\r\n    <!-- Tab Buttons -->\r\n    <div class=\"archive-tabs reveal d1\">\r\n      <button class=\"archive-tab-btn active\" onclick=\"ntlSwitchTab('tab-workshop', this)\">\u79d1\u6280\u8ce6\u80fd\u5de5\u4f5c\u574a<\/button>\r\n      <button class=\"archive-tab-btn\" onclick=\"ntlSwitchTab('tab-transition', this)\">\u8077\u6daf\u8f49\u578b\u652f\u63f4<\/button>\r\n      <button class=\"archive-tab-btn\" onclick=\"ntlSwitchTab('tab-connection', this)\">\u5c31\u696d\u9023\u7d50\u6d3b\u52d5<\/button>\r\n    <\/div>\r\n\r\n    <!-- Tab Panel 1: Workshop -->\r\n    <div id=\"tab-workshop\" class=\"archive-panel active reveal d2\">\r\n      <table class=\"archive-table\">\r\n        <thead>\r\n          <tr>\r\n            <th style=\"width:28%;\">\u65e5\u671f<\/th>\r\n            <th>\u6d3b\u52d5\u4e3b\u984c<\/th>\r\n          <\/tr>\r\n        <\/thead>\r\n        <tbody>\r\n          <tr><td class=\"td-date\">2026\u5e74 05\u6708<\/td><td>\u6c42\u8077 AI \u6e9d\u901a\u8853\u5de5\u4f5c\u574a<\/td><\/tr>\r\n          <tr><td class=\"td-date\">2026\u5e74 04\u6708<\/td><td>\u8077\u5834\u9ad8\u6548\u6e9d\u901a\u8853\uff08\u8077\u5834\u60c5\u5883\u6f14\u7df4\u8207\u6210\u719f\u540c\u7406\u5fc3\u5f15\u5c0e\uff09<\/td><\/tr>\r\n          <tr><td class=\"td-date\">2026\u5e74 01\u6708<\/td><td>\u7528 AI \u5de5\u5177 + Canva \u6253\u9020\u5438\u775b\u5c65\u6b77\uff08\u9ad8\u983b\u52a0\u958b\u5834\uff09<\/td><\/tr>\r\n          <tr><td class=\"td-date\">2025\u5e74 11\u6708<\/td><td>\u7528 AI \u5de5\u5177 + Canva \u6253\u9020\u5438\u775b\u5c65\u6b77<\/td><\/tr>\r\n          <tr><td class=\"td-date\">2025\u5e74 10\u6708<\/td><td>Designing for Purpose: How Visuals Drive Social Change<\/td><\/tr>\r\n          <tr><td class=\"td-date\">2024\u5e74 11\u6708<\/td><td>\u7528 AI \u6253\u9020\u9583\u4eae CV \u5de5\u4f5c\u574a\uff08\u91cd\u5851\u6578\u4f4d\u6642\u4ee3\u8077\u5834\u5f62\u8c61\uff09<\/td><\/tr>\r\n        <\/tbody>\r\n      <\/table>\r\n    <\/div>\r\n\r\n    <!-- Tab Panel 2: Transition -->\r\n    <div id=\"tab-transition\" class=\"archive-panel reveal d2\">\r\n      <table class=\"archive-table\">\r\n        <thead>\r\n          <tr>\r\n            <th style=\"width:28%;\">\u65e5\u671f<\/th>\r\n            <th>\u6d3b\u52d5\u4e3b\u984c<\/th>\r\n          <\/tr>\r\n        <\/thead>\r\n        <tbody>\r\n          <tr><td class=\"td-date\">2026\u5e74 04\u6708<\/td><td>CV \u8aee\u8a62\uff08\u6301\u7e8c\u5728\u8077\u8ddf\u9032\u8207\u6d41\u7a0b\u8a3a\u65b7\uff09<\/td><\/tr>\r\n          <tr><td class=\"td-date\">2026\u5e74 03\u6708<\/td><td>CV \u8aee\u8a62\uff08\u6625\u5b63\u91cd\u8fd4\u5c08\u6848\uff09<\/td><\/tr>\r\n          <tr><td class=\"td-date\">2025\u5e74 12\u6708<\/td><td>\u6c42\u8077\u6280\u80fd\u63d0\u5347\u5de5\u4f5c\u574a\uff08\u81ea\u4fe1\u5fc3\u91cd\u8a13\u8207\u73fe\u4ee3\u5354\u4f5c\u6307\u5f15\uff09<\/td><\/tr>\r\n          <tr><td class=\"td-date\">2025\u5e74 11\u6708<\/td><td>CV \u8aee\u8a62\uff08\u4e00\u5c0d\u4e00\u5ba2\u88fd\u5316\u5c65\u6b77\u518d\u9020\u8207\u8077\u80fd\u4eae\u9ede\u6316\u6398\uff09<\/td><\/tr>\r\n          <tr><td class=\"td-date\">2025\u5e74 10\u6708<\/td><td>\u6c38\u751f\u82b1\u5de5\u4f5c\u574a\uff08\u8077\u5834\u5973\u6027\u8eab\u5fc3\u8ce6\u80fd\u8207\u540c\u5115\u4ea4\u6d41\u7a7a\u9593\uff09<\/td><\/tr>\r\n        <\/tbody>\r\n      <\/table>\r\n    <\/div>\r\n\r\n    <!-- Tab Panel 3: Connection -->\r\n    <div id=\"tab-connection\" class=\"archive-panel reveal d2\">\r\n      <table class=\"archive-table\">\r\n        <thead>\r\n          <tr>\r\n            <th style=\"width:28%;\">\u65e5\u671f<\/th>\r\n            <th>\u6d3b\u52d5\u4e3b\u984c<\/th>\r\n          <\/tr>\r\n        <\/thead>\r\n        <tbody>\r\n          <tr><td class=\"td-date\">2026\u5e74 03\u6708<\/td><td>\u534a\u5929\u5be6\u7fd2\u751f\u9ad4\u9a57\uff08\u73fe\u4ee3\u667a\u80fd\u884c\u653f\u4e2d\u5fc3\u5de5\u4f5c\u5be6\u6230\uff09<\/td><\/tr>\r\n          <tr><td class=\"td-date\">2026\u5e74 02\u6708<\/td><td>\u534a\u5929\u5be6\u7fd2\u751f\u9ad4\u9a57\uff08\u7121\u58d3\u529b\u5be6\u9ad4\u6f14\u7df4\uff0c\u91cd\u62fe\u8077\u5834\u5de5\u4f5c\u7bc0\u594f\uff09<\/td><\/tr>\r\n          <tr><td class=\"td-date\">2026\u5e74 02\u6708<\/td><td>\u5b9a\u5411\u5c31\u696d\u62db\u8058\u6703\uff08\u62d3\u5c55\u57fa\u5c64\u8207\u4e2d\u9ad8\u9f61\u793e\u7fa4\u89f8\u53ca\uff09<\/td><\/tr>\r\n          <tr><td class=\"td-date\">2025\u5e74 06\u6708<\/td><td>\u300c\u8077\u5834\u9023\u7dda\u300d\u62db\u8058\u6703\uff08\u958b\u555f\u4f01\u696d\u8207\u719f\u624b\u4eba\u624d\u7684\u76f4\u63a5\u5c0d\u8a71\uff09<\/td><\/tr>\r\n          <tr><td class=\"td-date\">2025\u5e74 02\u6708<\/td><td>\u8fce\u6625\u5c31\u696d\u62db\u8058\u6703\uff08\u7cbe\u6e96\u5a92\u5408\u8207\u73fe\u5834\u5373\u63d2\u5373\u7528\u8a55\u4f30\uff09<\/td><\/tr>\r\n        <\/tbody>\r\n      <\/table>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\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\u2550\r\n     SECTION 6 \u00b7 WOMEN STORIES\r\n     Objective: Provide inspiration and social proof.\r\n     Layout: 3 portrait editorial cards.\r\n     Images: 3 portrait images (4:5)\r\n     WordPress: Elementor Grid (CPT\/ACF)\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\u2550 -->\r\n<section id=\"stories\" class=\"stories-section\">\r\n  <div class=\"wrap\">\r\n\r\n    <div class=\"stories-header reveal\">\r\n      <span class=\"eyebrow-line\">Women Stories<\/span>\r\n      <h2 class=\"section-title\">\u5979\u5011\u505a\u5230\u4e86\u3002<br>\u59b3\u4e5f\u53ef\u4ee5\u3002<\/h2>\r\n      <p class=\"section-sub\" style=\"margin-top:1rem;\">\r\n        \u6bcf\u4e00\u500b\u91cd\u8fd4\u8077\u5834\u7684\u6545\u4e8b\uff0c\u90fd\u662f\u4e00\u6b21\u52c7\u6562\u7684\u9078\u64c7\u3002\u807d\u807d\u5979\u5011\u600e\u9ebc\u8aaa\u3002\r\n      <\/p>\r\n    <\/div>\r\n\r\n    <div class=\"stories-grid\">\r\n\r\n      <!-- Story 1: Dawn -->\r\n      <div class=\"story-card reveal d1\">\r\n        <div class=\"story-portrait\">\r\n          <!-- IMAGE PLACEHOLDER: Portrait photo (4:5) \u2014 Dawn, confident professional woman -->\r\n          <div class=\"story-portrait-placeholder\">\r\n            <svg width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1\"><circle cx=\"12\" cy=\"8\" r=\"4\"\/><path d=\"M4 20c0-4 3.6-7 8-7s8 3 8 7\"\/><\/svg>\r\n            \u4eba\u7269\u8096\u50cf<br>4:5 \u76f4\u5e45\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"story-body\">\r\n          <div class=\"story-role-from\">\u524d \u8cc7\u6df1\u7de8\u8f2f\u4e3b\u7ba1<\/div>\r\n          <div class=\"story-name\">Dawn<\/div>\r\n          <div class=\"story-role-now\">\u73fe\u4efb \u90e8\u9580\u884c\u653f<\/div>\r\n          <blockquote class=\"story-quote\">\r\n            \u300c\u53ea\u8981\u6709\u9069\u7576\u7684\u652f\u63f4\uff0c\u5f9e\u65b0\u958b\u59cb\u6c38\u9060\u4e0d\u6703\u592a\u665a\u3002\u300d\r\n          <\/blockquote>\r\n          <a href=\"#\" class=\"link-arrow\">\r\n            \u95b1\u8b80\u5b8c\u6574\u6545\u4e8b\r\n            <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\r\n          <\/a>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Story 2: Jacki -->\r\n      <div class=\"story-card reveal d2\">\r\n        <div class=\"story-portrait\">\r\n          <!-- IMAGE PLACEHOLDER: Portrait photo (4:5) \u2014 Jacki, aviation professional -->\r\n          <div class=\"story-portrait-placeholder\">\r\n            <svg width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1\"><circle cx=\"12\" cy=\"8\" r=\"4\"\/><path d=\"M4 20c0-4 3.6-7 8-7s8 3 8 7\"\/><\/svg>\r\n            \u4eba\u7269\u8096\u50cf<br>4:5 \u76f4\u5e45\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"story-body\">\r\n          <div class=\"story-role-from\">\u524d 15 \u5e74\u822a\u7a7a\u8cc7\u6df1\u5c08\u5bb6<\/div>\r\n          <div class=\"story-name\">Jacki<\/div>\r\n          <div class=\"story-role-now\">\u73fe\u4efb \u9805\u76ee\u7d71\u7c4c<\/div>\r\n          <blockquote class=\"story-quote\">\r\n            \u300c\u6211\u4ee5\u70ba\u63db\u884c\u696d\u662f\u6700\u96e3\u7684\u90e8\u5206\uff0c\u4f46 NTL \u8b93\u6211\u770b\u898b\uff0c\u6211\u7684\u80fd\u529b\u6bd4\u6211\u60f3\u50cf\u7684\u66f4\u6709\u5f48\u6027\u3002\u300d\r\n          <\/blockquote>\r\n          <a href=\"#\" class=\"link-arrow\">\r\n            \u95b1\u8b80\u5b8c\u6574\u6545\u4e8b\r\n            <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\r\n          <\/a>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Story 3: Romy -->\r\n      <div class=\"story-card reveal d3\">\r\n        <div class=\"story-portrait\">\r\n          <!-- IMAGE PLACEHOLDER: Portrait photo (4:5) \u2014 Romy, returnship professional -->\r\n          <div class=\"story-portrait-placeholder\">\r\n            <svg width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1\"><circle cx=\"12\" cy=\"8\" r=\"4\"\/><path d=\"M4 20c0-4 3.6-7 8-7s8 3 8 7\"\/><\/svg>\r\n            \u4eba\u7269\u8096\u50cf<br>4:5 \u76f4\u5e45\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"story-body\">\r\n          <div class=\"story-role-from\">\u524d \u56de\u6b78\u5bb6\u5ead\u6578\u5e74<\/div>\r\n          <div class=\"story-name\">Romy<\/div>\r\n          <div class=\"story-role-now\">\u73fe\u4efb \u9805\u76ee\u6838\u5fc3\u5c08\u54e1<\/div>\r\n          <blockquote class=\"story-quote\">\r\n            \u300c\u6211\u6c92\u60f3\u5230\u81ea\u5df1\u80fd\u9019\u9ebc\u5feb\u878d\u5165\u3002NTL \u4e00\u76f4\u5728\u6211\u8eab\u908a\uff0c\u8b93\u6211\u6709\u52c7\u6c23\u5617\u8a66\u3002\u300d\r\n          <\/blockquote>\r\n          <a href=\"#\" class=\"link-arrow\">\r\n            \u95b1\u8b80\u5b8c\u6574\u6545\u4e8b\r\n            <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\r\n          <\/a>\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\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\u2550\r\n     SECTION 7 \u00b7 COMMUNITY\r\n     Objective: Create belonging \u2014 \"You are not alone.\"\r\n     Layout: 2-column \u2014 editorial text left, image collage right.\r\n     Images: 4-6 community images\r\n     WordPress: Elementor 2-column + Gallery widget\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\u2550 -->\r\n<section id=\"community\" class=\"community-section\">\r\n  <div class=\"community-deco-1\" aria-hidden=\"true\"><\/div>\r\n  <div class=\"community-deco-2\" aria-hidden=\"true\"><\/div>\r\n\r\n  <div class=\"wrap\">\r\n    <div class=\"community-grid\">\r\n\r\n      <!-- Left: Editorial Text -->\r\n      <div class=\"reveal from-left\">\r\n        <span class=\"community-eyebrow\">Our Community<\/span>\r\n        <h2 class=\"community-title\">\u6e96\u5099\u597d\u91cd\u65b0\u51fa\u767c\u4e86\u55ce\uff1f<\/h2>\r\n        <p class=\"community-body\">\r\n          \u7121\u8ad6\u59b3\u96e2\u958b\u8077\u5834\u591a\u4e45\uff0c\u59b3\u7684\u7d93\u9a57\u5f9e\u672a\u904e\u671f\u3002\u7acb\u5373\u806f\u7d61 NTL\uff0c\u8b93\u6211\u5011\u4e00\u8d77\u627e\u5230\u5c6c\u65bc\u59b3\u7684\u91cd\u8fd4\u4e4b\u8def\u3002\r\n        <\/p>\r\n        <div style=\"display:flex;flex-wrap:wrap;gap:1rem;\">\r\n          <a href=\"mailto:info@ntl-recruit.hk?subject=\u52a0\u5165NTL\u793e\u7fa4\" class=\"btn-ghost-white\">\r\n            \u63d0\u4ea4\u5c65\u6b77\r\n            <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\r\n          <\/a>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n<\/div><!-- \/.ntl-page -->\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\u2550\r\n     JAVASCRIPT: Scroll Reveal + Tab Switcher + Smooth Scroll\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\u2550 -->\r\n<script>\r\n(function(){\r\n  \/* \u2500\u2500 Smooth Scroll for anchor links \u2500\u2500 *\/\r\n  document.querySelectorAll('.ntl-page a[href^=\"#\"]').forEach(function(anchor){\r\n    anchor.addEventListener('click', function(e){\r\n      var target = document.querySelector(this.getAttribute('href'));\r\n      if (target) {\r\n        e.preventDefault();\r\n        target.scrollIntoView({ behavior: 'smooth', block: 'start' });\r\n      }\r\n    });\r\n  });\r\n\r\n  \/* \u2500\u2500 Scroll Reveal \u2500\u2500 *\/\r\n  var revealEls = document.querySelectorAll('.ntl-page .reveal');\r\n  if ('IntersectionObserver' in window) {\r\n    var observer = new IntersectionObserver(function(entries){\r\n      entries.forEach(function(entry){\r\n        if (entry.isIntersecting) {\r\n          entry.target.classList.add('visible');\r\n          observer.unobserve(entry.target);\r\n        }\r\n      });\r\n    }, { threshold: 0.12, rootMargin: '0px 0px -40px 0px' });\r\n    revealEls.forEach(function(el){ observer.observe(el); });\r\n  } else {\r\n    revealEls.forEach(function(el){ el.classList.add('visible'); });\r\n  }\r\n\r\n  \/* \u2500\u2500 Archive Tab Switcher \u2500\u2500 *\/\r\n  window.ntlSwitchTab = function(activeId, clickedBtn) {\r\n    var panels = document.querySelectorAll('.ntl-page .archive-panel');\r\n    panels.forEach(function(p){ p.classList.remove('active'); });\r\n\r\n    var btns = document.querySelectorAll('.ntl-page .archive-tab-btn');\r\n    btns.forEach(function(b){ b.classList.remove('active'); });\r\n\r\n    var activePanel = document.getElementById(activeId);\r\n    if (activePanel) activePanel.classList.add('active');\r\n    if (clickedBtn) clickedBtn.classList.add('active');\r\n  };\r\n})();\r\n<\/script>\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>NTL Experience Refresher &nbsp;\u00b7&nbsp; Boutique Workforce Strategy \u59b3\u7684\u7d93\u9a57\uff0c \u5f9e\u672a\u904e\u671f\u3002 \u96e2\u958b\u8077\u5834\uff0c\u4e0d\u4ee3\u8868\u5931\u53bb\u50f9\u503c\u3002 NTL \u7d93\u9a57\u518d\u9020\u793e\u76f8\u4fe1\uff1a\u6bcf\u4e00\u4f4d\u5177\u5099\u6210\u719f\u6b77\u7df4\u7684\u5973\u6027\uff0c\u90fd\u64c1\u6709\u73fe\u4ee3\u4f01\u696d\u6700\u9700\u8981\u7684\u5224\u65b7\u529b\u3001\u7a69\u5b9a\u6027\u8207\u540c\u7406\u5fc3\u3002\u6211\u5011\u5728\u9019\u88e1\uff0c\u966a\u59b3\u91cd\u65b0\u51fa\u767c\u3002 \u63a2\u7d22\u91cd\u8fd4\u4e4b\u8def \u4e86\u89e3\u6210\u529f\u6545\u4e8b #\u7d93\u9a57\u578b\u5973\u6027\u4eba\u624d #\u6210\u719f\u8077\u5834\u5224\u65b7\u529b #\u8cc7\u6df1\u5973\u6027\u5c31\u696d #\u5973\u6027\u91cd\u8fd4\u8077\u5834 \u8096\u50cf\u7167\u72474:5 \u76f4\u5e45\u5c08\u696d\u5973\u6027\u5f62\u8c61 NTL \u7d93\u9a57\u518d\u9020\u793e \u5982\u4f55\u78ba\u4fdd\u4eba\u624d\u8cea\u91cf\uff1f \u9019\u4e0d\u662f\u50b3\u7d71\u7684\u8077\u696d\u57f9\u8a13\u3002NTL \u7d93\u9a57\u518d\u9020\u793e\u662f\u4e00\u500b\u6574\u5408\u300c\u80fd\u529b\u66f4\u65b0\u3001\u8de8\u4e16\u4ee3\u5171\u5b78\u3001\u5be6\u969b\u5de5\u4f5c\u6a5f\u6703\u300d\u7684\u5b8c\u6574\u751f\u614b\u7cfb\u7d71\uff0c\u78ba\u4fdd\u6bcf\u4e00\u4f4d\u9032\u5165\u4f01\u696d\u7684\u4eba\u624d\u90fd\u662f\u771f\u6b63\u7684\u5373\u6230\u529b\u3002 \u5de5\u4f5c\u574a\u7167\u72474:3 \u6a6b\u5e45\u8de8\u4e16\u4ee3\u5973\u6027\u5354\u4f5c \u4e09\u500b\u968e\u6bb5\uff0c\u91cd\u65b0\u5b9a\u7fa9\u59b3\u7684\u8077\u696d\u50f9\u503c\u3002 \u6bcf\u4e00\u4f4d ELI \u5973\u6027\u90fd\u64c1\u6709\u73fe\u4ee3\u4f01\u696d\u6700\u9700\u8981\u7684\u6838\u5fc3\u8cc7\u7522\u2014\u2014\u6210\u719f\u7684\u5224\u65b7\u529b\u3001\u7a69\u5b9a\u7684\u5de5\u4f5c\u614b\u5ea6\u8207\u6df1\u539a\u7684\u8de8\u57df\u7d93\u9a57\u3002NTL \u7684\u89d2\u8272\uff0c\u662f\u5e6b\u52a9\u59b3\u628a\u9019\u4e9b\u8cc7\u7522\u8f49\u5316\u70ba\u5e02\u5834\u8a9e\u8a00\u3002 1 Reactivation \u555f\u52d5\u6c89\u7761\u7684\u5c08\u696d\u50f9\u503c \u900f\u904e\u6df1\u5ea6\u8a55\u4f30\u8b58\u5225\u6bcf\u4f4d\u5973\u6027\u7684\u6838\u5fc3\u5c08\u696d\u512a\u52e2\uff0c\u91cd\u65b0\u5b9a\u4f4d\u8077\u696d\u65b9\u5411\uff0c\u8b93\u904e\u53bb\u7684\u7d93\u9a57\u6210\u70ba\u672a\u4f86\u7684\u8d77\u9ede\u3002 2 Enablement \u88dd\u5099\u73fe\u4ee3\u8077\u5834\u80fd\u529b \u900f\u904e AI \u5de5\u5177\u61c9\u7528\u3001\u6578\u78bc\u5316\u5de5\u4f5c\u6d41\u7a0b\u8207\u73fe\u4ee3\u6e9d\u901a\u6280\u5de7\u7684\u7cfb\u7d71\u6027\u66f4\u65b0\uff0c\u78ba\u4fdd\u4eba\u624d\u80fd\u5920\u7121\u7e2b\u878d\u5165\u7576\u4ee3\u5de5\u4f5c\u74b0\u5883\u3002 3 Integration \u5d4c\u5165\u771f\u5be6\u4f01\u696d\u5834\u666f \u5c07\u4eba\u624d\u653e\u9032\u771f\u5be6\u7684\u4f01\u696d\u71df\u904b\u5834\u666f\u4e2d\uff0c\u89e3\u6c7a\u5be6\u969b\u696d\u52d9\u554f\u984c\u3002\u9019\u662f\u6700\u6709\u6548\u7684\u80fd\u529b\u9a57\u8b49\uff0c\u4e5f\u662f\u4f01\u696d\u8207\u4eba\u624d\u5efa\u7acb\u4fe1\u4efb\u7684\u6700\u4f73\u65b9\u5f0f\u3002 Featured Activities \u6700\u65b0\u6d3b\u52d5 \u67e5\u770b\u5168\u90e8\u6d3b\u52d5\u8a18\u9304 \u6d3b\u52d5\u7167\u7247 16:9 2026\u5e74 05\u6708 \u79d1\u6280\u8ce6\u80fd [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-no-title","meta":{"_acf_changed":false,"_angie_page":false,"footnotes":""},"class_list":["post-72","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/staging.ntl-recruit.hk\/index.php?rest_route=\/wp\/v2\/pages\/72","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/staging.ntl-recruit.hk\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/staging.ntl-recruit.hk\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/staging.ntl-recruit.hk\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/staging.ntl-recruit.hk\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=72"}],"version-history":[{"count":18,"href":"https:\/\/staging.ntl-recruit.hk\/index.php?rest_route=\/wp\/v2\/pages\/72\/revisions"}],"predecessor-version":[{"id":624,"href":"https:\/\/staging.ntl-recruit.hk\/index.php?rest_route=\/wp\/v2\/pages\/72\/revisions\/624"}],"wp:attachment":[{"href":"https:\/\/staging.ntl-recruit.hk\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=72"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}