{"id":11,"date":"2026-10-02T09:43:12","date_gmt":"2026-10-02T09:43:12","guid":{"rendered":"https:\/\/cdtmaker.club\/?page_id=11"},"modified":"2026-10-30T21:53:25","modified_gmt":"2026-10-30T21:53:25","slug":"home","status":"publish","type":"page","link":"https:\/\/cdtmaker.club\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"11\" class=\"elementor elementor-11\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d8484a3 e-con-full e-flex e-con e-parent\" data-id=\"d8484a3\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-503bda3 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"503bda3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n<!-- CDT MAKER CLUB \u2014 HERO LANDING PAGE -->\r\n<section class=\"cdt-hero\" aria-labelledby=\"cdt-hero-title\">\r\n\r\n<style>\r\n.cdt-hero,\r\n.cdt-hero * {\r\n  box-sizing: border-box;\r\n}\r\n\r\n.cdt-hero {\r\n  --bg: #06191D;\r\n  --teal: #00B8AA;\r\n  --gold: #F3D09A;\r\n  --white: #FFFFFF;\r\n  --muted: #B8C5C8;\r\n\r\n  position: relative;\r\n  isolation: isolate;\r\n  overflow: hidden;\r\n  width: 100%;\r\n  margin: 0 !important;\r\n  padding: 0 !important;\r\n  color: var(--white);\r\n\r\n  \/* MATCHES THE SECOND SECTION *\/\r\n  background: #06191D !important;\r\n\r\n  font-family: 'Inter', Arial, sans-serif;\r\n}\r\n\r\n.cdt-hero a {\r\n  text-decoration: none !important;\r\n}\r\n\r\n.cdt-hero-shell {\r\n  width: 100%;\r\n  max-width: 1600px;\r\n  margin: 0 auto;\r\n}\r\n\r\n\/* HERO LAYOUT *\/\r\n.cdt-hero-main {\r\n  display: grid;\r\n  grid-template-columns: minmax(0,.88fr) minmax(0,1.12fr);\r\n  align-items: center;\r\n  gap: clamp(22px,3vw,40px);\r\n  min-height: 0;\r\n  padding: clamp(24px,4vw,48px) clamp(20px,4vw,64px) 36px;\r\n}\r\n\r\n.cdt-hero-copy {\r\n  position: relative;\r\n  z-index: 2;\r\n  min-width: 0;\r\n  animation: cdt-copy-enter .85s cubic-bezier(.2,.75,.25,1) both;\r\n}\r\n\r\n\/* MAIN HEADING *\/\r\n.cdt-hero-title {\r\n  margin: 0;\r\n  color: var(--white);\r\n  font-size: clamp(42px,5.15vw,78px);\r\n  font-weight: 950;\r\n  line-height: .99;\r\n  letter-spacing: -.055em;\r\n}\r\n\r\n.cdt-hero-title span {\r\n  display: block;\r\n}\r\n\r\n.cdt-hero-title .cdt-accent {\r\n  color: var(--teal);\r\n}\r\n\r\n\/* TAGLINE *\/\r\n.cdt-hero-tagline {\r\n  margin: 16px 0 10px;\r\n  color: var(--gold);\r\n  font-size: clamp(21px,2.35vw,32px);\r\n  font-weight: 800;\r\n  line-height: 1.15;\r\n}\r\n\r\n\/* DESCRIPTION *\/\r\n.cdt-hero-description {\r\n  max-width: 500px;\r\n  margin: 0;\r\n  color: var(--muted);\r\n  font-size: 15px;\r\n  line-height: 1.8;\r\n}\r\n\r\n\/* BUTTONS *\/\r\n.cdt-hero-actions {\r\n  display: flex;\r\n  flex-wrap: wrap;\r\n  align-items: center;\r\n  gap: 12px;\r\n  margin-top: 20px;\r\n}\r\n\r\n.cdt-hero-button {\r\n  position: relative;\r\n  overflow: hidden;\r\n  min-height: 54px;\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  padding: 0 24px;\r\n  border: 1px solid transparent;\r\n  border-radius: 999px;\r\n  font-size: 10px;\r\n  font-weight: 900;\r\n  letter-spacing: 1px;\r\n  transition: transform .25s ease, background .25s ease,\r\n    border-color .25s ease, color .25s ease,\r\n    box-shadow .25s ease;\r\n  -webkit-tap-highlight-color: transparent;\r\n}\r\n\r\n.cdt-hero-button::before {\r\n  content: \"\";\r\n  position: absolute;\r\n  inset: 0;\r\n  background: linear-gradient(\r\n    110deg,\r\n    transparent 20%,\r\n    rgba(255,255,255,.25) 48%,\r\n    transparent 72%\r\n  );\r\n  transform: translateX(-130%);\r\n  transition: transform .65s ease;\r\n  pointer-events: none;\r\n}\r\n\r\n.cdt-hero-button:hover::before,\r\n.cdt-hero-button:focus-visible::before {\r\n  transform: translateX(130%);\r\n}\r\n\r\n.cdt-hero-button:hover {\r\n  transform: translateY(-3px);\r\n  box-shadow: 0 10px 28px rgba(0,184,170,.18);\r\n}\r\n\r\n.cdt-hero-button:active {\r\n  transform: scale(.97);\r\n}\r\n\r\n.cdt-hero-button:focus-visible,\r\n.cdt-hero-photo-link:focus-visible {\r\n  outline: 3px solid var(--gold);\r\n  outline-offset: 4px;\r\n}\r\n\r\n.cdt-hero-button-primary {\r\n  background: var(--teal);\r\n  color: #001313 !important;\r\n}\r\n\r\n.cdt-hero-button-primary:hover {\r\n  background: #16cbbd;\r\n}\r\n\r\n.cdt-hero-button-secondary {\r\n  background: transparent;\r\n  border-color: rgba(243,208,154,.8);\r\n  color: var(--white) !important;\r\n}\r\n\r\n.cdt-hero-button-secondary:hover {\r\n  border-color: var(--gold);\r\n  color: var(--gold) !important;\r\n  box-shadow: 0 10px 28px rgba(243,208,154,.12);\r\n}\r\n\r\n\/* IMAGE COLLAGE *\/\r\n.cdt-hero-art {\r\n  position: relative;\r\n  min-width: 0;\r\n  width: 100%;\r\n  height: clamp(360px,38vw,540px);\r\n  isolation: isolate;\r\n  animation: cdt-art-enter 1s .12s cubic-bezier(.2,.75,.25,1) both;\r\n}\r\n\r\n.cdt-hero-art::before {\r\n  content: \"\";\r\n  position: absolute;\r\n  z-index: -2;\r\n  inset: 8% 4% 4% 2%;\r\n  border: 1px solid rgba(0,184,170,.32);\r\n  border-radius: 46% 54% 42% 58% \/ 42% 38% 62% 58%;\r\n  transform: rotate(-8deg);\r\n  animation: cdt-orbit-morph 14s ease-in-out infinite alternate;\r\n}\r\n\r\n\/* No extra background glow *\/\r\n.cdt-hero-art::after {\r\n  content: \"\";\r\n  position: absolute;\r\n  z-index: -1;\r\n  inset: 0;\r\n  pointer-events: none;\r\n  background: none;\r\n}\r\n\r\n\/* PHOTO BASE *\/\r\n.cdt-hero-photo {\r\n  position: absolute;\r\n  overflow: hidden;\r\n  border: 1px solid rgba(0,184,170,.75);\r\n  background-color: #06191D;\r\n  background-size: cover;\r\n  background-position: center;\r\n  box-shadow: 0 20px 60px rgba(0,0,0,.28);\r\n  pointer-events: none;\r\n  transition: transform .55s cubic-bezier(.2,.75,.25,1),\r\n    border-color .35s ease,\r\n    box-shadow .35s ease,\r\n    filter .35s ease;\r\n  will-change: transform;\r\n}\r\n\r\n\/* MAIN IMAGE *\/\r\n.cdt-hero-photo-main {\r\n  left: 4%;\r\n  top: 10%;\r\n  width: 72%;\r\n  height: 78%;\r\n  border-radius: 34% 9% 24% 9% \/ 18% 8% 20% 8%;\r\n  clip-path: polygon(20% 0,100% 0,82% 100%,0 86%);\r\n  background-image: url(\"https:\/\/cdtmaker.club\/wp-content\/uploads\/2026\/10\/PXL_20260803_113501058.MP_-scaled.webp\");\r\n  animation: cdt-photo-float-main 7s ease-in-out infinite;\r\n}\r\n\r\n\/* TOP IMAGE *\/\r\n.cdt-hero-photo-top {\r\n  right: 1%;\r\n  top: 4%;\r\n  width: 29%;\r\n  height: 31%;\r\n  border-radius: 28px 8px 28px 8px;\r\n  transform: rotate(3deg);\r\n  background-image: url(\"https:\/\/cdtmaker.club\/wp-content\/uploads\/2026\/10\/WhatsApp-Image-2026-08-24-at-7.23.16-PM-scaled.webp\");\r\n  animation: cdt-photo-float-top 8s ease-in-out infinite;\r\n}\r\n\r\n\/* BOTTOM IMAGE *\/\r\n.cdt-hero-photo-bottom {\r\n  right: 0;\r\n  bottom: 7%;\r\n  width: 30%;\r\n  height: 32%;\r\n  border-radius: 8px 28px 8px 28px;\r\n  transform: rotate(-4deg);\r\n  background-image: url(\"https:\/\/cdtmaker.club\/wp-content\/uploads\/2026\/10\/PXL_20260803_113447260-scaled.webp\");\r\n  animation: cdt-photo-float-bottom 9s ease-in-out infinite;\r\n}\r\n\r\n.cdt-hero-photo-main::after {\r\n  content: \"\";\r\n  position: absolute;\r\n  inset: 0;\r\n  background: linear-gradient(\r\n    180deg,\r\n    transparent 55%,\r\n    rgba(2,9,9,.18)\r\n  );\r\n}\r\n\r\n\/* CLICKABLE IMAGE AREAS *\/\r\n.cdt-hero-photo-link {\r\n  position: absolute;\r\n  z-index: 5;\r\n  display: block;\r\n  cursor: pointer;\r\n  background: transparent;\r\n  -webkit-tap-highlight-color: transparent;\r\n  border-radius: 12px;\r\n}\r\n\r\n.cdt-hero-photo-link-main {\r\n  left: 4%;\r\n  top: 10%;\r\n  width: 72%;\r\n  height: 78%;\r\n  clip-path: polygon(20% 0,100% 0,82% 100%,0 86%);\r\n}\r\n\r\n.cdt-hero-photo-link-top {\r\n  right: 1%;\r\n  top: 4%;\r\n  width: 29%;\r\n  height: 31%;\r\n  transform: rotate(3deg);\r\n}\r\n\r\n.cdt-hero-photo-link-bottom {\r\n  right: 0;\r\n  bottom: 7%;\r\n  width: 30%;\r\n  height: 32%;\r\n  transform: rotate(-4deg);\r\n}\r\n\r\n\/* IMAGE HOVER EFFECTS *\/\r\n.cdt-hero-art:has(.cdt-hero-photo-link-main:hover) .cdt-hero-photo-main,\r\n.cdt-hero-art:has(.cdt-hero-photo-link-main:focus-visible) .cdt-hero-photo-main {\r\n  transform: scale(1.035) translateY(-4px);\r\n  border-color: var(--gold);\r\n  box-shadow: 0 24px 70px rgba(0,184,170,.24);\r\n  filter: saturate(1.12);\r\n}\r\n\r\n.cdt-hero-art:has(.cdt-hero-photo-link-top:hover) .cdt-hero-photo-top,\r\n.cdt-hero-art:has(.cdt-hero-photo-link-top:focus-visible) .cdt-hero-photo-top {\r\n  transform: rotate(0deg) scale(1.08);\r\n  border-color: var(--gold);\r\n  box-shadow: 0 18px 45px rgba(243,208,154,.18);\r\n}\r\n\r\n.cdt-hero-art:has(.cdt-hero-photo-link-bottom:hover) .cdt-hero-photo-bottom,\r\n.cdt-hero-art:has(.cdt-hero-photo-link-bottom:focus-visible) .cdt-hero-photo-bottom {\r\n  transform: rotate(0deg) scale(1.07);\r\n  border-color: var(--gold);\r\n  box-shadow: 0 18px 45px rgba(0,184,170,.22);\r\n}\r\n\r\n.cdt-hero-art:has(.cdt-hero-photo-link-main:active) .cdt-hero-photo-main,\r\n.cdt-hero-art:has(.cdt-hero-photo-link-top:active) .cdt-hero-photo-top,\r\n.cdt-hero-art:has(.cdt-hero-photo-link-bottom:active) .cdt-hero-photo-bottom {\r\n  filter: brightness(1.16);\r\n}\r\n\r\n\/* DOT DECORATION *\/\r\n.cdt-hero-dots {\r\n  position: absolute;\r\n  right: -1%;\r\n  top: 35%;\r\n  width: 75px;\r\n  height: 120px;\r\n  background-image: radial-gradient(var(--teal) 1.2px,transparent 1.2px);\r\n  background-size: 13px 13px;\r\n  opacity: .5;\r\n  pointer-events: none;\r\n  animation: cdt-dots-pulse 5s ease-in-out infinite;\r\n}\r\n\r\n\/* ANIMATIONS *\/\r\n@keyframes cdt-copy-enter {\r\n  from {\r\n    opacity: 0;\r\n    transform: translateY(22px);\r\n  }\r\n  to {\r\n    opacity: 1;\r\n    transform: translateY(0);\r\n  }\r\n}\r\n\r\n@keyframes cdt-art-enter {\r\n  from {\r\n    opacity: 0;\r\n    transform: translateX(24px) scale(.985);\r\n  }\r\n  to {\r\n    opacity: 1;\r\n    transform: translateX(0) scale(1);\r\n  }\r\n}\r\n\r\n@keyframes cdt-photo-float-main {\r\n  0%,100% { translate: 0 0; }\r\n  50% { translate: 0 -7px; }\r\n}\r\n\r\n@keyframes cdt-photo-float-top {\r\n  0%,100% { translate: 0 0; }\r\n  50% { translate: 0 -9px; }\r\n}\r\n\r\n@keyframes cdt-photo-float-bottom {\r\n  0%,100% { translate: 0 0; }\r\n  50% { translate: 0 8px; }\r\n}\r\n\r\n@keyframes cdt-orbit-morph {\r\n  0% {\r\n    border-radius: 46% 54% 42% 58% \/ 42% 38% 62% 58%;\r\n    transform: rotate(-8deg) scale(1);\r\n  }\r\n  100% {\r\n    border-radius: 52% 48% 56% 44% \/ 48% 58% 42% 52%;\r\n    transform: rotate(-3deg) scale(1.025);\r\n  }\r\n}\r\n\r\n@keyframes cdt-dots-pulse {\r\n  0%,100% { opacity: .3; }\r\n  50% { opacity: .65; }\r\n}\r\n\r\n\/* TABLET *\/\r\n@media(max-width:1050px) {\r\n  .cdt-hero-main {\r\n    padding-inline: 4%;\r\n    gap: 22px;\r\n  }\r\n\r\n  .cdt-hero-title {\r\n    font-size: clamp(40px,5.4vw,60px);\r\n  }\r\n\r\n  .cdt-hero-button {\r\n    padding-inline: 18px;\r\n  }\r\n}\r\n\r\n\/* MOBILE *\/\r\n@media(max-width:760px) {\r\n  .cdt-hero-main {\r\n    grid-template-columns: minmax(0,1fr);\r\n    gap: 20px;\r\n    padding: 30px 18px 28px;\r\n  }\r\n\r\n  .cdt-hero-title {\r\n    font-size: clamp(43px,10vw,68px);\r\n    letter-spacing: -.05em;\r\n  }\r\n\r\n  .cdt-hero-tagline {\r\n    font-size: 25px;\r\n    margin: 14px 0 10px;\r\n  }\r\n\r\n  .cdt-hero-description {\r\n    font-size: 14px;\r\n  }\r\n\r\n  .cdt-hero-actions {\r\n    display: grid;\r\n    grid-template-columns: 1fr;\r\n    gap: 10px;\r\n    margin-top: 18px;\r\n  }\r\n\r\n  .cdt-hero-button {\r\n    width: 100%;\r\n    min-height: 52px;\r\n  }\r\n\r\n  .cdt-hero-art {\r\n    height: clamp(300px,82vw,430px);\r\n  }\r\n\r\n  .cdt-hero-photo-main {\r\n    left: 1%;\r\n    top: 10%;\r\n    width: 79%;\r\n    height: 76%;\r\n  }\r\n\r\n  .cdt-hero-photo-top {\r\n    right: 0;\r\n    width: 29%;\r\n    height: 29%;\r\n  }\r\n\r\n  .cdt-hero-photo-bottom {\r\n    right: 0;\r\n    width: 31%;\r\n    height: 30%;\r\n  }\r\n\r\n  .cdt-hero-photo-link-main {\r\n    left: 1%;\r\n    top: 10%;\r\n    width: 79%;\r\n    height: 76%;\r\n  }\r\n\r\n  .cdt-hero-photo-link-top {\r\n    right: 0;\r\n    top: 4%;\r\n    width: 29%;\r\n    height: 29%;\r\n  }\r\n\r\n  .cdt-hero-photo-link-bottom {\r\n    right: 0;\r\n    bottom: 7%;\r\n    width: 31%;\r\n    height: 30%;\r\n  }\r\n}\r\n\r\n@media(max-width:390px) {\r\n  .cdt-hero-title {\r\n    font-size: 39px;\r\n  }\r\n\r\n  .cdt-hero-art {\r\n    height: 310px;\r\n  }\r\n}\r\n\r\n\/* ACCESSIBILITY *\/\r\n@media(prefers-reduced-motion:reduce) {\r\n  .cdt-hero-copy,\r\n  .cdt-hero-art,\r\n  .cdt-hero-photo,\r\n  .cdt-hero-art::before,\r\n  .cdt-hero-dots {\r\n    animation: none !important;\r\n    transition: none !important;\r\n  }\r\n}\r\n\r\n\/* ELEMENTOR SPACING *\/\r\n.elementor-widget-html:has(.cdt-hero),\r\n.elementor-widget-html:has(.cdt-hero) .elementor-widget-container {\r\n  margin-bottom: 0 !important;\r\n}\r\n<\/style>\r\n\r\n<div class=\"cdt-hero-shell\">\r\n\r\n  <main class=\"cdt-hero-main\">\r\n\r\n    <!-- LEFT CONTENT -->\r\n    <div class=\"cdt-hero-copy\">\r\n\r\n      <h1 class=\"cdt-hero-title\" id=\"cdt-hero-title\">\r\n        <span>WE MAKE.<\/span>\r\n        <span class=\"cdt-accent\">WE CREATE.<\/span>\r\n        <span>WE INVENT.<\/span>\r\n        <span class=\"cdt-accent\">WE REPAIR.<\/span>\r\n      <\/h1>\r\n\r\n      <p class=\"cdt-hero-tagline\">\r\n        Where ideas become things.\r\n      <\/p>\r\n\r\n      <p class=\"cdt-hero-description\">\r\n        A creative community where students can learn,\r\n        experiment, build and turn ideas into real-world projects.\r\n      <\/p>\r\n\r\n      <div class=\"cdt-hero-actions\">\r\n\r\n        <a class=\"cdt-hero-button cdt-hero-button-primary\"\r\n           href=\"\/sessions\/\">\r\n          EXPLORE SESSIONS\r\n        <\/a>\r\n\r\n        <a class=\"cdt-hero-button cdt-hero-button-secondary\"\r\n           href=\"\/projects\/\">\r\n          SEE WHAT WE MAKE\r\n        <\/a>\r\n\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- RIGHT IMAGE COLLAGE -->\r\n    <div class=\"cdt-hero-art\"\r\n         role=\"group\"\r\n         aria-label=\"Examples of student maker projects\">\r\n\r\n      <div class=\"cdt-hero-orbit\" aria-hidden=\"true\"><\/div>\r\n      <div class=\"cdt-hero-dots\" aria-hidden=\"true\"><\/div>\r\n\r\n      <!-- MAIN PHOTO -->\r\n      <div class=\"cdt-hero-photo cdt-hero-photo-main\"\r\n           role=\"img\"\r\n           aria-label=\"Student working on a maker project\">\r\n      <\/div>\r\n\r\n      <a class=\"cdt-hero-photo-link cdt-hero-photo-link-main\"\r\n         href=\"\/projects\/\"\r\n         aria-label=\"Explore all maker projects\">\r\n      <\/a>\r\n\r\n      <!-- TOP PHOTO -->\r\n      <div class=\"cdt-hero-photo cdt-hero-photo-top\"\r\n           role=\"img\"\r\n           aria-label=\"Maker club workshop project\">\r\n      <\/div>\r\n\r\n      <a class=\"cdt-hero-photo-link cdt-hero-photo-link-top\"\r\n         href=\"\/projects\/\"\r\n         aria-label=\"Explore all maker projects\">\r\n      <\/a>\r\n\r\n      <!-- BOTTOM PHOTO -->\r\n      <div class=\"cdt-hero-photo cdt-hero-photo-bottom\"\r\n           role=\"img\"\r\n           aria-label=\"Student maker project\">\r\n      <\/div>\r\n\r\n      <a class=\"cdt-hero-photo-link cdt-hero-photo-link-bottom\"\r\n         href=\"\/projects\/\"\r\n         aria-label=\"Explore all maker projects\">\r\n      <\/a>\r\n\r\n    <\/div>\r\n\r\n  <\/main>\r\n<\/div>\r\n<\/section>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-8d9cd50 e-con-full e-flex e-con e-parent\" data-id=\"8d9cd50\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0e4b0d5 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"0e4b0d5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700;800;900&display=swap');\r\n\r\n\/* CDT MAKER CLUB \u2014 WHAT WE MAKE *\/\r\n\r\n.maker-section,\r\n.maker-section * {\r\n    box-sizing: border-box;\r\n}\r\n\r\n.maker-section {\r\n    --bg: #06191D;\r\n    --teal: #00B8AA;\r\n    --teal-hover: #00C4C0;\r\n    --gold: #F3D09A;\r\n    --white: #FFFFFF;\r\n    --muted: #B8C5C8;\r\n    --border: rgba(0, 196, 192, 0.28);\r\n\r\n    position: relative;\r\n    isolation: isolate;\r\n    overflow: hidden;\r\n    width: 100%;\r\n    margin: 0;\r\n    padding: 64px 0 70px;\r\n    color: var(--white);\r\n    font-family: 'Inter', Arial, sans-serif;\r\n\r\n    \/* FIXED SOLID BACKGROUND *\/\r\n    background: #06191D !important;\r\n}\r\n\r\n\/* CONTENT CONTAINER *\/\r\n\r\n.maker-container {\r\n    position: relative;\r\n    z-index: 1;\r\n    width: calc(100% - 64px);\r\n    max-width: 1360px;\r\n    margin: 0 auto;\r\n}\r\n\r\n\/* SECTION LABEL *\/\r\n\r\n.maker-eyebrow {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 12px;\r\n    margin: 0 0 18px;\r\n    color: var(--teal-hover);\r\n    font-size: 16px;\r\n    font-weight: 700;\r\n    letter-spacing: 2.5px;\r\n    text-transform: uppercase;\r\n}\r\n\r\n.maker-eyebrow::before {\r\n    content: \"\";\r\n    display: block;\r\n    width: 34px;\r\n    height: 3px;\r\n    flex-shrink: 0;\r\n    background: var(--gold);\r\n}\r\n\r\n\/* MAIN HEADING \u2014 SLIGHTLY SMALLER *\/\r\n\r\n.maker-title {\r\n    margin: 0 0 17px;\r\n    color: var(--white);\r\n    font-family: 'Inter', Arial, sans-serif;\r\n    font-size: clamp(36px, 3.8vw, 48px);\r\n    line-height: 1.12;\r\n    font-weight: 800;\r\n    letter-spacing: -1.5px;\r\n}\r\n\r\n.maker-title span {\r\n    color: var(--teal-hover);\r\n}\r\n\r\n\/* DESCRIPTION *\/\r\n\r\n.maker-description {\r\n    max-width: 760px;\r\n    margin: 0 0 22px;\r\n    color: var(--muted);\r\n    font-size: 17px;\r\n    line-height: 1.7;\r\n    font-weight: 400;\r\n}\r\n\r\n\/* EXPLORE SESSIONS BUTTON *\/\r\n\r\n.maker-button {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    min-height: 48px;\r\n    margin: 0 0 36px;\r\n    padding: 0 23px;\r\n    border: 1px solid var(--teal);\r\n    border-radius: 999px;\r\n    background: var(--teal);\r\n    color: var(--bg);\r\n    font-family: 'Inter', Arial, sans-serif;\r\n    font-size: 11px;\r\n    line-height: 1.2;\r\n    font-weight: 900;\r\n    letter-spacing: 1px;\r\n    text-decoration: none !important;\r\n    transition:\r\n        background .2s ease,\r\n        color .2s ease,\r\n        border-color .2s ease,\r\n        transform .2s ease;\r\n}\r\n\r\n.maker-button:hover {\r\n    background: var(--teal-hover);\r\n    border-color: var(--teal-hover);\r\n    color: var(--bg);\r\n    transform: translateY(-2px);\r\n}\r\n\r\n\/* FIVE CARDS *\/\r\n\r\n.maker-cards {\r\n    display: grid;\r\n    grid-template-columns: repeat(5, minmax(0, 1fr));\r\n    align-items: stretch;\r\n    gap: 16px;\r\n    width: 100%;\r\n}\r\n\r\n.maker-card {\r\n    display: flex;\r\n    flex-direction: column;\r\n    min-width: 0;\r\n    overflow: hidden;\r\n    border: 1px solid var(--border);\r\n    border-radius: 12px;\r\n\r\n    \/* SOLID CARD BACKGROUND \u2014 NO GRADIENT *\/\r\n    background: #08272B !important;\r\n\r\n    box-shadow: 0 12px 35px rgba(0, 0, 0, 0.12);\r\n    transition:\r\n        transform .25s ease,\r\n        border-color .25s ease,\r\n        box-shadow .25s ease;\r\n}\r\n\r\n.maker-card:hover {\r\n    transform: translateY(-4px);\r\n    border-color: rgba(0, 196, 192, 0.75);\r\n    box-shadow: 0 18px 40px rgba(0, 0, 0, 0.22);\r\n}\r\n\r\n\/* IMAGE AREAS *\/\r\n\r\n.maker-card-image {\r\n    position: relative;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    width: 100%;\r\n    height: 135px;\r\n    overflow: hidden;\r\n    background-color: #08272B;\r\n    background-size: cover;\r\n    background-position: center;\r\n    background-repeat: no-repeat;\r\n    border-bottom: 1px solid rgba(0, 196, 192, 0.22);\r\n}\r\n\r\n\/* IMAGE 1 \u2014 DIGITAL MAKING *\/\r\n\r\n.maker-card:nth-child(1) .maker-card-image {\r\n    background-image: url(\"https:\/\/cdtmaker.club\/wp-content\/uploads\/2026\/10\/WhatsApp-Image-2026-08-24-at-11.31.44-AM.webp\");\r\n}\r\n\r\n\/* IMAGE 2 \u2014 FABRICATION *\/\r\n\r\n.maker-card:nth-child(2) .maker-card-image {\r\n    background-image: url(\"https:\/\/cdtmaker.club\/wp-content\/uploads\/2026\/10\/PXL_20260803_111912631.MP_-scaled.webp\");\r\n}\r\n\r\n\/* IMAGE 3 \u2014 ELECTRONICS & TECHNOLOGY *\/\r\n\r\n.maker-card:nth-child(3) .maker-card-image {\r\n    background-image: url(\"https:\/\/cdtmaker.club\/wp-content\/uploads\/2026\/10\/PXL_20260803_113403956.MP_-scaled.webp\");\r\n}\r\n\r\n\/* IMAGE 4 \u2014 DESIGN & PROTOTYPING *\/\r\n\r\n.maker-card:nth-child(4) .maker-card-image {\r\n    background-image: url(\"https:\/\/cdtmaker.club\/wp-content\/uploads\/2026\/10\/PXL_20260803_113815276.MP_-scaled.webp\");\r\n}\r\n\r\n\/* IMAGE 5 \u2014 WORKSHOPS *\/\r\n\r\n.maker-card:nth-child(5) .maker-card-image {\r\n    background-image: url(\"https:\/\/cdtmaker.club\/wp-content\/uploads\/2026\/10\/PXL_20260803_113447260-scaled.webp\");\r\n}\r\n\r\n\/* HIDE PLACEHOLDER TEXT *\/\r\n\r\n.maker-image-placeholder {\r\n    display: none;\r\n}\r\n\r\n\/* CARD CONTENT *\/\r\n\r\n.maker-card-content {\r\n    display: flex;\r\n    flex: 1;\r\n    flex-direction: column;\r\n    align-items: flex-start;\r\n    padding: 15px 16px 20px;\r\n}\r\n\r\n\/* ICON CIRCLE *\/\r\n\r\n.maker-card-icon {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    width: 39px;\r\n    height: 39px;\r\n    margin: -35px 0 15px;\r\n    position: relative;\r\n    z-index: 1;\r\n    flex-shrink: 0;\r\n    border: 1px solid rgba(0, 196, 192, 0.55);\r\n    border-radius: 50%;\r\n    background: #08272B;\r\n    color: var(--teal-hover);\r\n    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.18);\r\n}\r\n\r\n.maker-card-icon svg {\r\n    width: 21px;\r\n    height: 21px;\r\n    display: block;\r\n    stroke: currentColor;\r\n    fill: none;\r\n    stroke-width: 1.7;\r\n    stroke-linecap: round;\r\n    stroke-linejoin: round;\r\n}\r\n\r\n\/* CARD HEADINGS *\/\r\n\r\n.maker-card-title {\r\n    width: 100%;\r\n    margin: 0 0 9px;\r\n    color: var(--white);\r\n    font-family: 'Inter', Arial, sans-serif;\r\n    font-size: 18px;\r\n    line-height: 1.3;\r\n    font-weight: 700;\r\n    letter-spacing: -.3px;\r\n}\r\n\r\n\/* CARD DESCRIPTIONS *\/\r\n\r\n.maker-card-description {\r\n    width: 100%;\r\n    margin: 0;\r\n    color: var(--muted);\r\n    font-family: 'Inter', Arial, sans-serif;\r\n    font-size: 14px;\r\n    line-height: 1.6;\r\n    font-weight: 400;\r\n}\r\n\r\n\/* HIDE ACCENT LINES *\/\r\n\r\n.maker-card-accent {\r\n    display: none !important;\r\n}\r\n\r\n\/* SUBTLE DECORATIVE OUTLINE *\/\r\n\r\n.maker-section::after {\r\n    content: \"\";\r\n    position: absolute;\r\n    top: -75px;\r\n    right: -90px;\r\n    width: 190px;\r\n    height: 190px;\r\n    border: 1px solid rgba(0, 196, 192, 0.22);\r\n    transform: rotate(45deg);\r\n    pointer-events: none;\r\n    z-index: 0;\r\n}\r\n\r\n\/* TABLET *\/\r\n\r\n@media (max-width: 1100px) {\r\n    .maker-container {\r\n        width: calc(100% - 48px);\r\n    }\r\n\r\n    .maker-cards {\r\n        grid-template-columns: repeat(3, minmax(0, 1fr));\r\n        gap: 16px;\r\n    }\r\n\r\n    .maker-card-image {\r\n        height: 145px;\r\n    }\r\n}\r\n\r\n\/* MOBILE *\/\r\n\r\n@media (max-width: 650px) {\r\n    .maker-section {\r\n        padding: 43px 0 50px;\r\n    }\r\n\r\n    .maker-container {\r\n        width: calc(100% - 36px);\r\n    }\r\n\r\n    .maker-eyebrow {\r\n        font-size: 12px;\r\n        letter-spacing: 2px;\r\n    }\r\n\r\n    .maker-title {\r\n        margin-bottom: 15px;\r\n        font-size: 36px;\r\n        letter-spacing: -1.2px;\r\n    }\r\n\r\n    .maker-description {\r\n        font-size: 16px;\r\n        line-height: 1.65;\r\n    }\r\n\r\n    .maker-button {\r\n        margin-bottom: 28px;\r\n    }\r\n\r\n    .maker-cards {\r\n        grid-template-columns: repeat(2, minmax(0, 1fr));\r\n        gap: 13px;\r\n    }\r\n\r\n    .maker-card-image {\r\n        height: 120px;\r\n    }\r\n\r\n    .maker-card-content {\r\n        padding: 13px 12px 17px;\r\n    }\r\n\r\n    .maker-card-title {\r\n        font-size: 16px;\r\n    }\r\n\r\n    .maker-card-description {\r\n        font-size: 13px;\r\n        line-height: 1.55;\r\n    }\r\n\r\n    .maker-card-icon {\r\n        width: 35px;\r\n        height: 35px;\r\n        margin-top: -31px;\r\n        margin-bottom: 12px;\r\n    }\r\n\r\n    .maker-card-icon svg {\r\n        width: 19px;\r\n        height: 19px;\r\n    }\r\n}\r\n\r\n\/* VERY SMALL MOBILE *\/\r\n\r\n@media (max-width: 380px) {\r\n    .maker-title {\r\n        font-size: 32px;\r\n    }\r\n\r\n    .maker-cards {\r\n        grid-template-columns: 1fr;\r\n    }\r\n\r\n    .maker-card-image {\r\n        height: 155px;\r\n    }\r\n}\r\n\r\n\/* ACCESSIBILITY *\/\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n    .maker-card,\r\n    .maker-button {\r\n        transition: none;\r\n    }\r\n\r\n    .maker-card:hover,\r\n    .maker-button:hover {\r\n        transform: none;\r\n    }\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   INTERACTION UPGRADE \u2014 scoped to this section only\r\n   Keeps the original colours, content, imagery and layout.\r\n   ========================================================= *\/\r\n.maker-section .maker-cards { perspective: 1200px; }\r\n.maker-section .maker-card {\r\n    --tilt-x: 0deg;\r\n    --tilt-y: 0deg;\r\n    --image-x: 0px;\r\n    --image-y: 0px;\r\n    transform-style: preserve-3d;\r\n    will-change: transform;\r\n    transition: transform .42s cubic-bezier(.2,.8,.2,1),\r\n                border-color .3s ease, box-shadow .3s ease;\r\n}\r\n\/* Only activate the hidden\/reveal state after the script has initialized. *\/\r\n.maker-section.maker-motion-ready .maker-card {\r\n    opacity: 0;\r\n    transform: perspective(1000px) translateY(54px) rotateX(11deg) scale(.965);\r\n    transition: opacity .7s ease, transform .85s cubic-bezier(.16,1,.3,1),\r\n                border-color .3s ease, box-shadow .3s ease;\r\n}\r\n.maker-section.maker-motion-ready .maker-card.is-visible {\r\n    opacity: 1;\r\n    transform: perspective(1000px) translateY(0) rotateX(0) rotateY(0) scale(1);\r\n}\r\n.maker-section .maker-card.is-visible:hover {\r\n    transform: perspective(1000px) translateY(-9px) rotateX(var(--tilt-x)) rotateY(var(--tilt-y)) scale(1.015) !important;\r\n    border-color: rgba(0,196,192,.95);\r\n    box-shadow: 0 24px 48px rgba(0,0,0,.34), 0 0 0 1px rgba(0,196,192,.12);\r\n}\r\n.maker-section .maker-card-image {\r\n    background-size: cover;\r\n    transition: background-position .12s ease-out, filter .4s ease;\r\n    filter: saturate(.92);\r\n}\r\n.maker-section .maker-card:hover .maker-card-image {\r\n    background-size: cover;\r\n    filter: saturate(1.12) contrast(1.04);\r\n    background-position: calc(50% + var(--image-x)) calc(50% + var(--image-y));\r\n}\r\n.maker-section .maker-card-icon {\r\n    transition: transform .48s cubic-bezier(.2,.8,.2,1),\r\n                border-color .3s ease, color .3s ease, box-shadow .3s ease;\r\n}\r\n.maker-section .maker-card:hover .maker-card-icon {\r\n    transform: translateY(-3px) rotate(12deg) scale(1.1);\r\n    color: var(--gold);\r\n    border-color: var(--gold);\r\n    box-shadow: 0 0 0 5px rgba(243,208,154,.08), 0 8px 22px rgba(0,0,0,.28);\r\n}\r\n.maker-section .maker-button {\r\n    position: relative;\r\n    overflow: hidden;\r\n    background-image: linear-gradient(110deg, #00B8AA 0%, #00C4C0 42%, #8CEBE2 50%, #00C4C0 58%, #00B8AA 100%);\r\n    background-size: 230% 100%;\r\n    background-position: 100% 50%;\r\n    box-shadow: 0 5px 18px rgba(0,184,170,.16);\r\n    transition: background-position .65s ease, transform .3s ease, box-shadow .3s ease;\r\n}\r\n.maker-section .maker-button:hover {\r\n    background-position: 0 50%;\r\n    box-shadow: 0 9px 28px rgba(0,196,192,.34);\r\n    transform: translateY(-3px) scale(1.025);\r\n}\r\n@media (hover: none) {\r\n    .maker-section .maker-card:active .maker-card-icon { transform: rotate(8deg) scale(1.06); }\r\n    .maker-section .maker-card:active .maker-card-image { filter: saturate(1.12); }\r\n}\r\n@media (prefers-reduced-motion: reduce) {\r\n    .maker-section.maker-motion-ready .maker-card,\r\n    .maker-section.maker-motion-ready .maker-card.is-visible,\r\n    .maker-section .maker-card,\r\n    .maker-section .maker-card-image,\r\n    .maker-section .maker-card-icon,\r\n    .maker-section .maker-button { transition: none !important; animation: none !important; }\r\n    .maker-section.maker-motion-ready .maker-card { opacity: 1; transform: none; }\r\n}\r\n\r\n<\/style>\r\n\r\n<section class=\"maker-section\" id=\"what-we-make\">\r\n    <div class=\"maker-container\">\r\n\r\n        <p class=\"maker-eyebrow\">WHAT WE MAKE<\/p>\r\n\r\n        <h2 class=\"maker-title\">\r\n            MAKE. <span>LEARN.<\/span> BUILD.\r\n        <\/h2>\r\n\r\n        <p class=\"maker-description\">\r\n            Hands-on sessions in digital making, fabrication,\r\n            electronics and design. Gain real skills, work on\r\n            exciting projects and be part of a creative community.\r\n        <\/p>\r\n\r\n        <a href=\"#sessions\" class=\"maker-button\">\r\n            EXPLORE SESSIONS\r\n        <\/a>\r\n\r\n        <div class=\"maker-cards\" id=\"sessions\">\r\n\r\n            <!-- CARD 1: DIGITAL MAKING -->\r\n            <article class=\"maker-card\">\r\n                <div class=\"maker-card-image\">\r\n                    <span class=\"maker-image-placeholder\">Add image<\/span>\r\n                <\/div>\r\n\r\n                <div class=\"maker-card-content\">\r\n                    <div class=\"maker-card-icon\" aria-hidden=\"true\">\r\n                        <svg viewBox=\"0 0 24 24\">\r\n                            <path d=\"M12 2 21 7 12 12 3 7 12 2Z\"\/>\r\n                            <path d=\"M3 7v10l9 5 9-5V7\"\/>\r\n                            <path d=\"M12 12v10\"\/>\r\n                        <\/svg>\r\n                    <\/div>\r\n\r\n                    <h3 class=\"maker-card-title\">Digital Making<\/h3>\r\n\r\n                    <p class=\"maker-card-description\">\r\n                        3D design, CAD, 3D printing and more.\r\n                    <\/p>\r\n                <\/div>\r\n            <\/article>\r\n\r\n            <!-- CARD 2: FABRICATION -->\r\n            <article class=\"maker-card\">\r\n                <div class=\"maker-card-image\">\r\n                    <span class=\"maker-image-placeholder\">Add image<\/span>\r\n                <\/div>\r\n\r\n                <div class=\"maker-card-content\">\r\n                    <div class=\"maker-card-icon\" aria-hidden=\"true\">\r\n                        <svg viewBox=\"0 0 24 24\">\r\n                            <circle cx=\"12\" cy=\"12\" r=\"3\"\/>\r\n                            <path d=\"m19.4 15 .1.1 1.4 1.1-1.4 2.4-1.7-.7a8 8 0 0 1-1.7 1l-.3 1.8h-2.8l-.3-1.8a8 8 0 0 1-1.7-1l-1.7.7-1.4-2.4 1.4-1.1a7 7 0 0 1 0-2l-1.4-1.1 1.4-2.4 1.7.7a8 8 0 0 1 1.7-1l.3-1.8h2.8l.3 1.8a8 8 0 0 1 1.7 1l1.7-.7 1.4 2.4-1.4 1.1a7 7 0 0 1 0 2Z\" transform=\"translate(-1 -1) scale(.96)\"\/>\r\n                        <\/svg>\r\n                    <\/div>\r\n\r\n                    <h3 class=\"maker-card-title\">Fabrication<\/h3>\r\n\r\n                    <p class=\"maker-card-description\">\r\n                        Laser cutting, CNC, woodworking and practical making.\r\n                    <\/p>\r\n                <\/div>\r\n            <\/article>\r\n\r\n            <!-- CARD 3: ELECTRONICS -->\r\n            <article class=\"maker-card\">\r\n                <div class=\"maker-card-image\">\r\n                    <span class=\"maker-image-placeholder\">Add image<\/span>\r\n                <\/div>\r\n\r\n                <div class=\"maker-card-content\">\r\n                    <div class=\"maker-card-icon\" aria-hidden=\"true\">\r\n                        <svg viewBox=\"0 0 24 24\">\r\n                            <rect x=\"6\" y=\"6\" width=\"12\" height=\"12\" rx=\"1\"\/>\r\n                            <path d=\"M9 2v4m6-4v4M9 18v4m6-4v4M2 9h4m-4 6h4m12-6h4m-4 6h4\"\/>\r\n                            <path d=\"M10 10h4v4h-4z\"\/>\r\n                        <\/svg>\r\n                    <\/div>\r\n\r\n                    <h3 class=\"maker-card-title\">\r\n                        Electronics &amp; Technology\r\n                    <\/h3>\r\n\r\n                    <p class=\"maker-card-description\">\r\n                        Circuits, microcontrollers, IoT and sensors.\r\n                    <\/p>\r\n                <\/div>\r\n            <\/article>\r\n\r\n            <!-- CARD 4: DESIGN -->\r\n            <article class=\"maker-card\">\r\n                <div class=\"maker-card-image\">\r\n                    <span class=\"maker-image-placeholder\">Add image<\/span>\r\n                <\/div>\r\n\r\n                <div class=\"maker-card-content\">\r\n                    <div class=\"maker-card-icon\" aria-hidden=\"true\">\r\n                        <svg viewBox=\"0 0 24 24\">\r\n                            <path d=\"m15 5 4 4\"\/>\r\n                            <path d=\"M3 21l4.5-1 12-12a2.8 2.8 0 0 0-4-4l-12 12L3 21Z\"\/>\r\n                            <path d=\"m13 7 4 4\"\/>\r\n                        <\/svg>\r\n                    <\/div>\r\n\r\n                    <h3 class=\"maker-card-title\">\r\n                        Design &amp; Prototyping\r\n                    <\/h3>\r\n\r\n                    <p class=\"maker-card-description\">\r\n                        From ideas to prototypes using creative tools.\r\n                    <\/p>\r\n                <\/div>\r\n            <\/article>\r\n\r\n            <!-- CARD 5: WORKSHOPS -->\r\n            <article class=\"maker-card\">\r\n                <div class=\"maker-card-image\">\r\n                    <span class=\"maker-image-placeholder\">Add image<\/span>\r\n                <\/div>\r\n\r\n                <div class=\"maker-card-content\">\r\n                    <div class=\"maker-card-icon\" aria-hidden=\"true\">\r\n                        <svg viewBox=\"0 0 24 24\">\r\n                            <circle cx=\"9\" cy=\"8\" r=\"3\"\/>\r\n                            <path d=\"M3 20v-2a6 6 0 0 1 12 0v2\"\/>\r\n                            <path d=\"M16 5a3 3 0 0 1 0 6\"\/>\r\n                            <path d=\"M18 14a5 5 0 0 1 3 4v2\"\/>\r\n                        <\/svg>\r\n                    <\/div>\r\n\r\n                    <h3 class=\"maker-card-title\">Workshops<\/h3>\r\n\r\n                    <p class=\"maker-card-description\">\r\n                        Guided sessions, skills and special events.\r\n                    <\/p>\r\n                <\/div>\r\n            <\/article>\r\n\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n\r\n<script>\r\n(function () {\r\n    function initMakerInteractions() {\r\n        document.querySelectorAll('.maker-section:not([data-maker-motion-init])').forEach(function (section) {\r\n            section.setAttribute('data-maker-motion-init', 'true');\r\n            var cards = Array.prototype.slice.call(section.querySelectorAll('.maker-card'));\r\n            if (!cards.length) return;\r\n\r\n            if (!('IntersectionObserver' in window) || window.matchMedia('(prefers-reduced-motion: reduce)').matches) {\r\n                cards.forEach(function (card) { card.classList.add('is-visible'); });\r\n                return;\r\n            }\r\n\r\n            section.classList.add('maker-motion-ready');\r\n            var observer = new IntersectionObserver(function (entries) {\r\n                entries.forEach(function (entry) {\r\n                    if (entry.isIntersecting) {\r\n                        var card = entry.target;\r\n                        var index = cards.indexOf(card);\r\n                        window.setTimeout(function () { card.classList.add('is-visible'); }, index * 115);\r\n                        observer.unobserve(card);\r\n                    }\r\n                });\r\n            }, { threshold: 0.16, rootMargin: '0px 0px -35px 0px' });\r\n            cards.forEach(function (card) { observer.observe(card); });\r\n\r\n            cards.forEach(function (card) {\r\n                card.addEventListener('pointermove', function (event) {\r\n                    if (event.pointerType !== 'mouse' || window.matchMedia('(prefers-reduced-motion: reduce)').matches) return;\r\n                    var rect = card.getBoundingClientRect();\r\n                    var px = (event.clientX - rect.left) \/ rect.width;\r\n                    var py = (event.clientY - rect.top) \/ rect.height;\r\n                    var rotateY = (px - .5) * 9;\r\n                    var rotateX = (.5 - py) * 7;\r\n                    card.style.setProperty('--tilt-x', rotateX.toFixed(2) + 'deg');\r\n                    card.style.setProperty('--tilt-y', rotateY.toFixed(2) + 'deg');\r\n                    card.style.setProperty('--image-x', ((px - .5) * -13).toFixed(1) + 'px');\r\n                    card.style.setProperty('--image-y', ((py - .5) * -10).toFixed(1) + 'px');\r\n                });\r\n                card.addEventListener('pointerleave', function () {\r\n                    card.style.setProperty('--tilt-x', '0deg');\r\n                    card.style.setProperty('--tilt-y', '0deg');\r\n                    card.style.setProperty('--image-x', '0px');\r\n                    card.style.setProperty('--image-y', '0px');\r\n                });\r\n            });\r\n        });\r\n    }\r\n    if (document.readyState === 'loading') {\r\n        document.addEventListener('DOMContentLoaded', initMakerInteractions);\r\n    } else {\r\n        initMakerInteractions();\r\n    }\r\n    \/* Elementor can render HTML widgets after DOMContentLoaded. *\/\r\n    if ('MutationObserver' in window) {\r\n        var mo = new MutationObserver(function () { initMakerInteractions(); });\r\n        mo.observe(document.documentElement, { childList: true, subtree: true });\r\n    }\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6cf40f2 e-con-full e-flex e-con e-parent\" data-id=\"6cf40f2\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-02eef6a elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"02eef6a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n<!-- CDT MAKER CLUB \u2014 PROJECTS SECTION -->\r\n<section class=\"cdt-projects\">\r\n<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700;800;900&display=swap');\r\n\r\n.cdt-projects,\r\n.cdt-projects * {\r\n  box-sizing: border-box;\r\n}\r\n\r\n.cdt-projects {\r\n  --teal: #00B8AA;\r\n  --teal-hover: #00C4C0;\r\n  --gold: #F3D09A;\r\n  --white: #FFFFFF;\r\n  --muted: #B8C5C8;\r\n\r\n  width: 100%;\r\n  margin: 0;\r\n  padding: 65px 0 70px;\r\n  overflow: hidden;\r\n  color: var(--white);\r\n  font-family: 'Inter', Arial, sans-serif;\r\n  background: #06191D !important;\r\n}\r\n\r\n.cdt-projects a {\r\n  text-decoration: none !important;\r\n}\r\n\r\n.cdt-projects-container {\r\n  width: calc(100% - 64px);\r\n  max-width: 1320px;\r\n  margin: 0 auto;\r\n}\r\n\r\n\/* SECTION INTRO *\/\r\n\r\n.cdt-projects-eyebrow {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 12px;\r\n  margin: 0 0 16px;\r\n  color: var(--teal-hover);\r\n  font-size: 12px;\r\n  font-weight: 800;\r\n  letter-spacing: 2px;\r\n  text-transform: uppercase;\r\n}\r\n\r\n.cdt-projects-eyebrow::before {\r\n  content: \"\";\r\n  width: 30px;\r\n  height: 3px;\r\n  flex: 0 0 30px;\r\n  background: var(--gold);\r\n}\r\n\r\n.cdt-projects-title {\r\n  max-width: 900px;\r\n  margin: 0 0 16px;\r\n  color: var(--white);\r\n  font-size: clamp(34px, 3.8vw, 48px);\r\n  line-height: 1.08;\r\n  font-weight: 900;\r\n  letter-spacing: -1.5px;\r\n}\r\n\r\n.cdt-projects-title span {\r\n  color: var(--teal-hover);\r\n}\r\n\r\n.cdt-projects-intro-text {\r\n  max-width: 700px;\r\n  margin: 0 0 35px;\r\n  color: var(--muted);\r\n  font-size: 15px;\r\n  line-height: 1.8;\r\n}\r\n\r\n\/* PROJECT GRID *\/\r\n\r\n.cdt-projects-grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(4, minmax(0, 1fr));\r\n  align-items: stretch;\r\n  gap: 16px;\r\n  width: 100%;\r\n}\r\n\r\n\/* PROJECT CARDS *\/\r\n\r\n.cdt-project-card {\r\n  display: flex;\r\n  flex-direction: column;\r\n  min-width: 0;\r\n  overflow: hidden;\r\n  border: 1px solid rgba(255,255,255,.14);\r\n  border-radius: 10px;\r\n  background: #08272B;\r\n  transition: transform .25s ease, border-color .25s ease;\r\n}\r\n\r\n.cdt-project-card:hover {\r\n  transform: translateY(-4px);\r\n  border-color: rgba(0,196,192,.6);\r\n}\r\n\r\n\/* PROJECT IMAGE *\/\r\n\r\n.cdt-project-image {\r\n  position: relative;\r\n  display: block;\r\n  width: 100%;\r\n  height: 155px;\r\n  min-height: 155px;\r\n  overflow: hidden;\r\n  padding: 0 !important;\r\n  margin: 0 !important;\r\n  border: 0 !important;\r\n  border-radius: 0 !important;\r\n  background: transparent !important;\r\n  box-shadow: none !important;\r\n}\r\n\r\n.cdt-project-image::before,\r\n.cdt-project-image::after {\r\n  content: none !important;\r\n  display: none !important;\r\n}\r\n\r\n.cdt-project-image img {\r\n  display: block !important;\r\n  visibility: visible !important;\r\n  opacity: 1 !important;\r\n  width: 100% !important;\r\n  max-width: 100% !important;\r\n  height: 100% !important;\r\n  min-height: 0 !important;\r\n  object-fit: cover;\r\n  object-position: center;\r\n  margin: 0 !important;\r\n  padding: 0 !important;\r\n  border: 0 !important;\r\n  border-radius: 0 !important;\r\n  background: transparent !important;\r\n  box-shadow: none !important;\r\n  filter: none !important;\r\n  transition: transform .35s ease;\r\n}\r\n\r\n.cdt-project-card:hover .cdt-project-image img {\r\n  transform: scale(1.035);\r\n}\r\n\r\n\/* IMAGE CATEGORY LABEL *\/\r\n\r\n.cdt-project-category {\r\n  position: absolute;\r\n  z-index: 2;\r\n  left: 9px;\r\n  bottom: 9px;\r\n  max-width: calc(100% - 18px);\r\n  padding: 5px 7px;\r\n  border: 1px solid rgba(255,255,255,.35);\r\n  border-radius: 3px;\r\n  background: rgba(3,20,22,.82);\r\n  color: var(--white);\r\n  font-size: 8px;\r\n  line-height: 1.4;\r\n  font-weight: 800;\r\n  letter-spacing: .5px;\r\n  text-transform: uppercase;\r\n}\r\n\r\n\/* PROJECT CONTENT *\/\r\n\r\n.cdt-project-content {\r\n  display: flex;\r\n  flex: 1;\r\n  flex-direction: column;\r\n  align-items: flex-start;\r\n  min-width: 0;\r\n  padding: 15px 13px;\r\n}\r\n\r\n.cdt-project-number {\r\n  margin: 0 0 8px;\r\n  color: var(--gold);\r\n  font-size: 9px;\r\n  font-weight: 800;\r\n  letter-spacing: 1.2px;\r\n}\r\n\r\n.cdt-project-name {\r\n  margin: 0 0 9px;\r\n  color: var(--white);\r\n  font-size: 16px;\r\n  line-height: 1.35;\r\n  font-weight: 800;\r\n  overflow-wrap: anywhere;\r\n}\r\n\r\n.cdt-project-description {\r\n  margin: 0 0 16px;\r\n  color: var(--muted);\r\n  font-size: 12px;\r\n  line-height: 1.7;\r\n  font-weight: 400;\r\n}\r\n\r\n.cdt-project-footer {\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: flex-start;\r\n  gap: 10px;\r\n  width: 100%;\r\n  margin-top: auto;\r\n  padding-top: 12px;\r\n  border-top: 1px solid rgba(255,255,255,.1);\r\n}\r\n\r\n.cdt-project-link {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  min-height: 30px;\r\n  padding: 8px 10px;\r\n  border: 1px solid rgba(0,196,192,.5);\r\n  border-radius: 4px;\r\n  background: transparent;\r\n  color: var(--teal-hover) !important;\r\n  font-size: 9px;\r\n  font-weight: 800;\r\n  letter-spacing: .5px;\r\n  transition: background .2s ease, color .2s ease;\r\n}\r\n\r\n.cdt-project-link:hover {\r\n  background: var(--teal-hover);\r\n  border-color: var(--teal-hover);\r\n  color: #06191D !important;\r\n}\r\n\r\n\/* BOTTOM CALL TO ACTION *\/\r\n\r\n.cdt-projects-cta {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  gap: 25px;\r\n  margin-top: 42px;\r\n  padding: 28px 30px;\r\n  border: 1px solid rgba(255,255,255,.16);\r\n  border-radius: 10px;\r\n  background: #08272B;\r\n}\r\n\r\n.cdt-projects-cta-copy {\r\n  max-width: 720px;\r\n}\r\n\r\n.cdt-projects-cta-label {\r\n  margin: 0 0 9px;\r\n  color: var(--gold);\r\n  font-size: 10px;\r\n  font-weight: 800;\r\n  letter-spacing: 1.8px;\r\n}\r\n\r\n.cdt-projects-cta-title {\r\n  margin: 0 0 9px;\r\n  color: var(--white);\r\n  font-size: clamp(23px, 2.8vw, 32px);\r\n  line-height: 1.2;\r\n  font-weight: 800;\r\n}\r\n\r\n.cdt-projects-cta-description {\r\n  margin: 0;\r\n  color: var(--muted);\r\n  font-size: 13px;\r\n  line-height: 1.7;\r\n}\r\n\r\n.cdt-projects-cta-button {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  flex-shrink: 0;\r\n  min-height: 44px;\r\n  padding: 13px 18px;\r\n  border: 1px solid var(--teal);\r\n  border-radius: 4px;\r\n  background: var(--teal);\r\n  color: #06191D !important;\r\n  font-size: 10px;\r\n  font-weight: 900;\r\n  letter-spacing: .8px;\r\n  text-align: center;\r\n  transition: background .2s ease;\r\n}\r\n\r\n.cdt-projects-cta-button:hover {\r\n  background: var(--gold);\r\n  border-color: var(--gold);\r\n}\r\n\r\n\/* TABLET *\/\r\n\r\n@media (max-width: 900px) {\r\n  .cdt-projects {\r\n    padding: 55px 0 60px;\r\n  }\r\n\r\n  .cdt-projects-container {\r\n    width: calc(100% - 40px);\r\n  }\r\n\r\n  .cdt-projects-grid {\r\n    grid-template-columns: repeat(2, minmax(0, 1fr));\r\n    gap: 18px;\r\n  }\r\n\r\n  .cdt-project-image {\r\n    height: 190px;\r\n    min-height: 190px;\r\n  }\r\n\r\n  .cdt-project-content {\r\n    padding: 18px;\r\n  }\r\n\r\n  .cdt-project-name {\r\n    font-size: 19px;\r\n  }\r\n\r\n  .cdt-project-description {\r\n    font-size: 13px;\r\n  }\r\n\r\n  .cdt-project-footer {\r\n    flex-direction: row;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n    flex-wrap: wrap;\r\n  }\r\n}\r\n\r\n\/* MOBILE *\/\r\n\r\n@media (max-width: 560px) {\r\n  .cdt-projects {\r\n    padding: 45px 0 50px;\r\n  }\r\n\r\n  .cdt-projects-container {\r\n    width: calc(100% - 32px);\r\n  }\r\n\r\n  .cdt-projects-title {\r\n    font-size: clamp(30px, 8vw, 38px);\r\n    letter-spacing: -1px;\r\n  }\r\n\r\n  .cdt-projects-intro-text {\r\n    margin-bottom: 28px;\r\n    font-size: 14px;\r\n  }\r\n\r\n  .cdt-projects-grid {\r\n    grid-template-columns: minmax(0, 1fr);\r\n    gap: 20px;\r\n  }\r\n\r\n  .cdt-project-image {\r\n    height: 220px;\r\n    min-height: 220px;\r\n  }\r\n\r\n  .cdt-project-content {\r\n    padding: 20px;\r\n  }\r\n\r\n  .cdt-project-name {\r\n    font-size: 21px;\r\n  }\r\n\r\n  .cdt-project-description {\r\n    font-size: 13px;\r\n  }\r\n\r\n  .cdt-project-footer {\r\n    flex-direction: row;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n  }\r\n\r\n  .cdt-projects-cta {\r\n    align-items: stretch;\r\n    flex-direction: column;\r\n    gap: 20px;\r\n    margin-top: 32px;\r\n    padding: 23px 20px;\r\n  }\r\n\r\n  .cdt-projects-cta-button {\r\n    width: 100%;\r\n  }\r\n}\r\n\r\n\/* ACCESSIBILITY *\/\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n  .cdt-projects *,\r\n  .cdt-projects *::before,\r\n  .cdt-projects *::after {\r\n    transition: none !important;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<div class=\"cdt-projects-container\">\r\n\r\n  <!-- SECTION INTRO -->\r\n  <div class=\"cdt-projects-intro\">\r\n    <p class=\"cdt-projects-eyebrow\">PROJECTS \/ THINGS WE HAVE MADE<\/p>\r\n\r\n    <h2 class=\"cdt-projects-title\">\r\n      IDEAS INTO <span>REALITY.<\/span>\r\n    <\/h2>\r\n\r\n    <p class=\"cdt-projects-intro-text\">\r\n      From first experiments to finished creations, explore what happens\r\n      when curious minds come together to design, build, test and make\r\n      something real.\r\n    <\/p>\r\n  <\/div>\r\n\r\n  <!-- PROJECT GRID -->\r\n  <div class=\"cdt-projects-grid\">\r\n\r\n    <!-- PROJECT 01 -->\r\n    <article class=\"cdt-project-card\">\r\n      <a class=\"cdt-project-image\" href=\"\/projects\/\" aria-label=\"Explore project one\">\r\n        <img\r\n          src=\"https:\/\/cdtmaker.club\/wp-content\/uploads\/2026\/10\/WhatsApp-Image-2026-10-19-at-1.53.34-PM-e1792415550357.webp\"\r\n          alt=\"CDT Maker Club project one\"\r\n          loading=\"eager\"\r\n          decoding=\"async\"\r\n        >\r\n        <span class=\"cdt-project-category\">MAKER PROJECT<\/span>\r\n      <\/a>\r\n\r\n      <div class=\"cdt-project-content\">\r\n        <p class=\"cdt-project-number\">PROJECT 01<\/p>\r\n        <h3 class=\"cdt-project-name\">Creative Making<\/h3>\r\n        <p class=\"cdt-project-description\">\r\n          Exploring ideas through hands-on making, creative thinking\r\n          and practical experimentation.\r\n        <\/p>\r\n\r\n        <div class=\"cdt-project-footer\">\r\n          <a class=\"cdt-project-link\" href=\"\/projects\/\">VIEW PROJECT<\/a>\r\n        <\/div>\r\n      <\/div>\r\n    <\/article>\r\n\r\n    <!-- PROJECT 02 -->\r\n    <article class=\"cdt-project-card\">\r\n      <a class=\"cdt-project-image\" href=\"\/projects\/\" aria-label=\"Explore project two\">\r\n        <img\r\n          src=\"https:\/\/cdtmaker.club\/wp-content\/uploads\/2026\/10\/WhatsApp-Image-2026-10-19-at-1.54.17-PM-1-e1792415672177.webp\"\r\n          alt=\"CDT Maker Club project two\"\r\n          loading=\"eager\"\r\n          decoding=\"async\"\r\n        >\r\n        <span class=\"cdt-project-category\">DESIGN &amp; BUILD<\/span>\r\n      <\/a>\r\n\r\n      <div class=\"cdt-project-content\">\r\n        <p class=\"cdt-project-number\">PROJECT 02<\/p>\r\n        <h3 class=\"cdt-project-name\">Design in Action<\/h3>\r\n        <p class=\"cdt-project-description\">\r\n          Turning concepts into tangible outcomes through design,\r\n          problem-solving and creative collaboration.\r\n        <\/p>\r\n\r\n        <div class=\"cdt-project-footer\">\r\n          <a class=\"cdt-project-link\" href=\"\/projects\/\">VIEW PROJECT<\/a>\r\n        <\/div>\r\n      <\/div>\r\n    <\/article>\r\n\r\n    <!-- PROJECT 03 -->\r\n    <article class=\"cdt-project-card\">\r\n      <a class=\"cdt-project-image\" href=\"\/projects\/\" aria-label=\"Explore project three\">\r\n        <img\r\n          src=\"https:\/\/cdtmaker.club\/wp-content\/uploads\/2026\/10\/PXL_20260803_113447260-scaled.webp\"\r\n          alt=\"CDT Maker Club project three\"\r\n          loading=\"lazy\"\r\n          decoding=\"async\"\r\n        >\r\n        <span class=\"cdt-project-category\">WORKSHOP PROJECT<\/span>\r\n      <\/a>\r\n\r\n      <div class=\"cdt-project-content\">\r\n        <p class=\"cdt-project-number\">PROJECT 03<\/p>\r\n        <h3 class=\"cdt-project-name\">Made Together<\/h3>\r\n        <p class=\"cdt-project-description\">\r\n          Sharing skills, learning by doing and bringing people\r\n          together to create something new.\r\n        <\/p>\r\n\r\n        <div class=\"cdt-project-footer\">\r\n          <a class=\"cdt-project-link\" href=\"\/projects\/\">VIEW PROJECT<\/a>\r\n        <\/div>\r\n      <\/div>\r\n    <\/article>\r\n\r\n    <!-- PROJECT 04 -->\r\n    <article class=\"cdt-project-card\">\r\n      <a class=\"cdt-project-image\" href=\"\/projects\/\" aria-label=\"Explore project four\">\r\n        <img\r\n          src=\"https:\/\/cdtmaker.club\/wp-content\/uploads\/2026\/10\/WhatsApp-Image-2026-08-24-at-11.33.02-AM.webp\"\r\n          alt=\"CDT Maker Club project four\"\r\n          loading=\"lazy\"\r\n          decoding=\"async\"\r\n        >\r\n        <span class=\"cdt-project-category\">COMMUNITY MAKING<\/span>\r\n      <\/a>\r\n\r\n      <div class=\"cdt-project-content\">\r\n        <p class=\"cdt-project-number\">PROJECT 04<\/p>\r\n        <h3 class=\"cdt-project-name\">Ideas That Inspire<\/h3>\r\n        <p class=\"cdt-project-description\">\r\n          Celebrating the people, ideas and experiments that make\r\n          the Maker Club a creative community.\r\n        <\/p>\r\n\r\n        <div class=\"cdt-project-footer\">\r\n          <a class=\"cdt-project-link\" href=\"\/projects\/\">VIEW PROJECT<\/a>\r\n        <\/div>\r\n      <\/div>\r\n    <\/article>\r\n\r\n  <\/div>\r\n\r\n  <!-- CALL TO ACTION -->\r\n  <div class=\"cdt-projects-cta\">\r\n    <div class=\"cdt-projects-cta-copy\">\r\n      <p class=\"cdt-projects-cta-label\">YOUR IDEA STARTS HERE<\/p>\r\n      <h3 class=\"cdt-projects-cta-title\">HAVE A PROJECT? SHARE IT!<\/h3>\r\n      <p class=\"cdt-projects-cta-description\">\r\n        Built something, tested an idea or want to collaborate?\r\n        Get involved and bring your next idea to life with us.\r\n      <\/p>\r\n    <\/div>\r\n\r\n    <a class=\"cdt-projects-cta-button\" href=\"\/get-involved\/\">\r\n      SUBMIT YOUR PROJECT\r\n    <\/a>\r\n  <\/div>\r\n\r\n<\/div>\r\n<\/section>\r\n<!-- END CDT MAKER CLUB \u2014 PROJECTS SECTION -->\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b938f2f e-con-full e-flex e-con e-parent\" data-id=\"b938f2f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-de77ec8 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"de77ec8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n<style>\r\n.cdt-get-involved,\r\n.cdt-get-involved * {\r\n    box-sizing: border-box;\r\n}\r\n\r\n.cdt-get-involved {\r\n    --navy: #06191D;\r\n    --teal: #00B8AA;\r\n    --hover: #00C4C0;\r\n    --white: #FFFFFF;\r\n    --grey: #A7B1B6;\r\n\r\n    position: relative;\r\n    overflow: hidden;\r\n    width: 100%;\r\n    margin: 0;\r\n    padding: 60px 0;\r\n    background: #06191D !important;\r\n    font-family: Arial, Helvetica, sans-serif;\r\n}\r\n\r\n\/* DECORATIVE CIRCLES *\/\r\n\r\n.cdt-get-involved::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    width: 240px;\r\n    height: 240px;\r\n    border: 2px solid rgba(0,184,170,.22);\r\n    border-radius: 50%;\r\n    top: -140px;\r\n    left: -100px;\r\n    pointer-events: none;\r\n}\r\n\r\n.cdt-get-involved::after {\r\n    content: \"\";\r\n    position: absolute;\r\n    width: 260px;\r\n    height: 260px;\r\n    border: 2px solid rgba(0,184,170,.16);\r\n    border-radius: 50%;\r\n    right: -150px;\r\n    bottom: -160px;\r\n    pointer-events: none;\r\n}\r\n\r\n\/* CONTAINER *\/\r\n\r\n.cdt-gi-container {\r\n    width: 92%;\r\n    max-width: 1240px;\r\n    margin: 0 auto;\r\n    position: relative;\r\n    z-index: 2;\r\n}\r\n\r\n\/* HEADING *\/\r\n\r\n.cdt-gi-heading {\r\n    text-align: center;\r\n    margin-bottom: 32px;\r\n}\r\n\r\n.cdt-gi-line {\r\n    display: none !important;\r\n}\r\n\r\n.cdt-gi-heading h2 {\r\n    margin: 0;\r\n    color: #FFFFFF;\r\n    font-size: clamp(32px, 3.5vw, 46px);\r\n    line-height: 1.15;\r\n    font-weight: 800;\r\n    letter-spacing: -1px;\r\n}\r\n\r\n.cdt-gi-heading h2 span {\r\n    color: #00B8AA;\r\n}\r\n\r\n.cdt-gi-heading p {\r\n    max-width: 650px;\r\n    margin: 13px auto 0;\r\n    color: #A7B1B6;\r\n    font-size: 14px;\r\n    line-height: 1.6;\r\n}\r\n\r\n\/* COMPACT FOUR-CARD GRID *\/\r\n\r\n.cdt-gi-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(4, minmax(0, 1fr));\r\n    align-items: stretch;\r\n    gap: 14px;\r\n}\r\n\r\n\/* COMPACT CARD *\/\r\n\r\n.cdt-gi-card {\r\n    min-width: 0;\r\n    min-height: 0;\r\n    overflow: hidden;\r\n    background: #08272B;\r\n    border: 1px solid rgba(0,184,170,.42);\r\n    border-radius: 10px;\r\n    display: flex;\r\n    flex-direction: column;\r\n    transition: transform .25s ease,\r\n                border-color .25s ease,\r\n                box-shadow .25s ease;\r\n}\r\n\r\n.cdt-gi-card:hover {\r\n    transform: translateY(-4px);\r\n    border-color: #00C4C0;\r\n    box-shadow: 0 10px 25px rgba(0,184,170,.10);\r\n}\r\n\r\n\/* SMALLER CARD IMAGES *\/\r\n\r\n.cdt-gi-image {\r\n    display: block;\r\n    position: relative;\r\n    width: 100%;\r\n    height: 125px;\r\n    min-height: 125px;\r\n    overflow: hidden;\r\n    margin: 0;\r\n    padding: 0;\r\n    background: #0A3034;\r\n}\r\n\r\n.cdt-gi-image img {\r\n    display: block;\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: cover;\r\n    object-position: center;\r\n    margin: 0;\r\n    padding: 0;\r\n    border: 0;\r\n    border-radius: 0;\r\n    transition: transform .35s ease;\r\n}\r\n\r\n.cdt-gi-card:hover .cdt-gi-image img {\r\n    transform: scale(1.04);\r\n}\r\n\r\n\/* CARD CONTENT *\/\r\n\r\n.cdt-gi-card-content {\r\n    display: flex;\r\n    flex: 1;\r\n    flex-direction: column;\r\n    align-items: flex-start;\r\n    padding: 16px 15px 17px;\r\n}\r\n\r\n\/* SMALLER ICONS *\/\r\n\r\n.cdt-gi-icon {\r\n    width: 38px;\r\n    height: 38px;\r\n    flex-shrink: 0;\r\n    border-radius: 50%;\r\n    background: #00B8AA;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    color: #06191D;\r\n    font-size: 18px;\r\n    margin-bottom: 13px;\r\n}\r\n\r\n\/* CARD TEXT *\/\r\n\r\n.cdt-gi-card h3 {\r\n    margin: 0 0 9px;\r\n    color: #FFFFFF;\r\n    font-size: 16px;\r\n    line-height: 1.35;\r\n    font-weight: 800;\r\n}\r\n\r\n.cdt-gi-card p {\r\n    margin: 0;\r\n    color: #A7B1B6;\r\n    font-size: 12px;\r\n    line-height: 1.6;\r\n    flex: 1;\r\n}\r\n\r\n\/* LINKS WITHOUT ARROWS *\/\r\n\r\n.cdt-gi-link {\r\n    display: inline-block;\r\n    align-self: flex-start;\r\n    margin-top: 15px;\r\n    color: #00B8AA !important;\r\n    text-decoration: none !important;\r\n    font-size: 10px;\r\n    font-weight: 800;\r\n    letter-spacing: .4px;\r\n    transition: color .2s ease;\r\n}\r\n\r\n.cdt-gi-link:hover {\r\n    color: #00C4C0 !important;\r\n}\r\n\r\n\/* MAIN CALL TO ACTION *\/\r\n\r\n.cdt-gi-main {\r\n    margin-top: 38px;\r\n    text-align: center;\r\n}\r\n\r\n.cdt-gi-main h3 {\r\n    margin: 0 0 9px;\r\n    color: #FFFFFF;\r\n    font-size: 24px;\r\n    line-height: 1.3;\r\n    font-weight: 800;\r\n}\r\n\r\n.cdt-gi-main h3 span {\r\n    color: #00B8AA;\r\n}\r\n\r\n.cdt-gi-main p {\r\n    margin: 0 0 20px;\r\n    color: #A7B1B6;\r\n    font-size: 13px;\r\n    line-height: 1.6;\r\n}\r\n\r\n\/* MAIN BUTTON WITHOUT ARROW *\/\r\n\r\n.cdt-gi-button {\r\n    display: inline-block;\r\n    padding: 12px 25px;\r\n    background: #00B8AA;\r\n    color: #06191D !important;\r\n    border: 1px solid #00B8AA;\r\n    border-radius: 30px;\r\n    text-decoration: none !important;\r\n    font-size: 10px;\r\n    font-weight: 800;\r\n    letter-spacing: .4px;\r\n    transition: background .2s ease,\r\n                border-color .2s ease,\r\n                transform .2s ease;\r\n}\r\n\r\n.cdt-gi-button:hover {\r\n    background: #00C4C0;\r\n    border-color: #00C4C0;\r\n    transform: translateY(-2px);\r\n}\r\n\r\n\/* TABLET *\/\r\n\r\n@media (max-width: 1050px) {\r\n    .cdt-gi-container {\r\n        width: 94%;\r\n    }\r\n\r\n    .cdt-gi-grid {\r\n        grid-template-columns: repeat(2, minmax(0, 1fr));\r\n        gap: 16px;\r\n    }\r\n\r\n    .cdt-gi-image {\r\n        height: 150px;\r\n        min-height: 150px;\r\n    }\r\n\r\n    .cdt-gi-card-content {\r\n        padding: 17px;\r\n    }\r\n\r\n    .cdt-gi-card h3 {\r\n        font-size: 17px;\r\n    }\r\n}\r\n\r\n\/* MOBILE *\/\r\n\r\n@media (max-width: 650px) {\r\n    .cdt-get-involved {\r\n        padding: 45px 0;\r\n    }\r\n\r\n    .cdt-gi-container {\r\n        width: 88%;\r\n    }\r\n\r\n    .cdt-gi-heading {\r\n        margin-bottom: 27px;\r\n    }\r\n\r\n    .cdt-gi-heading h2 {\r\n        font-size: 33px;\r\n        letter-spacing: -.7px;\r\n    }\r\n\r\n    .cdt-gi-heading p {\r\n        font-size: 13px;\r\n    }\r\n\r\n    .cdt-gi-grid {\r\n        grid-template-columns: repeat(2, minmax(0, 1fr));\r\n        gap: 12px;\r\n    }\r\n\r\n    .cdt-gi-image {\r\n        height: 115px;\r\n        min-height: 115px;\r\n    }\r\n\r\n    .cdt-gi-card-content {\r\n        padding: 13px 12px 14px;\r\n    }\r\n\r\n    .cdt-gi-icon {\r\n        width: 33px;\r\n        height: 33px;\r\n        font-size: 16px;\r\n        margin-bottom: 11px;\r\n    }\r\n\r\n    .cdt-gi-card h3 {\r\n        font-size: 14px;\r\n    }\r\n\r\n    .cdt-gi-card p {\r\n        font-size: 11px;\r\n        line-height: 1.55;\r\n    }\r\n\r\n    .cdt-gi-link {\r\n        margin-top: 13px;\r\n        font-size: 9px;\r\n    }\r\n\r\n    .cdt-gi-main {\r\n        margin-top: 32px;\r\n    }\r\n\r\n    .cdt-gi-main h3 {\r\n        font-size: 21px;\r\n    }\r\n\r\n    .cdt-gi-main p {\r\n        font-size: 12px;\r\n    }\r\n\r\n    .cdt-gi-button {\r\n        padding: 12px 19px;\r\n        max-width: 100%;\r\n        font-size: 9px;\r\n    }\r\n}\r\n\r\n\/* VERY SMALL SCREENS *\/\r\n\r\n@media (max-width: 360px) {\r\n    .cdt-gi-grid {\r\n        grid-template-columns: 1fr;\r\n    }\r\n\r\n    .cdt-gi-image {\r\n        height: 155px;\r\n        min-height: 155px;\r\n    }\r\n\r\n    .cdt-gi-card-content {\r\n        padding: 16px;\r\n    }\r\n\r\n    .cdt-gi-card h3 {\r\n        font-size: 16px;\r\n    }\r\n\r\n    .cdt-gi-card p {\r\n        font-size: 12px;\r\n    }\r\n}\r\n\r\n\/* REDUCED MOTION *\/\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n    .cdt-get-involved *,\r\n    .cdt-get-involved *::before,\r\n    .cdt-get-involved *::after {\r\n        transition: none !important;\r\n    }\r\n}\r\n<\/style>\r\n\r\n<section class=\"cdt-get-involved\">\r\n\r\n    <div class=\"cdt-gi-container\">\r\n\r\n        <!-- HEADING -->\r\n\r\n        <div class=\"cdt-gi-heading\">\r\n            <h2>GET <span>INVOLVED.<\/span><\/h2>\r\n\r\n            <p>\r\n                Whether you want to learn, create, collaborate or\r\n                explore, there are many ways to get involved at\r\n                CDT Maker Club.\r\n            <\/p>\r\n        <\/div>\r\n\r\n        <!-- FOUR COMPACT CARDS -->\r\n\r\n        <div class=\"cdt-gi-grid\">\r\n\r\n            <!-- CARD 1 -->\r\n\r\n            <div class=\"cdt-gi-card\">\r\n\r\n                <div class=\"cdt-gi-image\">\r\n                    <img\r\n                        src=\"https:\/\/cdtmaker.club\/wp-content\/uploads\/2026\/10\/WhatsApp-Image-2026-08-24-at-7.23.16-PM-scaled.webp\"\r\n                        alt=\"CDT Maker Club community\"\r\n                        loading=\"lazy\"\r\n                        decoding=\"async\"\r\n                    >\r\n                <\/div>\r\n\r\n                <div class=\"cdt-gi-card-content\">\r\n                    <div class=\"cdt-gi-icon\" aria-hidden=\"true\">\u2659<\/div>\r\n\r\n                    <h3>Join Our Community<\/h3>\r\n\r\n                    <p>\r\n                        Meet like-minded makers, share ideas and become\r\n                        part of our growing creative community.\r\n                    <\/p>\r\n\r\n                    <a href=\"#\" class=\"cdt-gi-link\">JOIN NOW<\/a>\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n            <!-- CARD 2 -->\r\n\r\n            <div class=\"cdt-gi-card\">\r\n\r\n                <div class=\"cdt-gi-image\">\r\n                    <img\r\n                        src=\"https:\/\/cdtmaker.club\/wp-content\/uploads\/2026\/10\/PXL_20260803_113501058.MP_-scaled.webp\"\r\n                        alt=\"CDT Maker Club sessions and workshops\"\r\n                        loading=\"lazy\"\r\n                        decoding=\"async\"\r\n                    >\r\n                <\/div>\r\n\r\n                <div class=\"cdt-gi-card-content\">\r\n                    <div class=\"cdt-gi-icon\" aria-hidden=\"true\">\u25a3<\/div>\r\n\r\n                    <h3>Attend Sessions &amp; Workshops<\/h3>\r\n\r\n                    <p>\r\n                        Build new skills, work on exciting projects and\r\n                        learn through hands-on sessions.\r\n                    <\/p>\r\n\r\n                    <a href=\"#\" class=\"cdt-gi-link\">VIEW SESSIONS<\/a>\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n            <!-- CARD 3 -->\r\n\r\n            <div class=\"cdt-gi-card\">\r\n\r\n                <div class=\"cdt-gi-image\">\r\n                    <img\r\n                        src=\"https:\/\/cdtmaker.club\/wp-content\/uploads\/2026\/10\/PXL_20260803_113403956.MP_-scaled.webp\"\r\n                        alt=\"A project created at CDT Maker Club\"\r\n                        loading=\"lazy\"\r\n                        decoding=\"async\"\r\n                    >\r\n                <\/div>\r\n\r\n                <div class=\"cdt-gi-card-content\">\r\n                    <div class=\"cdt-gi-icon\" aria-hidden=\"true\">\ud83d\udca1<\/div>\r\n\r\n                    <h3>Share Your Projects<\/h3>\r\n\r\n                    <p>\r\n                        Show us what you've made, inspire other makers\r\n                        and share your ideas with the community.\r\n                    <\/p>\r\n\r\n                    <a href=\"#\" class=\"cdt-gi-link\">SUBMIT PROJECT<\/a>\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n            <!-- CARD 4 -->\r\n\r\n            <div class=\"cdt-gi-card\">\r\n\r\n                <div class=\"cdt-gi-image\">\r\n                    <img\r\n                        src=\"https:\/\/cdtmaker.club\/wp-content\/uploads\/2026\/10\/WhatsApp-Image-2026-08-24-at-11.58.48-AM.webp\"\r\n                        alt=\"CDT Maker Club collaboration\"\r\n                        loading=\"lazy\"\r\n                        decoding=\"async\"\r\n                    >\r\n                <\/div>\r\n\r\n                <div class=\"cdt-gi-card-content\">\r\n                    <div class=\"cdt-gi-icon\" aria-hidden=\"true\">\u2194<\/div>\r\n\r\n                    <h3>Collaborate &amp; Create<\/h3>\r\n\r\n                    <p>\r\n                        Work with other makers, team up on ideas and\r\n                        bring your creative projects to life.\r\n                    <\/p>\r\n\r\n                    <a href=\"#\" class=\"cdt-gi-link\">GET INVOLVED<\/a>\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n        <!-- MAIN CALL TO ACTION -->\r\n\r\n        <div class=\"cdt-gi-main\">\r\n\r\n            <h3>\r\n                READY TO <span>MAKE SOMETHING?<\/span>\r\n            <\/h3>\r\n\r\n            <p>\r\n                Join the CDT Maker Club community and start creating.\r\n            <\/p>\r\n\r\n            <a href=\"#\" class=\"cdt-gi-button\">\r\n                BE PART OF CDT MAKER CLUB\r\n            <\/a>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/section>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-9d12f0d e-con-full e-flex e-con e-parent\" data-id=\"9d12f0d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5c0266b elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"5c0266b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n<!-- CDT MAKER CLUB \u2014 PARTNERS & COLLABORATORS -->\r\n<section class=\"cdt-partners\">\r\n<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700;800&display=swap');\r\n\r\n.cdt-partners,\r\n.cdt-partners * {\r\n  box-sizing: border-box;\r\n}\r\n\r\n.cdt-partners {\r\n  --bg: #06191D;\r\n  --card: #08272B;\r\n  --teal: #00B8AA;\r\n  --teal-hover: #00C4C0;\r\n  --white: #FFFFFF;\r\n  --muted: #A7B1B6;\r\n\r\n  width: 100%;\r\n  margin: 0;\r\n  padding: 48px 0;\r\n  background: var(--bg);\r\n  color: var(--white);\r\n  font-family: 'Inter', Arial, sans-serif;\r\n  overflow: hidden;\r\n}\r\n\r\n.cdt-partners a {\r\n  text-decoration: none !important;\r\n}\r\n\r\n.cdt-partners-container {\r\n  width: calc(100% - 48px);\r\n  max-width: 1380px;\r\n  margin: 0 auto;\r\n}\r\n\r\n\/* HEADING *\/\r\n\r\n.cdt-partners-heading {\r\n  text-align: center;\r\n  margin: 0 0 30px;\r\n}\r\n\r\n.cdt-partners-line {\r\n  display: none !important;\r\n}\r\n\r\n.cdt-partners-title {\r\n  margin: 0 0 9px;\r\n  color: var(--white);\r\n  font-size: clamp(25px, 2.5vw, 34px);\r\n  line-height: 1.2;\r\n  font-weight: 800;\r\n  letter-spacing: -0.7px;\r\n}\r\n\r\n.cdt-partners-title span {\r\n  color: var(--teal-hover);\r\n}\r\n\r\n.cdt-partners-subtitle {\r\n  max-width: 580px;\r\n  margin: 0 auto;\r\n  color: var(--muted);\r\n  font-size: 12px;\r\n  line-height: 1.7;\r\n}\r\n\r\n\/* SIX SMALL CARDS \u2014 ONE ROW *\/\r\n\r\n.cdt-partners-grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(6, minmax(0, 1fr));\r\n  gap: 12px;\r\n  align-items: stretch;\r\n  width: 100%;\r\n}\r\n\r\n.cdt-partner-card {\r\n  min-width: 0;\r\n  overflow: hidden;\r\n  border: 1px solid rgba(0, 184, 170, 0.22);\r\n  border-radius: 8px;\r\n  background: var(--card);\r\n  transition: transform 0.25s ease, border-color 0.25s ease;\r\n}\r\n\r\n.cdt-partner-card:hover {\r\n  transform: translateY(-3px);\r\n  border-color: var(--teal);\r\n}\r\n\r\n\/* IMAGE *\/\r\n\r\n.cdt-partner-image {\r\n  display: block;\r\n  width: 100%;\r\n  height: 105px;\r\n  overflow: hidden;\r\n  background: #0B3034;\r\n}\r\n\r\n.cdt-partner-image img {\r\n  display: block;\r\n  width: 100% !important;\r\n  height: 100% !important;\r\n  max-width: 100% !important;\r\n  object-fit: cover;\r\n  object-position: center;\r\n  margin: 0 !important;\r\n  padding: 0 !important;\r\n  border: 0 !important;\r\n  border-radius: 0 !important;\r\n  box-shadow: none !important;\r\n  transition: transform 0.3s ease;\r\n}\r\n\r\n.cdt-partner-card:hover .cdt-partner-image img {\r\n  transform: scale(1.04);\r\n}\r\n\r\n\/* CARD TEXT *\/\r\n\r\n.cdt-partner-content {\r\n  min-height: 88px;\r\n  padding: 11px 9px 12px;\r\n  text-align: center;\r\n}\r\n\r\n.cdt-partner-name {\r\n  margin: 0 0 5px;\r\n  color: var(--white);\r\n  font-size: 12px;\r\n  line-height: 1.4;\r\n  font-weight: 700;\r\n  overflow-wrap: anywhere;\r\n}\r\n\r\n.cdt-partner-description {\r\n  margin: 0;\r\n  color: var(--muted);\r\n  font-size: 10px;\r\n  line-height: 1.5;\r\n}\r\n\r\n\/* BOTTOM TEXT *\/\r\n\r\n.cdt-partners-footer {\r\n  margin: 25px 0 0;\r\n  color: var(--teal-hover);\r\n  font-size: 10px;\r\n  line-height: 1.6;\r\n  font-weight: 700;\r\n  letter-spacing: 1.5px;\r\n  text-align: center;\r\n}\r\n\r\n\/* TABLETS \u2014 KEEP THE CARDS IN ONE ROW *\/\r\n@media (max-width: 900px) {\r\n  .cdt-partners {\r\n    padding: 38px 0;\r\n  }\r\n\r\n  .cdt-partners-container {\r\n    width: calc(100% - 28px);\r\n  }\r\n\r\n  .cdt-partners-grid {\r\n    grid-template-columns: repeat(6, minmax(0, 1fr));\r\n    gap: 7px;\r\n  }\r\n\r\n  .cdt-partner-image {\r\n    height: 75px;\r\n  }\r\n\r\n  .cdt-partner-content {\r\n    min-height: 80px;\r\n    padding: 8px 4px;\r\n  }\r\n\r\n  .cdt-partner-name {\r\n    font-size: 10px;\r\n  }\r\n\r\n  .cdt-partner-description {\r\n    font-size: 9px;\r\n  }\r\n}\r\n\r\n\/* SMALL SCREENS \u2014 HORIZONTAL ONE-ROW SCROLL *\/\r\n@media (max-width: 600px) {\r\n  .cdt-partners-heading {\r\n    margin-bottom: 22px;\r\n  }\r\n\r\n  .cdt-partners-title {\r\n    font-size: 25px;\r\n  }\r\n\r\n  .cdt-partners-subtitle {\r\n    font-size: 11px;\r\n  }\r\n\r\n  .cdt-partners-grid {\r\n    display: flex;\r\n    flex-wrap: nowrap;\r\n    gap: 10px;\r\n    overflow-x: auto;\r\n    overflow-y: hidden;\r\n    padding: 2px 2px 12px;\r\n    scroll-snap-type: x mandatory;\r\n    -webkit-overflow-scrolling: touch;\r\n  }\r\n\r\n  .cdt-partner-card {\r\n    flex: 0 0 145px;\r\n    width: 145px;\r\n    scroll-snap-align: start;\r\n  }\r\n\r\n  .cdt-partner-image {\r\n    height: 90px;\r\n  }\r\n\r\n  .cdt-partner-content {\r\n    min-height: 83px;\r\n    padding: 10px 7px;\r\n  }\r\n\r\n  .cdt-partner-name {\r\n    font-size: 11px;\r\n  }\r\n\r\n  .cdt-partner-description {\r\n    font-size: 9px;\r\n  }\r\n\r\n  .cdt-partners-footer {\r\n    margin-top: 18px;\r\n    font-size: 9px;\r\n  }\r\n}\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n  .cdt-partners *,\r\n  .cdt-partners *::before,\r\n  .cdt-partners *::after {\r\n    transition: none !important;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<div class=\"cdt-partners-container\">\r\n\r\n  <header class=\"cdt-partners-heading\">\r\n    <div class=\"cdt-partners-line\"><\/div>\r\n    <h2 class=\"cdt-partners-title\">\r\n      PARTNERS &amp; <span>COLLABORATORS<\/span>\r\n    <\/h2>\r\n    <p class=\"cdt-partners-subtitle\">\r\n      Working together with organisations that support creativity,\r\n      technology, education and innovation.\r\n    <\/p>\r\n  <\/header>\r\n\r\n  <div class=\"cdt-partners-grid\">\r\n\r\n    <!-- 1. UNIVERSITY OF EAST LONDON -->\r\n    <article class=\"cdt-partner-card\">\r\n      <a class=\"cdt-partner-image\"\r\n         href=\"https:\/\/www.uel.ac.uk\/\"\r\n         target=\"_blank\"\r\n         rel=\"noopener noreferrer\"\r\n         aria-label=\"University of East London website\">\r\n        <img decoding=\"async\"\r\n          src=\"https:\/\/virtualtour.uel.ac.uk\/assets\/visuals\/aerial\/docklands.jpg\"\r\n          alt=\"University of East London Docklands campus\"\r\n          loading=\"lazy\">\r\n      <\/a>\r\n      <div class=\"cdt-partner-content\">\r\n        <h3 class=\"cdt-partner-name\">University of East London<\/h3>\r\n        <p class=\"cdt-partner-description\">Education &amp; Innovation<\/p>\r\n      <\/div>\r\n    <\/article>\r\n\r\n    <!-- 2. ROYAL DOCKS CENTRE FOR SUSTAINABILITY -->\r\n    <article class=\"cdt-partner-card\">\r\n      <a class=\"cdt-partner-image\"\r\n         href=\"https:\/\/www.uel.ac.uk\/partners\/royal-docks-centre-sustainability\/facilities-venue-hire-rdcs\"\r\n         target=\"_blank\"\r\n         rel=\"noopener noreferrer\"\r\n         aria-label=\"Royal Docks Centre for Sustainability website\">\r\n        <img decoding=\"async\"\r\n          src=\"https:\/\/www.uel.ac.uk\/sites\/default\/files\/styles\/image_1266x712\/public\/c2c6e535cd571aab53511665153be7f1.jpg.webp?itok=DxPxhGOq\"\r\n          alt=\"Royal Docks Centre for Sustainability\"\r\n          loading=\"lazy\">\r\n      <\/a>\r\n      <div class=\"cdt-partner-content\">\r\n        <h3 class=\"cdt-partner-name\">Royal Docks Centre<\/h3>\r\n        <p class=\"cdt-partner-description\">Sustainability &amp; Enterprise<\/p>\r\n      <\/div>\r\n    <\/article>\r\n\r\n    <!-- 3. THINK CREATE LEARN -->\r\n    <article class=\"cdt-partner-card\">\r\n      <a class=\"cdt-partner-image\"\r\n         href=\"https:\/\/thinkcreatelearn.co.uk\/\"\r\n         target=\"_blank\"\r\n         rel=\"noopener noreferrer\"\r\n         aria-label=\"Think Create Learn website\">\r\n        <img decoding=\"async\"\r\n          src=\"https:\/\/images.unsplash.com\/photo-1516321318423-f06f85e504b3?auto=format&fit=crop&w=600&q=80\"\r\n          alt=\"Digital learning and collaboration\"\r\n          loading=\"lazy\">\r\n      <\/a>\r\n      <div class=\"cdt-partner-content\">\r\n        <h3 class=\"cdt-partner-name\">Think Create Learn<\/h3>\r\n        <p class=\"cdt-partner-description\">Creative Learning<\/p>\r\n      <\/div>\r\n    <\/article>\r\n\r\n    <!-- 4. MICRO:BIT -->\r\n    <article class=\"cdt-partner-card\">\r\n      <a class=\"cdt-partner-image\"\r\n         href=\"https:\/\/microbit.org\/\"\r\n         target=\"_blank\"\r\n         rel=\"noopener noreferrer\"\r\n         aria-label=\"Micro:bit Educational Foundation website\">\r\n        <img decoding=\"async\"\r\n          src=\"https:\/\/images.unsplash.com\/photo-1518770660439-4636190af475?auto=format&fit=crop&w=600&q=80\"\r\n          alt=\"Electronics and microcontroller components\"\r\n          loading=\"lazy\">\r\n      <\/a>\r\n      <div class=\"cdt-partner-content\">\r\n        <h3 class=\"cdt-partner-name\">Micro:bit Foundation<\/h3>\r\n        <p class=\"cdt-partner-description\">Digital Skills &amp; Coding<\/p>\r\n      <\/div>\r\n    <\/article>\r\n\r\n    <!-- 5. SONNYLABS.AI -->\r\n    <article class=\"cdt-partner-card\">\r\n      <div class=\"cdt-partner-image\">\r\n        <img decoding=\"async\"\r\n          src=\"https:\/\/images.unsplash.com\/photo-1519389950473-47ba0277781c?auto=format&fit=crop&w=600&q=80\"\r\n          alt=\"Technology team collaborating\"\r\n          loading=\"lazy\">\r\n      <\/div>\r\n      <div class=\"cdt-partner-content\">\r\n        <h3 class=\"cdt-partner-name\">SonnyLabs.ai<\/h3>\r\n        <p class=\"cdt-partner-description\">AI &amp; Technology<\/p>\r\n      <\/div>\r\n    <\/article>\r\n\r\n    <!-- 6. CREATE EDUCATION \/ WHTV -->\r\n    <article class=\"cdt-partner-card\">\r\n      <div class=\"cdt-partner-image\">\r\n        <img decoding=\"async\"\r\n          src=\"https:\/\/images.unsplash.com\/photo-1581091226825-a6a2a5aee158?auto=format&fit=crop&w=600&q=80\"\r\n          alt=\"Practical technology and engineering work\"\r\n          loading=\"lazy\">\r\n      <\/div>\r\n      <div class=\"cdt-partner-content\">\r\n        <h3 class=\"cdt-partner-name\">CREATE Education \/ WHTV<\/h3>\r\n        <p class=\"cdt-partner-description\">Making &amp; Engineering<\/p>\r\n      <\/div>\r\n    <\/article>\r\n\r\n  <\/div>\r\n\r\n  <p class=\"cdt-partners-footer\">\r\n    STRONGER TOGETHER FOR A BRIGHTER FUTURE\r\n  <\/p>\r\n\r\n<\/div>\r\n<\/section>\r\n<!-- END CDT MAKER CLUB \u2014 PARTNERS & COLLABORATORS -->\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-02f1537 e-con-full e-flex e-con e-parent\" data-id=\"02f1537\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1c15a31 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"1c15a31\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n<!-- CDT MAKER CLUB \u2014 COMPLETE FOOTER -->\r\n<footer class=\"cdt-footer\">\r\n  <style>\r\n    @import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700;800&display=swap');\r\n\r\n    .cdt-footer,\r\n    .cdt-footer * {\r\n      box-sizing: border-box;\r\n    }\r\n\r\n    .cdt-footer {\r\n      --bg: #06191D;\r\n      --card: #08272B;\r\n      --teal: #00B8AA;\r\n      --teal-hover: #00C4C0;\r\n      --white: #FFFFFF;\r\n      --muted: #A7B1B6;\r\n\r\n      width: 100%;\r\n      margin: 0;\r\n      padding: 36px 0 0;\r\n      overflow: hidden;\r\n      background: var(--bg);\r\n      color: var(--white);\r\n      font-family: 'Inter', Arial, sans-serif;\r\n    }\r\n\r\n    .cdt-footer a {\r\n      color: inherit;\r\n      text-decoration: none !important;\r\n    }\r\n\r\n    .cdt-footer-container {\r\n      width: calc(100% - 48px);\r\n      max-width: 1240px;\r\n      margin: 0 auto;\r\n    }\r\n\r\n    \/* MAIN GRID *\/\r\n    .cdt-footer-grid {\r\n      display: grid;\r\n      grid-template-columns: 1.35fr 1fr 1fr 1.15fr;\r\n      gap: 28px;\r\n      padding-bottom: 28px;\r\n    }\r\n\r\n    .cdt-footer-column {\r\n      min-width: 0;\r\n    }\r\n\r\n    \/* BRAND AND LOGO *\/\r\n    .cdt-footer-brand {\r\n      display: flex;\r\n      align-items: center;\r\n      gap: 12px;\r\n      margin: 0 0 13px;\r\n    }\r\n\r\n    .cdt-footer-logo {\r\n      display: block;\r\n      width: 76px;\r\n      height: 76px;\r\n      flex: 0 0 76px;\r\n      object-fit: contain;\r\n      border-radius: 50%;\r\n      background: #000000;\r\n    }\r\n\r\n    .cdt-footer-brand-name {\r\n      margin: 0;\r\n      color: var(--white);\r\n      font-size: 17px;\r\n      font-weight: 800;\r\n      line-height: 1.3;\r\n      letter-spacing: -.3px;\r\n    }\r\n\r\n    .cdt-footer-brand-name span {\r\n      display: block;\r\n      margin-top: 4px;\r\n      color: var(--teal-hover);\r\n      font-size: 10px;\r\n      font-weight: 600;\r\n      letter-spacing: 1px;\r\n      text-transform: uppercase;\r\n    }\r\n\r\n    .cdt-footer-description {\r\n      max-width: 290px;\r\n      margin: 0 0 14px;\r\n      color: var(--muted);\r\n      font-size: 12px;\r\n      line-height: 1.75;\r\n    }\r\n\r\n    \/* SOCIAL LINKS *\/\r\n    .cdt-footer-socials {\r\n      display: flex;\r\n      align-items: center;\r\n      flex-wrap: wrap;\r\n      gap: 8px;\r\n      margin-top: 12px;\r\n    }\r\n\r\n    .cdt-footer-socials a {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      min-height: 32px;\r\n      padding: 7px 9px;\r\n      border: 1px solid rgba(255,255,255,.17);\r\n      border-radius: 5px;\r\n      color: var(--muted);\r\n      font-size: 10px;\r\n      font-weight: 700;\r\n      transition: .2s ease;\r\n    }\r\n\r\n    .cdt-footer-socials a:hover {\r\n      border-color: var(--teal);\r\n      background: var(--card);\r\n      color: var(--teal-hover);\r\n    }\r\n\r\n    \/* COLUMN HEADINGS *\/\r\n    .cdt-footer-heading {\r\n      margin: 5px 0 15px;\r\n      color: var(--white);\r\n      font-size: 12px;\r\n      line-height: 1.4;\r\n      font-weight: 800;\r\n      letter-spacing: 1px;\r\n      text-transform: uppercase;\r\n    }\r\n\r\n    .cdt-footer-heading::after {\r\n      content: \"\";\r\n      display: block;\r\n      width: 27px;\r\n      height: 2px;\r\n      margin-top: 8px;\r\n      background: var(--teal);\r\n    }\r\n\r\n    \/* NAVIGATION LINKS *\/\r\n    .cdt-footer-links {\r\n      display: flex;\r\n      flex-direction: column;\r\n      align-items: flex-start;\r\n      gap: 10px;\r\n      margin: 0;\r\n      padding: 0;\r\n      list-style: none;\r\n    }\r\n\r\n    .cdt-footer-links li {\r\n      margin: 0;\r\n      padding: 0;\r\n      list-style: none;\r\n    }\r\n\r\n    .cdt-footer-links a {\r\n      display: inline-block;\r\n      color: var(--muted);\r\n      font-size: 12px;\r\n      line-height: 1.5;\r\n      transition: color .2s ease;\r\n    }\r\n\r\n    .cdt-footer-links a:hover {\r\n      color: var(--teal-hover);\r\n    }\r\n\r\n    \/* CONTACT DETAILS *\/\r\n    .cdt-footer-contact-item {\r\n      margin: 0 0 12px;\r\n      color: var(--muted);\r\n      font-size: 12px;\r\n      line-height: 1.65;\r\n      overflow-wrap: anywhere;\r\n    }\r\n\r\n    .cdt-footer-contact-item strong {\r\n      display: block;\r\n      margin-bottom: 3px;\r\n      color: var(--white);\r\n      font-size: 11px;\r\n      font-weight: 700;\r\n    }\r\n\r\n    .cdt-footer-contact-item a:hover {\r\n      color: var(--teal-hover);\r\n    }\r\n\r\n    \/* NEWSLETTER *\/\r\n    .cdt-footer-newsletter-text {\r\n      margin: 0 0 12px;\r\n      color: var(--muted);\r\n      font-size: 12px;\r\n      line-height: 1.7;\r\n    }\r\n\r\n    .cdt-footer-form {\r\n      display: flex;\r\n      width: 100%;\r\n      gap: 6px;\r\n    }\r\n\r\n    .cdt-footer-form input[type=\"email\"] {\r\n      width: 100%;\r\n      min-width: 0;\r\n      min-height: 38px;\r\n      padding: 10px 11px;\r\n      border: 1px solid rgba(255,255,255,.18);\r\n      border-radius: 4px;\r\n      outline: none;\r\n      background: var(--card);\r\n      color: var(--white);\r\n      font-family: inherit;\r\n      font-size: 11px;\r\n      box-shadow: none;\r\n    }\r\n\r\n    .cdt-footer-form input[type=\"email\"]::placeholder {\r\n      color: #98A8AB;\r\n    }\r\n\r\n    .cdt-footer-form input[type=\"email\"]:focus {\r\n      border-color: var(--teal);\r\n    }\r\n\r\n    .cdt-footer-form button {\r\n      flex: 0 0 auto;\r\n      min-height: 38px;\r\n      padding: 9px 12px;\r\n      border: 1px solid var(--teal);\r\n      border-radius: 4px;\r\n      background: var(--teal);\r\n      color: #06191D;\r\n      font-family: inherit;\r\n      font-size: 10px;\r\n      font-weight: 800;\r\n      cursor: pointer;\r\n      transition: .2s ease;\r\n    }\r\n\r\n    .cdt-footer-form button:hover {\r\n      border-color: var(--teal-hover);\r\n      background: var(--teal-hover);\r\n    }\r\n\r\n    \/* BOTTOM BAR *\/\r\n    .cdt-footer-bottom {\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: space-between;\r\n      gap: 14px;\r\n      padding: 15px 0;\r\n      border-top: 1px solid rgba(255,255,255,.12);\r\n    }\r\n\r\n    .cdt-footer-copyright {\r\n      margin: 0;\r\n      color: #91A1A5;\r\n      font-size: 10px;\r\n      line-height: 1.6;\r\n    }\r\n\r\n    .cdt-footer-bottom-links {\r\n      display: flex;\r\n      flex-wrap: wrap;\r\n      gap: 16px;\r\n    }\r\n\r\n    .cdt-footer-bottom-links a {\r\n      color: #91A1A5;\r\n      font-size: 10px;\r\n      transition: color .2s ease;\r\n    }\r\n\r\n    .cdt-footer-bottom-links a:hover {\r\n      color: var(--teal-hover);\r\n    }\r\n\r\n    \/* TABLET *\/\r\n    @media (max-width: 900px) {\r\n      .cdt-footer-container {\r\n        width: calc(100% - 36px);\r\n      }\r\n\r\n      .cdt-footer-grid {\r\n        grid-template-columns: repeat(2, minmax(0, 1fr));\r\n        gap: 26px 24px;\r\n      }\r\n\r\n      .cdt-footer-logo {\r\n        width: 68px;\r\n        height: 68px;\r\n        flex-basis: 68px;\r\n      }\r\n    }\r\n\r\n    \/* MOBILE *\/\r\n    @media (max-width: 520px) {\r\n      .cdt-footer {\r\n        padding-top: 28px;\r\n      }\r\n\r\n      .cdt-footer-container {\r\n        width: calc(100% - 32px);\r\n      }\r\n\r\n      .cdt-footer-grid {\r\n        grid-template-columns: repeat(2, minmax(0, 1fr));\r\n        gap: 24px 16px;\r\n        padding-bottom: 24px;\r\n      }\r\n\r\n      .cdt-footer-brand {\r\n        align-items: flex-start;\r\n        flex-direction: column;\r\n        gap: 9px;\r\n      }\r\n\r\n      .cdt-footer-logo {\r\n        width: 64px;\r\n        height: 64px;\r\n        flex-basis: 64px;\r\n      }\r\n\r\n      .cdt-footer-brand-name {\r\n        font-size: 15px;\r\n      }\r\n\r\n      .cdt-footer-description,\r\n      .cdt-footer-links a,\r\n      .cdt-footer-contact-item,\r\n      .cdt-footer-newsletter-text {\r\n        font-size: 11px;\r\n      }\r\n\r\n      .cdt-footer-heading {\r\n        font-size: 11px;\r\n        margin-bottom: 13px;\r\n      }\r\n\r\n      .cdt-footer-links {\r\n        gap: 9px;\r\n      }\r\n\r\n      .cdt-footer-form {\r\n        flex-direction: column;\r\n      }\r\n\r\n      .cdt-footer-form button {\r\n        width: 100%;\r\n      }\r\n\r\n      .cdt-footer-bottom {\r\n        align-items: flex-start;\r\n        flex-direction: column;\r\n        gap: 10px;\r\n      }\r\n\r\n      .cdt-footer-bottom-links {\r\n        gap: 13px;\r\n      }\r\n    }\r\n\r\n    @media (max-width: 350px) {\r\n      .cdt-footer-grid {\r\n        grid-template-columns: minmax(0, 1fr);\r\n        gap: 22px;\r\n      }\r\n\r\n      .cdt-footer-brand {\r\n        flex-direction: row;\r\n        align-items: center;\r\n      }\r\n    }\r\n\r\n    @media (prefers-reduced-motion: reduce) {\r\n      .cdt-footer *,\r\n      .cdt-footer *::before,\r\n      .cdt-footer *::after {\r\n        transition: none !important;\r\n      }\r\n    }\r\n  <\/style>\r\n\r\n  <div class=\"cdt-footer-container\">\r\n    <div class=\"cdt-footer-grid\">\r\n\r\n      <!-- BRAND -->\r\n      <div class=\"cdt-footer-column\">\r\n        <a class=\"cdt-footer-brand\" href=\"\/\" aria-label=\"CDT Maker Club home\">\r\n          <img\r\n            class=\"cdt-footer-logo\"\r\n            src=\"https:\/\/cdtmaker.club\/wp-content\/uploads\/2026\/10\/WhatsApp-Image-2026-10-13-at-3.38.53-PM-e1792420077257.webp\"\r\n            alt=\"CDT Maker Club logo\"\r\n            loading=\"lazy\"\r\n            decoding=\"async\"\r\n          >\r\n\r\n          <p class=\"cdt-footer-brand-name\">\r\n            CDT Maker Club\r\n            <span>Make. Create. Connect.<\/span>\r\n          <\/p>\r\n        <\/a>\r\n\r\n        <p class=\"cdt-footer-description\">\r\n          A creative community where ideas become reality through\r\n          hands-on making, collaboration, design and technology.\r\n        <\/p>\r\n\r\n        <div class=\"cdt-footer-socials\">\r\n          <a href=\"https:\/\/luma.com\/9zj3kx3o\"\r\n             target=\"_blank\"\r\n             rel=\"noopener noreferrer\"\r\n             aria-label=\"Luma\">Luma<\/a>\r\n\r\n          <!-- Replace # with your official profile URLs -->\r\n          <a href=\"#\" target=\"_blank\" rel=\"noopener noreferrer\"\r\n             aria-label=\"Instagram\">Instagram<\/a>\r\n\r\n          <a href=\"#\" target=\"_blank\" rel=\"noopener noreferrer\"\r\n             aria-label=\"LinkedIn\">LinkedIn<\/a>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- EXPLORE -->\r\n      <div class=\"cdt-footer-column\">\r\n        <h3 class=\"cdt-footer-heading\">Explore<\/h3>\r\n\r\n        <ul class=\"cdt-footer-links\">\r\n          <li><a href=\"\/\">Home<\/a><\/li>\r\n          <li><a href=\"\/projects\/\">Projects<\/a><\/li>\r\n          <li><a href=\"\/get-involved\/\">Get Involved<\/a><\/li>\r\n          <li><a href=\"\/partners\/\">Partners<\/a><\/li>\r\n          <li><a href=\"\/about\/\">About Us<\/a><\/li>\r\n        <\/ul>\r\n      <\/div>\r\n\r\n      <!-- COMMUNITY -->\r\n      <div class=\"cdt-footer-column\">\r\n        <h3 class=\"cdt-footer-heading\">Community<\/h3>\r\n\r\n        <ul class=\"cdt-footer-links\">\r\n          <li><a href=\"\/workshops\/\">Workshops<\/a><\/li>\r\n          <li><a href=\"\/events\/\">Events<\/a><\/li>\r\n          <li><a href=\"\/join-us\/\">Join the Club<\/a><\/li>\r\n          <li><a href=\"\/contact\/\">Contact Us<\/a><\/li>\r\n        <\/ul>\r\n      <\/div>\r\n\r\n      <!-- CONTACT AND NEWSLETTER -->\r\n      <div class=\"cdt-footer-column\">\r\n        <h3 class=\"cdt-footer-heading\">Stay Connected<\/h3>\r\n\r\n        <p class=\"cdt-footer-contact-item\">\r\n          <strong>Location<\/strong>\r\n          Royal Docks Centre for Sustainability<br>\r\n          University of East London\r\n        <\/p>\r\n\r\n        <p class=\"cdt-footer-contact-item\">\r\n          <strong>Events<\/strong>\r\n          <a href=\"https:\/\/luma.com\/9zj3kx3o\"\r\n             target=\"_blank\"\r\n             rel=\"noopener noreferrer\">\r\n            Find us on Luma\r\n          <\/a>\r\n        <\/p>\r\n\r\n        <p class=\"cdt-footer-newsletter-text\">\r\n          Keep up with club news, events and new projects.\r\n        <\/p>\r\n\r\n        <!-- Connect this form to an email service to collect subscriptions -->\r\n        <form class=\"cdt-footer-form\" action=\"#\" method=\"post\">\r\n          <input\r\n            type=\"email\"\r\n            name=\"email\"\r\n            placeholder=\"Your email address\"\r\n            aria-label=\"Your email address\"\r\n            required\r\n          >\r\n\r\n          <button type=\"submit\">SIGN UP<\/button>\r\n        <\/form>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n    <!-- BOTTOM BAR -->\r\n    <div class=\"cdt-footer-bottom\">\r\n      <p class=\"cdt-footer-copyright\">\r\n        \u00a9 2026 CDT Maker Club. All rights reserved.\r\n      <\/p>\r\n\r\n      <div class=\"cdt-footer-bottom-links\">\r\n        <a href=\"\/privacy-policy\/\">Privacy Policy<\/a>\r\n        <a href=\"\/terms\/\">Terms<\/a>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/footer>\r\n<!-- END CDT MAKER CLUB FOOTER -->\r\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>WE MAKE. WE CREATE. WE INVENT. WE REPAIR. Where ideas become things. A creative community where students can learn, experiment, build and turn ideas into real-world projects. EXPLORE SESSIONS SEE WHAT WE MAKE WHAT WE MAKE MAKE. LEARN. BUILD. Hands-on sessions in digital making, fabrication, electronics and design. Gain real skills, work on exciting projects [&hellip;]<\/p>\n","protected":false},"author":8,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-11","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/cdtmaker.club\/index.php?rest_route=\/wp\/v2\/pages\/11","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cdtmaker.club\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/cdtmaker.club\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/cdtmaker.club\/index.php?rest_route=\/wp\/v2\/users\/8"}],"replies":[{"embeddable":true,"href":"https:\/\/cdtmaker.club\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=11"}],"version-history":[{"count":164,"href":"https:\/\/cdtmaker.club\/index.php?rest_route=\/wp\/v2\/pages\/11\/revisions"}],"predecessor-version":[{"id":1399,"href":"https:\/\/cdtmaker.club\/index.php?rest_route=\/wp\/v2\/pages\/11\/revisions\/1399"}],"wp:attachment":[{"href":"https:\/\/cdtmaker.club\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=11"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}