{"id":140,"date":"2026-10-02T23:25:23","date_gmt":"2026-10-02T23:25:23","guid":{"rendered":"https:\/\/cdtmaker.club\/?page_id=140"},"modified":"2026-11-02T00:32:40","modified_gmt":"2026-11-02T00:32:40","slug":"sessions","status":"publish","type":"page","link":"https:\/\/cdtmaker.club\/?page_id=140","title":{"rendered":"sessions"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"140\" class=\"elementor elementor-140\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e5e5071 e-con-full e-flex e-con e-parent\" data-id=\"e5e5071\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-fe3a8bb elementor-widget elementor-widget-html\" data-id=\"fe3a8bb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n<!-- =====================================================\r\n CDT MAKER CLUB - FULL SCREEN ANIMATED HERO\r\n FULL WIDTH | IMAGE ZOOM | REPEATING SCROLL ANIMATION\r\n EXPLORE SESSIONS \u2192 UPCOMING SESSIONS\r\n===================================================== -->\r\n\r\n<section id=\"cdt-centre-hero\">\r\n\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\/* FULL SCREEN BASE *\/\r\n#cdt-centre-hero,\r\n#cdt-centre-hero *{\r\n  box-sizing:border-box;\r\n}\r\n\r\n#cdt-centre-hero{\r\n  --teal:#19D8C4;\r\n  --orange:#F0A04C;\r\n  --bg:#070D0B;\r\n  --text:#F5F3F5;\r\n  --secondary:#AEB8BD;\r\n\r\n  position:relative!important;\r\n  left:50%!important;\r\n  width:100vw!important;\r\n  max-width:100vw!important;\r\n  min-width:100vw!important;\r\n  margin-left:-50vw!important;\r\n  margin-right:0!important;\r\n\r\n  min-height:100vh;\r\n  min-height:100svh;\r\n\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n\r\n  text-align:center;\r\n  isolation:isolate;\r\n  overflow:hidden;\r\n\r\n  padding:90px 6%;\r\n\r\n  background:var(--bg);\r\n  color:var(--text);\r\n  font-family:'Inter',sans-serif;\r\n}\r\n\r\n\/* BACKGROUND IMAGE *\/\r\n#cdt-centre-hero .cdt-background{\r\n  position:absolute;\r\n  inset:-5%;\r\n  z-index:-3;\r\n\r\n  background-image:url('PASTE-YOUR-WORDPRESS-IMAGE-URL-HERE');\r\n  background-position:center center;\r\n  background-size:cover;\r\n  background-repeat:no-repeat;\r\n\r\n  transform:scale(1.05);\r\n  animation:cdt-background-motion 22s ease-in-out infinite alternate;\r\n  will-change:transform;\r\n}\r\n\r\n@keyframes cdt-background-motion{\r\n  0%{transform:scale(1.05) translate3d(0,0,0)}\r\n  50%{transform:scale(1.13) translate3d(-1%,1%,0)}\r\n  100%{transform:scale(1.19) translate3d(1%,-1%,0)}\r\n}\r\n\r\n\/* IMAGE OVERLAY *\/\r\n#cdt-centre-hero .cdt-overlay{\r\n  position:absolute;\r\n  inset:0;\r\n  z-index:-2;\r\n\r\n  background:\r\n    linear-gradient(\r\n      180deg,\r\n      rgba(7,13,11,.66) 0%,\r\n      rgba(7,13,11,.55) 45%,\r\n      rgba(7,13,11,.86) 100%\r\n    ),\r\n    linear-gradient(\r\n      90deg,\r\n      rgba(7,13,11,.48),\r\n      rgba(7,13,11,.22),\r\n      rgba(7,13,11,.48)\r\n    );\r\n}\r\n\r\n#cdt-centre-hero .cdt-overlay:after{\r\n  content:\"\";\r\n  position:absolute;\r\n  inset:0;\r\n\r\n  background:linear-gradient(\r\n    115deg,\r\n    transparent 20%,\r\n    rgba(25,216,196,.07) 48%,\r\n    transparent 75%\r\n  );\r\n\r\n  transform:translateX(-100%);\r\n  animation:cdt-light-sweep 10s ease-in-out infinite;\r\n}\r\n\r\n@keyframes cdt-light-sweep{\r\n  0%,30%{transform:translateX(-100%)}\r\n  70%,100%{transform:translateX(100%)}\r\n}\r\n\r\n\/* TEAL GLOW *\/\r\n#cdt-centre-hero .cdt-glow{\r\n  position:absolute;\r\n  z-index:-1;\r\n\r\n  width:480px;\r\n  height:480px;\r\n\r\n  top:10%;\r\n  left:50%;\r\n\r\n  transform:translateX(-50%);\r\n  border-radius:50%;\r\n\r\n  background:rgba(25,216,196,.15);\r\n  filter:blur(115px);\r\n\r\n  pointer-events:none;\r\n  animation:cdt-glow-motion 7s ease-in-out infinite alternate;\r\n}\r\n\r\n@keyframes cdt-glow-motion{\r\n  0%{opacity:.25;scale:.8}\r\n  100%{opacity:.8;scale:1.2}\r\n}\r\n\r\n\/* SECOND GLOW *\/\r\n#cdt-centre-hero .cdt-glow-two{\r\n  position:absolute;\r\n  z-index:-1;\r\n\r\n  width:300px;\r\n  height:300px;\r\n\r\n  right:-120px;\r\n  bottom:-100px;\r\n\r\n  border-radius:50%;\r\n  background:rgba(240,160,76,.10);\r\n  filter:blur(100px);\r\n\r\n  animation:cdt-glow-two 9s ease-in-out infinite alternate;\r\n}\r\n\r\n@keyframes cdt-glow-two{\r\n  from{transform:translate(0,0)}\r\n  to{transform:translate(-80px,-70px)}\r\n}\r\n\r\n\/* CONTENT *\/\r\n#cdt-centre-hero .cdt-content{\r\n  position:relative;\r\n  z-index:2;\r\n\r\n  width:100%;\r\n  max-width:1050px;\r\n  margin:0 auto;\r\n}\r\n\r\n\/* REPEATING SCROLL ANIMATIONS *\/\r\n#cdt-centre-hero .cdt-reveal{\r\n  opacity:0;\r\n  transform:translateY(45px);\r\n  filter:blur(6px);\r\n\r\n  transition:\r\n    opacity .9s ease,\r\n    transform 1s cubic-bezier(.2,.7,.2,1),\r\n    filter .9s ease;\r\n}\r\n\r\n#cdt-centre-hero .cdt-reveal.is-visible{\r\n  opacity:1;\r\n  transform:translateY(0);\r\n  filter:blur(0);\r\n}\r\n\r\n#cdt-centre-hero .cdt-heading{transition-delay:.08s}\r\n#cdt-centre-hero .cdt-description{transition-delay:.22s}\r\n#cdt-centre-hero .cdt-actions{transition-delay:.36s}\r\n#cdt-centre-hero .cdt-features{transition-delay:.50s}\r\n#cdt-centre-hero .cdt-bottom-line{transition-delay:.65s}\r\n\r\n\/* MAIN HEADING *\/\r\n#cdt-centre-hero h1{\r\n  color:var(--text);\r\n  font-family:'Inter',sans-serif;\r\n\r\n  font-size:clamp(40px,5.8vw,76px);\r\n  line-height:1.08;\r\n  letter-spacing:-2.5px;\r\n  font-weight:700;\r\n\r\n  margin:0 auto 25px;\r\n  text-wrap:balance;\r\n}\r\n\r\n#cdt-centre-hero h1 .teal{\r\n  color:var(--teal);\r\n  display:inline-block;\r\n  font-weight:700;\r\n  animation:cdt-text-glow 4s ease-in-out infinite;\r\n}\r\n\r\n@keyframes cdt-text-glow{\r\n  0%,100%{text-shadow:0 0 0 rgba(25,216,196,0)}\r\n  50%{\r\n    text-shadow:\r\n      0 0 15px rgba(25,216,196,.45),\r\n      0 0 35px rgba(25,216,196,.20);\r\n  }\r\n}\r\n\r\n\/* DESCRIPTION *\/\r\n#cdt-centre-hero .cdt-description{\r\n  max-width:700px;\r\n  margin:0 auto 32px;\r\n\r\n  color:#E0E6E4;\r\n  font-size:16px;\r\n  line-height:1.85;\r\n  font-weight:400;\r\n}\r\n\r\n\/* BUTTONS *\/\r\n#cdt-centre-hero .cdt-actions{\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n  flex-wrap:wrap;\r\n\r\n  gap:15px;\r\n  margin-bottom:42px;\r\n}\r\n\r\n#cdt-centre-hero .cdt-button{\r\n  position:relative;\r\n  overflow:hidden;\r\n\r\n  min-height:48px;\r\n  padding:0 25px;\r\n\r\n  display:inline-flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n  gap:10px;\r\n\r\n  border-radius:7px;\r\n\r\n  font-family:'Inter',sans-serif;\r\n  font-size:11px;\r\n  font-weight:700;\r\n  letter-spacing:.7px;\r\n\r\n  text-decoration:none!important;\r\n\r\n  transition:\r\n    transform .35s ease,\r\n    background .35s ease,\r\n    border-color .35s ease,\r\n    box-shadow .35s ease;\r\n}\r\n\r\n#cdt-centre-hero .cdt-button:before{\r\n  content:\"\";\r\n  position:absolute;\r\n  top:0;\r\n  left:-120%;\r\n\r\n  width:70%;\r\n  height:100%;\r\n\r\n  background:linear-gradient(\r\n    90deg,\r\n    transparent,\r\n    rgba(255,255,255,.28),\r\n    transparent\r\n  );\r\n\r\n  transform:skewX(-20deg);\r\n  transition:left .65s ease;\r\n}\r\n\r\n#cdt-centre-hero .cdt-button:hover:before{\r\n  left:150%;\r\n}\r\n\r\n#cdt-centre-hero .cdt-button:hover{\r\n  transform:translateY(-5px);\r\n}\r\n\r\n\/* PRIMARY BUTTON *\/\r\n#cdt-centre-hero .cdt-primary{\r\n  color:#070D0B!important;\r\n  background:var(--teal);\r\n  border:1px solid var(--teal);\r\n\r\n  box-shadow:0 5px 25px rgba(25,216,196,.12);\r\n}\r\n\r\n#cdt-centre-hero .cdt-primary:hover{\r\n  background:var(--orange);\r\n  border-color:var(--orange);\r\n  box-shadow:0 8px 30px rgba(240,160,76,.20);\r\n}\r\n\r\n\/* SECONDARY BUTTON *\/\r\n#cdt-centre-hero .cdt-secondary{\r\n  color:var(--text)!important;\r\n  background:rgba(7,13,11,.35);\r\n  border:1px solid rgba(245,243,245,.55);\r\n\r\n  backdrop-filter:blur(8px);\r\n}\r\n\r\n#cdt-centre-hero .cdt-secondary:hover{\r\n  color:var(--teal)!important;\r\n  border-color:var(--teal);\r\n  background:rgba(7,13,11,.7);\r\n}\r\n\r\n\/* BUTTON ARROW *\/\r\n#cdt-centre-hero .cdt-button span{\r\n  display:inline-block;\r\n  transition:transform .3s ease;\r\n}\r\n\r\n#cdt-centre-hero .cdt-button:hover span{\r\n  transform:translateX(5px);\r\n}\r\n\r\n\/* FEATURE DETAILS *\/\r\n#cdt-centre-hero .cdt-features{\r\n  display:flex;\r\n  justify-content:center;\r\n  align-items:center;\r\n  flex-wrap:wrap;\r\n  gap:15px 30px;\r\n}\r\n\r\n#cdt-centre-hero .cdt-feature{\r\n  display:flex;\r\n  align-items:center;\r\n  gap:10px;\r\n\r\n  color:#E1E7E5;\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\/* FEATURE DOT *\/\r\n#cdt-centre-hero .cdt-dot{\r\n  display:inline-block;\r\n  flex-shrink:0;\r\n\r\n  width:7px;\r\n  height:7px;\r\n\r\n  border-radius:50%;\r\n  background:var(--teal);\r\n\r\n  box-shadow:0 0 12px rgba(25,216,196,.7);\r\n  animation:cdt-dot-pulse 2s ease-in-out infinite;\r\n}\r\n\r\n@keyframes cdt-dot-pulse{\r\n  0%,100%{\r\n    box-shadow:0 0 5px rgba(25,216,196,.4);\r\n    transform:scale(1);\r\n  }\r\n  50%{\r\n    box-shadow:0 0 16px rgba(25,216,196,.9);\r\n    transform:scale(1.25);\r\n  }\r\n}\r\n\r\n\/* BOTTOM DECORATION *\/\r\n#cdt-centre-hero .cdt-bottom-line{\r\n  width:65px;\r\n  height:3px;\r\n\r\n  margin:34px auto 0;\r\n\r\n  background:linear-gradient(90deg,var(--teal),var(--orange));\r\n  border-radius:10px;\r\n\r\n  animation:cdt-line-pulse 3s ease-in-out infinite;\r\n}\r\n\r\n@keyframes cdt-line-pulse{\r\n  0%,100%{width:55px;opacity:.7}\r\n  50%{width:100px;opacity:1}\r\n}\r\n\r\n\/* TABLET *\/\r\n@media(max-width:768px){\r\n  #cdt-centre-hero{\r\n    min-height:90vh;\r\n    min-height:90svh;\r\n    padding:75px 6%;\r\n  }\r\n\r\n  #cdt-centre-hero h1{\r\n    font-size:clamp(36px,7.5vw,58px);\r\n    letter-spacing:-1.5px;\r\n    line-height:1.1;\r\n  }\r\n\r\n  #cdt-centre-hero .cdt-description{\r\n    font-size:15px;\r\n    line-height:1.8;\r\n  }\r\n\r\n  #cdt-centre-hero .cdt-glow{\r\n    width:350px;\r\n    height:350px;\r\n  }\r\n}\r\n\r\n\/* MOBILE *\/\r\n@media(max-width:480px){\r\n  #cdt-centre-hero{\r\n    min-height:100svh;\r\n    padding:65px 6%;\r\n  }\r\n\r\n  #cdt-centre-hero h1{\r\n    font-size:clamp(32px,8.5vw,43px);\r\n    letter-spacing:-1px;\r\n    line-height:1.13;\r\n  }\r\n\r\n  #cdt-centre-hero .cdt-description{\r\n    font-size:14px;\r\n    line-height:1.8;\r\n    margin-bottom:25px;\r\n  }\r\n\r\n  #cdt-centre-hero .cdt-actions{\r\n    flex-direction:column;\r\n    gap:12px;\r\n    margin-bottom:30px;\r\n  }\r\n\r\n  #cdt-centre-hero .cdt-button{\r\n    width:100%;\r\n    min-height:46px;\r\n  }\r\n\r\n  #cdt-centre-hero .cdt-features{\r\n    gap:14px 16px;\r\n  }\r\n\r\n  #cdt-centre-hero .cdt-feature{\r\n    font-size:9px;\r\n    letter-spacing:.5px;\r\n  }\r\n\r\n  #cdt-centre-hero .cdt-bottom-line{\r\n    margin-top:27px;\r\n  }\r\n\r\n  #cdt-centre-hero .cdt-glow{\r\n    width:260px;\r\n    height:260px;\r\n  }\r\n}\r\n\r\n\/* REDUCED MOTION ACCESSIBILITY *\/\r\n@media(prefers-reduced-motion:reduce){\r\n  #cdt-centre-hero *,\r\n  #cdt-centre-hero *:before,\r\n  #cdt-centre-hero *:after{\r\n    animation:none!important;\r\n    transition:none!important;\r\n  }\r\n\r\n  #cdt-centre-hero .cdt-reveal{\r\n    opacity:1!important;\r\n    transform:none!important;\r\n    filter:none!important;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<!-- BACKGROUND IMAGE AND EFFECTS -->\r\n<div class=\"cdt-background\" aria-hidden=\"true\"><\/div>\r\n<div class=\"cdt-overlay\" aria-hidden=\"true\"><\/div>\r\n<div class=\"cdt-glow\" aria-hidden=\"true\"><\/div>\r\n<div class=\"cdt-glow-two\" aria-hidden=\"true\"><\/div>\r\n\r\n<!-- HERO CONTENT -->\r\n<div class=\"cdt-content\">\r\n\r\n  <h1 class=\"cdt-heading cdt-reveal\">\r\n    CREATE. <span class=\"teal\">EXPLORE.<\/span><br>\r\n    BUILD YOUR IDEAS.\r\n  <\/h1>\r\n\r\n  <p class=\"cdt-description cdt-reveal\">\r\n    Welcome to CDT Maker Club \u2014 a creative community where\r\n    imagination meets technology. Learn new skills, experiment\r\n    with ideas, and bring your creativity to life through\r\n    hands-on workshops and collaborative projects.\r\n  <\/p>\r\n\r\n  <div class=\"cdt-actions cdt-reveal\">\r\n\r\n    <!-- UPDATED: GO DIRECTLY TO UPCOMING SESSIONS -->\r\n    <a class=\"cdt-button cdt-primary\"\r\n       href=\"https:\/\/cdtmaker.club\/?page_id=232#cdt-live-events\">\r\n      EXPLORE SESSIONS <span>\u2192<\/span>\r\n    <\/a>\r\n\r\n    <a class=\"cdt-button cdt-secondary\"\r\n       href=\"https:\/\/cdtmaker.club\/?page_id=249\">\r\n      JOIN OUR COMMUNITY\r\n    <\/a>\r\n\r\n  <\/div>\r\n\r\n  <div class=\"cdt-features cdt-reveal\">\r\n\r\n    <div class=\"cdt-feature\">\r\n      <span class=\"cdt-dot\"><\/span>\r\n      Hands-on Learning\r\n    <\/div>\r\n\r\n    <div class=\"cdt-feature\">\r\n      <span class=\"cdt-dot\"><\/span>\r\n      Creative Technology\r\n    <\/div>\r\n\r\n    <div class=\"cdt-feature\">\r\n      <span class=\"cdt-dot\"><\/span>\r\n      Build Together\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n  <div class=\"cdt-bottom-line cdt-reveal\"><\/div>\r\n\r\n<\/div>\r\n\r\n<!-- REPEATING SCROLL ANIMATION ENGINE -->\r\n<script>\r\n(function(){\r\n\r\n  const section = document.getElementById('cdt-centre-hero');\r\n\r\n  if(!section || section.dataset.animationReady === 'true'){\r\n    return;\r\n  }\r\n\r\n  section.dataset.animationReady = 'true';\r\n\r\n  const elements = section.querySelectorAll('.cdt-reveal');\r\n\r\n  const reducedMotion = window.matchMedia(\r\n    '(prefers-reduced-motion: reduce)'\r\n  ).matches;\r\n\r\n  if(reducedMotion || !('IntersectionObserver' in window)){\r\n\r\n    elements.forEach(function(element){\r\n      element.classList.add('is-visible');\r\n    });\r\n\r\n    return;\r\n  }\r\n\r\n  const observer = new IntersectionObserver(\r\n\r\n    function(entries){\r\n\r\n      entries.forEach(function(entry){\r\n\r\n        if(entry.isIntersecting){\r\n          entry.target.classList.add('is-visible');\r\n        }else{\r\n          entry.target.classList.remove('is-visible');\r\n        }\r\n\r\n      });\r\n\r\n    },\r\n\r\n    {\r\n      threshold:0.15,\r\n      rootMargin:'0px 0px -30px 0px'\r\n    }\r\n\r\n  );\r\n\r\n  elements.forEach(function(element){\r\n    observer.observe(element);\r\n  });\r\n\r\n})();\r\n<\/script>\r\n\r\n<\/section>\r\n\r\n<!-- END CDT MAKER CLUB HERO -->\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4b22993 e-con-full e-flex e-con e-parent\" data-id=\"4b22993\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9b49aac elementor-widget elementor-widget-html\" data-id=\"9b49aac\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- CDT MAKER CLUB - FULL SCREEN UPCOMING SESSIONS PAGE -->\r\n<div id=\"cdt-sessions\">\r\n<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700;800&family=Space+Grotesk:wght@500;600;700&display=swap');\r\n\r\n#cdt-sessions {\r\n  --teal:#19D8C4;--teal-dark:#087F75;--orange:#F0A04C;\r\n  --bg:#FFFFFF;--surface:#F7FAFA;--border:#DFE7E7;\r\n  --text:#000000;--secondary:#454F4F;--muted:#667272;\r\n  width:100vw;max-width:100vw;position:relative;left:50%;\r\n  margin-left:-50vw;margin-right:0;padding:0;background:#FFFFFF;\r\n  color:#000000;font-family:'Inter',sans-serif;box-sizing:border-box;\r\n  overflow:hidden;isolation:isolate;\r\n}\r\n#cdt-sessions *,#cdt-sessions *::before,#cdt-sessions *::after{box-sizing:border-box}\r\n#cdt-sessions button,#cdt-sessions input{font:inherit}\r\n#cdt-sessions button{cursor:pointer}\r\n#cdt-sessions .sessions-wrap{width:100%;max-width:none;margin:0;padding:35px 32px 55px}\r\n#cdt-sessions .sessions-header{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:22px;margin:0 0 38px;width:100%}\r\n#cdt-sessions .sessions-title{width:100%;margin:0;color:#000!important;font-family:'Space Grotesk',sans-serif;font-size:clamp(34px,4vw,52px);font-weight:700;letter-spacing:-1.5px;line-height:1.15;text-align:center!important}\r\n#cdt-sessions .join-top{min-height:48px;display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:12px 22px;border:1px solid var(--teal-dark);border-radius:8px;background:var(--teal-dark);color:#fff!important;font-size:14px;font-weight:700;text-decoration:none;white-space:nowrap;transition:.2s ease}\r\n#cdt-sessions .join-top:hover{background:var(--orange);border-color:var(--orange);color:#000!important;transform:translateY(-2px)}\r\n#cdt-sessions .sessions-layout{display:grid;grid-template-columns:minmax(0,2.05fr) minmax(300px,.95fr);gap:32px;align-items:start;width:100%}\r\n#cdt-sessions .sessions-main{min-width:0}\r\n#cdt-sessions .filter-row{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 25px}\r\n#cdt-sessions .filter-btn{border:1px solid var(--border);border-radius:30px;padding:12px 18px;background:#fff;color:#000!important;font-size:14px;font-weight:700;box-shadow:none;transition:background .2s ease,color .2s ease,transform .2s ease}\r\n#cdt-sessions .filter-btn:hover{border-color:var(--teal-dark);background:#E8F8F6;transform:translateY(-2px)}\r\n#cdt-sessions .filter-btn.active{background:var(--teal-dark);border-color:var(--teal-dark);color:#fff!important}\r\n#cdt-sessions .search-box{display:flex;align-items:center;gap:12px;width:100%;min-height:51px;margin-bottom:25px;padding:0 17px;border:1px solid var(--border);border-radius:10px;background:#fff}\r\n#cdt-sessions .search-icon{color:var(--teal-dark);font-size:23px}\r\n#cdt-sessions .search-box input{width:100%;min-width:0;border:0;outline:none;background:transparent;color:#000!important;font-size:15px}\r\n#cdt-sessions .search-box input::placeholder{color:#667272;opacity:1}\r\n#cdt-sessions .event-details-btn{display:inline-block;margin:0 18px 0 0;padding:0;border:0;background:transparent;color:#087F75;font-size:13px;font-weight:800;cursor:pointer;text-align:left}\r\n#cdt-sessions .event-details-btn:hover{color:#A65B0A}\r\n#cdt-sessions .event-description{margin:14px 0 18px;padding:18px 20px;border-left:3px solid #19D8C4;border-radius:0 10px 10px 0;background:#F7FAFA;color:#454F4F;font-size:14px;font-weight:400;line-height:1.8;white-space:pre-line}\r\n#cdt-sessions .event-description[hidden]{display:none!important}\r\n#cdt-sessions .results-count{margin-bottom:18px;color:#454F4F!important;font-size:14px}\r\n#cdt-sessions .date-heading{display:flex;align-items:center;gap:13px;margin:0 0 16px;color:#000!important;font-size:17px;font-weight:700}\r\n#cdt-sessions .date-heading .date-dot{flex-shrink:0;width:11px;height:11px;border-radius:50%;background:var(--teal-dark)}\r\n#cdt-sessions .date-heading .weekday{color:#454F4F!important;font-weight:400}\r\n#cdt-sessions .event-list{position:relative;padding-left:34px}\r\n#cdt-sessions .event-list:before{content:\"\";position:absolute;left:5px;top:0;bottom:20px;border-left:1px dashed #C8D5D5}\r\n\r\n\/* SESSION CARDS AND IMAGE SPACES *\/\r\n#cdt-sessions .event-card{\r\n position:relative;display:grid;grid-template-columns:minmax(190px,260px) minmax(0,1fr);\r\n gap:25px;align-items:stretch;margin-bottom:28px;padding:27px 26px 25px;\r\n border:2px solid #C8D8D5;border-radius:22px;background:#fff;\r\n box-shadow:0 8px 24px rgba(0,0,0,.06);\r\n transition:transform .35s ease,border-color .3s ease,box-shadow .35s ease,opacity .7s ease,filter .7s ease;\r\n}\r\n#cdt-sessions .event-card:before{content:\"\";position:absolute;left:-41px;top:31px;width:12px;height:12px;border:3px solid #fff;border-radius:50%;background:var(--teal-dark)}\r\n#cdt-sessions .event-card:hover{transform:translateY(-3px);border:2px solid #087F75;box-shadow:0 14px 32px rgba(0,0,0,.10)}\r\n#cdt-sessions .event-image{position:relative;width:100%;min-height:220px;overflow:hidden;border:1px dashed #9CCBC5;border-radius:15px;background:linear-gradient(135deg,#EAF8F6,#F8FBFB)}\r\n#cdt-sessions .event-image img{display:block;width:100%;height:100%;min-height:220px;object-fit:cover;border-radius:14px;transition:transform .7s cubic-bezier(.2,.7,.2,1)}\r\n#cdt-sessions .event-card:hover .event-image img{transform:scale(1.06)}\r\n#cdt-sessions .event-image-placeholder{display:flex;min-height:220px;height:100%;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:20px;color:#087F75;text-align:center}\r\n#cdt-sessions .event-image-placeholder .image-symbol{display:flex;width:54px;height:54px;align-items:center;justify-content:center;border-radius:50%;background:#D9F3EF;font-size:27px}\r\n#cdt-sessions .event-image-placeholder strong{font-size:13px;font-weight:800;letter-spacing:.4px}\r\n#cdt-sessions .event-image-placeholder span{color:#667272;font-size:11px;line-height:1.5}\r\n#cdt-sessions .event-content{position:relative;min-width:0}\r\n#cdt-sessions .event-time{margin-bottom:17px;padding-right:60px;color:#454F4F!important;font-size:15px}\r\n#cdt-sessions .event-number{position:absolute;top:0;right:0;display:flex;align-items:center;justify-content:center;min-width:49px;height:49px;border-radius:14px;background:#E4F8F5;color:var(--teal-dark)!important;font-size:16px;font-weight:800}\r\n#cdt-sessions .event-title{margin:0 60px 20px 0;color:#000!important;font-family:'Space Grotesk',sans-serif;font-size:clamp(21px,2vw,28px);font-weight:700;line-height:1.3;letter-spacing:-.5px}\r\n#cdt-sessions .event-meta{display:flex;align-items:flex-start;gap:9px;margin-bottom:11px;color:#454F4F!important;font-size:14px;line-height:1.65}\r\n#cdt-sessions .event-meta .meta-icon{flex-shrink:0;color:var(--teal-dark)}\r\n#cdt-sessions .event-tags{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0 19px}\r\n#cdt-sessions .event-tag{padding:8px 14px;border:1px solid #F0D0A9;border-radius:24px;background:#FFF5E9;color:#75430D!important;font-size:12px;line-height:1.2}\r\n#cdt-sessions .event-link{display:inline-block;color:var(--teal-dark)!important;font-size:13px;font-weight:800;letter-spacing:.4px;text-decoration:none;transition:color .2s ease}\r\n#cdt-sessions .event-link:hover{color:#A65B0A!important}\r\n#cdt-sessions .empty-state{padding:28px;border:1px solid var(--border);border-radius:16px;background:#F7FAFA;color:#454F4F!important;font-size:14px;line-height:1.8}\r\n\r\n\/* SIDEBAR *\/\r\n#cdt-sessions .sidebar{display:flex;flex-direction:column;gap:25px;min-width:0}\r\n#cdt-sessions .calendar-card{padding:22px 21px 20px;border:1px solid var(--border);border-radius:22px;background:#fff;box-shadow:0 8px 24px rgba(0,0,0,.04)}\r\n#cdt-sessions .calendar-top{display:grid;grid-template-columns:40px minmax(0,1fr) 40px;align-items:center;gap:9px;margin-bottom:21px}\r\n#cdt-sessions .calendar-month{margin:0;color:#000!important;font-family:'Space Grotesk',sans-serif;font-size:clamp(18px,2vw,26px);font-weight:700;letter-spacing:-.6px;text-align:center;white-space:nowrap}\r\n#cdt-sessions .month-arrow{width:40px;height:46px;border:0;border-radius:15px;background:var(--teal-dark);color:#fff!important;font-size:28px;font-weight:800;line-height:1;transition:.2s ease}\r\n#cdt-sessions .month-arrow:hover{background:var(--orange);color:#000!important}\r\n#cdt-sessions .calendar-weekdays,#cdt-sessions .calendar-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px}\r\n#cdt-sessions .calendar-weekdays{margin-bottom:10px}\r\n#cdt-sessions .calendar-weekdays span{padding-bottom:2px;color:#454F4F!important;font-size:12px;text-align:center}\r\n#cdt-sessions .calendar-day{position:relative;display:flex;align-items:center;justify-content:center;min-width:0;aspect-ratio:1\/1;padding:0;border:0;border-radius:50%;background:#E2F7F4;color:#000!important;font-size:13px;font-weight:800;transition:transform .15s ease,background .15s ease}\r\n#cdt-sessions .calendar-day:hover{transform:scale(1.07);background:var(--orange)}\r\n#cdt-sessions .calendar-day.empty{background:transparent;pointer-events:none}\r\n#cdt-sessions .calendar-day.today{outline:2px solid var(--orange);outline-offset:2px}\r\n#cdt-sessions .calendar-day.selected{background:var(--teal-dark);color:#fff!important;box-shadow:0 0 0 3px rgba(25,216,196,.16)}\r\n#cdt-sessions .calendar-day.has-event:after{content:\"\";position:absolute;bottom:4px;left:50%;width:5px;height:5px;border-radius:50%;background:var(--teal-dark);transform:translateX(-50%)}\r\n#cdt-sessions .calendar-day.selected.has-event:after{background:#fff}\r\n#cdt-sessions .calendar-switch{display:grid;grid-template-columns:1fr 1fr;gap:4px;margin-top:21px;padding:4px;border-radius:16px;background:#F0F5F5}\r\n#cdt-sessions .calendar-switch button{min-height:48px;border:1px solid var(--border);border-radius:26px;background:#fff;color:#000!important;font-size:14px;font-weight:800;transition:.2s ease}\r\n#cdt-sessions .calendar-switch button.active{border-color:var(--teal-dark);background:var(--teal-dark);color:#fff!important}\r\n#cdt-sessions .map-card{overflow:hidden;min-width:0;border:1px solid var(--border);border-radius:19px;background:#fff;box-shadow:0 8px 24px rgba(0,0,0,.04)}\r\n#cdt-sessions .map-card iframe{display:block;width:100%;height:340px;border:0}\r\n#cdt-sessions .map-caption{padding:16px 17px 18px;background:#fff}\r\n#cdt-sessions .map-caption strong{display:block;margin-bottom:7px;color:#000!important;font-family:'Space Grotesk',sans-serif;font-size:16px}\r\n#cdt-sessions .map-caption span{display:block;color:#454F4F!important;font-size:12px;line-height:1.7}\r\n#cdt-sessions .map-link{display:inline-block;margin-top:12px;color:var(--teal-dark)!important;font-size:12px;font-weight:800;text-decoration:none}\r\n#cdt-sessions .map-link:hover{color:#A65B0A!important}\r\n#cdt-sessions h1,#cdt-sessions h2,#cdt-sessions h3,#cdt-sessions p,#cdt-sessions label,#cdt-sessions span,#cdt-sessions div{text-shadow:none}\r\n\r\n\/* SCROLL IN \/ OUT ANIMATION *\/\r\n#cdt-sessions .cdt-reveal{opacity:0;transform:translate3d(0,70px,0) scale(.96);filter:blur(4px);transition:opacity .85s ease,transform .85s cubic-bezier(.16,1,.3,1),filter .85s ease;will-change:opacity,transform,filter}\r\n#cdt-sessions .cdt-reveal.cdt-visible{opacity:1;transform:translate3d(0,0,0) scale(1);filter:blur(0)}\r\n#cdt-sessions .cdt-reveal-left{transform:translate3d(-65px,0,0) scale(.96)}\r\n#cdt-sessions .cdt-reveal-right{transform:translate3d(65px,0,0) scale(.96)}\r\n#cdt-sessions .cdt-reveal-left.cdt-visible,#cdt-sessions .cdt-reveal-right.cdt-visible{transform:translate3d(0,0,0) scale(1)}\r\n#cdt-sessions .cdt-delay-1{transition-delay:.08s}\r\n#cdt-sessions .cdt-delay-2{transition-delay:.16s}\r\n#cdt-sessions .cdt-delay-3{transition-delay:.24s}\r\n#cdt-sessions .cdt-delay-4{transition-delay:.32s}\r\n#cdt-sessions .cdt-delay-5{transition-delay:.40s}\r\n#cdt-sessions .cdt-delay-6{transition-delay:.48s}\r\n#cdt-sessions .filter-btn,#cdt-sessions .join-top,#cdt-sessions .month-arrow,#cdt-sessions .calendar-day,#cdt-sessions .event-link,#cdt-sessions .event-details-btn{transition:all .25s ease}\r\n@media(prefers-reduced-motion:reduce){\r\n #cdt-sessions .cdt-reveal,#cdt-sessions .cdt-reveal.cdt-visible,#cdt-sessions .event-card,#cdt-sessions button,#cdt-sessions a{animation:none!important;transition-duration:.01ms!important;transform:none!important;filter:none!important}\r\n}\r\n@media(max-width:950px){\r\n #cdt-sessions .sessions-wrap{padding:24px 22px 40px}\r\n #cdt-sessions .sessions-layout{grid-template-columns:minmax(0,1fr);gap:28px}\r\n #cdt-sessions .sidebar{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start}\r\n #cdt-sessions .calendar-card{padding:18px}\r\n #cdt-sessions .map-card iframe{height:365px}\r\n}\r\n@media(max-width:600px){\r\n #cdt-sessions .sessions-wrap{padding:24px 13px 32px}\r\n #cdt-sessions .sessions-header{align-items:center;flex-direction:column;gap:16px;margin-bottom:27px}\r\n #cdt-sessions .sessions-title{font-size:32px;letter-spacing:-.9px;text-align:center!important}\r\n #cdt-sessions .join-top{min-height:44px;padding:10px 16px}\r\n #cdt-sessions .filter-row{gap:8px;margin-bottom:22px}\r\n #cdt-sessions .filter-btn{padding:11px 13px;font-size:12px}\r\n #cdt-sessions .search-box{margin-bottom:23px}\r\n #cdt-sessions .event-list{padding-left:22px}\r\n #cdt-sessions .event-card{display:flex;flex-direction:column;gap:18px;margin-bottom:21px;padding:17px;border-radius:17px}\r\n #cdt-sessions .event-image,#cdt-sessions .event-image img,#cdt-sessions .event-image-placeholder{min-height:190px;height:190px}\r\n #cdt-sessions .event-card:before{left:-29px}\r\n #cdt-sessions .event-time{padding-right:42px;font-size:13px}\r\n #cdt-sessions .event-number{top:0;right:0;min-width:39px;height:39px;border-radius:12px;font-size:13px}\r\n #cdt-sessions .event-title{margin-right:0;font-size:21px}\r\n #cdt-sessions .event-meta{font-size:13px}\r\n #cdt-sessions .sidebar{display:flex;flex-direction:column}\r\n #cdt-sessions .calendar-card{width:100%;padding:19px}\r\n #cdt-sessions .calendar-month{font-size:21px}\r\n #cdt-sessions .calendar-day{font-size:13px}\r\n #cdt-sessions .map-card,#cdt-sessions .map-card iframe{width:100%}\r\n #cdt-sessions .map-card iframe{height:300px}\r\n}\r\n<\/style>\r\n\r\n<div class=\"sessions-wrap\">\r\n<header class=\"sessions-header\">\r\n <h1 class=\"sessions-title\">Upcoming Sessions<\/h1>\r\n <a class=\"join-top\" href=\"https:\/\/cdtmaker.club\/?page_id=249\"><span>\uff0b<\/span> Join a Session<\/a>\r\n<\/header>\r\n\r\n<div class=\"sessions-layout\">\r\n<main class=\"sessions-main\">\r\n <div class=\"filter-row\" aria-label=\"Filter sessions\">\r\n  <button type=\"button\" class=\"filter-btn active\" data-category=\"All Sessions\">All Sessions<\/button>\r\n  <button type=\"button\" class=\"filter-btn\" data-category=\"Digital Making\">Digital Making<\/button>\r\n  <button type=\"button\" class=\"filter-btn\" data-category=\"Maker Club\">Maker Club<\/button>\r\n  <button type=\"button\" class=\"filter-btn\" data-category=\"Projects\">Projects<\/button>\r\n  <button type=\"button\" class=\"filter-btn\" data-category=\"Design\">Design<\/button>\r\n <\/div>\r\n <label class=\"search-box\">\r\n  <span class=\"search-icon\">\u2315<\/span>\r\n  <input id=\"cdt-session-search\" type=\"search\" placeholder=\"Search sessions...\" aria-label=\"Search sessions\">\r\n <\/label>\r\n <div class=\"results-count\" id=\"cdt-results-count\" aria-live=\"polite\"><\/div>\r\n <div id=\"cdt-event-results\"><\/div>\r\n<\/main>\r\n\r\n<aside class=\"sidebar\">\r\n <section class=\"calendar-card\" aria-label=\"Session calendar\">\r\n  <div class=\"calendar-top\">\r\n   <button type=\"button\" class=\"month-arrow\" id=\"cdt-prev-month\" aria-label=\"Previous month\">\u2039<\/button>\r\n   <h2 class=\"calendar-month\" id=\"cdt-calendar-month\">November 2026<\/h2>\r\n   <button type=\"button\" class=\"month-arrow\" id=\"cdt-next-month\" aria-label=\"Next month\">\u203a<\/button>\r\n  <\/div>\r\n  <div class=\"calendar-weekdays\" aria-hidden=\"true\">\r\n   <span>S<\/span><span>M<\/span><span>T<\/span><span>W<\/span><span>T<\/span><span>F<\/span><span>S<\/span>\r\n  <\/div>\r\n  <div class=\"calendar-days\" id=\"cdt-calendar-days\"><\/div>\r\n  <div class=\"calendar-switch\">\r\n   <button type=\"button\" class=\"active\" data-period=\"upcoming\">Upcoming<\/button>\r\n   <button type=\"button\" data-period=\"past\">Past<\/button>\r\n  <\/div>\r\n <\/section>\r\n\r\n <section class=\"map-card\" aria-label=\"Maker Club location\">\r\n  <iframe title=\"Google Maps - University of East London Docklands Campus\" src=\"https:\/\/maps.google.com\/maps?q=University%20of%20East%20London%20Docklands%20Campus&t=&z=14&ie=UTF8&iwloc=&output=embed\" loading=\"lazy\" referrerpolicy=\"no-referrer-when-downgrade\" allowfullscreen><\/iframe>\r\n  <div class=\"map-caption\">\r\n   <strong>CDT Maker Club<\/strong>\r\n   <span>Docklands Campus, University of East London<\/span>\r\n   <a class=\"map-link\" href=\"https:\/\/www.google.com\/maps\/search\/?api=1&query=University+of+East+London+Docklands+Campus\" target=\"_blank\" rel=\"noopener noreferrer\">OPEN IN GOOGLE MAPS \u2197<\/a>\r\n  <\/div>\r\n <\/section>\r\n<\/aside>\r\n<\/div>\r\n<\/div>\r\n\r\n<script>\r\n(function(){\r\n const root=document.getElementById('cdt-sessions');\r\n if(!root||root.dataset.initialized==='true')return;\r\n root.dataset.initialized='true';\r\n\r\n const sessions=[\r\n {\r\n  date:'2026-11-20',start:'10:00 AM',end:'04:00 PM',\r\n  title:'Introduction to Digital Making',\r\n  description:`Introduction to Digital Making\r\n\r\nDiscover the exciting world of digital making, where creativity meets technology! This introductory session is designed to help participants explore how digital tools, creative ideas and practical skills can be combined to design and create innovative projects.\r\n\r\nDuring this hands-on workshop, participants will get an introduction to digital making technologies, learn about different creative tools and explore how ideas can be transformed into real-world creations. From understanding the basics of digital design and prototyping to experimenting with practical making techniques, this session provides an opportunity to learn through exploration and creativity.\r\n\r\nWhether you are completely new to digital making or simply interested in developing your creative and technical skills, this workshop offers a welcoming environment to experiment, collaborate and discover new possibilities.\r\n\r\nWhat You Will Explore:\r\n- Introduction to digital making and creative technology.\r\n- Understanding digital tools and basic design concepts.\r\n- Exploring the process of turning ideas into physical creations.\r\n- Introduction to prototyping and practical experimentation.\r\n- Developing creative thinking and problem-solving skills.\r\n- Working collaboratively and sharing ideas.\r\n\r\nWhat You Will Gain:\r\n- A better understanding of digital making.\r\n- Confidence in exploring creative technologies.\r\n- Experience with practical, hands-on learning.\r\n- Inspiration to develop your own creative projects.\r\n\r\nWho Can Join?\r\nOpen to beginners, students, creative thinkers and anyone interested in technology, design and innovation. No previous experience is required.\r\n\r\nCome along, explore new technologies, experiment with ideas and start creating something amazing!`,\r\n  image:'',\r\n  organiser:'CDT Maker Club',location:'Docklands Campus, University of East London',\r\n  categories:['Digital Making','Beginners'],category:'Digital Making',\r\n  join:'https:\/\/cdtmaker.club\/?page_id=249'\r\n },\r\n {\r\n  date:'2026-11-24',start:'10:00 AM',end:'05:00 PM',\r\n  title:'3D Printing Workshop',\r\n  description:`3D Printing Workshop\r\n\r\nDesign. Create. Print. Innovate.\r\n\r\nDiscover the exciting world of 3D printing and explore how digital designs can be transformed into real-world objects! This hands-on workshop introduces participants to the fundamentals of 3D printing, helping them understand how creative ideas can become physical products using modern technology.\r\n\r\nDuring this practical session, participants will explore the 3D printing process, learn about 3D modelling and understand how digital designs are prepared for printing. You will discover how a 3D printer works, explore different materials and learn how technology is used to create prototypes, models and everyday objects.\r\n\r\nWhether you are completely new to 3D printing or interested in developing your digital design and making skills, this workshop provides a friendly environment to learn, experiment and bring your ideas to life.\r\n\r\nWhat You Will Explore:\r\n\r\n- Introduction to 3D printing technology and its applications.\r\n- Understanding how 3D printers work.\r\n- Exploring 3D modelling and digital design concepts.\r\n- Learning how digital designs are prepared for printing.\r\n- Discovering different 3D printing materials and techniques.\r\n- Understanding the process of turning digital models into physical objects.\r\n\r\nWhat You Will Gain:\r\n\r\n- A basic understanding of 3D printing technology.\r\n- Knowledge of the 3D printing process.\r\n- Experience exploring digital design and prototyping.\r\n- Confidence in experimenting with creative ideas.\r\n- Inspiration to develop your own 3D printing projects.\r\n\r\nWhat You Will Experience:\r\n\r\n- A practical introduction to 3D printing.\r\n- Demonstrations of 3D printing equipment.\r\n- Exploring digital models and printed objects.\r\n- Understanding how designs become physical creations.\r\n- Opportunities to ask questions, experiment and share ideas.\r\n\r\nWho Can Join?\r\n\r\nThis workshop is open to beginners, university students, creative thinkers, designers and anyone interested in technology, digital design and innovation.\r\n\r\nNo previous 3D printing experience is required. Just bring your curiosity and creativity!\r\n\r\nWhy Join?\r\n\r\nExplore a technology that is changing the way we design and create. Develop practical knowledge, discover new possibilities and learn how your digital ideas can become something you can actually hold.\r\n\r\nBring your ideas. Discover the technology. Create something real!`,\r\n  image:'',\r\n  organiser:'CDT Maker Club',location:'Docklands Campus, University of East London',\r\n  categories:['3D Printing','Projects'],category:'Projects',\r\n  join:'https:\/\/cdtmaker.club\/?page_id=249'\r\n },\r\n {\r\n  date:'2026-11-27',start:'11:00 AM',end:'03:00 PM',\r\n  title:'Creative Design and Prototyping',\r\n  description:`Creative Design and Prototyping\r\n\r\nImagine. Design. Create. Innovate.\r\n\r\nDiscover how creative ideas can be transformed into real-world designs through creativity, technology and hands-on making.\r\n\r\nThe Creative Design and Prototyping session introduces participants to the exciting process of turning an idea into a practical design or prototype. You will explore how designers use creativity, digital tools and problem-solving skills to develop concepts, experiment with different materials and create innovative solutions.\r\n\r\nThrough practical activities, you will learn the basic stages of the design process, from generating ideas and sketching initial concepts to developing and improving prototypes. Whether you are interested in product design, digital creativity or technology, this session gives you an opportunity to explore your ideas and bring them to life.\r\n\r\nWhat You Will Explore\r\n\r\n- Creative Thinking: Learn how to generate ideas and approach design challenges creatively.\r\n- Design Development: Understand how to transform an initial idea into a structured design concept.\r\n- Sketching and Planning: Explore basic techniques for visualising and communicating your ideas.\r\n- Digital Design Tools: Discover how digital tools can support creative design and prototyping.\r\n- Prototyping Techniques: Understand how prototypes are developed to test and improve ideas.\r\n- Problem-Solving: Experiment with different approaches to find creative and practical solutions.\r\n\r\nWhat You Will Gain\r\n\r\n- An understanding of the creative design and prototyping process.\r\n- Experience in developing ideas from concept to prototype.\r\n- Basic knowledge of design planning and visualisation.\r\n- Improved creative thinking and problem-solving skills.\r\n- Confidence in experimenting with new ideas and technologies.\r\n\r\nWhat You Will Experience\r\n\r\n- Participate in interactive and creative design activities.\r\n- Explore how real-world products and solutions are developed.\r\n- Experiment with design concepts and prototype ideas.\r\n- Share your ideas and learn through practical collaboration.\r\n- Discover how creativity and technology work together.\r\n\r\nWho Can Join?\r\n\r\nThis session is suitable for:\r\n\r\n- Beginners interested in creative design.\r\n- University students and aspiring designers.\r\n- Creative thinkers and problem-solvers.\r\n- Technology and innovation enthusiasts.\r\n- Anyone interested in developing ideas into practical designs.\r\n\r\nNo previous design or prototyping experience is required. Just bring your curiosity, creativity and willingness to learn!\r\n\r\nWhy Join?\r\n\r\nCreative Design and Prototyping is a great opportunity to develop your creativity, explore new technologies and understand how ideas become real-world solutions. You will gain practical knowledge, experiment with design concepts and discover new ways to express your ideas through making.\r\n\r\nThink creatively. Turn ideas into designs. Bring your imagination to life!`,\r\n  image:'',\r\n  organiser:'CDT Maker Club',location:'Docklands Campus, University of East London',\r\n  categories:['Design','Maker Club'],category:'Design',\r\n  join:'https:\/\/cdtmaker.club\/?page_id=249'\r\n },\r\n {\r\n  date:'2026-10-10',start:'10:00 AM',end:'01:00 PM',\r\n  title:'Introduction to 3D Design',image:'',\r\n  organiser:'CDT Maker Club',location:'Docklands Campus, University of East London',\r\n  categories:['Design','Digital Making'],category:'Design',\r\n  join:'https:\/\/cdtmaker.club\/?page_id=249'\r\n }\r\n ];\r\n\r\n const today=new Date();today.setHours(0,0,0,0);\r\n let displayedMonth=new Date(2026,10,1);\r\n let selectedDate=null,selectedCategory='All Sessions',selectedPeriod='upcoming',searchTerm='';\r\n\r\n const results=root.querySelector('#cdt-event-results');\r\n const count=root.querySelector('#cdt-results-count');\r\n const search=root.querySelector('#cdt-session-search');\r\n const calendarTitle=root.querySelector('#cdt-calendar-month');\r\n const calendarDays=root.querySelector('#cdt-calendar-days');\r\n\r\n \/* SCROLL REVEAL: cards animate in when visible and fade out when leaving *\/\r\n const revealObserver=('IntersectionObserver'in window)\r\n  ?new IntersectionObserver(entries=>{\r\n    entries.forEach(entry=>{\r\n     if(entry.isIntersecting)entry.target.classList.add('cdt-visible');\r\n     else entry.target.classList.remove('cdt-visible');\r\n    });\r\n   },{threshold:.12,rootMargin:'0px 0px -35px 0px'})\r\n  :null;\r\n\r\n function addReveal(element,direction,delayClass){\r\n  if(!element)return;\r\n  element.classList.add('cdt-reveal');\r\n  if(direction)element.classList.add('cdt-reveal-'+direction);\r\n  if(delayClass)element.classList.add(delayClass);\r\n  if(revealObserver)revealObserver.observe(element);\r\n  else element.classList.add('cdt-visible');\r\n }\r\n\r\n function setupStaticReveals(){\r\n  addReveal(root.querySelector('.sessions-header'));\r\n  addReveal(root.querySelector('.sessions-title'));\r\n  addReveal(root.querySelector('.join-top'),'right','cdt-delay-1');\r\n  addReveal(root.querySelector('.filter-row'),'left');\r\n  addReveal(root.querySelector('.search-box'),'left','cdt-delay-1');\r\n  addReveal(root.querySelector('.results-count'),'left','cdt-delay-2');\r\n  addReveal(root.querySelector('.calendar-card'),'right','cdt-delay-1');\r\n  addReveal(root.querySelector('.map-card'),'right','cdt-delay-2');\r\n }\r\n\r\n function setupDynamicReveals(){\r\n  const cards=results.querySelectorAll('.event-card');\r\n  cards.forEach((card,index)=>{\r\n   card.classList.add('cdt-reveal');\r\n   card.classList.remove('cdt-delay-1','cdt-delay-2','cdt-delay-3','cdt-delay-4','cdt-delay-5','cdt-delay-6');\r\n   card.classList.add('cdt-delay-'+((index%6)+1));\r\n   if(revealObserver)revealObserver.observe(card);\r\n   else card.classList.add('cdt-visible');\r\n  });\r\n  results.querySelectorAll('.date-heading').forEach((heading,index)=>{\r\n   heading.classList.add('cdt-reveal');\r\n   if(index%2)heading.classList.add('cdt-reveal-left');\r\n   if(revealObserver)revealObserver.observe(heading);\r\n   else heading.classList.add('cdt-visible');\r\n  });\r\n }\r\n\r\n results.addEventListener('click',function(event){\r\n  const button=event.target.closest('.event-details-btn');\r\n  if(!button||!results.contains(button))return;\r\n  const description=button.nextElementSibling;\r\n  const isOpening=description.hidden;\r\n  description.hidden=!isOpening;\r\n  button.setAttribute('aria-expanded',String(isOpening));\r\n  button.textContent=isOpening?'HIDE DETAILS \u2212':'VIEW DETAILS +';\r\n });\r\n\r\n const pad=n=>String(n).padStart(2,'0');\r\n const dateKey=date=>date.getFullYear()+'-'+pad(date.getMonth()+1)+'-'+pad(date.getDate());\r\n const parseDate=value=>{const parts=value.split('-').map(Number);return new Date(parts[0],parts[1]-1,parts[2])};\r\n const sameDay=(a,b)=>dateKey(a)===dateKey(b);\r\n const escapeHTML=value=>String(value).replace(\/[&<>\"']\/g,ch=>({'&':'&amp;','<':'&lt;','>':'&gt;','\"':'&quot;',\"'\":'&#39;'}[ch]));\r\n const monthName=date=>date.toLocaleDateString('en-GB',{month:'long',year:'numeric'});\r\n const dayName=date=>date.toLocaleDateString('en-GB',{weekday:'long'});\r\n const shortDate=date=>date.toLocaleDateString('en-GB',{day:'2-digit',month:'short'});\r\n\r\n function visibleSessions(){\r\n  return sessions.filter(session=>{\r\n   const d=parseDate(session.date),isUpcoming=d>=today;\r\n   if(selectedPeriod==='upcoming'&&!isUpcoming)return false;\r\n   if(selectedPeriod==='past'&&isUpcoming)return false;\r\n   if(selectedDate&&!sameDay(d,selectedDate))return false;\r\n   if(selectedCategory!=='All Sessions'&&session.category!==selectedCategory&&!session.categories.includes(selectedCategory))return false;\r\n   const searchable=[session.title,session.organiser,session.location,session.category,...session.categories].join(' ').toLowerCase();\r\n   if(searchTerm&&!searchable.includes(searchTerm))return false;\r\n   return true;\r\n  }).sort((a,b)=>{\r\n   const difference=parseDate(a.date)-parseDate(b.date);\r\n   return selectedPeriod==='past'?-difference:difference;\r\n  });\r\n }\r\n\r\n function renderResults(){\r\n  const filtered=visibleSessions();\r\n  count.textContent=filtered.length+' session'+(filtered.length===1?'':'s')+' shown';\r\n  if(filtered.length===0){\r\n   results.innerHTML='<div class=\"empty-state cdt-reveal cdt-visible\">No sessions found for this selection. Try another date, category or search term.<\/div>';\r\n   return;\r\n  }\r\n  let html='',lastDate='';\r\n  filtered.forEach((session,index)=>{\r\n   const d=parseDate(session.date),key=session.date;\r\n   if(key!==lastDate){\r\n    if(lastDate!=='')html+='<\/div>';\r\n    html+='<div class=\"date-heading\"><span class=\"date-dot\"><\/span><span>'+escapeHTML(shortDate(d))+'<\/span><span class=\"weekday\">'+escapeHTML(dayName(d))+'<\/span><\/div>';\r\n    html+='<div class=\"event-list\">';\r\n    lastDate=key;\r\n   }\r\n   const tags=session.categories.map(tag=>'<span class=\"event-tag\">'+escapeHTML(tag)+'<\/span>').join('');\r\n   html+='<article class=\"event-card\">'+\r\n    '<div class=\"event-image\">'+\r\n     (session.image\r\n      ?'<img decoding=\"async\" src=\"'+escapeHTML(session.image)+'\" alt=\"'+escapeHTML(session.title)+' session image\" loading=\"lazy\">'\r\n      :'<div class=\"event-image-placeholder\"><div class=\"image-symbol\">\uff0b<\/div><strong>ADD SESSION IMAGE<\/strong><span>Paste an image URL into this session image field<\/span><\/div>')+\r\n    '<\/div>'+\r\n    '<div class=\"event-content\">'+\r\n     '<div class=\"event-time\">'+escapeHTML(session.start)+' to '+escapeHTML(session.end)+'<\/div>'+\r\n     '<div class=\"event-number\">'+String(index+1).padStart(2,'0')+'<\/div>'+\r\n     '<h3 class=\"event-title\">'+escapeHTML(session.title)+'<\/h3>'+\r\n     '<div class=\"event-meta\"><span class=\"meta-icon\">\u25ce<\/span><span>By '+escapeHTML(session.organiser)+'<\/span><\/div>'+\r\n     '<div class=\"event-meta\"><span class=\"meta-icon\">\u2316<\/span><span>'+escapeHTML(session.location)+'<\/span><\/div>'+\r\n     '<div class=\"event-tags\">'+tags+'<\/div>'+\r\n     (session.description?'<button type=\"button\" class=\"event-details-btn\" aria-expanded=\"false\">VIEW DETAILS +<\/button><div class=\"event-description\" hidden>'+escapeHTML(session.description)+'<\/div>':'')+\r\n     '<a class=\"event-link\" href=\"'+escapeHTML(session.join)+'\">JOIN SESSION \u2197<\/a>'+\r\n    '<\/div><\/article>';\r\n  });\r\n  if(lastDate!=='')html+='<\/div>';\r\n  results.innerHTML=html;\r\n  setupDynamicReveals();\r\n }\r\n\r\n function renderCalendar(){\r\n  calendarTitle.textContent=monthName(displayedMonth);\r\n  calendarDays.innerHTML='';\r\n  const year=displayedMonth.getFullYear(),month=displayedMonth.getMonth();\r\n  const firstDay=new Date(year,month,1).getDay();\r\n  const daysInMonth=new Date(year,month+1,0).getDate();\r\n  for(let i=0;i<firstDay;i++){\r\n   const blank=document.createElement('span');\r\n   blank.className='calendar-day empty';\r\n   blank.setAttribute('aria-hidden','true');\r\n   calendarDays.appendChild(blank);\r\n  }\r\n  for(let day=1;day<=daysInMonth;day++){\r\n   const date=new Date(year,month,day),key=dateKey(date);\r\n   const button=document.createElement('button');\r\n   button.type='button';button.className='calendar-day';button.textContent=day;\r\n   button.setAttribute('aria-label',date.toLocaleDateString('en-GB',{day:'numeric',month:'long',year:'numeric'}));\r\n   if(sameDay(date,today))button.classList.add('today');\r\n   if(selectedDate&&sameDay(date,selectedDate)){button.classList.add('selected');button.setAttribute('aria-pressed','true')}\r\n   else button.setAttribute('aria-pressed','false');\r\n   if(sessions.some(session=>session.date===key))button.classList.add('has-event');\r\n   button.addEventListener('click',function(){\r\n    selectedDate=selectedDate&&sameDay(selectedDate,date)?null:new Date(year,month,day);\r\n    renderCalendar();renderResults();\r\n   });\r\n   calendarDays.appendChild(button);\r\n  }\r\n }\r\n\r\n root.querySelector('#cdt-prev-month').addEventListener('click',function(){\r\n  displayedMonth=new Date(displayedMonth.getFullYear(),displayedMonth.getMonth()-1,1);\r\n  selectedDate=null;renderCalendar();renderResults();\r\n });\r\n root.querySelector('#cdt-next-month').addEventListener('click',function(){\r\n  displayedMonth=new Date(displayedMonth.getFullYear(),displayedMonth.getMonth()+1,1);\r\n  selectedDate=null;renderCalendar();renderResults();\r\n });\r\n root.querySelectorAll('.filter-btn').forEach(button=>{\r\n  button.addEventListener('click',function(){\r\n   root.querySelectorAll('.filter-btn').forEach(item=>item.classList.remove('active'));\r\n   button.classList.add('active');selectedCategory=button.dataset.category;renderResults();\r\n  });\r\n });\r\n root.querySelectorAll('.calendar-switch button').forEach(button=>{\r\n  button.addEventListener('click',function(){\r\n   root.querySelectorAll('.calendar-switch button').forEach(item=>item.classList.remove('active'));\r\n   button.classList.add('active');selectedPeriod=button.dataset.period;selectedDate=null;\r\n   renderCalendar();renderResults();\r\n  });\r\n });\r\n search.addEventListener('input',function(){searchTerm=search.value.trim().toLowerCase();renderResults()});\r\n setupStaticReveals();renderCalendar();renderResults();\r\n})();\r\n<\/script>\r\n<\/div>\r\n<!-- END CDT MAKER CLUB SESSIONS PAGE -->\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-39401da e-con-full e-flex e-con e-parent\" data-id=\"39401da\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4e4ad23 elementor-widget elementor-widget-html\" data-id=\"4e4ad23\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- CDT MAKER CLUB | FULL SCREEN SESSION CATEGORIES -->\r\n<section id=\"cdt-session-categories\">\r\n\r\n<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');\r\n\r\n\/* REMOVE HORIZONTAL GAPS *\/\r\nhtml,body{\r\n  margin:0!important;\r\n  padding:0!important;\r\n  overflow-x:hidden!important;\r\n}\r\n\r\n#cdt-session-categories,\r\n#cdt-session-categories *{\r\n  box-sizing:border-box;\r\n}\r\n\r\n#cdt-session-categories{\r\n  --bg:#071113;\r\n  --panel:#0d2023;\r\n  --teal:#19D8C4;\r\n  --orange:#F0A044;\r\n  --muted:#aabdbb;\r\n  --white:#f7fbfa;\r\n\r\n  position:relative!important;\r\n  left:50%!important;\r\n  width:100vw!important;\r\n  max-width:100vw!important;\r\n  min-width:100vw!important;\r\n  margin-left:-50vw!important;\r\n  margin-right:0!important;\r\n  padding:100px 5.5% 85px!important;\r\n\r\n  overflow:hidden;\r\n  isolation:isolate;\r\n  background:var(--bg);\r\n  color:var(--white);\r\n  font-family:'Inter',sans-serif;\r\n}\r\n\r\n\/* REMOVE ELEMENTOR INNER WIDTH RESTRICTIONS *\/\r\n.elementor-widget-html,\r\n.elementor-widget-html .elementor-widget-container{\r\n  max-width:100%!important;\r\n}\r\n\r\n#cdt-session-categories .cc-container{\r\n  position:relative;\r\n  z-index:1;\r\n  width:100%;\r\n  max-width:1600px;\r\n  margin:0 auto;\r\n}\r\n\r\n\/* BACKGROUND GLOW *\/\r\n#cdt-session-categories .cc-glow{\r\n  position:absolute;\r\n  z-index:-1;\r\n  width:440px;\r\n  height:440px;\r\n  border-radius:50%;\r\n  pointer-events:none;\r\n  filter:blur(100px);\r\n  opacity:.12;\r\n  animation:ccGlow 10s ease-in-out infinite alternate;\r\n}\r\n\r\n#cdt-session-categories .cc-glow-one{\r\n  top:-170px;\r\n  left:-150px;\r\n  background:var(--teal);\r\n}\r\n\r\n#cdt-session-categories .cc-glow-two{\r\n  right:-180px;\r\n  bottom:-180px;\r\n  background:var(--orange);\r\n  animation-delay:2s;\r\n}\r\n\r\n\/* HEADER *\/\r\n#cdt-session-categories .cc-heading{\r\n  max-width:780px;\r\n  margin:0 auto 58px;\r\n  text-align:center;\r\n}\r\n\r\n#cdt-session-categories .cc-eyebrow{\r\n  display:inline-flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n  gap:10px;\r\n  margin-bottom:21px;\r\n  color:var(--teal);\r\n  font-size:10px;\r\n  font-weight:500;\r\n  letter-spacing:2.8px;\r\n  text-transform:uppercase;\r\n}\r\n\r\n#cdt-session-categories .cc-eyebrow:before{\r\n  content:\"\";\r\n  width:25px;\r\n  height:1px;\r\n  background:var(--teal);\r\n}\r\n\r\n#cdt-session-categories .cc-heading h2{\r\n  margin:0 0 19px;\r\n  color:var(--white);\r\n  font-family:'Space Grotesk',sans-serif;\r\n  font-size:clamp(29px,3.5vw,43px);\r\n  font-weight:500;\r\n  line-height:1.15;\r\n  letter-spacing:-1.1px;\r\n  text-transform:uppercase;\r\n}\r\n\r\n#cdt-session-categories .cc-heading h2 span{\r\n  color:var(--teal);\r\n}\r\n\r\n#cdt-session-categories .cc-heading p{\r\n  max-width:650px;\r\n  margin:0 auto;\r\n  color:var(--muted);\r\n  font-size:14px;\r\n  font-weight:400;\r\n  line-height:1.9;\r\n}\r\n\r\n#cdt-session-categories .cc-divider{\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n  gap:8px;\r\n  margin-top:25px;\r\n}\r\n\r\n#cdt-session-categories .cc-divider span{\r\n  display:block;\r\n  width:32px;\r\n  height:2px;\r\n  border-radius:5px;\r\n  background:var(--teal);\r\n}\r\n\r\n#cdt-session-categories .cc-divider span:last-child{\r\n  width:8px;\r\n  background:var(--orange);\r\n}\r\n\r\n\/* CATEGORY GRID *\/\r\n#cdt-session-categories .cc-grid{\r\n  display:grid;\r\n  grid-template-columns:repeat(4,minmax(0,1fr));\r\n  gap:22px;\r\n  width:100%;\r\n  align-items:stretch;\r\n}\r\n\r\n\/* CARDS *\/\r\n#cdt-session-categories .cc-card{\r\n  position:relative;\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,.09);\r\n  border-radius:13px;\r\n  background:linear-gradient(160deg,#10272b 0%,#0b1b1e 100%);\r\n  box-shadow:0 8px 25px rgba(0,0,0,.12);\r\n  transition:\r\n    transform .4s ease,\r\n    border-color .4s ease,\r\n    box-shadow .4s ease;\r\n}\r\n\r\n#cdt-session-categories .cc-card:after{\r\n  position:absolute;\r\n  top:0;\r\n  left:0;\r\n  width:100%;\r\n  height:2px;\r\n  content:\"\";\r\n  background:linear-gradient(90deg,var(--teal),transparent 80%);\r\n  transform:scaleX(0);\r\n  transform-origin:left;\r\n  transition:transform .4s ease;\r\n}\r\n\r\n#cdt-session-categories .cc-card:hover{\r\n  transform:translateY(-8px);\r\n  border-color:rgba(25,216,196,.48);\r\n  box-shadow:\r\n    0 22px 45px rgba(0,0,0,.3),\r\n    0 0 25px rgba(25,216,196,.045);\r\n}\r\n\r\n#cdt-session-categories .cc-card:hover:after{\r\n  transform:scaleX(1);\r\n}\r\n\r\n\/* IMAGE AREAS *\/\r\n#cdt-session-categories .cc-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:210px;\r\n  overflow:hidden;\r\n  background:\r\n    radial-gradient(ellipse at 50% 50%,rgba(25,216,196,.13),transparent 65%),\r\n    linear-gradient(135deg,#173337,#091719);\r\n  border-bottom:1px solid rgba(255,255,255,.07);\r\n}\r\n\r\n#cdt-session-categories .cc-image:before{\r\n  position:absolute;\r\n  inset:0;\r\n  content:\"\";\r\n  background:linear-gradient(\r\n    115deg,\r\n    transparent 25%,\r\n    rgba(255,255,255,.055) 50%,\r\n    transparent 75%\r\n  );\r\n  transform:translateX(-120%);\r\n  transition:transform .8s ease;\r\n}\r\n\r\n#cdt-session-categories .cc-card:hover .cc-image:before{\r\n  transform:translateX(120%);\r\n}\r\n\r\n\/* DECORATIVE CIRCLES *\/\r\n#cdt-session-categories .cc-art{\r\n  position:relative;\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n  width:94px;\r\n  height:94px;\r\n  border:1px solid rgba(25,216,196,.35);\r\n  border-radius:50%;\r\n  background:rgba(7,17,19,.35);\r\n  box-shadow:0 0 35px rgba(25,216,196,.07);\r\n  transition:transform .5s ease,border-color .5s ease;\r\n}\r\n\r\n#cdt-session-categories .cc-art:before{\r\n  position:absolute;\r\n  inset:-9px;\r\n  content:\"\";\r\n  border:1px dashed rgba(25,216,196,.22);\r\n  border-radius:50%;\r\n  animation:ccOrbit 22s linear infinite;\r\n}\r\n\r\n#cdt-session-categories .cc-art span{\r\n  color:var(--teal);\r\n  font-family:'Space Grotesk',sans-serif;\r\n  font-size:24px;\r\n  font-weight:500;\r\n  letter-spacing:-1px;\r\n}\r\n\r\n#cdt-session-categories .cc-card:hover .cc-art{\r\n  transform:scale(1.06);\r\n  border-color:var(--teal);\r\n}\r\n\r\n#cdt-session-categories .cc-image-label{\r\n  position:absolute;\r\n  bottom:15px;\r\n  left:17px;\r\n  color:rgba(255,255,255,.55);\r\n  font-size:9px;\r\n  font-weight:400;\r\n  letter-spacing:1.6px;\r\n  text-transform:uppercase;\r\n}\r\n\r\n\/* CARD CONTENT *\/\r\n#cdt-session-categories .cc-content{\r\n  display:flex;\r\n  flex:1;\r\n  flex-direction:column;\r\n  padding:25px 22px 24px;\r\n}\r\n\r\n#cdt-session-categories .cc-number{\r\n  margin-bottom:13px;\r\n  color:var(--orange);\r\n  font-size:9px;\r\n  font-weight:500;\r\n  letter-spacing:1.8px;\r\n}\r\n\r\n#cdt-session-categories .cc-content h3{\r\n  margin:0 0 12px;\r\n  color:var(--white);\r\n  font-family:'Space Grotesk',sans-serif;\r\n  font-size:18px;\r\n  font-weight:500;\r\n  line-height:1.4;\r\n  letter-spacing:-.2px;\r\n}\r\n\r\n#cdt-session-categories .cc-content p{\r\n  margin:0;\r\n  color:var(--muted);\r\n  font-size:12.5px;\r\n  font-weight:400;\r\n  line-height:1.85;\r\n}\r\n\r\n\/* SCROLL ANIMATIONS *\/\r\n#cdt-session-categories .cc-reveal{\r\n  opacity:0;\r\n  transform:translateY(55px) scale(.97);\r\n  filter:blur(5px);\r\n  transition:\r\n    opacity .8s ease,\r\n    transform .8s cubic-bezier(.2,.7,.2,1),\r\n    filter .8s ease;\r\n  will-change:opacity,transform,filter;\r\n}\r\n\r\n#cdt-session-categories .cc-reveal.cc-visible{\r\n  opacity:1;\r\n  transform:translateY(0) scale(1);\r\n  filter:blur(0);\r\n}\r\n\r\n#cdt-session-categories .cc-card:nth-child(1){\r\n  transition-delay:.05s;\r\n}\r\n\r\n#cdt-session-categories .cc-card:nth-child(2){\r\n  transition-delay:.16s;\r\n}\r\n\r\n#cdt-session-categories .cc-card:nth-child(3){\r\n  transition-delay:.27s;\r\n}\r\n\r\n#cdt-session-categories .cc-card:nth-child(4){\r\n  transition-delay:.38s;\r\n}\r\n\r\n\/* KEYFRAMES *\/\r\n@keyframes ccOrbit{\r\n  from{transform:rotate(0deg)}\r\n  to{transform:rotate(360deg)}\r\n}\r\n\r\n@keyframes ccGlow{\r\n  from{transform:translate(0,0) scale(1)}\r\n  to{transform:translate(30px,25px) scale(1.12)}\r\n}\r\n\r\n\/* TABLET *\/\r\n@media(max-width:1050px){\r\n  #cdt-session-categories{\r\n    padding:75px 4%!important;\r\n  }\r\n\r\n  #cdt-session-categories .cc-grid{\r\n    grid-template-columns:repeat(2,minmax(0,1fr));\r\n    gap:20px;\r\n  }\r\n\r\n  #cdt-session-categories .cc-image{\r\n    height:200px;\r\n  }\r\n}\r\n\r\n\/* MOBILE *\/\r\n@media(max-width:600px){\r\n  #cdt-session-categories{\r\n    padding:58px 18px!important;\r\n  }\r\n\r\n  #cdt-session-categories .cc-heading{\r\n    margin-bottom:37px;\r\n  }\r\n\r\n  #cdt-session-categories .cc-eyebrow{\r\n    gap:7px;\r\n    font-size:9px;\r\n    letter-spacing:1.6px;\r\n  }\r\n\r\n  #cdt-session-categories .cc-heading h2{\r\n    font-size:28px;\r\n    letter-spacing:-.5px;\r\n  }\r\n\r\n  #cdt-session-categories .cc-heading p{\r\n    font-size:13px;\r\n  }\r\n\r\n  #cdt-session-categories .cc-grid{\r\n    grid-template-columns:1fr;\r\n    gap:18px;\r\n  }\r\n\r\n  #cdt-session-categories .cc-image{\r\n    height:190px;\r\n  }\r\n\r\n  #cdt-session-categories .cc-content{\r\n    padding:23px 20px;\r\n  }\r\n\r\n  #cdt-session-categories .cc-content h3{\r\n    font-size:18px;\r\n  }\r\n\r\n  #cdt-session-categories .cc-content p{\r\n    font-size:13px;\r\n  }\r\n}\r\n\r\n\/* ACCESSIBILITY *\/\r\n@media(prefers-reduced-motion:reduce){\r\n  #cdt-session-categories *,\r\n  #cdt-session-categories *:before,\r\n  #cdt-session-categories *:after{\r\n    animation:none!important;\r\n    transition:none!important;\r\n  }\r\n\r\n  #cdt-session-categories .cc-reveal{\r\n    opacity:1!important;\r\n    transform:none!important;\r\n    filter:none!important;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<!-- BACKGROUND EFFECTS -->\r\n<div class=\"cc-glow cc-glow-one\"><\/div>\r\n<div class=\"cc-glow cc-glow-two\"><\/div>\r\n\r\n<div class=\"cc-container\">\r\n\r\n  <!-- HEADER -->\r\n  <header class=\"cc-heading cc-reveal\">\r\n    <div class=\"cc-eyebrow\">LEARN \u00b7 EXPLORE \u00b7 CREATE<\/div>\r\n\r\n    <h2>SESSION <span>CATEGORIES<\/span><\/h2>\r\n\r\n    <p>\r\n      Explore hands-on sessions designed to help you discover new skills,\r\n      experiment with creative technologies, and turn your ideas into\r\n      practical projects.\r\n    <\/p>\r\n\r\n    <div class=\"cc-divider\">\r\n      <span><\/span>\r\n      <span><\/span>\r\n    <\/div>\r\n  <\/header>\r\n\r\n  <!-- CATEGORY GRID -->\r\n  <div class=\"cc-grid\">\r\n\r\n    <!-- CARD 1 -->\r\n    <article class=\"cc-card cc-reveal\">\r\n      <div class=\"cc-image\">\r\n        <div class=\"cc-art\"><span>01<\/span><\/div>\r\n        <span class=\"cc-image-label\">Digital creativity<\/span>\r\n      <\/div>\r\n\r\n      <div class=\"cc-content\">\r\n        <div class=\"cc-number\">01 \/ EXPLORE<\/div>\r\n        <h3>Digital Making<\/h3>\r\n        <p>\r\n          Discover creative technology through practical activities.\r\n          Turn your ideas into digital and physical creations using\r\n          accessible tools and techniques.\r\n        <\/p>\r\n      <\/div>\r\n    <\/article>\r\n\r\n    <!-- CARD 2 -->\r\n    <article class=\"cc-card cc-reveal\">\r\n      <div class=\"cc-image\">\r\n        <div class=\"cc-art\"><span>02<\/span><\/div>\r\n        <span class=\"cc-image-label\">Build your ideas<\/span>\r\n      <\/div>\r\n\r\n      <div class=\"cc-content\">\r\n        <div class=\"cc-number\">02 \/ BUILD<\/div>\r\n        <h3>Fabrication<\/h3>\r\n        <p>\r\n          Explore 3D printing, prototyping, and digital fabrication.\r\n          Transform digital designs into physical objects while\r\n          developing practical making skills.\r\n        <\/p>\r\n      <\/div>\r\n    <\/article>\r\n\r\n    <!-- CARD 3 -->\r\n    <article class=\"cc-card cc-reveal\">\r\n      <div class=\"cc-image\">\r\n        <div class=\"cc-art\"><span>03<\/span><\/div>\r\n        <span class=\"cc-image-label\">Technology in action<\/span>\r\n      <\/div>\r\n\r\n      <div class=\"cc-content\">\r\n        <div class=\"cc-number\">03 \/ EXPERIMENT<\/div>\r\n        <h3>Electronics &amp; Technology<\/h3>\r\n        <p>\r\n          Experiment with electronics, components, and emerging\r\n          technologies. Discover how technical ideas can become\r\n          useful real-world solutions.\r\n        <\/p>\r\n      <\/div>\r\n    <\/article>\r\n\r\n    <!-- CARD 4 -->\r\n    <article class=\"cc-card cc-reveal\">\r\n      <div class=\"cc-image\">\r\n        <div class=\"cc-art\"><span>04<\/span><\/div>\r\n        <span class=\"cc-image-label\">Imagine and innovate<\/span>\r\n      <\/div>\r\n\r\n      <div class=\"cc-content\">\r\n        <div class=\"cc-number\">04 \/ DESIGN<\/div>\r\n        <h3>Design &amp; Innovation<\/h3>\r\n        <p>\r\n          Develop creativity through design challenges, idea development,\r\n          and prototyping. Explore possibilities and create thoughtful\r\n          solutions to real-world challenges.\r\n        <\/p>\r\n      <\/div>\r\n    <\/article>\r\n\r\n  <\/div>\r\n<\/div>\r\n\r\n<!-- SCROLL ANIMATION -->\r\n<script>\r\n(function(){\r\n\r\n  const section=document.getElementById('cdt-session-categories');\r\n  if(!section) return;\r\n\r\n  const items=section.querySelectorAll('.cc-reveal');\r\n\r\n  if('IntersectionObserver' in window){\r\n\r\n    const observer=new IntersectionObserver(function(entries){\r\n\r\n      entries.forEach(function(entry){\r\n\r\n        if(entry.isIntersecting){\r\n          entry.target.classList.add('cc-visible');\r\n        }else{\r\n          entry.target.classList.remove('cc-visible');\r\n        }\r\n\r\n      });\r\n\r\n    },{\r\n      threshold:0.12,\r\n      rootMargin:'0px 0px -30px 0px'\r\n    });\r\n\r\n    items.forEach(function(item){\r\n      observer.observe(item);\r\n    });\r\n\r\n  }else{\r\n\r\n    items.forEach(function(item){\r\n      item.classList.add('cc-visible');\r\n    });\r\n\r\n  }\r\n\r\n})();\r\n<\/script>\r\n\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-8338f6e e-con-full e-flex e-con e-parent\" data-id=\"8338f6e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e973255 elementor-widget elementor-widget-html\" data-id=\"e973255\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n<!-- =====================================================\r\n CDT MAKER CLUB - WHO CAN JOIN\r\n PREMIUM DARK THEME | FULL WIDTH\r\n STYLE GUIDE: DARK GREEN + TEAL + ORANGE\r\n STAGGERED LAYOUT | REPEATING ANIMATION\r\n BOTTOM CTA REMOVED\r\n===================================================== -->\r\n\r\n<section id=\"cdt-who-can-join\">\r\n\r\n<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700;800&family=Space+Grotesk:wght@400;500;600;700&display=swap');\r\n\r\nhtml,body{\r\n  margin:0!important;\r\n  padding:0!important;\r\n  overflow-x:hidden!important;\r\n}\r\n\r\n#cdt-who-can-join,\r\n#cdt-who-can-join *{\r\n  box-sizing:border-box;\r\n}\r\n\r\n#cdt-who-can-join{\r\n  --teal:#19D8C4;\r\n  --teal-dark:#00A99C;\r\n  --orange:#F0A044;\r\n  --bg:#070D0B;\r\n  --card:#10272B;\r\n  --card-light:#143438;\r\n  --white:#F5FFFD;\r\n  --muted:#A5BCB8;\r\n\r\n  position:relative!important;\r\n  left:50%!important;\r\n  width:100vw!important;\r\n  max-width:100vw!important;\r\n  min-width:100vw!important;\r\n  margin-left:-50vw!important;\r\n\r\n  padding:105px 5.2% 100px!important;\r\n  background:\r\n    radial-gradient(ellipse at 10% 10%,rgba(0,169,156,.13),transparent 35%),\r\n    radial-gradient(ellipse at 90% 85%,rgba(240,160,68,.09),transparent 32%),\r\n    var(--bg);\r\n  color:var(--white);\r\n  font-family:'Inter',sans-serif;\r\n  overflow:hidden;\r\n}\r\n\r\n\/* BACKGROUND DECORATION *\/\r\n\r\n#cdt-who-can-join .join-glow{\r\n  position:absolute;\r\n  width:480px;\r\n  height:480px;\r\n  top:-180px;\r\n  left:-180px;\r\n  border-radius:50%;\r\n  background:rgba(25,216,196,.12);\r\n  filter:blur(120px);\r\n  pointer-events:none;\r\n  animation:joinGlow 12s ease-in-out infinite alternate;\r\n}\r\n\r\n#cdt-who-can-join .join-glow-two{\r\n  position:absolute;\r\n  width:420px;\r\n  height:420px;\r\n  right:-200px;\r\n  bottom:-150px;\r\n  border-radius:50%;\r\n  background:rgba(240,160,68,.10);\r\n  filter:blur(120px);\r\n  pointer-events:none;\r\n  animation:joinGlow 10s ease-in-out infinite alternate-reverse;\r\n}\r\n\r\n@keyframes joinGlow{\r\n  from{transform:translate(0,0) scale(1)}\r\n  to{transform:translate(55px,45px) scale(1.2)}\r\n}\r\n\r\n\/* SUBTLE BACKGROUND GRID *\/\r\n\r\n#cdt-who-can-join .join-grid-pattern{\r\n  position:absolute;\r\n  inset:0;\r\n  opacity:.12;\r\n  pointer-events:none;\r\n  background-image:\r\n    linear-gradient(rgba(25,216,196,.09) 1px,transparent 1px),\r\n    linear-gradient(90deg,rgba(25,216,196,.09) 1px,transparent 1px);\r\n  background-size:65px 65px;\r\n  mask-image:linear-gradient(to bottom,black,transparent 85%);\r\n}\r\n\r\n\/* MAIN CONTAINER *\/\r\n\r\n#cdt-who-can-join .join-container{\r\n  width:100%;\r\n  max-width:1450px;\r\n  margin:0 auto;\r\n  position:relative;\r\n  z-index:2;\r\n}\r\n\r\n\/* SCROLL ANIMATIONS *\/\r\n\r\n#cdt-who-can-join .join-top,\r\n#cdt-who-can-join .join-item{\r\n  opacity:0;\r\n  transform:translateY(38px);\r\n  filter:blur(4px);\r\n  transition:\r\n    opacity .75s ease,\r\n    transform .8s cubic-bezier(.2,.7,.2,1),\r\n    filter .75s ease;\r\n}\r\n\r\n#cdt-who-can-join .is-visible{\r\n  opacity:1;\r\n  transform:translateY(0);\r\n  filter:blur(0);\r\n}\r\n\r\n#cdt-who-can-join .join-item:nth-child(1){transition-delay:.05s}\r\n#cdt-who-can-join .join-item:nth-child(2){transition-delay:.12s}\r\n#cdt-who-can-join .join-item:nth-child(3){transition-delay:.18s}\r\n#cdt-who-can-join .join-item:nth-child(4){transition-delay:.24s}\r\n\r\n\/* HEADER *\/\r\n\r\n#cdt-who-can-join .join-top{\r\n  text-align:center;\r\n  max-width:850px;\r\n  margin:0 auto 70px;\r\n}\r\n\r\n#cdt-who-can-join .join-eyebrow{\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n  gap:11px;\r\n  color:var(--teal);\r\n  font-size:10px;\r\n  font-weight:800;\r\n  letter-spacing:3px;\r\n  line-height:1.5;\r\n  margin:0 0 20px;\r\n}\r\n\r\n#cdt-who-can-join .join-eyebrow:before{\r\n  content:'';\r\n  width:25px;\r\n  height:2px;\r\n  background:var(--orange);\r\n}\r\n\r\n#cdt-who-can-join .join-title{\r\n  font-family:'Space Grotesk',sans-serif;\r\n  color:var(--white);\r\n  font-size:clamp(34px,4vw,53px);\r\n  font-weight:700;\r\n  letter-spacing:-2px;\r\n  line-height:1.15;\r\n  margin:0 0 20px;\r\n}\r\n\r\n#cdt-who-can-join .join-title span{\r\n  color:var(--teal);\r\n}\r\n\r\n#cdt-who-can-join .join-description{\r\n  max-width:670px;\r\n  margin:0 auto;\r\n  color:var(--muted);\r\n  font-size:13px;\r\n  line-height:1.95;\r\n}\r\n\r\n#cdt-who-can-join .join-divider{\r\n  display:flex;\r\n  justify-content:center;\r\n  align-items:center;\r\n  gap:8px;\r\n  margin:27px auto 0;\r\n}\r\n\r\n#cdt-who-can-join .join-divider span:first-child{\r\n  width:35px;\r\n  height:3px;\r\n  border-radius:5px;\r\n  background:var(--teal);\r\n}\r\n\r\n#cdt-who-can-join .join-divider span:last-child{\r\n  width:10px;\r\n  height:3px;\r\n  border-radius:5px;\r\n  background:var(--orange);\r\n}\r\n\r\n\/* STAGGERED CARD LAYOUT *\/\r\n\r\n#cdt-who-can-join .join-grid{\r\n  display:flex;\r\n  flex-direction:column;\r\n  gap:30px;\r\n}\r\n\r\n\/* BASE CARD *\/\r\n\r\n#cdt-who-can-join .join-item{\r\n  position:relative;\r\n  width:91%;\r\n  min-height:310px;\r\n  display:grid;\r\n  grid-template-columns:40% 60%;\r\n  align-items:stretch;\r\n  background:var(--card);\r\n  border:1px solid rgba(25,216,196,.16);\r\n  border-radius:18px;\r\n  overflow:hidden;\r\n  box-shadow:0 15px 40px rgba(0,0,0,.2);\r\n  transition:\r\n    border-color .4s ease,\r\n    box-shadow .4s ease,\r\n    transform .4s ease;\r\n}\r\n\r\n#cdt-who-can-join .join-item:hover{\r\n  transform:translateY(-6px);\r\n  border-color:rgba(25,216,196,.55);\r\n  box-shadow:0 22px 48px rgba(0,0,0,.35);\r\n}\r\n\r\n#cdt-who-can-join .join-item:nth-child(odd){\r\n  margin-right:auto;\r\n}\r\n\r\n#cdt-who-can-join .join-item:nth-child(even){\r\n  margin-left:auto;\r\n  grid-template-columns:60% 40%;\r\n}\r\n\r\n#cdt-who-can-join .join-item:nth-child(even) .join-visual{\r\n  order:2;\r\n}\r\n\r\n#cdt-who-can-join .join-item:nth-child(even) .join-info{\r\n  order:1;\r\n}\r\n\r\n\/* VISUAL AREA *\/\r\n\r\n#cdt-who-can-join .join-visual{\r\n  position:relative;\r\n  min-height:310px;\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n  overflow:hidden;\r\n  background:\r\n    radial-gradient(circle at 50% 45%,rgba(25,216,196,.20),transparent 65%),\r\n    linear-gradient(145deg,#153B3C,#0D2528);\r\n}\r\n\r\n#cdt-who-can-join .join-circle{\r\n  position:relative;\r\n  width:112px;\r\n  height:112px;\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n  border:1px solid rgba(25,216,196,.8);\r\n  border-radius:50%;\r\n  color:var(--teal);\r\n  background:rgba(7,13,11,.65);\r\n  font-family:'Space Grotesk',sans-serif;\r\n  font-size:31px;\r\n  font-weight:700;\r\n  z-index:2;\r\n  box-shadow:0 10px 35px rgba(0,0,0,.25);\r\n  transition:all .45s ease;\r\n}\r\n\r\n#cdt-who-can-join .join-circle:before{\r\n  content:'';\r\n  position:absolute;\r\n  inset:-12px;\r\n  border:1px dashed rgba(25,216,196,.65);\r\n  border-radius:50%;\r\n  animation:joinRotate 20s linear infinite;\r\n}\r\n\r\n#cdt-who-can-join .join-circle:after{\r\n  content:'';\r\n  position:absolute;\r\n  inset:-23px;\r\n  border:1px solid rgba(25,216,196,.2);\r\n  border-radius:50%;\r\n}\r\n\r\n@keyframes joinRotate{\r\n  from{transform:rotate(0deg)}\r\n  to{transform:rotate(360deg)}\r\n}\r\n\r\n#cdt-who-can-join .join-item:hover .join-circle{\r\n  transform:scale(1.08);\r\n  box-shadow:0 0 40px rgba(25,216,196,.25);\r\n}\r\n\r\n#cdt-who-can-join .visual-label{\r\n  position:absolute;\r\n  left:25px;\r\n  bottom:22px;\r\n  color:#A5DAD2;\r\n  font-size:9px;\r\n  font-weight:800;\r\n  letter-spacing:1.8px;\r\n  z-index:3;\r\n}\r\n\r\n#cdt-who-can-join .join-visual img{\r\n  position:absolute;\r\n  inset:0;\r\n  width:100%;\r\n  height:100%;\r\n  object-fit:cover;\r\n  opacity:.82;\r\n  transform:scale(1.02);\r\n  transition:transform .8s ease,opacity .5s ease;\r\n}\r\n\r\n#cdt-who-can-join .join-item:hover .join-visual img{\r\n  transform:scale(1.08);\r\n  opacity:1;\r\n}\r\n\r\n\/* CONTENT AREA *\/\r\n\r\n#cdt-who-can-join .join-info{\r\n  padding:42px 48px;\r\n  display:flex;\r\n  flex-direction:column;\r\n  justify-content:center;\r\n  align-items:flex-start;\r\n  min-width:0;\r\n}\r\n\r\n#cdt-who-can-join .join-category{\r\n  display:inline-flex;\r\n  align-items:center;\r\n  gap:9px;\r\n  color:var(--orange);\r\n  font-size:10px;\r\n  font-weight:800;\r\n  letter-spacing:2px;\r\n  line-height:1.6;\r\n  margin-bottom:16px;\r\n}\r\n\r\n#cdt-who-can-join .join-category:before{\r\n  content:'';\r\n  width:21px;\r\n  height:2px;\r\n  background:var(--orange);\r\n}\r\n\r\n#cdt-who-can-join .join-info h3{\r\n  color:var(--white);\r\n  font-family:'Space Grotesk',sans-serif;\r\n  font-size:clamp(23px,2.2vw,31px);\r\n  font-weight:700;\r\n  letter-spacing:-.8px;\r\n  line-height:1.25;\r\n  margin:0 0 15px;\r\n}\r\n\r\n#cdt-who-can-join .join-info p{\r\n  max-width:560px;\r\n  color:#A9BFBB;\r\n  font-family:'Inter',sans-serif;\r\n  font-size:13px;\r\n  font-weight:400;\r\n  line-height:1.95;\r\n  margin:0 0 24px;\r\n}\r\n\r\n#cdt-who-can-join .join-link{\r\n  display:inline-flex;\r\n  align-items:center;\r\n  gap:11px;\r\n  margin-top:auto;\r\n  color:var(--teal);\r\n  font-size:10px;\r\n  font-weight:800;\r\n  letter-spacing:1.2px;\r\n  text-decoration:none!important;\r\n  transition:gap .3s ease,color .3s ease;\r\n}\r\n\r\n#cdt-who-can-join .join-link:hover{\r\n  gap:18px;\r\n  color:var(--orange);\r\n}\r\n\r\n#cdt-who-can-join .join-link span{\r\n  font-size:19px;\r\n  line-height:1;\r\n}\r\n\r\n\/* CARD 01 + CARD 03 - TEAL FEATURE CARDS *\/\r\n\r\n#cdt-who-can-join .join-item:nth-child(1),\r\n#cdt-who-can-join .join-item:nth-child(3){\r\n  width:100%;\r\n  min-height:335px;\r\n  grid-template-columns:43% 57%;\r\n  border:1px solid rgba(25,216,196,.35);\r\n  border-radius:18px;\r\n  background:\r\n    radial-gradient(circle at 85% 20%,rgba(25,216,196,.12),transparent 38%),\r\n    linear-gradient(115deg,#0C3937,#10272B);\r\n  box-shadow:0 16px 40px rgba(0,0,0,.25);\r\n}\r\n\r\n\/* FEATURE VISUAL *\/\r\n\r\n#cdt-who-can-join .join-item:nth-child(1) .join-visual,\r\n#cdt-who-can-join .join-item:nth-child(3) .join-visual{\r\n  min-height:335px;\r\n  background:\r\n    radial-gradient(circle at 50% 50%,rgba(25,216,196,.22),transparent 65%),\r\n    linear-gradient(135deg,#087F75,#073D3A);\r\n}\r\n\r\n\/* FEATURE CIRCLES *\/\r\n\r\n#cdt-who-can-join .join-item:nth-child(1) .join-circle,\r\n#cdt-who-can-join .join-item:nth-child(3) .join-circle{\r\n  color:#FFFFFF;\r\n  border-color:rgba(25,216,196,.9);\r\n  background:rgba(7,13,11,.35);\r\n  box-shadow:0 10px 35px rgba(0,0,0,.2);\r\n}\r\n\r\n#cdt-who-can-join .join-item:nth-child(1) .join-circle:before,\r\n#cdt-who-can-join .join-item:nth-child(3) .join-circle:before{\r\n  border-color:rgba(255,255,255,.55);\r\n}\r\n\r\n#cdt-who-can-join .join-item:nth-child(1) .join-circle:after,\r\n#cdt-who-can-join .join-item:nth-child(3) .join-circle:after{\r\n  border-color:rgba(255,255,255,.2);\r\n}\r\n\r\n#cdt-who-can-join .join-item:nth-child(1) .visual-label,\r\n#cdt-who-can-join .join-item:nth-child(3) .visual-label{\r\n  color:#D8F5EE;\r\n}\r\n\r\n\/* FEATURE CONTENT *\/\r\n\r\n#cdt-who-can-join .join-item:nth-child(1) .join-info,\r\n#cdt-who-can-join .join-item:nth-child(3) .join-info{\r\n  padding:45px 55px;\r\n}\r\n\r\n#cdt-who-can-join .join-item:nth-child(1) .join-category,\r\n#cdt-who-can-join .join-item:nth-child(3) .join-category{\r\n  color:#F5C58D;\r\n}\r\n\r\n#cdt-who-can-join .join-item:nth-child(1) .join-category:before,\r\n#cdt-who-can-join .join-item:nth-child(3) .join-category:before{\r\n  background:#F5C58D;\r\n}\r\n\r\n#cdt-who-can-join .join-item:nth-child(1) .join-info h3,\r\n#cdt-who-can-join .join-item:nth-child(3) .join-info h3{\r\n  color:#FFFFFF;\r\n  font-family:'Space Grotesk',sans-serif;\r\n  font-size:clamp(23px,2.2vw,31px);\r\n  font-weight:700;\r\n  letter-spacing:-.8px;\r\n  line-height:1.25;\r\n}\r\n\r\n#cdt-who-can-join .join-item:nth-child(1) .join-info p,\r\n#cdt-who-can-join .join-item:nth-child(3) .join-info p{\r\n  color:#C1DCD6;\r\n  font-family:'Inter',sans-serif;\r\n  font-size:13px;\r\n  font-weight:400;\r\n  line-height:1.95;\r\n}\r\n\r\n#cdt-who-can-join .join-item:nth-child(1) .join-link,\r\n#cdt-who-can-join .join-item:nth-child(3) .join-link{\r\n  color:var(--teal);\r\n}\r\n\r\n#cdt-who-can-join .join-item:nth-child(1):hover,\r\n#cdt-who-can-join .join-item:nth-child(3):hover{\r\n  box-shadow:0 23px 55px rgba(0,0,0,.38);\r\n}\r\n\r\n\/* CARD 02 - UNIVERSITY STUDENTS *\/\r\n\r\n#cdt-who-can-join .join-item:nth-child(2){\r\n  border-radius:20px 5px 20px 20px;\r\n  border-top:3px solid var(--orange);\r\n}\r\n\r\n#cdt-who-can-join .join-item:nth-child(2) .join-visual{\r\n  background:\r\n    radial-gradient(circle at 50% 45%,rgba(240,160,68,.22),transparent 65%),\r\n    linear-gradient(145deg,#49331F,#172B2A);\r\n}\r\n\r\n#cdt-who-can-join .join-item:nth-child(2) .join-circle{\r\n  color:var(--orange);\r\n  border-color:var(--orange);\r\n}\r\n\r\n#cdt-who-can-join .join-item:nth-child(2) .join-circle:before{\r\n  border-color:rgba(240,160,68,.6);\r\n}\r\n\r\n#cdt-who-can-join .join-item:nth-child(2) .join-circle:after{\r\n  border-color:rgba(240,160,68,.2);\r\n}\r\n\r\n#cdt-who-can-join .join-item:nth-child(2) .visual-label{\r\n  color:#F5C58D;\r\n}\r\n\r\n#cdt-who-can-join .join-item:nth-child(2) .join-category{\r\n  color:var(--orange);\r\n}\r\n\r\n#cdt-who-can-join .join-item:nth-child(2) .join-link{\r\n  color:var(--orange);\r\n}\r\n\r\n\/* CARD 04 - CURIOUS MINDS *\/\r\n\r\n#cdt-who-can-join .join-item:nth-child(4){\r\n  border-radius:5px 22px 22px 22px;\r\n  border-left:3px solid var(--orange);\r\n}\r\n\r\n#cdt-who-can-join .join-item:nth-child(4) .join-visual{\r\n  background:\r\n    radial-gradient(circle at 50% 45%,rgba(240,160,68,.2),transparent 65%),\r\n    linear-gradient(145deg,#3A3022,#142C2C);\r\n}\r\n\r\n#cdt-who-can-join .join-item:nth-child(4) .join-circle{\r\n  color:var(--orange);\r\n  border-color:var(--orange);\r\n}\r\n\r\n#cdt-who-can-join .join-item:nth-child(4) .join-circle:before{\r\n  border-color:rgba(240,160,68,.6);\r\n}\r\n\r\n#cdt-who-can-join .join-item:nth-child(4) .join-circle:after{\r\n  border-color:rgba(240,160,68,.2);\r\n}\r\n\r\n#cdt-who-can-join .join-item:nth-child(4) .visual-label{\r\n  color:#F5C58D;\r\n}\r\n\r\n#cdt-who-can-join .join-item:nth-child(4) .join-category{\r\n  color:var(--orange);\r\n}\r\n\r\n#cdt-who-can-join .join-item:nth-child(4) .join-category:before{\r\n  background:var(--orange);\r\n}\r\n\r\n#cdt-who-can-join .join-item:nth-child(4) .join-link{\r\n  color:var(--orange);\r\n}\r\n\r\n\/* TABLET *\/\r\n\r\n@media(max-width:1000px){\r\n\r\n  #cdt-who-can-join{\r\n    padding-left:4%!important;\r\n    padding-right:4%!important;\r\n  }\r\n\r\n  #cdt-who-can-join .join-item{\r\n    width:96%;\r\n    grid-template-columns:40% 60%;\r\n  }\r\n\r\n  #cdt-who-can-join .join-item:nth-child(even){\r\n    grid-template-columns:60% 40%;\r\n  }\r\n\r\n  #cdt-who-can-join .join-item:nth-child(1),\r\n  #cdt-who-can-join .join-item:nth-child(3){\r\n    width:100%;\r\n    grid-template-columns:43% 57%;\r\n  }\r\n\r\n  #cdt-who-can-join .join-info{\r\n    padding:32px 30px;\r\n  }\r\n\r\n  #cdt-who-can-join .join-item:nth-child(1) .join-info,\r\n  #cdt-who-can-join .join-item:nth-child(3) .join-info{\r\n    padding:35px;\r\n  }\r\n\r\n  #cdt-who-can-join .join-visual{\r\n    min-height:300px;\r\n  }\r\n}\r\n\r\n\/* MOBILE *\/\r\n\r\n@media(max-width:650px){\r\n\r\n  #cdt-who-can-join{\r\n    padding:65px 18px 60px!important;\r\n  }\r\n\r\n  #cdt-who-can-join .join-top{\r\n    margin-bottom:40px;\r\n  }\r\n\r\n  #cdt-who-can-join .join-eyebrow{\r\n    font-size:9px;\r\n    letter-spacing:2px;\r\n  }\r\n\r\n  #cdt-who-can-join .join-title{\r\n    font-size:32px;\r\n    letter-spacing:-1px;\r\n  }\r\n\r\n  #cdt-who-can-join .join-description{\r\n    font-size:12px;\r\n    line-height:1.8;\r\n  }\r\n\r\n  #cdt-who-can-join .join-grid{\r\n    gap:22px;\r\n  }\r\n\r\n  #cdt-who-can-join .join-item,\r\n  #cdt-who-can-join .join-item:nth-child(even),\r\n  #cdt-who-can-join .join-item:nth-child(1),\r\n  #cdt-who-can-join .join-item:nth-child(3){\r\n    width:100%;\r\n    display:flex;\r\n    flex-direction:column;\r\n    min-height:0;\r\n    margin:0;\r\n    border-radius:15px;\r\n  }\r\n\r\n  #cdt-who-can-join .join-item .join-visual{\r\n    order:0;\r\n    width:100%;\r\n    min-height:205px;\r\n    height:205px;\r\n  }\r\n\r\n  #cdt-who-can-join .join-item .join-info{\r\n    order:1;\r\n    width:100%;\r\n    padding:25px 23px 27px;\r\n  }\r\n\r\n  #cdt-who-can-join .join-item:nth-child(1) .join-info,\r\n  #cdt-who-can-join .join-item:nth-child(3) .join-info{\r\n    padding:25px 23px 27px;\r\n  }\r\n\r\n  #cdt-who-can-join .join-info h3{\r\n    font-size:23px;\r\n    font-weight:700;\r\n    font-family:'Space Grotesk',sans-serif;\r\n    letter-spacing:-.8px;\r\n    line-height:1.25;\r\n  }\r\n\r\n  #cdt-who-can-join .join-info p{\r\n    font-size:12px;\r\n    font-weight:400;\r\n    font-family:'Inter',sans-serif;\r\n    line-height:1.8;\r\n  }\r\n\r\n  #cdt-who-can-join .join-item:nth-child(1) .join-info h3,\r\n  #cdt-who-can-join .join-item:nth-child(3) .join-info h3{\r\n    font-size:23px;\r\n  }\r\n\r\n  #cdt-who-can-join .join-item:nth-child(1) .join-info p,\r\n  #cdt-who-can-join .join-item:nth-child(3) .join-info p{\r\n    font-size:12px;\r\n  }\r\n}\r\n\r\n\/* SMALL MOBILE *\/\r\n\r\n@media(max-width:380px){\r\n\r\n  #cdt-who-can-join .join-title{\r\n    font-size:29px;\r\n  }\r\n\r\n  #cdt-who-can-join .join-info{\r\n    padding:22px 19px!important;\r\n  }\r\n}\r\n\r\n\/* REDUCED MOTION *\/\r\n\r\n@media(prefers-reduced-motion:reduce){\r\n\r\n  #cdt-who-can-join *,\r\n  #cdt-who-can-join *:before,\r\n  #cdt-who-can-join *:after{\r\n    animation:none!important;\r\n    transition:none!important;\r\n  }\r\n\r\n  #cdt-who-can-join .join-top,\r\n  #cdt-who-can-join .join-item{\r\n    opacity:1!important;\r\n    transform:none!important;\r\n    filter:none!important;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<!-- BACKGROUND EFFECTS -->\r\n\r\n<div class=\"join-glow\"><\/div>\r\n<div class=\"join-glow-two\"><\/div>\r\n<div class=\"join-grid-pattern\"><\/div>\r\n\r\n<div class=\"join-container\">\r\n\r\n  <!-- HEADER -->\r\n\r\n  <div class=\"join-top\">\r\n\r\n    <p class=\"join-eyebrow\">\r\n      A COMMUNITY BUILT FOR CURIOSITY\r\n    <\/p>\r\n\r\n    <h2 class=\"join-title\">\r\n      YOUR IDEAS. YOUR SKILLS.\r\n      <span>YOUR PLACE.<\/span>\r\n    <\/h2>\r\n\r\n    <p class=\"join-description\">\r\n      Great ideas start with curiosity. Whether you're\r\n      discovering creative technology for the first time\r\n      or developing your next big idea, there's a place\r\n      for you in our community.\r\n    <\/p>\r\n\r\n    <div class=\"join-divider\">\r\n      <span><\/span>\r\n      <span><\/span>\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n  <!-- COMMUNITY CARDS -->\r\n\r\n  <div class=\"join-grid\">\r\n\r\n    <!-- 01 FIRST-TIME MAKERS -->\r\n\r\n    <article class=\"join-item\">\r\n\r\n      <div class=\"join-visual\">\r\n        <div class=\"join-circle\">01<\/div>\r\n        <div class=\"visual-label\">DIGITAL CREATIVITY<\/div>\r\n\r\n        <!-- Optional image:\r\n        <img decoding=\"async\" src=\"YOUR-IMAGE-URL\" alt=\"Beginners learning digital making\">\r\n        -->\r\n      <\/div>\r\n\r\n      <div class=\"join-info\">\r\n\r\n        <div class=\"join-category\">01 \/ EXPLORE<\/div>\r\n\r\n        <h3>First-Time Makers<\/h3>\r\n\r\n        <p>\r\n          Never used a 3D printer or creative technology\r\n          tool? No problem. Discover the basics, experiment\r\n          with practical activities and develop confidence\r\n          at your own pace.\r\n        <\/p>\r\n\r\n        <a href=\"#cdt-live-events\" class=\"join-link\">\r\n          START EXPLORING <span>\u2192<\/span>\r\n        <\/a>\r\n\r\n      <\/div>\r\n\r\n    <\/article>\r\n\r\n    <!-- 02 UNIVERSITY STUDENTS -->\r\n\r\n    <article class=\"join-item\">\r\n\r\n      <div class=\"join-visual\">\r\n        <div class=\"join-circle\">02<\/div>\r\n        <div class=\"visual-label\">LEARNING TOGETHER<\/div>\r\n\r\n        <!-- Optional image:\r\n        <img decoding=\"async\" src=\"YOUR-IMAGE-URL\" alt=\"University students making projects\">\r\n        -->\r\n      <\/div>\r\n\r\n      <div class=\"join-info\">\r\n\r\n        <div class=\"join-category\">02 \/ LEARN<\/div>\r\n\r\n        <h3>University Students<\/h3>\r\n\r\n        <p>\r\n          Take your learning beyond the classroom.\r\n          Explore creative technology, apply your knowledge\r\n          and develop practical skills that support your\r\n          academic and personal projects.\r\n        <\/p>\r\n\r\n        <a href=\"#cdt-live-events\" class=\"join-link\">\r\n          DEVELOP YOUR SKILLS <span>\u2192<\/span>\r\n        <\/a>\r\n\r\n      <\/div>\r\n\r\n    <\/article>\r\n\r\n    <!-- 03 CREATORS & INNOVATORS -->\r\n\r\n    <article class=\"join-item\">\r\n\r\n      <div class=\"join-visual\">\r\n        <div class=\"join-circle\">03<\/div>\r\n        <div class=\"visual-label\">BUILD YOUR IDEAS<\/div>\r\n\r\n        <!-- Optional image:\r\n        <img decoding=\"async\" src=\"YOUR-IMAGE-URL\" alt=\"Creative makers working together\">\r\n        -->\r\n      <\/div>\r\n\r\n      <div class=\"join-info\">\r\n\r\n        <div class=\"join-category\">03 \/ CREATE<\/div>\r\n\r\n        <h3>Creators &amp; Innovators<\/h3>\r\n\r\n        <p>\r\n          Bring your imagination to life. Explore digital\r\n          fabrication, electronics, prototyping and design.\r\n          Share your ideas and collaborate with fellow\r\n          creative thinkers.\r\n        <\/p>\r\n\r\n        <a href=\"#cdt-live-events\" class=\"join-link\">\r\n          CREATE SOMETHING <span>\u2192<\/span>\r\n        <\/a>\r\n\r\n      <\/div>\r\n\r\n    <\/article>\r\n\r\n    <!-- 04 CURIOUS MINDS -->\r\n\r\n    <article class=\"join-item\">\r\n\r\n      <div class=\"join-visual\">\r\n        <div class=\"join-circle\">04<\/div>\r\n        <div class=\"visual-label\">EVERYONE IS WELCOME<\/div>\r\n\r\n        <!-- Optional image:\r\n        <img decoding=\"async\" src=\"YOUR-IMAGE-URL\" alt=\"Creative technology community\">\r\n        -->\r\n      <\/div>\r\n\r\n      <div class=\"join-info\">\r\n\r\n        <div class=\"join-category\">04 \/ DISCOVER<\/div>\r\n\r\n        <h3>Curious Minds<\/h3>\r\n\r\n        <p>\r\n          Interested in technology, creativity or discovering\r\n          something new? Meet like-minded people, explore\r\n          different ideas and become part of a welcoming\r\n          maker community.\r\n        <\/p>\r\n\r\n        <a href=\"#cdt-live-events\" class=\"join-link\">\r\n          JOIN THE COMMUNITY <span>\u2192<\/span>\r\n        <\/a>\r\n\r\n      <\/div>\r\n\r\n    <\/article>\r\n\r\n  <\/div>\r\n\r\n<\/div>\r\n\r\n<!-- REPEATING SCROLL ANIMATION -->\r\n\r\n<script>\r\n(function(){\r\n\r\n  const section = document.getElementById('cdt-who-can-join');\r\n\r\n  if(!section || section.dataset.animationReady) return;\r\n\r\n  section.dataset.animationReady = 'true';\r\n\r\n  const elements = section.querySelectorAll(\r\n    '.join-top, .join-item'\r\n  );\r\n\r\n  const reducedMotion = window.matchMedia(\r\n    '(prefers-reduced-motion: reduce)'\r\n  ).matches;\r\n\r\n  if(reducedMotion || !('IntersectionObserver' in window)){\r\n\r\n    elements.forEach(function(element){\r\n      element.classList.add('is-visible');\r\n    });\r\n\r\n    return;\r\n  }\r\n\r\n  const observer = new IntersectionObserver(\r\n\r\n    function(entries){\r\n\r\n      entries.forEach(function(entry){\r\n\r\n        if(entry.isIntersecting){\r\n          entry.target.classList.add('is-visible');\r\n        }else{\r\n          entry.target.classList.remove('is-visible');\r\n        }\r\n\r\n      });\r\n\r\n    },\r\n\r\n    {\r\n      threshold:0.12,\r\n      rootMargin:'0px 0px -35px 0px'\r\n    }\r\n\r\n  );\r\n\r\n  elements.forEach(function(element){\r\n    observer.observe(element);\r\n  });\r\n\r\n})();\r\n<\/script>\r\n\r\n<\/section>\r\n\r\n<!-- END WHO CAN JOIN -->\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-496105a e-con-full e-flex e-con e-parent\" data-id=\"496105a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4688b36 elementor-widget elementor-widget-html\" data-id=\"4688b36\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n<!-- =====================================================\r\n CDT MAKER CLUB - BOOK \/ JOIN A SESSION\r\n FULL SCREEN | STYLE GUIDE THEME | ANIMATED DESIGN\r\n BOTTOM CTA REMOVED | RESPONSIVE\r\n===================================================== -->\r\n\r\n<section id=\"cdt-book-session\">\r\n\r\n<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700;800&family=Space+Grotesk:wght@400;500;600;700&display=swap');\r\n\r\n\/* FULL SCREEN WIDTH *\/\r\nhtml,body{\r\n  margin:0!important;\r\n  padding:0!important;\r\n  overflow-x:hidden!important;\r\n}\r\n\r\n#cdt-book-session,\r\n#cdt-book-session *{\r\n  box-sizing:border-box;\r\n}\r\n\r\n#cdt-book-session{\r\n  --bg:#071113;\r\n  --panel:#0d2023;\r\n  --panel-light:#10272b;\r\n  --teal:#19D8C4;\r\n  --orange:#F0A044;\r\n  --white:#f7fbfa;\r\n  --muted:#aabdbb;\r\n  --border:rgba(255,255,255,.10);\r\n\r\n  position:relative!important;\r\n  left:50%!important;\r\n  width:100vw!important;\r\n  max-width:100vw!important;\r\n  min-width:100vw!important;\r\n  margin-left:-50vw!important;\r\n\r\n  padding:100px 5.5% 95px!important;\r\n\r\n  background:var(--bg);\r\n  color:var(--white);\r\n  font-family:'Inter',sans-serif;\r\n  overflow:hidden;\r\n  isolation:isolate;\r\n}\r\n\r\n\/* BACKGROUND GLOWS *\/\r\n\r\n#cdt-book-session .book-glow{\r\n  position:absolute;\r\n  width:450px;\r\n  height:450px;\r\n  border-radius:50%;\r\n  filter:blur(110px);\r\n  opacity:.13;\r\n  pointer-events:none;\r\n  z-index:-1;\r\n  animation:bookGlow 11s ease-in-out infinite alternate;\r\n}\r\n\r\n#cdt-book-session .book-glow-one{\r\n  top:-180px;\r\n  left:-150px;\r\n  background:var(--teal);\r\n}\r\n\r\n#cdt-book-session .book-glow-two{\r\n  right:-180px;\r\n  bottom:-180px;\r\n  background:var(--orange);\r\n  animation-delay:2s;\r\n}\r\n\r\n@keyframes bookGlow{\r\n  from{transform:translate(0,0) scale(1)}\r\n  to{transform:translate(45px,35px) scale(1.15)}\r\n}\r\n\r\n\/* MAIN CONTAINER *\/\r\n\r\n#cdt-book-session .book-wrap{\r\n  position:relative;\r\n  z-index:2;\r\n  width:100%;\r\n  max-width:1600px;\r\n  margin:0 auto;\r\n}\r\n\r\n\/* MAIN GRID *\/\r\n\r\n#cdt-book-session .book-grid{\r\n  display:grid;\r\n  grid-template-columns:1.05fr .95fr;\r\n  gap:65px;\r\n  align-items:center;\r\n}\r\n\r\n\/* REVEAL ANIMATIONS *\/\r\n\r\n#cdt-book-session .book-reveal{\r\n  opacity:0;\r\n  transform:translateY(45px);\r\n  filter:blur(5px);\r\n  transition:\r\n    opacity .85s ease,\r\n    transform .85s cubic-bezier(.2,.7,.2,1),\r\n    filter .85s ease;\r\n}\r\n\r\n#cdt-book-session .book-reveal.book-visible{\r\n  opacity:1;\r\n  transform:translateY(0);\r\n  filter:blur(0);\r\n}\r\n\r\n#cdt-book-session .book-text.book-reveal{\r\n  transition-delay:.08s;\r\n}\r\n\r\n#cdt-book-session .book-visual.book-reveal{\r\n  transition-delay:.22s;\r\n}\r\n\r\n\/* SECTION LABEL *\/\r\n\r\n#cdt-book-session .book-label{\r\n  display:flex;\r\n  align-items:center;\r\n  gap:11px;\r\n  margin:0 0 22px;\r\n  color:var(--teal);\r\n  font-size:10px;\r\n  font-weight:600;\r\n  letter-spacing:2.8px;\r\n  line-height:1.6;\r\n}\r\n\r\n#cdt-book-session .book-label:before{\r\n  content:\"\";\r\n  width:27px;\r\n  height:2px;\r\n  background:var(--orange);\r\n}\r\n\r\n\/* MAIN HEADING *\/\r\n\r\n#cdt-book-session .book-heading{\r\n  max-width:650px;\r\n  margin:0 0 23px;\r\n  color:var(--white);\r\n  font-family:'Space Grotesk',sans-serif;\r\n  font-size:clamp(39px,5vw,65px);\r\n  font-weight:600;\r\n  line-height:1.08;\r\n  letter-spacing:-2px;\r\n}\r\n\r\n#cdt-book-session .book-heading span{\r\n  color:var(--teal);\r\n}\r\n\r\n\/* DESCRIPTION *\/\r\n\r\n#cdt-book-session .book-description{\r\n  max-width:650px;\r\n  margin:0 0 36px;\r\n  color:var(--muted);\r\n  font-family:'Inter',sans-serif;\r\n  font-size:14px;\r\n  font-weight:400;\r\n  line-height:1.95;\r\n}\r\n\r\n\/* BOOKING STEPS *\/\r\n\r\n#cdt-book-session .book-steps{\r\n  display:grid;\r\n  gap:0;\r\n  margin:0 0 35px;\r\n}\r\n\r\n#cdt-book-session .book-step{\r\n  position:relative;\r\n  display:flex;\r\n  align-items:flex-start;\r\n  gap:19px;\r\n  padding:17px 0;\r\n  border-bottom:1px solid var(--border);\r\n  transition:padding-left .35s ease;\r\n}\r\n\r\n#cdt-book-session .book-step:first-child{\r\n  border-top:1px solid var(--border);\r\n}\r\n\r\n#cdt-book-session .book-step:hover{\r\n  padding-left:8px;\r\n}\r\n\r\n\/* STEP NUMBER *\/\r\n\r\n#cdt-book-session .book-number{\r\n  position:relative;\r\n  flex-shrink:0;\r\n  width:42px;\r\n  height:42px;\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n  border:1px solid rgba(25,216,196,.45);\r\n  background:rgba(25,216,196,.08);\r\n  color:var(--teal);\r\n  font-family:'Space Grotesk',sans-serif;\r\n  font-size:13px;\r\n  font-weight:600;\r\n  transition:all .35s ease;\r\n}\r\n\r\n#cdt-book-session .book-step:hover .book-number{\r\n  background:var(--teal);\r\n  color:var(--bg);\r\n  transform:rotate(-5deg);\r\n}\r\n\r\n\/* STEP TEXT *\/\r\n\r\n#cdt-book-session .book-step h3{\r\n  margin:0 0 7px;\r\n  color:var(--white);\r\n  font-family:'Space Grotesk',sans-serif;\r\n  font-size:17px;\r\n  font-weight:600;\r\n  line-height:1.4;\r\n}\r\n\r\n#cdt-book-session .book-step p{\r\n  max-width:490px;\r\n  margin:0;\r\n  color:var(--muted);\r\n  font-family:'Inter',sans-serif;\r\n  font-size:12px;\r\n  font-weight:400;\r\n  line-height:1.85;\r\n}\r\n\r\n\/* BUTTONS *\/\r\n\r\n#cdt-book-session .book-actions{\r\n  display:flex;\r\n  flex-wrap:wrap;\r\n  gap:13px;\r\n}\r\n\r\n#cdt-book-session .book-button{\r\n  position:relative;\r\n  display:inline-flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n  gap:12px;\r\n  min-height:50px;\r\n  padding:15px 22px;\r\n  border:1px solid var(--teal);\r\n  border-radius:3px;\r\n  background:var(--teal);\r\n  color:#071113!important;\r\n  font-family:'Inter',sans-serif;\r\n  font-size:10px;\r\n  font-weight:700;\r\n  letter-spacing:1px;\r\n  text-decoration:none!important;\r\n  text-align:center;\r\n  overflow:hidden;\r\n  transition:all .35s ease;\r\n}\r\n\r\n#cdt-book-session .book-button:hover{\r\n  transform:translateY(-4px);\r\n  background:transparent;\r\n  color:var(--teal)!important;\r\n  box-shadow:0 10px 28px rgba(25,216,196,.12);\r\n}\r\n\r\n#cdt-book-session .book-button.book-outline{\r\n  background:transparent;\r\n  color:var(--teal)!important;\r\n}\r\n\r\n#cdt-book-session .book-button.book-outline:hover{\r\n  background:var(--teal);\r\n  color:#071113!important;\r\n}\r\n\r\n#cdt-book-session .book-button span{\r\n  font-size:16px;\r\n  transition:transform .3s ease;\r\n}\r\n\r\n#cdt-book-session .book-button:hover span{\r\n  transform:translateX(4px);\r\n}\r\n\r\n\/* RIGHT SIDE VISUAL CARD *\/\r\n\r\n#cdt-book-session .book-visual{\r\n  position:relative;\r\n  padding:17px;\r\n  border:1px solid rgba(25,216,196,.18);\r\n  background:linear-gradient(145deg,#10272b,#0b1c1f);\r\n  box-shadow:0 20px 55px rgba(0,0,0,.25);\r\n  transition:transform .45s ease,border-color .45s ease;\r\n}\r\n\r\n#cdt-book-session .book-visual:hover{\r\n  transform:translateY(-7px);\r\n  border-color:rgba(25,216,196,.45);\r\n}\r\n\r\n\/* IMAGE AREA *\/\r\n\r\n#cdt-book-session .book-image{\r\n  position:relative;\r\n  min-height:340px;\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n  overflow:hidden;\r\n  background:\r\n    radial-gradient(circle at 50% 45%,rgba(25,216,196,.16),transparent 65%),\r\n    linear-gradient(135deg,#173337,#091719);\r\n  border:1px solid rgba(255,255,255,.06);\r\n}\r\n\r\n#cdt-book-session .book-image:before{\r\n  position:absolute;\r\n  inset:0;\r\n  content:\"\";\r\n  background:linear-gradient(\r\n    115deg,\r\n    transparent 25%,\r\n    rgba(255,255,255,.07) 50%,\r\n    transparent 75%\r\n  );\r\n  transform:translateX(-120%);\r\n  transition:transform 1s ease;\r\n}\r\n\r\n#cdt-book-session .book-visual:hover .book-image:before{\r\n  transform:translateX(120%);\r\n}\r\n\r\n\/* OPTIONAL IMAGE *\/\r\n#cdt-book-session .book-image img{\r\n  position:absolute;\r\n  inset:0;\r\n  width:100%;\r\n  height:100%;\r\n  object-fit:cover;\r\n  transition:transform .8s ease;\r\n}\r\n\r\n#cdt-book-session .book-visual:hover .book-image img{\r\n  transform:scale(1.06);\r\n}\r\n\r\n\/* IMAGE PLACEHOLDER *\/\r\n\r\n#cdt-book-session .book-image-placeholder{\r\n  position:relative;\r\n  z-index:1;\r\n  text-align:center;\r\n  padding:25px;\r\n}\r\n\r\n#cdt-book-session .book-image-placeholder span{\r\n  display:block;\r\n  margin-bottom:13px;\r\n  color:var(--teal);\r\n  font-family:'Space Grotesk',sans-serif;\r\n  font-size:57px;\r\n  font-weight:400;\r\n  line-height:1;\r\n  animation:bookFloat 3s ease-in-out infinite;\r\n}\r\n\r\n#cdt-book-session .book-image-placeholder p{\r\n  margin:0;\r\n  color:#aabdbb;\r\n  font-size:9px;\r\n  font-weight:600;\r\n  letter-spacing:2px;\r\n}\r\n\r\n@keyframes bookFloat{\r\n  0%,100%{transform:translateY(0)}\r\n  50%{transform:translateY(-9px)}\r\n}\r\n\r\n\/* IMAGE LABEL *\/\r\n\r\n#cdt-book-session .book-image-tag{\r\n  position:absolute;\r\n  left:18px;\r\n  bottom:17px;\r\n  z-index:2;\r\n  color:rgba(255,255,255,.7);\r\n  font-size:9px;\r\n  font-weight:600;\r\n  letter-spacing:1.8px;\r\n}\r\n\r\n\/* VISIT DETAILS *\/\r\n\r\n#cdt-book-session .book-info{\r\n  padding:27px 9px 8px;\r\n}\r\n\r\n#cdt-book-session .book-info h3{\r\n  margin:0 0 21px;\r\n  color:var(--white);\r\n  font-family:'Space Grotesk',sans-serif;\r\n  font-size:25px;\r\n  font-weight:600;\r\n  letter-spacing:-.5px;\r\n}\r\n\r\n#cdt-book-session .book-info h3 span{\r\n  color:var(--teal);\r\n}\r\n\r\n\/* DETAILS *\/\r\n\r\n#cdt-book-session .book-detail{\r\n  display:flex;\r\n  align-items:flex-start;\r\n  gap:15px;\r\n  margin:15px 0;\r\n  color:var(--muted);\r\n  font-family:'Inter',sans-serif;\r\n  font-size:12px;\r\n  font-weight:400;\r\n  line-height:1.8;\r\n}\r\n\r\n#cdt-book-session .book-detail strong{\r\n  flex-shrink:0;\r\n  min-width:75px;\r\n  color:var(--teal);\r\n  font-size:9px;\r\n  font-weight:700;\r\n  letter-spacing:1.3px;\r\n}\r\n\r\n\/* DIRECTIONS BUTTON *\/\r\n\r\n#cdt-book-session .book-directions{\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n  gap:10px;\r\n  width:100%;\r\n  margin-top:22px;\r\n  padding:15px 18px;\r\n  border:1px solid rgba(25,216,196,.4);\r\n  background:rgba(25,216,196,.06);\r\n  color:var(--teal)!important;\r\n  font-size:10px;\r\n  font-weight:700;\r\n  letter-spacing:1px;\r\n  text-decoration:none!important;\r\n  transition:all .35s ease;\r\n}\r\n\r\n#cdt-book-session .book-directions:hover{\r\n  background:var(--teal);\r\n  color:#071113!important;\r\n  transform:translateY(-3px);\r\n}\r\n\r\n#cdt-book-session .book-notice{\r\n  margin:20px 0 0;\r\n  padding-top:17px;\r\n  border-top:1px solid var(--border);\r\n  color:#849c9a;\r\n  font-size:11px;\r\n  font-weight:400;\r\n  line-height:1.85;\r\n}\r\n\r\n\/* TABLET *\/\r\n\r\n@media(max-width:1000px){\r\n\r\n  #cdt-book-session{\r\n    padding:80px 4%!important;\r\n  }\r\n\r\n  #cdt-book-session .book-grid{\r\n    grid-template-columns:1fr 1fr;\r\n    gap:35px;\r\n  }\r\n\r\n  #cdt-book-session .book-heading{\r\n    font-size:clamp(37px,5vw,53px);\r\n  }\r\n\r\n  #cdt-book-session .book-image{\r\n    min-height:280px;\r\n  }\r\n\r\n  #cdt-book-session .book-info{\r\n    padding:23px 5px 5px;\r\n  }\r\n}\r\n\r\n\/* MOBILE *\/\r\n\r\n@media(max-width:750px){\r\n\r\n  #cdt-book-session{\r\n    padding:65px 20px!important;\r\n  }\r\n\r\n  #cdt-book-session .book-grid{\r\n    grid-template-columns:1fr;\r\n    gap:42px;\r\n  }\r\n\r\n  #cdt-book-session .book-heading{\r\n    font-size:clamp(37px,9vw,52px);\r\n    letter-spacing:-1.5px;\r\n  }\r\n\r\n  #cdt-book-session .book-description{\r\n    font-size:13px;\r\n    line-height:1.85;\r\n  }\r\n\r\n  #cdt-book-session .book-step h3{\r\n    font-size:16px;\r\n  }\r\n\r\n  #cdt-book-session .book-step p{\r\n    font-size:12px;\r\n  }\r\n\r\n  #cdt-book-session .book-image{\r\n    min-height:250px;\r\n  }\r\n\r\n  #cdt-book-session .book-info h3{\r\n    font-size:23px;\r\n  }\r\n}\r\n\r\n\/* SMALL MOBILE *\/\r\n\r\n@media(max-width:480px){\r\n\r\n  #cdt-book-session{\r\n    padding:55px 17px!important;\r\n  }\r\n\r\n  #cdt-book-session .book-label{\r\n    font-size:9px;\r\n    letter-spacing:2px;\r\n  }\r\n\r\n  #cdt-book-session .book-heading{\r\n    font-size:36px;\r\n    line-height:1.13;\r\n  }\r\n\r\n  #cdt-book-session .book-actions{\r\n    flex-direction:column;\r\n  }\r\n\r\n  #cdt-book-session .book-button{\r\n    width:100%;\r\n  }\r\n\r\n  #cdt-book-session .book-visual{\r\n    padding:11px;\r\n  }\r\n\r\n  #cdt-book-session .book-image{\r\n    min-height:210px;\r\n  }\r\n\r\n  #cdt-book-session .book-detail{\r\n    gap:10px;\r\n    font-size:11px;\r\n  }\r\n\r\n  #cdt-book-session .book-detail strong{\r\n    min-width:65px;\r\n  }\r\n}\r\n\r\n\/* REDUCED MOTION *\/\r\n\r\n@media(prefers-reduced-motion:reduce){\r\n\r\n  #cdt-book-session *,\r\n  #cdt-book-session *:before,\r\n  #cdt-book-session *:after{\r\n    animation:none!important;\r\n    transition:none!important;\r\n  }\r\n\r\n  #cdt-book-session .book-reveal{\r\n    opacity:1!important;\r\n    transform:none!important;\r\n    filter:none!important;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<!-- BACKGROUND EFFECTS -->\r\n<div class=\"book-glow book-glow-one\"><\/div>\r\n<div class=\"book-glow book-glow-two\"><\/div>\r\n\r\n<div class=\"book-wrap\">\r\n\r\n  <div class=\"book-grid\">\r\n\r\n    <!-- LEFT CONTENT -->\r\n    <div class=\"book-text book-reveal\">\r\n\r\n      <p class=\"book-label\">YOUR NEXT CREATIVE STEP<\/p>\r\n\r\n      <h2 class=\"book-heading\">\r\n        Book a <span>Session.<\/span><br>\r\n        Make It Happen.\r\n      <\/h2>\r\n\r\n      <p class=\"book-description\">\r\n        Ready to turn your ideas into something real?\r\n        Join a CDT Maker Club workshop to explore creative\r\n        technology, develop practical skills and connect\r\n        with other makers. Choose a session that interests\r\n        you and register using the booking link.\r\n      <\/p>\r\n\r\n      <!-- BOOKING STEPS -->\r\n      <div class=\"book-steps\">\r\n\r\n        <div class=\"book-step\">\r\n          <div class=\"book-number\">01<\/div>\r\n          <div>\r\n            <h3>Choose Your Session<\/h3>\r\n            <p>\r\n              Explore upcoming workshops and select the\r\n              activity you would like to attend.\r\n            <\/p>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"book-step\">\r\n          <div class=\"book-number\">02<\/div>\r\n          <div>\r\n            <h3>Register Online<\/h3>\r\n            <p>\r\n              Open the registration page and complete\r\n              the required booking details.\r\n            <\/p>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"book-step\">\r\n          <div class=\"book-number\">03<\/div>\r\n          <div>\r\n            <h3>Join Us on Campus<\/h3>\r\n            <p>\r\n              Check your booking confirmation for the\r\n              final date, time and room information\r\n              before travelling.\r\n            <\/p>\r\n          <\/div>\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n      <!-- ACTION BUTTONS -->\r\n      <div class=\"book-actions\">\r\n\r\n        <a class=\"book-button\"\r\n           href=\"YOUR-REGISTRATION-LINK\"\r\n           target=\"_blank\"\r\n           rel=\"noopener noreferrer\">\r\n          REGISTER FOR A SESSION <span>\u2192<\/span>\r\n        <\/a>\r\n\r\n        <a class=\"book-button book-outline\"\r\n           href=\"#cdt-live-events\">\r\n          VIEW UPCOMING SESSIONS <span>\u2197<\/span>\r\n        <\/a>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n    <!-- RIGHT VISUAL -->\r\n    <div class=\"book-visual book-reveal\">\r\n\r\n      <div class=\"book-image\">\r\n\r\n        <!--\r\n        TO ADD YOUR IMAGE:\r\n        Remove the placeholder div and use:\r\n\r\n        <img decoding=\"async\" src=\"YOUR-IMAGE-URL\"\r\n             alt=\"CDT Maker Club workshop\">\r\n        -->\r\n\r\n        <div class=\"book-image-placeholder\">\r\n          <span>\uff0b<\/span>\r\n          <p>ADD YOUR WORKSHOP IMAGE HERE<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"book-image-tag\">\r\n          CDT MAKER CLUB \/ CREATE & INNOVATE\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n      <!-- VISIT INFORMATION -->\r\n      <div class=\"book-info\">\r\n\r\n        <h3>Plan Your <span>Visit.<\/span><\/h3>\r\n\r\n        <div class=\"book-detail\">\r\n          <strong>VENUE<\/strong>\r\n          <span>\r\n            University of East London, Docklands Campus\r\n          <\/span>\r\n        <\/div>\r\n\r\n        <div class=\"book-detail\">\r\n          <strong>ADDRESS<\/strong>\r\n          <span>\r\n            University Way, London E16 2RD, United Kingdom\r\n          <\/span>\r\n        <\/div>\r\n\r\n        <div class=\"book-detail\">\r\n          <strong>BRING<\/strong>\r\n          <span>\r\n            Your curiosity, creative ideas and willingness to learn.\r\n          <\/span>\r\n        <\/div>\r\n\r\n        <a class=\"book-directions\"\r\n           href=\"https:\/\/www.google.com\/maps\/dir\/?api=1&destination=University+of+East+London+Docklands+Campus%2C+University+Way%2C+London+E16+2RD\"\r\n           target=\"_blank\"\r\n           rel=\"noopener noreferrer\">\r\n          \ud83d\udccd GET DIRECTIONS TO CAMPUS <span>\u2197<\/span>\r\n        <\/a>\r\n\r\n        <p class=\"book-notice\">\r\n          Please check the individual session listing and\r\n          your registration confirmation for availability,\r\n          dates, timings and the exact workshop room.\r\n        <\/p>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/div>\r\n\r\n<!-- REPEATING SCROLL ANIMATION -->\r\n<script>\r\n(function(){\r\n\r\n  const section=document.getElementById('cdt-book-session');\r\n\r\n  if(!section || section.dataset.animationReady) return;\r\n\r\n  section.dataset.animationReady='true';\r\n\r\n  const items=section.querySelectorAll('.book-reveal');\r\n\r\n  const reducedMotion=window.matchMedia(\r\n    '(prefers-reduced-motion: reduce)'\r\n  ).matches;\r\n\r\n  if(reducedMotion || !('IntersectionObserver' in window)){\r\n\r\n    items.forEach(function(item){\r\n      item.classList.add('book-visible');\r\n    });\r\n\r\n    return;\r\n  }\r\n\r\n  const observer=new IntersectionObserver(function(entries){\r\n\r\n    entries.forEach(function(entry){\r\n\r\n      if(entry.isIntersecting){\r\n        entry.target.classList.add('book-visible');\r\n      }else{\r\n        entry.target.classList.remove('book-visible');\r\n      }\r\n\r\n    });\r\n\r\n  },{\r\n    threshold:0.12,\r\n    rootMargin:'0px 0px -35px 0px'\r\n  });\r\n\r\n  items.forEach(function(item){\r\n    observer.observe(item);\r\n  });\r\n\r\n})();\r\n<\/script>\r\n\r\n<\/section>\r\n\r\n<!-- END BOOK \/ JOIN A SESSION -->\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-36b8e44 e-con-full e-flex e-con e-parent\" data-id=\"36b8e44\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9aca465 elementor-widget elementor-widget-html\" data-id=\"9aca465\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n<footer id=\"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\/* FULL SCREEN FOOTER *\/\r\n#cdt-footer {\r\n  --bg: #06191b;\r\n  --teal: #00b8a9;\r\n  --text: #c0d0d3;\r\n  --white: #ffffff;\r\n\r\n  position: relative !important;\r\n  width: 100vw !important;\r\n  max-width: none !important;\r\n  min-width: 100vw !important;\r\n  margin-left: calc(50% - 50vw) !important;\r\n  margin-right: calc(50% - 50vw) !important;\r\n  left: auto !important;\r\n  right: auto !important;\r\n  transform: none !important;\r\n\r\n  background: var(--bg);\r\n  color: var(--text);\r\n  font-family: 'Inter', sans-serif;\r\n  padding: 65px 35px 55px;\r\n  box-sizing: border-box;\r\n  overflow: hidden;\r\n}\r\n\r\n#cdt-footer *,\r\n#cdt-footer *::before,\r\n#cdt-footer *::after {\r\n  box-sizing: border-box;\r\n}\r\n\r\n\/* INNER CONTENT *\/\r\n#cdt-footer .footer-container {\r\n  width: 100%;\r\n  max-width: 1258px;\r\n  margin: 0 auto;\r\n  display: grid;\r\n  grid-template-columns: 1.35fr 0.9fr 0.9fr 1.2fr;\r\n  gap: 65px;\r\n}\r\n\r\n\/* BRAND *\/\r\n#cdt-footer .brand-heading {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 12px;\r\n  margin-bottom: 16px;\r\n}\r\n\r\n#cdt-footer .brand-logo {\r\n  width: 75px;\r\n  height: 75px;\r\n  object-fit: contain;\r\n}\r\n\r\n#cdt-footer .brand-name {\r\n  color: var(--white);\r\n  font-size: 17px;\r\n  font-weight: 800;\r\n  margin: 0 0 5px;\r\n}\r\n\r\n#cdt-footer .brand-tagline {\r\n  color: var(--teal);\r\n  font-size: 10px;\r\n  font-weight: 800;\r\n  letter-spacing: 1px;\r\n  margin: 0;\r\n}\r\n\r\n#cdt-footer .brand-description {\r\n  font-size: 12px;\r\n  line-height: 1.8;\r\n  color: var(--text);\r\n  margin: 0 0 14px;\r\n  max-width: 300px;\r\n}\r\n\r\n\/* SOCIAL LINKS *\/\r\n#cdt-footer .social-links {\r\n  display: flex;\r\n  gap: 8px;\r\n  flex-wrap: wrap;\r\n}\r\n\r\n#cdt-footer .social-links a {\r\n  text-decoration: none;\r\n  color: #d4e0e2;\r\n  border: 1px solid #34494b;\r\n  border-radius: 5px;\r\n  padding: 9px 12px;\r\n  font-size: 10px;\r\n  font-weight: 600;\r\n  transition: 0.3s ease;\r\n}\r\n\r\n#cdt-footer .social-links a:hover {\r\n  background: var(--teal);\r\n  border-color: var(--teal);\r\n  color: #06191b;\r\n  transform: translateY(-3px);\r\n}\r\n\r\n\/* FOOTER COLUMNS *\/\r\n#cdt-footer .footer-column h3 {\r\n  color: var(--white);\r\n  font-size: 13px;\r\n  font-weight: 800;\r\n  letter-spacing: 0.5px;\r\n  margin: 5px 0 34px;\r\n  position: relative;\r\n}\r\n\r\n#cdt-footer .footer-column h3::after {\r\n  content: \"\";\r\n  position: absolute;\r\n  bottom: -12px;\r\n  left: 0;\r\n  width: 27px;\r\n  height: 2px;\r\n  background: var(--teal);\r\n}\r\n\r\n#cdt-footer .footer-links {\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 17px;\r\n}\r\n\r\n#cdt-footer .footer-links a {\r\n  color: var(--text);\r\n  text-decoration: none;\r\n  font-size: 12px;\r\n  transition: 0.3s ease;\r\n  width: fit-content;\r\n}\r\n\r\n#cdt-footer .footer-links a:hover {\r\n  color: var(--teal);\r\n  padding-left: 5px;\r\n}\r\n\r\n\/* LOCATION AND EVENTS *\/\r\n#cdt-footer .footer-info {\r\n  margin-bottom: 15px;\r\n}\r\n\r\n#cdt-footer .footer-info strong {\r\n  display: block;\r\n  color: var(--white);\r\n  font-size: 11px;\r\n  font-weight: 800;\r\n  margin-bottom: 7px;\r\n}\r\n\r\n#cdt-footer .footer-info p,\r\n#cdt-footer .footer-info a {\r\n  color: var(--text);\r\n  font-size: 12px;\r\n  line-height: 1.7;\r\n  margin: 0;\r\n  text-decoration: none;\r\n}\r\n\r\n#cdt-footer .footer-info a:hover {\r\n  color: var(--teal);\r\n}\r\n\r\n#cdt-footer .newsletter-text {\r\n  color: var(--text);\r\n  font-size: 12px;\r\n  line-height: 1.7;\r\n  margin: 12px 0;\r\n}\r\n\r\n\/* NEWSLETTER *\/\r\n#cdt-footer .newsletter-form {\r\n  display: flex;\r\n  gap: 7px;\r\n  width: 100%;\r\n}\r\n\r\n#cdt-footer .newsletter-form input {\r\n  min-width: 0;\r\n  flex: 1;\r\n  height: 40px;\r\n  padding: 0 12px;\r\n  background: #0b2729;\r\n  border: 1px solid #385052;\r\n  border-radius: 5px;\r\n  color: white;\r\n  font-family: inherit;\r\n  font-size: 11px;\r\n  outline: none;\r\n}\r\n\r\n#cdt-footer .newsletter-form input::placeholder {\r\n  color: #a9bdc0;\r\n}\r\n\r\n#cdt-footer .newsletter-form input:focus {\r\n  border-color: var(--teal);\r\n}\r\n\r\n#cdt-footer .newsletter-form button {\r\n  height: 40px;\r\n  padding: 0 14px;\r\n  background: var(--teal);\r\n  border: none;\r\n  border-radius: 5px;\r\n  color: #041819;\r\n  font-family: inherit;\r\n  font-size: 10px;\r\n  font-weight: 800;\r\n  cursor: pointer;\r\n  transition: 0.3s ease;\r\n}\r\n\r\n#cdt-footer .newsletter-form button:hover {\r\n  background: white;\r\n  transform: translateY(-2px);\r\n}\r\n\r\n\/* TABLET *\/\r\n@media (max-width: 950px) {\r\n  #cdt-footer .footer-container {\r\n    grid-template-columns: repeat(2, minmax(0, 1fr));\r\n    gap: 45px;\r\n  }\r\n}\r\n\r\n\/* MOBILE *\/\r\n@media (max-width: 560px) {\r\n  #cdt-footer {\r\n    padding: 45px 22px;\r\n  }\r\n\r\n  #cdt-footer .footer-container {\r\n    grid-template-columns: 1fr;\r\n    gap: 35px;\r\n  }\r\n\r\n  #cdt-footer .brand-description {\r\n    max-width: 100%;\r\n  }\r\n\r\n  #cdt-footer .footer-column h3 {\r\n    margin-bottom: 28px;\r\n  }\r\n\r\n  #cdt-footer .newsletter-form {\r\n    max-width: 100%;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<div class=\"footer-container\">\r\n\r\n  <!-- BRAND SECTION -->\r\n  <div class=\"footer-brand\">\r\n\r\n    <div class=\"brand-heading\">\r\n\r\n      <img decoding=\"async\"\r\n        class=\"brand-logo\"\r\n        src=\"YOUR-LOGO-IMAGE-URL\"\r\n        alt=\"CDT Maker Club logo\"\r\n      >\r\n\r\n      <div>\r\n        <h2 class=\"brand-name\">CDT Maker Club<\/h2>\r\n        <p class=\"brand-tagline\">MAKE. CREATE. CONNECT.<\/p>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n    <p class=\"brand-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=\"social-links\">\r\n      <a href=\"YOUR-LUMA-LINK\" target=\"_blank\">Luma<\/a>\r\n      <a href=\"YOUR-INSTAGRAM-LINK\" target=\"_blank\">Instagram<\/a>\r\n      <a href=\"YOUR-LINKEDIN-LINK\" target=\"_blank\">LinkedIn<\/a>\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n  <!-- EXPLORE -->\r\n  <div class=\"footer-column\">\r\n\r\n    <h3>EXPLORE<\/h3>\r\n\r\n    <div class=\"footer-links\">\r\n      <a href=\"\/\">Home<\/a>\r\n      <a href=\"\/projects\/\">Projects<\/a>\r\n      <a href=\"\/get-involved\/\">Get Involved<\/a>\r\n      <a href=\"\/partners\/\">Partners<\/a>\r\n      <a href=\"\/about-us\/\">About Us<\/a>\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n  <!-- COMMUNITY -->\r\n  <div class=\"footer-column\">\r\n\r\n    <h3>COMMUNITY<\/h3>\r\n\r\n    <div class=\"footer-links\">\r\n      <a href=\"\/sessions\/\">Workshops<\/a>\r\n      <a href=\"\/events\/\">Events<\/a>\r\n      <a href=\"\/join-the-club\/\">Join the Club<\/a>\r\n      <a href=\"\/contact\/\">Contact Us<\/a>\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n  <!-- STAY CONNECTED -->\r\n  <div class=\"footer-column\">\r\n\r\n    <h3>STAY CONNECTED<\/h3>\r\n\r\n    <div class=\"footer-info\">\r\n      <strong>Location<\/strong>\r\n      <p>\r\n        Royal Docks Centre for Sustainability<br>\r\n        University of East London\r\n      <\/p>\r\n    <\/div>\r\n\r\n    <div class=\"footer-info\">\r\n      <strong>Events<\/strong>\r\n      <a href=\"YOUR-LUMA-LINK\" target=\"_blank\">Find us on Luma<\/a>\r\n    <\/div>\r\n\r\n    <p class=\"newsletter-text\">\r\n      Keep up with club news, events and new projects.\r\n    <\/p>\r\n\r\n    <form class=\"newsletter-form\"\r\n      onsubmit=\"event.preventDefault(); alert('Please connect this form to your newsletter service to receive subscriptions.');\">\r\n\r\n      <input\r\n        type=\"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\r\n    <\/form>\r\n\r\n  <\/div>\r\n\r\n<\/div>\r\n<\/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>CREATE. EXPLORE. BUILD YOUR IDEAS. Welcome to CDT Maker Club \u2014 a creative community where imagination meets technology. Learn new skills, experiment with ideas, and bring your creativity to life through hands-on workshops and collaborative projects. EXPLORE SESSIONS \u2192 JOIN OUR COMMUNITY Hands-on Learning Creative Technology Build Together Upcoming Sessions \uff0b Join a Session All [&hellip;]<\/p>\n","protected":false},"author":3,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-140","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/cdtmaker.club\/index.php?rest_route=\/wp\/v2\/pages\/140","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\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/cdtmaker.club\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=140"}],"version-history":[{"count":400,"href":"https:\/\/cdtmaker.club\/index.php?rest_route=\/wp\/v2\/pages\/140\/revisions"}],"predecessor-version":[{"id":1440,"href":"https:\/\/cdtmaker.club\/index.php?rest_route=\/wp\/v2\/pages\/140\/revisions\/1440"}],"wp:attachment":[{"href":"https:\/\/cdtmaker.club\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=140"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}