{"id":282,"date":"2025-08-04T08:11:15","date_gmt":"2025-08-04T08:11:15","guid":{"rendered":"https:\/\/artroots.studio\/?page_id=282"},"modified":"2026-06-21T15:02:02","modified_gmt":"2026-06-21T15:02:02","slug":"book-now","status":"publish","type":"page","link":"https:\/\/artroots.studio\/ko\/book-now\/","title":{"rendered":"Book a Workshop \u2014 Artroots Studio"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"282\" class=\"elementor elementor-282\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-artroots_container_1 e-con-full e-flex e-con e-parent\" data-id=\"artroots_container_1\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-artroots_html_widget_1 elementor-widget elementor-widget-html\" data-id=\"artroots_html_widget_1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n\/* cyrillic-ext *\/\n\/* cyrillic *\/\n\/* vietnamese *\/\n\/* latin-ext *\/\n\/* latin *\/\n\/* cyrillic-ext *\/\n\/* cyrillic *\/\n\/* vietnamese *\/\n\/* latin-ext *\/\n\/* latin *\/\n\/* cyrillic-ext *\/\n\/* cyrillic *\/\n\/* vietnamese *\/\n\/* latin-ext *\/\n\/* latin *\/\n\/* cyrillic-ext *\/\n\/* cyrillic *\/\n\/* vietnamese *\/\n\/* latin-ext *\/\n\/* latin *\/\n\/* cyrillic-ext *\/\n\/* cyrillic *\/\n\/* vietnamese *\/\n\/* latin-ext *\/\n\/* latin *\/\n\/* cyrillic-ext *\/\n\/* cyrillic *\/\n\/* vietnamese *\/\n\/* latin-ext *\/\n\/* latin *\/\n\/* cyrillic-ext *\/\n\/* cyrillic *\/\n\/* vietnamese *\/\n\/* latin-ext *\/\n\/* latin *\/\n\/* cyrillic-ext *\/\n\/* cyrillic *\/\n\/* vietnamese *\/\n\/* latin-ext *\/\n\/* latin *\/\n\n\/* \u2500\u2500\u2500 Design Tokens \u2500\u2500\u2500 *\/\n:root {\n  --cream:       #faf6ef;\n  --cream-2:     #f5eddc;\n  --cream-3:     #ede0c8;\n  --terra:       #23A455;\n  --terra-2:     #1C8544;\n  --terra-light: #EAF7EE;\n  --terra-glow:  rgba(35,164,85,.18);\n  --dark:        #17120E;\n  --dark-2:      #2E261E;\n  --mid:         #7A6E65;\n  --border:      #ede0c8;\n  --white:       #FFFFFF;\n  --green:       #23A455;\n  --green-dk:    #1C8544;\n  --r:           16px;\n  --r-sm:        10px;\n  --sh:          0 2px 16px rgba(26,22,18,.06),0 1px 4px rgba(26,22,18,.04);\n  --sh-lg:       0 12px 48px rgba(26,22,18,.13),0 4px 16px rgba(26,22,18,.06);\n  --sh-terra:    0 4px 20px rgba(35,164,85,.28);\n  --f-display:   'Montserrat', sans-serif;\n  --f-body:      'Montserrat', sans-serif;\n  --ease:        cubic-bezier(.4,0,.2,1);\n  --ease-spring: cubic-bezier(.34,1.56,.64,1);\n}\n\n*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}\nhtml{scroll-behavior:smooth;font-size:16px}\nbody{\n  font-family:var(--f-body);\n  font-weight:400;\n  background:var(--cream);\n  color:var(--dark);\n  line-height:1.6;\n  -webkit-font-smoothing:antialiased;\n}\nimg{display:block;max-width:100%;height:auto}\na{color:inherit;text-decoration:none !important}\nbutton{cursor:pointer;font-family:var(--f-body);border:none;background:none}\n\n\/* Specificity overrides for theme link styles *\/\n.elementor-widget-html a.btn-primary,\n.elementor-widget-html a.btn-secondary,\n.elementor-widget-html a.btn-sg,\n.elementor-widget-html a.wc-btn,\n.elementor-widget-html a.sb-book {\n  color: var(--white) !important;\n}\n.elementor-widget-html a.btn-nr {\n  color: var(--terra) !important;\n}\n\n\n\/* \u2500\u2500\u2500 Announcement Bar \u2500\u2500\u2500 *\/\n.ann-bar{\n  background:var(--terra);\n  color:var(--white);\n  text-align:center;\n  padding:10px 20px;\n  font-size:13.5px;\n  font-weight:500;\n  letter-spacing:.01em;\n  position:relative;\n  z-index:50;\n}\n.ann-bar a{color:var(--white);text-decoration:none;border-bottom:1px solid rgba(255,255,255,.4);padding-bottom:1px}\n\n\/* ============================================================\n   HEADER & MOBILE DRAWER STYLES\n============================================================ *\/\n#header {\n  position: sticky; top: 0; z-index: 1000;\n  background: rgba(250,246,239,0.94);\n  backdrop-filter: blur(18px);\n  -webkit-backdrop-filter: blur(18px);\n  border-bottom: 1.5px solid rgba(92,107,58,0.09);\n  transition: box-shadow 0.28s cubic-bezier(0.4,0,0.2,1), background 0.28s cubic-bezier(0.4,0,0.2,1);\n}\n#header.scrolled {\n  box-shadow: 0 4px 28px rgba(61,74,37,0.11);\n  background: rgba(250,246,239,0.97);\n}\n#header .container {\n  width: min(1180px,100%);\n  margin-inline: auto;\n  padding-inline: clamp(18px,5vw,52px);\n}\n#header .nav-wrap {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  height: 74px;\n  gap: 20px;\n}\n#header .logo {\n  display: flex;\n  align-items: center;\n  flex-shrink: 0;\n}\n#header .logo-img {\n  height: 56px;\n  width: auto;\n  object-fit: contain;\n}\n#header .nav-links {\n  display: flex;\n  align-items: center;\n  gap: 2px;\n  list-style: none;\n  margin: 0;\n  padding: 0;\n}\n#header .nav-links a {\n  font-family: 'Inter', sans-serif;\n  font-size: 0.88rem;\n  font-weight: 600;\n  color: #5a5347;\n  padding: 8px 14px;\n  border-radius: 999px;\n  transition: color 0.28s cubic-bezier(0.4,0,0.2,1), background 0.28s cubic-bezier(0.4,0,0.2,1);\n  text-decoration: none !important;\n}\n#header .nav-links a:hover {\n  color: #5c6b3a;\n  background: #e8edda;\n}\n#header .nav-actions {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  flex-shrink: 0;\n}\n#header .btn-primary {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: 9px;\n  font-family: 'Inter', sans-serif;\n  font-weight: 700;\n  font-size: 0.87rem;\n  line-height: 1;\n  padding: 10px 22px;\n  border-radius: 999px;\n  border: none;\n  cursor: pointer;\n  background: linear-gradient(135deg, #4e5f30, #3d4a25);\n  color: #fff !important;\n  box-shadow: 0 5px 22px rgba(61,74,37,0.38);\n  transition: transform 0.28s cubic-bezier(0.4,0,0.2,1), box-shadow 0.28s cubic-bezier(0.4,0,0.2,1), background 0.28s cubic-bezier(0.4,0,0.2,1);\n  white-space: nowrap;\n  text-decoration: none !important;\n}\n#header .btn-primary:hover {\n  transform: translateY(-2px);\n  box-shadow: 0 10px 32px rgba(61,74,37,0.44);\n}\n#header .btn-primary:active {\n  transform: translateY(0);\n}\n\n\/* Hamburger *\/\n#header .ham {\n  display: none;\n  flex-direction: column;\n  gap: 5px;\n  cursor: pointer;\n  padding: 8px;\n  border-radius: 10px;\n  background: transparent;\n  border: none;\n  transition: background 0.28s cubic-bezier(0.4,0,0.2,1);\n}\n#header .ham:hover { background: #e8edda; }\n#header .ham span { display: block; width: 24px; height: 2.5px; background: #5c6b3a; border-radius: 4px; transition: transform 0.28s cubic-bezier(0.4,0,0.2,1), opacity 0.28s cubic-bezier(0.4,0,0.2,1); }\n#header .ham.open span:nth-child(1) { transform: translateY(7.5px) rotate(45deg); }\n#header .ham.open span:nth-child(2) { opacity: 0; }\n#header .ham.open span:nth-child(3) { transform: translateY(-7.5px) rotate(-45deg); }\n\n\/* Mobile drawer *\/\n.mobile-drawer { display: none; position: fixed; inset: 74px 0 0 0; background: #faf6ef; z-index: 999; padding: 20px; flex-direction: column; gap: 8px; overflow-y: auto; border-top: 1px solid #ede0c8; }\n.mobile-drawer.open { display: flex; }\n.mobile-drawer a { font-family: 'Inter', sans-serif; font-weight: 600; font-size: 1rem; color: #231f1a; padding: 15px 18px; border-radius: 20px; background: #ffffff; border: 1.5px solid #ede0c8; display: flex; align-items: center; gap: 10px; transition: background 0.28s cubic-bezier(0.4,0,0.2,1), border-color 0.28s cubic-bezier(0.4,0,0.2,1), color 0.28s cubic-bezier(0.4,0,0.2,1); text-decoration: none !important; }\n.mobile-drawer a:hover { background: #e8edda; border-color: #e8edda; color: #5c6b3a; }\n.mobile-drawer .btn-primary { justify-content: center; margin-top: 4px; display: inline-flex; align-items: center; gap: 9px; font-family: 'Inter', sans-serif; font-weight: 700; font-size: 0.95rem; line-height: 1; padding: 15px 30px; border-radius: 999px; border: none; cursor: pointer; background: linear-gradient(135deg, #4e5f30, #3d4a25); color: #fff !important; box-shadow: 0 5px 22px rgba(61,74,37,0.38); transition: transform 0.28s cubic-bezier(0.4,0,0.2,1), box-shadow 0.28s cubic-bezier(0.4,0,0.2,1), background 0.28s cubic-bezier(0.4,0,0.2,1); white-space: nowrap; }\n.mobile-drawer .btn-primary:hover { transform: translateY(-2px); box-shadow: 0 10px 32px rgba(61,74,37,0.44); }\n.mobile-drawer .btn-wa { justify-content: center; display: inline-flex; align-items: center; gap: 9px; font-family: 'Inter', sans-serif; font-weight: 700; font-size: 0.95rem; line-height: 1; padding: 15px 30px; border-radius: 999px; border: none; cursor: pointer; background: linear-gradient(135deg, #25d366, #128c7e); color: #fff !important; box-shadow: 0 5px 22px rgba(37,211,102,0.38); transition: transform 0.28s cubic-bezier(0.4,0,0.2,1), box-shadow 0.28s cubic-bezier(0.4,0,0.2,1), background 0.28s cubic-bezier(0.4,0,0.2,1); white-space: nowrap; }\n.mobile-drawer .btn-wa:hover { transform: translateY(-2px); box-shadow: 0 10px 32px rgba(37,211,102,0.44); }\n.drawer-divider { height: 1px; background: #ede0c8; margin: 4px 0; }\n\n\/* \u2500\u2500\u2500 Hero \u2500\u2500\u2500 *\/\n.hero{\n  padding:72px 24px 64px;\n  max-width:1160px;margin:0 auto;\n  display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center;\n}\n.hero-label{\n  display:inline-flex;align-items:center;gap:8px;\n  background:var(--terra-light);color:var(--terra);\n  padding:6px 14px;border-radius:50px;\n  font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;\n  margin-bottom:20px;\n}\n.hero h1{\n  font-family:var(--f-display);\n  font-size:clamp(42px,5vw,62px);\n  font-weight:700;line-height:1.05;\n  letter-spacing:-.03em;\n  color:var(--dark);\n  margin-bottom:16px;\n}\n.hero h1 em{\n  font-style:italic;color:var(--terra);\n  font-weight:600;\n}\n.hero-sub{\n  font-size:16px;color:var(--mid);line-height:1.7;\n  max-width:440px;margin-bottom:32px;\n}\n.hero-badges{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:36px}\n.badge{\n  display:inline-flex;align-items:center;gap:6px;\n  background:var(--white);border:1px solid var(--border);\n  padding:7px 14px;border-radius:50px;\n  font-size:13px;font-weight:500;color:var(--dark);\n  box-shadow:var(--sh);\n}\n.badge .dot{width:7px;height:7px;border-radius:50%;background:var(--green);flex-shrink:0}\n.hero-ctas{display:flex;gap:12px;flex-wrap:wrap}\n.btn-primary{\n  display:inline-flex;align-items:center;gap:8px;\n  background:var(--terra);\n  color:var(--white);padding:14px 28px;border-radius:50px;\n  font-size:15px;font-weight:600;letter-spacing:.01em;\n  box-shadow:var(--sh-terra);\n  transition:background .2s,transform .2s var(--ease-spring),box-shadow .2s;\n}\n.btn-primary:hover{background:var(--terra-2);transform:translateY(-2px);box-shadow:0 8px 28px rgba(35,164,85,.38)}\n.btn-secondary{\n  display:inline-flex;align-items:center;gap:8px;\n  background:var(--green);color:var(--white);\n  padding:14px 28px;border-radius:50px;\n  font-size:15px;font-weight:600;\n  box-shadow:var(--sh);\n  transition:background .2s,transform .2s,box-shadow .2s;\n}\n.btn-secondary:hover{background:var(--green-dk);transform:translateY(-2px);box-shadow:var(--sh-lg)}\n\n\/* Hero images *\/\n.hero-imgs{\n  display:grid;grid-template-columns:1fr 1fr;\n  grid-template-rows:auto auto;gap:12px;\n}\n.hero-imgs img{\n  border-radius:var(--r);object-fit:cover;width:100%;\n  box-shadow:var(--sh-lg);\n}\n.hero-imgs img:first-child{\n  grid-column:1\/-1;height:240px;\n}\n.hero-imgs img:not(:first-child){height:160px}\n\n\/* \u2500\u2500\u2500 Trust Bar \u2500\u2500\u2500 *\/\n.trust-bar{\n  background:var(--dark-2);\n  padding:20px 24px;\n}\n.trust-bar-inner{\n  max-width:1160px;margin:0 auto;\n  display:flex;align-items:center;justify-content:center;\n  gap:0;flex-wrap:wrap;\n}\n.tb-item{\n  display:flex;align-items:center;gap:8px;\n  padding:8px 28px;\n  color:var(--white);font-size:14px;font-weight:500;\n}\n.tb-item:not(:last-child){\n  border-right:1px solid rgba(255,255,255,.15);\n}\n.tb-item .ti-val{font-family:var(--f-display);font-size:22px;font-weight:700;color:var(--terra-2)}\n.tb-star{color:#F59E0B;font-size:16px;letter-spacing:-1px}\n\n\/* \u2500\u2500\u2500 Section base \u2500\u2500\u2500 *\/\n.section{padding:72px 24px}\n.section-inner{max-width:1160px;margin:0 auto}\n.section-label{\n  display:inline-block;\n  font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;\n  color:var(--terra);margin-bottom:12px;\n}\n.section-title{\n  font-family:var(--f-display);\n  font-size:clamp(32px,4vw,46px);\n  font-weight:700;letter-spacing:-.02em;\n  color:var(--dark);line-height:1.1;\n  margin-bottom:8px;\n}\n.section-sub{font-size:16px;color:var(--mid);line-height:1.7;max-width:540px}\n\n\/* \u2500\u2500\u2500 Workshop Cards \u2500\u2500\u2500 *\/\n.workshops-grid{\n  display:grid;\n  grid-template-columns:repeat(3,1fr);\n  gap:20px;margin-top:40px;\n}\n.wc{\n  background:var(--white);border-radius:var(--r);\n  overflow:hidden;box-shadow:var(--sh);\n  border:1px solid var(--border);\n  display:flex;flex-direction:column;\n  transition:transform .25s var(--ease-spring),box-shadow .25s;\n}\n.wc:hover{transform:translateY(-6px);box-shadow:var(--sh-lg)}\n.wc-img{position:relative;height:200px;overflow:hidden;background:var(--cream-3)}\n.wc-img img{width:100%;height:100%;object-fit:cover;transition:transform .4s var(--ease)}\n.wc:hover .wc-img img{transform:scale(1.05)}\n\/* Urgency chip *\/\n.wc-urgency{\n  position:absolute;top:12px;left:12px;\n  background:var(--dark);color:var(--white);\n  font-size:11px;font-weight:600;letter-spacing:.03em;\n  padding:4px 10px;border-radius:50px;\n  display:flex;align-items:center;gap:5px;\n}\n.wc-urgency .dot{width:6px;height:6px;border-radius:50%;background:var(--green);flex-shrink:0}\n.wc-body{padding:20px;flex:1;display:flex;flex-direction:column}\n.wc-cat{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--terra);margin-bottom:6px}\n.wc-title{font-family:var(--f-display);font-size:22px;font-weight:700;color:var(--dark);margin-bottom:6px;line-height:1.2}\n.wc-desc{font-size:13.5px;color:var(--mid);line-height:1.6;margin-bottom:16px;flex:1}\n.wc-footer{display:flex;align-items:center;justify-content:space-between;margin-top:auto}\n.wc-price{display:flex;align-items:baseline;gap:2px;line-height:1}\n.wc-price .cur{font-size:14px;font-weight:600;color:var(--terra);padding-bottom:6px}\n.wc-price .amt{font-family:var(--f-display);font-size:36px;font-weight:700;color:var(--terra);line-height:1}\n.wc-price .suf{font-size:12px;color:var(--mid);padding-bottom:2px}\n.wc-btn{\n  background:var(--terra);color:var(--white);\n  padding:10px 18px;border-radius:50px;\n  font-size:13px;font-weight:600;\n  transition:background .2s,transform .15s;\n  white-space:nowrap;\n}\n.wc-btn:hover{background:var(--terra-2);transform:scale(1.04)}\n\n\/* \u2500\u2500\u2500 How to Book \u2500\u2500\u2500 *\/\n.htb-grid{\n  display:grid;grid-template-columns:repeat(3,1fr);\n  gap:24px;margin-top:40px;\n}\n.htb-card{\n  background:var(--white);border-radius:var(--r);\n  padding:28px;box-shadow:var(--sh);\n  border:1px solid var(--border);\n  position:relative;\n}\n.htb-card::before{\n  content:attr(data-step);\n  position:absolute;top:20px;right:20px;\n  font-family:var(--f-display);font-size:52px;font-weight:700;\n  color:var(--cream-3);line-height:1;\n}\n.htb-icon{font-size:28px;margin-bottom:12px}\n.htb-title{font-family:var(--f-display);font-size:20px;font-weight:700;color:var(--dark);margin-bottom:8px}\n.htb-desc{font-size:14px;color:var(--mid);line-height:1.65}\n\n\/* \u2500\u2500\u2500 Gallery \u2500\u2500\u2500 *\/\n.gallery-section{padding:72px 24px;background:var(--dark)}\n.gallery-section .section-title{color:var(--white)}\n.gallery-section .section-label{color:var(--terra-2)}\n.gallery-section .section-sub{color:rgba(255,255,255,.55)}\n.gallery-grid{\n  display:grid;\n  grid-template-columns:repeat(4,1fr);\n  grid-template-rows:auto auto;\n  gap:10px;margin-top:36px;\n}\n.gallery-grid .gi{border-radius:var(--r-sm);overflow:hidden;position:relative}\n.gallery-grid .gi img{width:100%;height:180px;object-fit:cover;transition:transform .4s var(--ease);display:block}\n.gallery-grid .gi:first-child{grid-column:span 2;grid-row:span 2}\n.gallery-grid .gi:first-child img{height:370px}\n.gallery-grid .gi:hover img{transform:scale(1.06)}\n.gallery-grid .gi::after{\n  content:'';position:absolute;inset:0;\n  background:linear-gradient(180deg,transparent 40%,rgba(23,18,14,.5));\n  opacity:0;transition:opacity .3s;\n}\n.gallery-grid .gi:hover::after{opacity:1}\n.gallery-ig-link{\n  text-align:center;margin-top:24px;\n}\n.gallery-ig-link a{\n  display:inline-flex;align-items:center;gap:8px;\n  color:rgba(255,255,255,.65);font-size:14px;font-weight:500;\n  transition:color .2s;\n}\n.gallery-ig-link a:hover{color:var(--white)}\n\n\/* \u2500\u2500\u2500 FAQ \u2500\u2500\u2500 *\/\n.faq-section{background:var(--cream-2)}\n.faq-grid{\n  display:grid;grid-template-columns:1fr 1fr;\n  gap:40px;margin-top:48px;align-items:start;\n}\n.faq-left h2.section-title{font-size:44px}\n.faq-left .faq-note{\n  margin-top:28px;\n  background:#FDECD8;border-radius:16px;\n  padding:20px;\n}\n.faq-note p{font-size:14px;color:var(--terra);line-height:1.6}\n.faq-note strong{font-weight:600}\n.faq-list{display:flex;flex-direction:column;gap:8px}\n.fi{\n  background:var(--white);border-radius:var(--r);\n  box-shadow:var(--sh);overflow:hidden;\n  border:1px solid transparent;\n  transition:border-color .2s,box-shadow .2s;\n}\n.fi.open{border-color:var(--terra-light);box-shadow:0 4px 20px rgba(28,133,68,.10)}\n.fq{\n  display:flex;align-items:center;justify-content:space-between;gap:12px;\n  padding:18px 20px;cursor:pointer;\n  font-size:15px;font-weight:600;color:var(--dark);\n  transition:color .2s;user-select:none;\n}\n.fi.open .fq{color:var(--terra)}\n.fq .arr{\n  width:28px;height:28px;border-radius:50%;\n  background:var(--cream-2);\n  display:flex;align-items:center;justify-content:center;\n  font-size:13px;transition:transform .25s,background .2s;\n  flex-shrink:0;color:var(--terra);font-weight:700;\n}\n.fi.open .fq .arr{transform:rotate(45deg);background:var(--terra-light)}\n.fa{\n  max-height:0;overflow:hidden;\n  transition:max-height .3s var(--ease),padding .3s;\n  padding:0 20px;\n}\n.fi.open .fa{max-height:300px;padding:0 20px 18px}\n.fa p{font-size:14px;color:var(--mid);line-height:1.7}\n.fa a{color:var(--terra);font-weight:500;text-decoration:none;border-bottom:1px solid rgba(172,72,19,.3);padding-bottom:1px}\n\n\/* \u2500\u2500\u2500 Reviews \u2500\u2500\u2500 *\/\n.reviews-section{background:var(--cream);padding-bottom:60px}\n.rating-hero{\n  display:flex;align-items:center;gap:20px;\n  margin-bottom:40px;\n  padding:28px 32px;\n  background:var(--white);border-radius:var(--r);\n  box-shadow:var(--sh);border:1px solid var(--border);\n  width:fit-content;\n}\n.rating-num{\n  font-family:var(--f-display);font-size:64px;font-weight:700;\n  color:var(--terra);line-height:1;\n}\n.rating-detail{display:flex;flex-direction:column;gap:4px}\n.stars{font-size:22px;letter-spacing:2px;color:#F59E0B}\n.rating-detail p{font-size:13px;color:var(--mid)}\n.reviews-grid{\n  display:grid;grid-template-columns:repeat(3,1fr);\n  gap:20px;\n}\n.rv{\n  background:var(--white);border-radius:var(--r);\n  padding:24px;box-shadow:var(--sh);\n  border:1px solid var(--border);\n  display:flex;flex-direction:column;gap:16px;\n  transition:transform .2s,box-shadow .2s;\n}\n.rv:hover{transform:translateY(-4px);box-shadow:var(--sh-lg)}\n.rv-stars{font-size:15px;letter-spacing:1px;color:#F59E0B}\n.rv-text{font-size:14.5px;color:var(--dark);line-height:1.7;flex:1;font-style:italic}\n.rv-footer{display:flex;align-items:center;justify-content:space-between;padding-top:8px;border-top:1px solid var(--border)}\n.rv-person{display:flex;align-items:center;gap:10px}\n.rv-avatar{\n  width:36px;height:36px;border-radius:50%;\n  background:#FDECD8;color:var(--terra);\n  display:flex;align-items:center;justify-content:center;\n  font-size:14px;font-weight:700;flex-shrink:0;\n}\n.rv-name{font-size:14px;font-weight:600;color:var(--dark)}\n.rv-meta{font-size:12px;color:var(--mid)}\n.rv-source{\n  display:flex;align-items:center;gap:4px;\n  font-size:11px;font-weight:600;color:var(--mid);\n  background:#f5eddc;padding:4px 10px;border-radius:50px;\n}\n\n\/* \u2500\u2500\u2500 SG Visitor Card \u2500\u2500\u2500 *\/\n.sg-section{padding:0 24px 72px}\n.sg-card{\n  max-width:1160px;margin:0 auto;\n  background:linear-gradient(135deg,var(--dark-2) 0%,#3D2E22 100%);\n  border-radius:24px;padding:48px 56px;\n  display:grid;grid-template-columns:1fr auto;\n  gap:40px;align-items:center;\n  position:relative;overflow:hidden;\n}\n.sg-card::before{\n  content:'';position:absolute;\n  right:-80px;top:-80px;\n  width:320px;height:320px;border-radius:50%;\n  background:rgba(28,133,68,.12);pointer-events:none;\n}\n.sg-flags{font-size:24px;margin-bottom:16px;display:flex;gap:6px;align-items:center}\n.sg-card h2{\n  font-family:var(--f-display);font-size:32px;font-weight:700;\n  color:var(--white);line-height:1.15;margin-bottom:12px;\n}\n.sg-card p{font-size:15px;color:rgba(255,255,255,.65);line-height:1.7;max-width:480px}\n.btn-sg{\n  background:var(--terra);color:var(--white);\n  padding:14px 28px;border-radius:50px;\n  font-size:14.5px;font-weight:600;white-space:nowrap;\n  box-shadow:var(--sh-terra);flex-shrink:0;\n  display:inline-flex;align-items:center;gap:8px;\n  transition:background .2s,transform .2s;\n}\n.btn-sg:hover{background:var(--terra-2);transform:translateY(-2px)}\n\n\/* \u2500\u2500\u2500 Book Panel \u2500\u2500\u2500 *\/\n.book-section{padding:72px 24px;background:var(--cream-2)}\n.book-grid{\n  max-width:1160px;margin:0 auto;\n  display:grid;grid-template-columns:1fr 1fr;\n  gap:48px;align-items:start;\n}\n.book-left h2{\n  font-family:var(--f-display);font-size:clamp(28px,3.5vw,40px);\n  font-weight:700;color:var(--dark);line-height:1.15;margin-bottom:12px;\n}\n.book-left>p{font-size:15px;color:var(--mid);line-height:1.7;margin-bottom:32px}\n.contact-list{display:flex;flex-direction:column;gap:12px}\n.contact-item{\n  display:flex;align-items:center;gap:16px;\n  background:var(--white);border-radius:var(--r);\n  padding:16px 20px;box-shadow:var(--sh);border:1px solid var(--border);\n  transition:border-color .2s,box-shadow .2s;\n}\n.contact-item:hover{border-color:var(--terra-light);box-shadow:0 4px 16px rgba(28,133,68,.08)}\n.ci-icon{\n  width:44px;height:44px;border-radius:12px;\n  background:var(--cream-2);\n  display:flex;align-items:center;justify-content:center;\n  font-size:20px;flex-shrink:0;\n}\n.ci-body{flex:1}\n.ci-title{font-size:14px;font-weight:600;color:var(--dark);margin-bottom:2px}\n.ci-sub{font-size:13px;color:var(--mid)}\n.ci-cta{\n  padding:9px 18px;border-radius:50px;\n  font-size:13px;font-weight:600;\n  transition:transform .15s,box-shadow .15s;\n  white-space:nowrap;\n}\n.ci-cta:hover{transform:scale(1.04)}\n.ci-cta.green{background:var(--green);color:var(--white)}\n.ci-cta.green:hover{background:var(--green-dk)}\n.ci-cta.terra{background:var(--terra);color:var(--white)}\n.ci-cta.terra:hover{background:var(--terra-2)}\n.ci-cta.outline{background:var(--terra);color:var(--white)}\n.ci-cta.outline:hover{background:var(--terra-2)}\n\n.book-panel{\n  background:var(--white);border-radius:var(--r);\n  padding:32px;box-shadow:var(--sh-lg);border:1px solid var(--border);\n}\n.book-panel h3{\n  font-family:var(--f-display);font-size:22px;font-weight:700;\n  color:var(--dark);margin-bottom:6px;\n}\n.book-panel>p{font-size:14px;color:var(--mid);margin-bottom:24px;line-height:1.6}\n.calendly-placeholder{\n  background:var(--cream-2);border-radius:var(--r-sm);\n  padding:40px 24px;text-align:center;\n  border:2px dashed var(--border);\n}\n.calendly-placeholder p{font-size:14px;color:var(--mid);margin-bottom:20px}\n.book-divider{\n  display:flex;align-items:center;gap:12px;\n  margin:20px 0;\n  font-size:12px;color:var(--mid);font-weight:500;text-transform:uppercase;letter-spacing:.08em;\n}\n.book-divider::before,.book-divider::after{\n  content:'';flex:1;height:1px;background:var(--border);\n}\n.btn-wa-full{\n  display:flex;align-items:center;justify-content:center;gap:10px;\n  background:var(--green);color:var(--white);\n  width:100%;padding:14px;border-radius:50px;\n  font-size:15px;font-weight:600;\n  transition:background .2s,transform .15s;\n}\n.btn-wa-full:hover{background:var(--green-dk);transform:translateY(-2px)}\n\n\/* \u2500\u2500\u2500 Not Ready \u2500\u2500\u2500 *\/\n.not-ready{\n  background:linear-gradient(135deg,#2ECC71,var(--terra));\n  padding:56px 24px;text-align:center;\n}\n.not-ready h2{\n  font-family:var(--f-display);font-size:36px;font-weight:700;\n  color:var(--white);margin-bottom:12px;\n}\n.not-ready p{font-size:16px;color:rgba(255,255,255,.8);max-width:480px;margin:0 auto 28px;line-height:1.7}\n.btn-nr{\n  display:inline-flex;align-items:center;gap:10px;\n  background:var(--white);color:var(--terra);\n  padding:14px 28px;border-radius:50px;\n  font-size:15px;font-weight:600;\n  box-shadow:0 4px 20px rgba(0,0,0,.15);\n  transition:transform .2s,box-shadow .2s;\n}\n.btn-nr:hover{transform:translateY(-3px);box-shadow:0 8px 32px rgba(0,0,0,.2)}\n\n\/* ============================================================\n   FOOTER STYLES\n============================================================ *\/\nfooter {\n  background: #1e2511 !important;\n  padding-block: 44px !important;\n  border-top: 1px solid rgba(255,255,255,0.05);\n}\nfooter .container {\n  width: min(1180px,100%);\n  margin-inline: auto;\n  padding-inline: clamp(18px,5vw,52px);\n}\n.footer-row { display: flex; flex-wrap: wrap; gap: 24px; align-items: center; justify-content: space-between; }\n.footer-brand strong { font-family: 'Playfair Display', serif; color: #fff; font-size: 1.1rem; }\n.footer-brand span { display: block; font-size: 0.76rem; color: rgba(255,255,255,0.35); margin-top: 3px; }\n.footer-nav { display: flex; flex-wrap: wrap; gap: 6px 18px; }\n.footer-nav a { font-family: 'Inter', sans-serif; font-size: 0.83rem; font-weight: 500; color: rgba(255,255,255,0.5); transition: color 0.28s cubic-bezier(0.4,0,0.2,1); text-decoration: none !important; }\n.footer-nav a:hover { color: rgba(255,255,255,0.9); }\n.footer-credit { font-family: 'Inter', sans-serif; font-size: 0.76rem; color: rgba(255,255,255,0.25); }\n\n\/* Old sticky-bar styles removed *\/\n\n\/* \u2500\u2500\u2500 Scroll Reveal \u2500\u2500\u2500 *\/\n.reveal{opacity:0;transform:translateY(24px);transition:opacity .55s var(--ease),transform .55s var(--ease)}\n.reveal.visible{opacity:1;transform:none}\n.rv.reveal{opacity:0.4}\n.rv.reveal.visible{opacity:1}\n\n\/* \u2500\u2500\u2500 Responsive \u2500\u2500\u2500 *\/\n@media(max-width:1024px){\n  .workshops-grid{grid-template-columns:repeat(2,1fr)}\n  .htb-grid{grid-template-columns:repeat(3,1fr)}\n  .faq-grid{grid-template-columns:1fr}\n  .reviews-grid{grid-template-columns:repeat(2,1fr)}\n  .footer-inner{grid-template-columns:1fr 1fr}\n  .gallery-grid{grid-template-columns:repeat(3,1fr)}\n  .gallery-grid .gi:first-child{grid-column:span 1;grid-row:span 1}\n  .gallery-grid .gi:first-child img{height:180px}\n}\n@media(max-width:768px){\n  #header .nav-links, #header .nav-actions {display:none !important}\n  #header .ham {display:flex !important}\n  .hero{grid-template-columns:1fr;padding:40px 20px 48px;gap:32px}\n  .hero-imgs{grid-template-columns:1fr 1fr}\n  .hero-imgs img:first-child{height:180px}\n  .hero-imgs img:not(:first-child){height:130px}\n  .trust-bar-inner{gap:0}\n  .tb-item{padding:6px 14px;font-size:12.5px}\n  .workshops-grid{grid-template-columns:1fr}\n  .htb-grid{grid-template-columns:1fr}\n  .faq-grid{grid-template-columns:1fr}\n  .reviews-grid{grid-template-columns:1fr}\n  .book-grid{grid-template-columns:1fr}\n  .sg-card{grid-template-columns:1fr;padding:36px 28px}\n  .sg-card::before{display:none}\n  .footer-inner{grid-template-columns:1fr}\n  .gallery-grid{grid-template-columns:repeat(2,1fr)}\n  .gallery-grid .gi:first-child{grid-column:span 2}\n  .gallery-grid .gi:first-child img{height:200px}\n  .gallery-grid .gi img{height:150px}\n}\n\n\/* --- Additional conversion improvement styles --- *\/\n.btn-wa-secondary {\n  display:inline-flex;align-items:center;gap:8px;\n  background:transparent;\n  color:var(--green) !important;\n  border:2px solid var(--green);\n  padding:14px 28px;border-radius:50px;\n  font-size:15px;font-weight:600;\n  transition:background .2s,transform .2s,color .2s,box-shadow .2s;\n}\n.btn-wa-secondary:hover {\n  background:var(--green);\n  color:var(--white) !important;\n  transform:translateY(-2px);\n  box-shadow:var(--sh-lg);\n}\n.booking-tabs {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 8px;\n  margin-bottom: 20px;\n}\n.booking-tabs-row {\n  display: flex;\n  justify-content: center;\n  flex-wrap: wrap;\n  gap: 8px;\n  width: 100%;\n}\n.tab-btn .new-badge {\n  display: inline-block;\n  background: var(--terra);\n  color: var(--white) !important;\n  font-size: 9px;\n  font-weight: 700;\n  padding: 1px 5px;\n  border-radius: 4px;\n  margin-left: 6px;\n  text-transform: uppercase;\n  vertical-align: middle;\n  line-height: 1.2;\n}\n.tab-btn.active .new-badge {\n  background: var(--white);\n  color: var(--terra) !important;\n}\n@media (max-width: 768px) {\n  .booking-tabs-row {\n    display: contents; \/* Participate directly in grid *\/\n  }\n  .booking-tabs {\n    display: grid !important;\n    grid-template-columns: repeat(2, 1fr) !important;\n    gap: 8px !important;\n    margin-bottom: 20px !important;\n  }\n  .booking-tabs .tab-btn {\n    width: 100% !important;\n    min-height: 44px !important;\n    display: inline-flex !important;\n    align-items: center !important;\n    justify-content: center !important;\n    font-size: 13px !important;\n    box-sizing: border-box !important;\n    padding: 8px 10px !important;\n    margin: 0 !important;\n  }\n  .booking-tabs .tab-btn[data-tab=\"decide-in-studio\"] {\n    grid-column: span 2 !important;\n  }\n}\n.booking-tabs .tab-btn {\n  font-size: 13px !important;\n  font-weight: 600 !important;\n  padding: 8px 16px !important;\n  border-radius: 50px !important;\n  border: 1px solid var(--border) !important;\n  background: var(--cream-2) !important;\n  color: var(--dark) !important;\n  text-transform: none !important; \/* Prevent all caps *\/\n  transition: background .2s, color .2s, border-color .2s !important;\n  cursor: pointer !important;\n}\n.booking-tabs .tab-btn:hover {\n  background: var(--cream-3) !important;\n  border-color: var(--mid) !important;\n  color: var(--dark) !important;\n}\n.booking-tabs .tab-btn.active {\n  background: var(--terra) !important;\n  color: var(--white) !important;\n  border-color: var(--terra) !important;\n}\n.booking-tabs .tab-btn.btn-mini-pottery {\n  background: var(--terra-light) !important;\n  color: var(--terra-2) !important;\n  border-color: var(--terra) !important;\n}\n.booking-tabs .tab-btn.btn-mini-pottery.active {\n  background: var(--terra) !important;\n  color: var(--white) !important;\n  border-color: var(--terra) !important;\n}\n.booking-confirmation-line {\n  background: var(--terra-light);\n  color: var(--terra);\n  padding: 10px 14px;\n  border-radius: var(--r-sm);\n  font-size: 13.5px;\n  font-weight: 600;\n  margin-bottom: 20px;\n  text-align: center;\n}\n.reassurance-line {\n  font-size: 13px;\n  font-style: italic;\n  color: var(--terra);\n  margin-top: 4px;\n  margin-bottom: 20px;\n  text-align: center;\n}\n.enquiry-form {\n  display: flex;\n  flex-direction: column;\n  gap: 14px;\n}\n.form-group {\n  display: flex;\n  flex-direction: column;\n  gap: 6px;\n}\n.form-group label {\n  font-size: 13px;\n  font-weight: 600;\n  color: var(--dark);\n  text-align: left;\n}\n.form-group input,\n.form-group select,\n.form-group textarea {\n  font-family: inherit;\n  font-size: 14px;\n  padding: 10px 14px;\n  border-radius: var(--r-sm);\n  border: 1px solid var(--border);\n  background: var(--white);\n  color: var(--dark);\n  transition: border-color .2s;\n}\n.form-group input:focus,\n.form-group select:focus,\n.form-group textarea:focus {\n  outline: none;\n  border-color: var(--terra);\n}\n#artroots-floating-wa {\n  position: fixed;\n  bottom: 30px;\n  right: 30px;\n  width: 60px;\n  height: 60px;\n  background-color: var(--green);\n  color: var(--white) !important;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  box-shadow: 0 4px 16px rgba(34, 197, 94, 0.4);\n  z-index: 999;\n  transition: transform 0.3s, background-color 0.3s;\n}\n#artroots-floating-wa:hover {\n  transform: scale(1.1);\n  background-color: var(--green-dk);\n}\n#artroots-floating-wa svg {\n  width: 32px;\n  height: 32px;\n}\n#mobile-booking-redirect-container {\n  display: none;\n}\n@media(max-width: 768px) {\n  #artroots-floating-wa {\n    display: none !important;\n  }\n  #calendly-embed-container {\n    display: block !important;\n  }\n  #mobile-booking-redirect-container {\n    display: none !important;\n  }\n}\n\n\/* --- CRO polish additions --- *\/\n.hero-reassure{\n  display:flex;flex-wrap:wrap;gap:8px 18px;align-items:center;\n  font-size:13px;color:var(--mid);font-weight:500;\n}\n.hero-reassure span{display:inline-flex;align-items:center;gap:6px}\n.hero-reassure .ck{color:var(--green);font-weight:800}\n.wc-popular{\n  position:absolute;top:12px;right:12px;\n  background:var(--terra);color:var(--white);\n  font-size:11px;font-weight:700;letter-spacing:.03em;\n  padding:4px 11px;border-radius:50px;\n  box-shadow:var(--sh-terra);\n  display:flex;align-items:center;gap:5px;z-index:2;\n}\n.book-socialproof{display:flex;align-items:center;gap:10px;margin-bottom:14px}\n.book-socialproof .bsp-stars{color:#F59E0B;font-size:15px;letter-spacing:1px}\n.book-socialproof .bsp-text{font-size:13px;color:var(--mid);font-weight:500}\n.book-socialproof .bsp-text b{color:var(--dark);font-weight:700}\n.book-trust{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:18px}\n.book-trust .bt{\n  display:flex;align-items:center;justify-content:center;gap:6px;\n  background:var(--cream-2);border:1px solid var(--border);\n  border-radius:50px;padding:6px 12px;\n  font-size:12px;font-weight:600;color:var(--dark);\n}\n.book-trust .bt .ck{color:var(--green);font-weight:800}\n.wc-priceblock{display:flex;flex-direction:column;gap:2px}\n.wc-from{font-size:10.5px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--mid);line-height:1}\n\n\/* --- Courses \/ ongoing classes --- *\/\n.courses-banner{\n  display:inline-flex;align-items:center;gap:8px;\n  background:var(--terra);color:var(--white);\n  font-size:13.5px;font-weight:600;\n  padding:8px 16px;border-radius:50px;\n  box-shadow:var(--sh-terra);margin-top:18px;\n}\n.courses-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:36px}\n.course-card{\n  background:var(--white);border-radius:var(--r);padding:26px;\n  box-shadow:var(--sh);border:1px solid var(--border);\n  display:flex;flex-direction:column;\n  transition:transform .25s var(--ease-spring),box-shadow .25s;\n}\n.course-card:hover{transform:translateY(-6px);box-shadow:var(--sh-lg)}\n.cc-cat{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--terra);margin-bottom:8px}\n.cc-title{font-family:var(--f-display);font-size:21px;font-weight:700;color:var(--dark);line-height:1.2;margin-bottom:4px}\n.cc-age{font-size:13px;color:var(--mid);font-weight:500;margin-bottom:14px}\n.cc-list{list-style:none;display:flex;flex-direction:column;gap:7px;margin:0 0 18px;flex:1}\n.cc-list li{font-size:13.5px;color:var(--dark);line-height:1.5;display:flex;gap:8px;align-items:flex-start}\n.cc-list li::before{content:'\\2713';color:var(--green);font-weight:800;flex-shrink:0}\n.cc-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:auto;padding-top:16px;border-top:1px solid var(--border)}\n.cc-price{display:flex;flex-direction:column;line-height:1.15}\n.cc-price .amt{font-family:var(--f-display);font-size:26px;font-weight:700;color:var(--terra)}\n.cc-price .suf{font-size:11.5px;color:var(--mid);font-weight:500}\n@media(max-width:1024px){.courses-grid{grid-template-columns:repeat(2,1fr)}}\n@media(max-width:768px){.courses-grid{grid-template-columns:1fr}}\n\n#artroots-sticky{\n  display:none;\n  position:fixed;bottom:0;left:0;right:0;z-index:9999;\n  background:#fff;border-top:1px solid #ede0c8;\n  padding:12px 16px 24px;\n  box-shadow:0 -4px 24px rgba(26,22,18,.12);\n}\n#artroots-sticky .sb-inner{display:flex;gap:10px}\n#artroots-sticky .sb-book{\n  flex:1;display:block;text-align:center;\n  background:var(--terra);\n  color:#fff;padding:13px 16px;border-radius:50px;\n  font-size:14.5px;font-weight:600;font-family:inherit;\n  box-shadow:0 4px 20px rgba(28,133,68,.25);\n  text-decoration:none;\n  transition:background .2s;\n}\n#artroots-sticky .sb-book:hover{\n  background:var(--terra-2);\n}\n#artroots-sticky .sb-wa{\n  width:50px;height:50px;flex-shrink:0;\n  background:var(--green);color:#fff;border-radius:50%;\n  display:flex;align-items:center;justify-content:center;\n  font-size:22px;text-decoration:none;\n  box-shadow:0 4px 12px rgba(34,197,94,.3);\n  transition:background .2s;\n}\n#artroots-sticky .sb-wa:hover{\n  background:var(--green-dk);\n}\n@media(max-width:768px){\n  #artroots-sticky{display:block}\n  body{padding-bottom:100px!important}\n  \n  \/* Prevent horizontal overflow on mobile grid and elements *\/\n  .book-grid {\n    grid-template-columns: minmax(0, 1fr) !important;\n    width: 100% !important;\n    max-width: 100% !important;\n    gap: 28px !important;\n  }\n  .book-left, .book-panel {\n    min-width: 0 !important;\n    width: 100% !important;\n    max-width: 100% !important;\n    box-sizing: border-box !important;\n  }\n  .book-panel {\n    padding: 20px !important;\n  }\n  .contact-list {\n    width: 100% !important;\n    max-width: 100% !important;\n    box-sizing: border-box !important;\n  }\n  \n  \/* Make contact list items stack vertically on mobile to prevent overflow *\/\n  .contact-item {\n    flex-direction: column !important;\n    align-items: center !important;\n    text-align: center !important;\n    gap: 12px !important;\n    padding: 20px !important;\n    width: 100% !important;\n    max-width: 100% !important;\n    box-sizing: border-box !important;\n  }\n  .contact-item .ci-body {\n    width: 100% !important;\n    box-sizing: border-box !important;\n  }\n  .contact-item .ci-cta {\n    width: 100% !important;\n    text-align: center !important;\n    justify-content: center !important;\n    box-sizing: border-box !important;\n  }\n  .book-trust {\n    grid-template-columns: 1fr !important;\n    gap: 8px !important;\n  }\n}\n\n\/* Hide WordPress theme page header\/title *\/\n.page-header {\n  display: none !important;\n}\n\n\/* WordPress theme overrides & customizations *\/\n\/* Specificity overrides for theme link styles *\/\n.elementor-widget-html a.btn-primary,\n.elementor-widget-html a.btn-secondary,\n.elementor-widget-html a.btn-sg,\n.elementor-widget-html a.wc-btn,\n.elementor-widget-html a.sb-book {\n  color: var(--white) !important;\n}\n.elementor-widget-html a.btn-nr {\n  color: var(--terra) !important;\n}\n\n\/* Hide WordPress theme page header\/title *\/\n.page-header {\n  display: none !important;\n}\n\n\/* Override theme buttons font-family, letter-spacing, and casing *\/\n.booking-tabs .tab-btn {\n  font-family: 'Montserrat', sans-serif !important;\n  font-size: 13px !important;\n  font-weight: 600 !important;\n  letter-spacing: normal !important;\n  text-transform: none !important;\n  padding: 8px 16px !important;\n  border-radius: 50px !important;\n  border: 1px solid var(--border) !important;\n  background: var(--cream-2) !important;\n  color: var(--dark) !important;\n  transition: background .2s, color .2s, border-color .2s !important;\n  cursor: pointer !important;\n}\n.booking-tabs .tab-btn:hover {\n  background: var(--cream-3) !important;\n  border-color: var(--mid) !important;\n  color: var(--dark) !important;\n}\n.booking-tabs .tab-btn.active {\n  background: var(--terra) !important;\n  color: var(--white) !important;\n  border-color: var(--terra) !important;\n}\n.booking-tabs .tab-btn.btn-mini-pottery {\n  background: var(--terra-light) !important;\n  color: var(--terra-2) !important;\n  border-color: var(--terra) !important;\n}\n.booking-tabs .tab-btn.btn-mini-pottery.active {\n  background: var(--terra) !important;\n  color: var(--white) !important;\n  border-color: var(--terra) !important;\n}\n\n\/* Prevent Calendly iframe from collapsing to 150px *\/\n#calendly-embed-container iframe {\n  height: 100% !important;\n  min-height: 700px !important;\n}\n\n\/* \u2500\u2500\u2500 Ceramic Painting Styles \u2500\u2500\u2500 *\/\n.ceramic-strip {\n  background: var(--terra-light);\n  border: 1px solid rgba(35, 164, 85, 0.15);\n  border-radius: var(--r);\n  padding: 20px 24px;\n  max-width: 1160px;\n  margin: 32px auto;\n  box-shadow: 0 4px 12px rgba(35, 164, 85, 0.04);\n}\n.ceramic-strip-content {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 24px;\n}\n.ceramic-strip-left {\n  flex: 1;\n}\n.ceramic-strip-badge {\n  display: inline-block;\n  background: var(--terra);\n  color: var(--white);\n  font-size: 11px;\n  font-weight: 700;\n  padding: 4px 8px;\n  border-radius: 4px;\n  letter-spacing: 0.05em;\n  margin-bottom: 8px;\n  text-transform: uppercase;\n}\n.ceramic-strip-title {\n  font-family: var(--f-display);\n  font-size: 20px;\n  font-weight: 700;\n  color: var(--dark);\n  margin-bottom: 6px;\n}\n.ceramic-strip-desc {\n  font-size: 14px;\n  color: var(--dark-2);\n  margin-bottom: 8px;\n  line-height: 1.5;\n}\n.ceramic-strip-meta {\n  font-size: 12px;\n  font-weight: 600;\n  color: var(--mid);\n}\n.btn-book-ceramic {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  background: var(--terra) !important;\n  color: var(--white) !important;\n  font-size: 14px;\n  font-weight: 700;\n  padding: 12px 24px;\n  border-radius: 50px;\n  white-space: nowrap;\n  transition: all 0.25s var(--ease);\n  box-shadow: 0 4px 12px rgba(35, 164, 85, 0.2);\n}\n.btn-book-ceramic:hover {\n  background: var(--terra-2) !important;\n  transform: translateY(-1px);\n  box-shadow: 0 6px 16px rgba(35, 164, 85, 0.3);\n}\n.ceramic-pricing-grid {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 24px;\n  margin-bottom: 20px;\n}\n@media (max-width: 767px) {\n  .ceramic-strip {\n    margin: 24px 16px;\n    padding: 18px;\n  }\n  .ceramic-strip-content {\n    flex-direction: column;\n    align-items: stretch;\n    gap: 16px;\n  }\n  .btn-book-ceramic {\n    width: 100%;\n  }\n  .ceramic-pricing-grid {\n    grid-template-columns: 1fr;\n    gap: 20px;\n  }\n}\n<\/style>\n<style>\n        \/* Premium Editorial Typography & Accent Style overrides *\/\n        .premium-hero-title {\n          font-family: 'Playfair Display', Georgia, serif !important;\n          font-size: 80px !important;\n          line-height: 1.15 !important;\n          font-weight: 800 !important;\n          color: #3d4a25 !important;\n          margin: 0 0 24px 0 !important;\n          letter-spacing: -0.015em !important;\n        }\n        .premium-hero-title em {\n          font-family: 'Playfair Display', Georgia, serif !important;\n          font-style: italic !important;\n          font-weight: 700 !important;\n          color: #84906c !important; \/* logo green - soft clay terracotta *\/\n        }\n        .premium-hero-sub {\n          font-family: 'Inter', sans-serif !important;\n          font-size: 18px !important;\n          color: var(--mid) !important;\n          line-height: 1.7 !important;\n          max-width: 520px !important;\n          margin-bottom: 36px !important;\n        }\n        .hero-badges .badge-mini-pottery {\n          background: #ffffff !important;\n          color: #3d4a25 !important;\n          border-color: #d2ded4 !important;\n        }\n        .hero-badges .badge-pottery {\n          background: #e8ede9 !important;\n          color: #5a785e !important;\n          border-color: #d2ded4 !important;\n        }\n        @media (max-width: 991px) {\n          .premium-hero-title { font-size: 56px !important; }\n        }\n        @media (max-width: 767px) {\n          .premium-hero-title { font-size: 42px !important; line-height: 1.18 !important; }\n          .premium-hero-sub { font-size: 16px !important; line-height: 1.6 !important; margin-bottom: 28px !important; }\n          .badge-mini-pottery .desktop-text { display: none !important; }\n          .badge-mini-pottery .mobile-text { display: inline !important; }\n          .badge-pottery .desktop-text { display: none !important; }\n          .badge-pottery .mobile-text { display: inline !important; }\n          .badge-beginner { display: none !important; }\n        }\n        @media (min-width: 768px) {\n          .badge-mini-pottery .mobile-text { display: none !important; }\n          .badge-pottery .mobile-text { display: none !important; }\n        }\n        \/* Premium Card style for hero images *\/\n        .hero-imgs img {\n          border-radius: 20px !important;\n          box-shadow: 0 10px 30px rgba(26,22,18,0.06) !important;\n          transition: all 0.3s ease;\n        }\n        .hero-imgs img:hover {\n          transform: scale(1.02) translateY(-2px);\n          box-shadow: 0 15px 40px rgba(26,22,18,0.1) !important;\n        }\n        \/* Premium Button Typography & Accents *\/\n        .premium-btn-primary {\n          display: inline-flex;\n          align-items: center;\n          gap: 8px;\n          background: #23a455 !important;\n          color: var(--white) !important;\n          padding: 16px 32px;\n          border-radius: 50px;\n          font-family: 'Inter', sans-serif;\n          font-size: 16px;\n          font-weight: 700;\n          text-decoration: none;\n          box-shadow: 0 4px 20px rgba(35, 164, 85, 0.25);\n          transition: all 0.25s ease;\n          border: none;\n          cursor: pointer;\n        }\n        .premium-btn-primary:hover {\n          background: #1e8c47 !important;\n          transform: translateY(-2px);\n          box-shadow: 0 8px 28px rgba(35, 164, 85, 0.35);\n        }\n        .premium-btn-secondary {\n          display: inline-flex;\n          align-items: center;\n          gap: 8px;\n          background: var(--white) !important;\n          color: var(--dark) !important;\n          padding: 16px 32px;\n          border-radius: 50px;\n          font-family: 'Inter', sans-serif;\n          font-size: 16px;\n          font-weight: 600;\n          text-decoration: none;\n          border: 1.5px solid var(--border);\n          box-shadow: var(--sh);\n          transition: all 0.25s ease;\n          cursor: pointer;\n        }\n        .premium-btn-secondary:hover {\n          background: var(--cream-2) !important;\n          transform: translateY(-2px);\n          box-shadow: var(--sh-lg);\n        }\n        \/* Enlarge Eyebrow Highlight & Shimmer animation *\/\n        .hero-label {\n          display: inline-flex !important;\n          align-items: center !important;\n          gap: 6px !important;\n          background: #e8edda !important;\n          color: #3d4a25 !important;\n          border: 1px solid #e8d0c8 !important;\n          padding: 10px 24px !important;\n          border-radius: 50px !important;\n          font-size: 15px !important;\n          font-weight: 700 !important;\n          letter-spacing: 0.05em !important;\n          text-transform: uppercase !important;\n          box-shadow: 0 4px 15px rgba(184, 93, 67, 0.12) !important;\n          animation: badge-float 4s ease-in-out infinite !important;\n          position: relative !important;\n          overflow: hidden !important;\n          margin-bottom: 24px !important;\n        }\n        .hero-label::after {\n          content: '' !important;\n          position: absolute !important;\n          top: 0 !important;\n          left: -150% !important;\n          width: 50% !important;\n          height: 100% !important;\n          background: linear-gradient(\n            to right,\n            rgba(255, 255, 255, 0) 0%,\n            rgba(255, 255, 255, 0.5) 50%,\n            rgba(255, 255, 255, 0) 100%\n          ) !important;\n          transform: skewX(-25deg) !important;\n          animation: badge-shimmer 5s infinite ease-in-out !important;\n        }\n        @keyframes badge-shimmer {\n          0% { left: -150%; }\n          25% { left: 150%; }\n          100% { left: 150%; }\n        }\n        @keyframes badge-float {\n          0% { transform: translateY(0); }\n          50% { transform: translateY(-5px); }\n          100% { transform: translateY(0); }\n        }\n        @media (max-width: 767px) {\n          .hero-label {\n            font-size: 13px !important;\n            padding: 8px 18px !important;\n          }\n        }\n      <\/style>\n\n\t\t\t\t\t<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,400&amp;family=Playfair+Display:ital,wght@0,700;0,800;0,900;1,700;1,800&amp;family=Inter:wght@400;500;600;700&amp;family=Caveat:wght@500;600;700&amp;display=swap\" rel=\"stylesheet\">\n<style>\n\/* cyrillic-ext *\/\n\/* cyrillic *\/\n\/* vietnamese *\/\n\/* latin-ext *\/\n\/* latin *\/\n\/* cyrillic-ext *\/\n\/* cyrillic *\/\n\/* vietnamese *\/\n\/* latin-ext *\/\n\/* latin *\/\n\/* cyrillic-ext *\/\n\/* cyrillic *\/\n\/* vietnamese *\/\n\/* latin-ext *\/\n\/* latin *\/\n\/* cyrillic-ext *\/\n\/* cyrillic *\/\n\/* vietnamese *\/\n\/* latin-ext *\/\n\/* latin *\/\n\/* cyrillic-ext *\/\n\/* cyrillic *\/\n\/* vietnamese *\/\n\/* latin-ext *\/\n\/* latin *\/\n\/* cyrillic-ext *\/\n\/* cyrillic *\/\n\/* vietnamese *\/\n\/* latin-ext *\/\n\/* latin *\/\n\/* cyrillic-ext *\/\n\/* cyrillic *\/\n\/* vietnamese *\/\n\/* latin-ext *\/\n\/* latin *\/\n\/* cyrillic-ext *\/\n\/* cyrillic *\/\n\/* vietnamese *\/\n\/* latin-ext *\/\n\/* latin *\/\n\n\/* \u2500\u2500\u2500 Design Tokens \u2500\u2500\u2500 *\/\n:root {\n  --cream:       #faf6ef;\n  --cream-2:     #f5eddc;\n  --cream-3:     #ede0c8;\n  --terra:       #23A455;\n  --terra-2:     #1C8544;\n  --terra-light: #EAF7EE;\n  --terra-glow:  rgba(35,164,85,.18);\n  --dark:        #17120E;\n  --dark-2:      #2E261E;\n  --mid:         #7A6E65;\n  --border:      #ede0c8;\n  --white:       #FFFFFF;\n  --green:       #23A455;\n  --green-dk:    #1C8544;\n  --r:           16px;\n  --r-sm:        10px;\n  --sh:          0 2px 16px rgba(26,22,18,.06),0 1px 4px rgba(26,22,18,.04);\n  --sh-lg:       0 12px 48px rgba(26,22,18,.13),0 4px 16px rgba(26,22,18,.06);\n  --sh-terra:    0 4px 20px rgba(35,164,85,.28);\n  --f-display:   'Montserrat', sans-serif;\n  --f-body:      'Montserrat', sans-serif;\n  --ease:        cubic-bezier(.4,0,.2,1);\n  --ease-spring: cubic-bezier(.34,1.56,.64,1);\n}\n\n*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}\nhtml{scroll-behavior:smooth;font-size:16px}\nbody{\n  font-family:var(--f-body);\n  font-weight:400;\n  background:var(--cream);\n  color:var(--dark);\n  line-height:1.6;\n  -webkit-font-smoothing:antialiased;\n}\nimg{display:block;max-width:100%;height:auto}\na{color:inherit;text-decoration:none !important}\nbutton{cursor:pointer;font-family:var(--f-body);border:none;background:none}\n\n\/* Specificity overrides for theme link styles *\/\n.elementor-widget-html a.btn-primary,\n.elementor-widget-html a.btn-secondary,\n.elementor-widget-html a.btn-sg,\n.elementor-widget-html a.wc-btn,\n.elementor-widget-html a.sb-book {\n  color: var(--white) !important;\n}\n.elementor-widget-html a.btn-nr {\n  color: var(--terra) !important;\n}\n\n\n\/* \u2500\u2500\u2500 Announcement Bar \u2500\u2500\u2500 *\/\n.ann-bar{\n  background:var(--terra);\n  color:var(--white);\n  text-align:center;\n  padding:10px 20px;\n  font-size:13.5px;\n  font-weight:500;\n  letter-spacing:.01em;\n  position:relative;\n  z-index:50;\n}\n.ann-bar a{color:var(--white);text-decoration:none;border-bottom:1px solid rgba(255,255,255,.4);padding-bottom:1px}\n\n\/* ============================================================\n   HEADER & MOBILE DRAWER STYLES\n============================================================ *\/\n#header {\n  position: sticky; top: 0; z-index: 1000;\n  background: rgba(250,246,239,0.94);\n  backdrop-filter: blur(18px);\n  -webkit-backdrop-filter: blur(18px);\n  border-bottom: 1.5px solid rgba(92,107,58,0.09);\n  transition: box-shadow 0.28s cubic-bezier(0.4,0,0.2,1), background 0.28s cubic-bezier(0.4,0,0.2,1);\n}\n#header.scrolled {\n  box-shadow: 0 4px 28px rgba(61,74,37,0.11);\n  background: rgba(250,246,239,0.97);\n}\n#header .container {\n  width: min(1180px,100%);\n  margin-inline: auto;\n  padding-inline: clamp(18px,5vw,52px);\n}\n#header .nav-wrap {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  height: 74px;\n  gap: 20px;\n}\n#header .logo {\n  display: flex;\n  align-items: center;\n  flex-shrink: 0;\n}\n#header .logo-img {\n  height: 56px;\n  width: auto;\n  object-fit: contain;\n}\n#header .nav-links {\n  display: flex;\n  align-items: center;\n  gap: 2px;\n  list-style: none;\n  margin: 0;\n  padding: 0;\n}\n#header .nav-links a {\n  font-family: 'Inter', sans-serif;\n  font-size: 0.88rem;\n  font-weight: 600;\n  color: #5a5347;\n  padding: 8px 14px;\n  border-radius: 999px;\n  transition: color 0.28s cubic-bezier(0.4,0,0.2,1), background 0.28s cubic-bezier(0.4,0,0.2,1);\n  text-decoration: none !important;\n}\n#header .nav-links a:hover {\n  color: #5c6b3a;\n  background: #e8edda;\n}\n#header .nav-actions {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  flex-shrink: 0;\n}\n#header .btn-primary {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: 9px;\n  font-family: 'Inter', sans-serif;\n  font-weight: 700;\n  font-size: 0.87rem;\n  line-height: 1;\n  padding: 10px 22px;\n  border-radius: 999px;\n  border: none;\n  cursor: pointer;\n  background: linear-gradient(135deg, #4e5f30, #3d4a25);\n  color: #fff !important;\n  box-shadow: 0 5px 22px rgba(61,74,37,0.38);\n  transition: transform 0.28s cubic-bezier(0.4,0,0.2,1), box-shadow 0.28s cubic-bezier(0.4,0,0.2,1), background 0.28s cubic-bezier(0.4,0,0.2,1);\n  white-space: nowrap;\n  text-decoration: none !important;\n}\n#header .btn-primary:hover {\n  transform: translateY(-2px);\n  box-shadow: 0 10px 32px rgba(61,74,37,0.44);\n}\n#header .btn-primary:active {\n  transform: translateY(0);\n}\n\n\/* Hamburger *\/\n#header .ham {\n  display: none;\n  flex-direction: column;\n  gap: 5px;\n  cursor: pointer;\n  padding: 8px;\n  border-radius: 10px;\n  background: transparent;\n  border: none;\n  transition: background 0.28s cubic-bezier(0.4,0,0.2,1);\n}\n#header .ham:hover { background: #e8edda; }\n#header .ham span { display: block; width: 24px; height: 2.5px; background: #5c6b3a; border-radius: 4px; transition: transform 0.28s cubic-bezier(0.4,0,0.2,1), opacity 0.28s cubic-bezier(0.4,0,0.2,1); }\n#header .ham.open span:nth-child(1) { transform: translateY(7.5px) rotate(45deg); }\n#header .ham.open span:nth-child(2) { opacity: 0; }\n#header .ham.open span:nth-child(3) { transform: translateY(-7.5px) rotate(-45deg); }\n\n\/* Mobile drawer *\/\n.mobile-drawer { display: none; position: fixed; inset: 74px 0 0 0; background: #faf6ef; z-index: 999; padding: 20px; flex-direction: column; gap: 8px; overflow-y: auto; border-top: 1px solid #ede0c8; }\n.mobile-drawer.open { display: flex; }\n.mobile-drawer a { font-family: 'Inter', sans-serif; font-weight: 600; font-size: 1rem; color: #231f1a; padding: 15px 18px; border-radius: 20px; background: #ffffff; border: 1.5px solid #ede0c8; display: flex; align-items: center; gap: 10px; transition: background 0.28s cubic-bezier(0.4,0,0.2,1), border-color 0.28s cubic-bezier(0.4,0,0.2,1), color 0.28s cubic-bezier(0.4,0,0.2,1); text-decoration: none !important; }\n.mobile-drawer a:hover { background: #e8edda; border-color: #e8edda; color: #5c6b3a; }\n.mobile-drawer .btn-primary { justify-content: center; margin-top: 4px; display: inline-flex; align-items: center; gap: 9px; font-family: 'Inter', sans-serif; font-weight: 700; font-size: 0.95rem; line-height: 1; padding: 15px 30px; border-radius: 999px; border: none; cursor: pointer; background: linear-gradient(135deg, #4e5f30, #3d4a25); color: #fff !important; box-shadow: 0 5px 22px rgba(61,74,37,0.38); transition: transform 0.28s cubic-bezier(0.4,0,0.2,1), box-shadow 0.28s cubic-bezier(0.4,0,0.2,1), background 0.28s cubic-bezier(0.4,0,0.2,1); white-space: nowrap; }\n.mobile-drawer .btn-primary:hover { transform: translateY(-2px); box-shadow: 0 10px 32px rgba(61,74,37,0.44); }\n.mobile-drawer .btn-wa { justify-content: center; display: inline-flex; align-items: center; gap: 9px; font-family: 'Inter', sans-serif; font-weight: 700; font-size: 0.95rem; line-height: 1; padding: 15px 30px; border-radius: 999px; border: none; cursor: pointer; background: linear-gradient(135deg, #25d366, #128c7e); color: #fff !important; box-shadow: 0 5px 22px rgba(37,211,102,0.38); transition: transform 0.28s cubic-bezier(0.4,0,0.2,1), box-shadow 0.28s cubic-bezier(0.4,0,0.2,1), background 0.28s cubic-bezier(0.4,0,0.2,1); white-space: nowrap; }\n.mobile-drawer .btn-wa:hover { transform: translateY(-2px); box-shadow: 0 10px 32px rgba(37,211,102,0.44); }\n.drawer-divider { height: 1px; background: #ede0c8; margin: 4px 0; }\n\n\/* \u2500\u2500\u2500 Hero \u2500\u2500\u2500 *\/\n.hero{\n  padding:72px 24px 64px;\n  max-width:1160px;margin:0 auto;\n  display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center;\n}\n.hero-label{\n  display:inline-flex;align-items:center;gap:8px;\n  background:var(--terra-light);color:var(--terra);\n  padding:6px 14px;border-radius:50px;\n  font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;\n  margin-bottom:20px;\n}\n.hero h1{\n  font-family:var(--f-display);\n  font-size:clamp(42px,5vw,62px);\n  font-weight:700;line-height:1.05;\n  letter-spacing:-.03em;\n  color:var(--dark);\n  margin-bottom:16px;\n}\n.hero h1 em{\n  font-style:italic;color:var(--terra);\n  font-weight:600;\n}\n.hero-sub{\n  font-size:16px;color:var(--mid);line-height:1.7;\n  max-width:440px;margin-bottom:32px;\n}\n.hero-badges{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:36px}\n.badge{\n  display:inline-flex;align-items:center;gap:6px;\n  background:var(--white);border:1px solid var(--border);\n  padding:7px 14px;border-radius:50px;\n  font-size:13px;font-weight:500;color:var(--dark);\n  box-shadow:var(--sh);\n}\n.badge .dot{width:7px;height:7px;border-radius:50%;background:var(--green);flex-shrink:0}\n.hero-ctas{display:flex;gap:12px;flex-wrap:wrap}\n.btn-primary{\n  display:inline-flex;align-items:center;gap:8px;\n  background:var(--terra);\n  color:var(--white);padding:14px 28px;border-radius:50px;\n  font-size:15px;font-weight:600;letter-spacing:.01em;\n  box-shadow:var(--sh-terra);\n  transition:background .2s,transform .2s var(--ease-spring),box-shadow .2s;\n}\n.btn-primary:hover{background:var(--terra-2);transform:translateY(-2px);box-shadow:0 8px 28px rgba(35,164,85,.38)}\n.btn-secondary{\n  display:inline-flex;align-items:center;gap:8px;\n  background:var(--green);color:var(--white);\n  padding:14px 28px;border-radius:50px;\n  font-size:15px;font-weight:600;\n  box-shadow:var(--sh);\n  transition:background .2s,transform .2s,box-shadow .2s;\n}\n.btn-secondary:hover{background:var(--green-dk);transform:translateY(-2px);box-shadow:var(--sh-lg)}\n\n\/* Hero images *\/\n.hero-imgs{\n  display:grid;grid-template-columns:1fr 1fr;\n  grid-template-rows:auto auto;gap:12px;\n}\n.hero-imgs img{\n  border-radius:var(--r);object-fit:cover;width:100%;\n  box-shadow:var(--sh-lg);\n}\n.hero-imgs img:first-child{\n  grid-column:1\/-1;height:240px;\n}\n.hero-imgs img:not(:first-child){height:160px}\n\n\/* \u2500\u2500\u2500 Trust Bar \u2500\u2500\u2500 *\/\n.trust-bar{\n  background:var(--dark-2);\n  padding:20px 24px;\n}\n.trust-bar-inner{\n  max-width:1160px;margin:0 auto;\n  display:flex;align-items:center;justify-content:center;\n  gap:0;flex-wrap:wrap;\n}\n.tb-item{\n  display:flex;align-items:center;gap:8px;\n  padding:8px 28px;\n  color:var(--white);font-size:14px;font-weight:500;\n}\n.tb-item:not(:last-child){\n  border-right:1px solid rgba(255,255,255,.15);\n}\n.tb-item .ti-val{font-family:var(--f-display);font-size:22px;font-weight:700;color:var(--terra-2)}\n.tb-star{color:#F59E0B;font-size:16px;letter-spacing:-1px}\n\n\/* \u2500\u2500\u2500 Section base \u2500\u2500\u2500 *\/\n.section{padding:72px 24px}\n.section-inner{max-width:1160px;margin:0 auto}\n.section-label{\n  display:inline-block;\n  font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;\n  color:var(--terra);margin-bottom:12px;\n}\n.section-title{\n  font-family:var(--f-display);\n  font-size:clamp(32px,4vw,46px);\n  font-weight:700;letter-spacing:-.02em;\n  color:var(--dark);line-height:1.1;\n  margin-bottom:8px;\n}\n.section-sub{font-size:16px;color:var(--mid);line-height:1.7;max-width:540px}\n\n\/* \u2500\u2500\u2500 Workshop Cards \u2500\u2500\u2500 *\/\n.workshops-grid{\n  display:grid;\n  grid-template-columns:repeat(3,1fr);\n  gap:20px;margin-top:40px;\n}\n.wc{\n  background:var(--white);border-radius:var(--r);\n  overflow:hidden;box-shadow:var(--sh);\n  border:1px solid var(--border);\n  display:flex;flex-direction:column;\n  transition:transform .25s var(--ease-spring),box-shadow .25s;\n}\n.wc:hover{transform:translateY(-6px);box-shadow:var(--sh-lg)}\n.wc-img{position:relative;height:200px;overflow:hidden;background:var(--cream-3)}\n.wc-img img{width:100%;height:100%;object-fit:cover;transition:transform .4s var(--ease)}\n.wc:hover .wc-img img{transform:scale(1.05)}\n\/* Urgency chip *\/\n.wc-urgency{\n  position:absolute;top:12px;left:12px;\n  background:var(--dark);color:var(--white);\n  font-size:11px;font-weight:600;letter-spacing:.03em;\n  padding:4px 10px;border-radius:50px;\n  display:flex;align-items:center;gap:5px;\n}\n.wc-urgency .dot{width:6px;height:6px;border-radius:50%;background:var(--green);flex-shrink:0}\n.wc-body{padding:20px;flex:1;display:flex;flex-direction:column}\n.wc-cat{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--terra);margin-bottom:6px}\n.wc-title{font-family:var(--f-display);font-size:22px;font-weight:700;color:var(--dark);margin-bottom:6px;line-height:1.2}\n.wc-desc{font-size:13.5px;color:var(--mid);line-height:1.6;margin-bottom:16px;flex:1}\n.wc-footer{display:flex;align-items:center;justify-content:space-between;margin-top:auto}\n.wc-price{display:flex;align-items:baseline;gap:2px;line-height:1}\n.wc-price .cur{font-size:14px;font-weight:600;color:var(--terra);padding-bottom:6px}\n.wc-price .amt{font-family:var(--f-display);font-size:36px;font-weight:700;color:var(--terra);line-height:1}\n.wc-price .suf{font-size:12px;color:var(--mid);padding-bottom:2px}\n.wc-btn{\n  background:var(--terra);color:var(--white);\n  padding:10px 18px;border-radius:50px;\n  font-size:13px;font-weight:600;\n  transition:background .2s,transform .15s;\n  white-space:nowrap;\n}\n.wc-btn:hover{background:var(--terra-2);transform:scale(1.04)}\n\n\/* \u2500\u2500\u2500 How to Book \u2500\u2500\u2500 *\/\n.htb-grid{\n  display:grid;grid-template-columns:repeat(3,1fr);\n  gap:24px;margin-top:40px;\n}\n.htb-card{\n  background:var(--white);border-radius:var(--r);\n  padding:28px;box-shadow:var(--sh);\n  border:1px solid var(--border);\n  position:relative;\n}\n.htb-card::before{\n  content:attr(data-step);\n  position:absolute;top:20px;right:20px;\n  font-family:var(--f-display);font-size:52px;font-weight:700;\n  color:var(--cream-3);line-height:1;\n}\n.htb-icon{font-size:28px;margin-bottom:12px}\n.htb-title{font-family:var(--f-display);font-size:20px;font-weight:700;color:var(--dark);margin-bottom:8px}\n.htb-desc{font-size:14px;color:var(--mid);line-height:1.65}\n\n\/* \u2500\u2500\u2500 Gallery \u2500\u2500\u2500 *\/\n.gallery-section{padding:72px 24px;background:var(--dark)}\n.gallery-section .section-title{color:var(--white)}\n.gallery-section .section-label{color:var(--terra-2)}\n.gallery-section .section-sub{color:rgba(255,255,255,.55)}\n.gallery-grid{\n  display:grid;\n  grid-template-columns:repeat(4,1fr);\n  grid-template-rows:auto auto;\n  gap:10px;margin-top:36px;\n}\n.gallery-grid .gi{border-radius:var(--r-sm);overflow:hidden;position:relative}\n.gallery-grid .gi img{width:100%;height:180px;object-fit:cover;transition:transform .4s var(--ease);display:block}\n.gallery-grid .gi:first-child{grid-column:span 2;grid-row:span 2}\n.gallery-grid .gi:first-child img{height:370px}\n.gallery-grid .gi:hover img{transform:scale(1.06)}\n.gallery-grid .gi::after{\n  content:'';position:absolute;inset:0;\n  background:linear-gradient(180deg,transparent 40%,rgba(23,18,14,.5));\n  opacity:0;transition:opacity .3s;\n}\n.gallery-grid .gi:hover::after{opacity:1}\n.gallery-ig-link{\n  text-align:center;margin-top:24px;\n}\n.gallery-ig-link a{\n  display:inline-flex;align-items:center;gap:8px;\n  color:rgba(255,255,255,.65);font-size:14px;font-weight:500;\n  transition:color .2s;\n}\n.gallery-ig-link a:hover{color:var(--white)}\n\n\/* \u2500\u2500\u2500 FAQ \u2500\u2500\u2500 *\/\n.faq-section{background:var(--cream-2)}\n.faq-grid{\n  display:grid;grid-template-columns:1fr 1fr;\n  gap:40px;margin-top:48px;align-items:start;\n}\n.faq-left h2.section-title{font-size:44px}\n.faq-left .faq-note{\n  margin-top:28px;\n  background:#FDECD8;border-radius:16px;\n  padding:20px;\n}\n.faq-note p{font-size:14px;color:var(--terra);line-height:1.6}\n.faq-note strong{font-weight:600}\n.faq-list{display:flex;flex-direction:column;gap:8px}\n.fi{\n  background:var(--white);border-radius:var(--r);\n  box-shadow:var(--sh);overflow:hidden;\n  border:1px solid transparent;\n  transition:border-color .2s,box-shadow .2s;\n}\n.fi.open{border-color:var(--terra-light);box-shadow:0 4px 20px rgba(28,133,68,.10)}\n.fq{\n  display:flex;align-items:center;justify-content:space-between;gap:12px;\n  padding:18px 20px;cursor:pointer;\n  font-size:15px;font-weight:600;color:var(--dark);\n  transition:color .2s;user-select:none;\n}\n.fi.open .fq{color:var(--terra)}\n.fq .arr{\n  width:28px;height:28px;border-radius:50%;\n  background:var(--cream-2);\n  display:flex;align-items:center;justify-content:center;\n  font-size:13px;transition:transform .25s,background .2s;\n  flex-shrink:0;color:var(--terra);font-weight:700;\n}\n.fi.open .fq .arr{transform:rotate(45deg);background:var(--terra-light)}\n.fa{\n  max-height:0;overflow:hidden;\n  transition:max-height .3s var(--ease),padding .3s;\n  padding:0 20px;\n}\n.fi.open .fa{max-height:300px;padding:0 20px 18px}\n.fa p{font-size:14px;color:var(--mid);line-height:1.7}\n.fa a{color:var(--terra);font-weight:500;text-decoration:none;border-bottom:1px solid rgba(172,72,19,.3);padding-bottom:1px}\n\n\/* \u2500\u2500\u2500 Reviews \u2500\u2500\u2500 *\/\n.reviews-section{background:var(--cream);padding-bottom:60px}\n.rating-hero{\n  display:flex;align-items:center;gap:20px;\n  margin-bottom:40px;\n  padding:28px 32px;\n  background:var(--white);border-radius:var(--r);\n  box-shadow:var(--sh);border:1px solid var(--border);\n  width:fit-content;\n}\n.rating-num{\n  font-family:var(--f-display);font-size:64px;font-weight:700;\n  color:var(--terra);line-height:1;\n}\n.rating-detail{display:flex;flex-direction:column;gap:4px}\n.stars{font-size:22px;letter-spacing:2px;color:#F59E0B}\n.rating-detail p{font-size:13px;color:var(--mid)}\n.reviews-grid{\n  display:grid;grid-template-columns:repeat(3,1fr);\n  gap:20px;\n}\n.rv{\n  background:var(--white);border-radius:var(--r);\n  padding:24px;box-shadow:var(--sh);\n  border:1px solid var(--border);\n  display:flex;flex-direction:column;gap:16px;\n  transition:transform .2s,box-shadow .2s;\n}\n.rv:hover{transform:translateY(-4px);box-shadow:var(--sh-lg)}\n.rv-stars{font-size:15px;letter-spacing:1px;color:#F59E0B}\n.rv-text{font-size:14.5px;color:var(--dark);line-height:1.7;flex:1;font-style:italic}\n.rv-footer{display:flex;align-items:center;justify-content:space-between;padding-top:8px;border-top:1px solid var(--border)}\n.rv-person{display:flex;align-items:center;gap:10px}\n.rv-avatar{\n  width:36px;height:36px;border-radius:50%;\n  background:#FDECD8;color:var(--terra);\n  display:flex;align-items:center;justify-content:center;\n  font-size:14px;font-weight:700;flex-shrink:0;\n}\n.rv-name{font-size:14px;font-weight:600;color:var(--dark)}\n.rv-meta{font-size:12px;color:var(--mid)}\n.rv-source{\n  display:flex;align-items:center;gap:4px;\n  font-size:11px;font-weight:600;color:var(--mid);\n  background:#f5eddc;padding:4px 10px;border-radius:50px;\n}\n\n\/* \u2500\u2500\u2500 SG Visitor Card \u2500\u2500\u2500 *\/\n.sg-section{padding:0 24px 72px}\n.sg-card{\n  max-width:1160px;margin:0 auto;\n  background:linear-gradient(135deg,var(--dark-2) 0%,#3D2E22 100%);\n  border-radius:24px;padding:48px 56px;\n  display:grid;grid-template-columns:1fr auto;\n  gap:40px;align-items:center;\n  position:relative;overflow:hidden;\n}\n.sg-card::before{\n  content:'';position:absolute;\n  right:-80px;top:-80px;\n  width:320px;height:320px;border-radius:50%;\n  background:rgba(28,133,68,.12);pointer-events:none;\n}\n.sg-flags{font-size:24px;margin-bottom:16px;display:flex;gap:6px;align-items:center}\n.sg-card h2{\n  font-family:var(--f-display);font-size:32px;font-weight:700;\n  color:var(--white);line-height:1.15;margin-bottom:12px;\n}\n.sg-card p{font-size:15px;color:rgba(255,255,255,.65);line-height:1.7;max-width:480px}\n.btn-sg{\n  background:var(--terra);color:var(--white);\n  padding:14px 28px;border-radius:50px;\n  font-size:14.5px;font-weight:600;white-space:nowrap;\n  box-shadow:var(--sh-terra);flex-shrink:0;\n  display:inline-flex;align-items:center;gap:8px;\n  transition:background .2s,transform .2s;\n}\n.btn-sg:hover{background:var(--terra-2);transform:translateY(-2px)}\n\n\/* \u2500\u2500\u2500 Book Panel \u2500\u2500\u2500 *\/\n.book-section{padding:72px 24px;background:var(--cream-2)}\n.book-grid{\n  max-width:1160px;margin:0 auto;\n  display:grid;grid-template-columns:1fr 1fr;\n  gap:48px;align-items:start;\n}\n.book-left h2{\n  font-family:var(--f-display);font-size:clamp(28px,3.5vw,40px);\n  font-weight:700;color:var(--dark);line-height:1.15;margin-bottom:12px;\n}\n.book-left>p{font-size:15px;color:var(--mid);line-height:1.7;margin-bottom:32px}\n.contact-list{display:flex;flex-direction:column;gap:12px}\n.contact-item{\n  display:flex;align-items:center;gap:16px;\n  background:var(--white);border-radius:var(--r);\n  padding:16px 20px;box-shadow:var(--sh);border:1px solid var(--border);\n  transition:border-color .2s,box-shadow .2s;\n}\n.contact-item:hover{border-color:var(--terra-light);box-shadow:0 4px 16px rgba(28,133,68,.08)}\n.ci-icon{\n  width:44px;height:44px;border-radius:12px;\n  background:var(--cream-2);\n  display:flex;align-items:center;justify-content:center;\n  font-size:20px;flex-shrink:0;\n}\n.ci-body{flex:1}\n.ci-title{font-size:14px;font-weight:600;color:var(--dark);margin-bottom:2px}\n.ci-sub{font-size:13px;color:var(--mid)}\n.ci-cta{\n  padding:9px 18px;border-radius:50px;\n  font-size:13px;font-weight:600;\n  transition:transform .15s,box-shadow .15s;\n  white-space:nowrap;\n}\n.ci-cta:hover{transform:scale(1.04)}\n.ci-cta.green{background:var(--green);color:var(--white)}\n.ci-cta.green:hover{background:var(--green-dk)}\n.ci-cta.terra{background:var(--terra);color:var(--white)}\n.ci-cta.terra:hover{background:var(--terra-2)}\n.ci-cta.outline{background:var(--terra);color:var(--white)}\n.ci-cta.outline:hover{background:var(--terra-2)}\n\n.book-panel{\n  background:var(--white);border-radius:var(--r);\n  padding:32px;box-shadow:var(--sh-lg);border:1px solid var(--border);\n}\n.book-panel h3{\n  font-family:var(--f-display);font-size:22px;font-weight:700;\n  color:var(--dark);margin-bottom:6px;\n}\n.book-panel>p{font-size:14px;color:var(--mid);margin-bottom:24px;line-height:1.6}\n.calendly-placeholder{\n  background:var(--cream-2);border-radius:var(--r-sm);\n  padding:40px 24px;text-align:center;\n  border:2px dashed var(--border);\n}\n.calendly-placeholder p{font-size:14px;color:var(--mid);margin-bottom:20px}\n.book-divider{\n  display:flex;align-items:center;gap:12px;\n  margin:20px 0;\n  font-size:12px;color:var(--mid);font-weight:500;text-transform:uppercase;letter-spacing:.08em;\n}\n.book-divider::before,.book-divider::after{\n  content:'';flex:1;height:1px;background:var(--border);\n}\n.btn-wa-full{\n  display:flex;align-items:center;justify-content:center;gap:10px;\n  background:var(--green);color:var(--white);\n  width:100%;padding:14px;border-radius:50px;\n  font-size:15px;font-weight:600;\n  transition:background .2s,transform .15s;\n}\n.btn-wa-full:hover{background:var(--green-dk);transform:translateY(-2px)}\n\n\/* \u2500\u2500\u2500 Not Ready \u2500\u2500\u2500 *\/\n.not-ready{\n  background:linear-gradient(135deg,#2ECC71,var(--terra));\n  padding:56px 24px;text-align:center;\n}\n.not-ready h2{\n  font-family:var(--f-display);font-size:36px;font-weight:700;\n  color:var(--white);margin-bottom:12px;\n}\n.not-ready p{font-size:16px;color:rgba(255,255,255,.8);max-width:480px;margin:0 auto 28px;line-height:1.7}\n.btn-nr{\n  display:inline-flex;align-items:center;gap:10px;\n  background:var(--white);color:var(--terra);\n  padding:14px 28px;border-radius:50px;\n  font-size:15px;font-weight:600;\n  box-shadow:0 4px 20px rgba(0,0,0,.15);\n  transition:transform .2s,box-shadow .2s;\n}\n.btn-nr:hover{transform:translateY(-3px);box-shadow:0 8px 32px rgba(0,0,0,.2)}\n\n\/* ============================================================\n   FOOTER STYLES\n============================================================ *\/\nfooter {\n  background: #1e2511 !important;\n  padding-block: 44px !important;\n  border-top: 1px solid rgba(255,255,255,0.05);\n}\nfooter .container {\n  width: min(1180px,100%);\n  margin-inline: auto;\n  padding-inline: clamp(18px,5vw,52px);\n}\n.footer-row { display: flex; flex-wrap: wrap; gap: 24px; align-items: center; justify-content: space-between; }\n.footer-brand strong { font-family: 'Playfair Display', serif; color: #fff; font-size: 1.1rem; }\n.footer-brand span { display: block; font-size: 0.76rem; color: rgba(255,255,255,0.35); margin-top: 3px; }\n.footer-nav { display: flex; flex-wrap: wrap; gap: 6px 18px; }\n.footer-nav a { font-family: 'Inter', sans-serif; font-size: 0.83rem; font-weight: 500; color: rgba(255,255,255,0.5); transition: color 0.28s cubic-bezier(0.4,0,0.2,1); text-decoration: none !important; }\n.footer-nav a:hover { color: rgba(255,255,255,0.9); }\n.footer-credit { font-family: 'Inter', sans-serif; font-size: 0.76rem; color: rgba(255,255,255,0.25); }\n\n\/* Old sticky-bar styles removed *\/\n\n\/* \u2500\u2500\u2500 Scroll Reveal \u2500\u2500\u2500 *\/\n.reveal{opacity:0;transform:translateY(24px);transition:opacity .55s var(--ease),transform .55s var(--ease)}\n.reveal.visible{opacity:1;transform:none}\n.rv.reveal{opacity:0.4}\n.rv.reveal.visible{opacity:1}\n\n\/* \u2500\u2500\u2500 Responsive \u2500\u2500\u2500 *\/\n@media(max-width:1024px){\n  .workshops-grid{grid-template-columns:repeat(2,1fr)}\n  .htb-grid{grid-template-columns:repeat(3,1fr)}\n  .faq-grid{grid-template-columns:1fr}\n  .reviews-grid{grid-template-columns:repeat(2,1fr)}\n  .footer-inner{grid-template-columns:1fr 1fr}\n  .gallery-grid{grid-template-columns:repeat(3,1fr)}\n  .gallery-grid .gi:first-child{grid-column:span 1;grid-row:span 1}\n  .gallery-grid .gi:first-child img{height:180px}\n}\n@media(max-width:768px){\n  #header .nav-links, #header .nav-actions {display:none !important}\n  #header .ham {display:flex !important}\n  .hero{grid-template-columns:1fr;padding:40px 20px 48px;gap:32px}\n  .hero-imgs{grid-template-columns:1fr 1fr}\n  .hero-imgs img:first-child{height:180px}\n  .hero-imgs img:not(:first-child){height:130px}\n  .trust-bar-inner{gap:0}\n  .tb-item{padding:6px 14px;font-size:12.5px}\n  .workshops-grid{grid-template-columns:1fr}\n  .htb-grid{grid-template-columns:1fr}\n  .faq-grid{grid-template-columns:1fr}\n  .reviews-grid{grid-template-columns:1fr}\n  .book-grid{grid-template-columns:1fr}\n  .sg-card{grid-template-columns:1fr;padding:36px 28px}\n  .sg-card::before{display:none}\n  .footer-inner{grid-template-columns:1fr}\n  .gallery-grid{grid-template-columns:repeat(2,1fr)}\n  .gallery-grid .gi:first-child{grid-column:span 2}\n  .gallery-grid .gi:first-child img{height:200px}\n  .gallery-grid .gi img{height:150px}\n}\n\n\/* --- Additional conversion improvement styles --- *\/\n.btn-wa-secondary {\n  display:inline-flex;align-items:center;gap:8px;\n  background:transparent;\n  color:var(--green) !important;\n  border:2px solid var(--green);\n  padding:14px 28px;border-radius:50px;\n  font-size:15px;font-weight:600;\n  transition:background .2s,transform .2s,color .2s,box-shadow .2s;\n}\n.btn-wa-secondary:hover {\n  background:var(--green);\n  color:var(--white) !important;\n  transform:translateY(-2px);\n  box-shadow:var(--sh-lg);\n}\n.booking-tabs {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 8px;\n  margin-bottom: 20px;\n}\n.booking-tabs-row {\n  display: flex;\n  justify-content: center;\n  flex-wrap: wrap;\n  gap: 8px;\n  width: 100%;\n}\n.tab-btn .new-badge {\n  display: inline-block;\n  background: var(--terra);\n  color: var(--white) !important;\n  font-size: 9px;\n  font-weight: 700;\n  padding: 1px 5px;\n  border-radius: 4px;\n  margin-left: 6px;\n  text-transform: uppercase;\n  vertical-align: middle;\n  line-height: 1.2;\n}\n.tab-btn.active .new-badge {\n  background: var(--white);\n  color: var(--terra) !important;\n}\n@media (max-width: 768px) {\n  .booking-tabs-row {\n    display: contents; \/* Participate directly in grid *\/\n  }\n  .booking-tabs {\n    display: grid !important;\n    grid-template-columns: repeat(2, 1fr) !important;\n    gap: 8px !important;\n    margin-bottom: 20px !important;\n  }\n  .booking-tabs .tab-btn {\n    width: 100% !important;\n    min-height: 44px !important;\n    display: inline-flex !important;\n    align-items: center !important;\n    justify-content: center !important;\n    font-size: 13px !important;\n    box-sizing: border-box !important;\n    padding: 8px 10px !important;\n    margin: 0 !important;\n  }\n  .booking-tabs .tab-btn[data-tab=\"decide-in-studio\"] {\n    grid-column: span 2 !important;\n  }\n}\n.booking-tabs .tab-btn {\n  font-size: 13px !important;\n  font-weight: 600 !important;\n  padding: 8px 16px !important;\n  border-radius: 50px !important;\n  border: 1px solid var(--border) !important;\n  background: var(--cream-2) !important;\n  color: var(--dark) !important;\n  text-transform: none !important; \/* Prevent all caps *\/\n  transition: background .2s, color .2s, border-color .2s !important;\n  cursor: pointer !important;\n}\n.booking-tabs .tab-btn:hover {\n  background: var(--cream-3) !important;\n  border-color: var(--mid) !important;\n  color: var(--dark) !important;\n}\n.booking-tabs .tab-btn.active {\n  background: var(--terra) !important;\n  color: var(--white) !important;\n  border-color: var(--terra) !important;\n}\n.booking-tabs .tab-btn.btn-mini-pottery {\n  background: var(--terra-light) !important;\n  color: var(--terra-2) !important;\n  border-color: var(--terra) !important;\n}\n.booking-tabs .tab-btn.btn-mini-pottery.active {\n  background: var(--terra) !important;\n  color: var(--white) !important;\n  border-color: var(--terra) !important;\n}\n.booking-confirmation-line {\n  background: var(--terra-light);\n  color: var(--terra);\n  padding: 10px 14px;\n  border-radius: var(--r-sm);\n  font-size: 13.5px;\n  font-weight: 600;\n  margin-bottom: 20px;\n  text-align: center;\n}\n.reassurance-line {\n  font-size: 13px;\n  font-style: italic;\n  color: var(--terra);\n  margin-top: 4px;\n  margin-bottom: 20px;\n  text-align: center;\n}\n.enquiry-form {\n  display: flex;\n  flex-direction: column;\n  gap: 14px;\n}\n.form-group {\n  display: flex;\n  flex-direction: column;\n  gap: 6px;\n}\n.form-group label {\n  font-size: 13px;\n  font-weight: 600;\n  color: var(--dark);\n  text-align: left;\n}\n.form-group input,\n.form-group select,\n.form-group textarea {\n  font-family: inherit;\n  font-size: 14px;\n  padding: 10px 14px;\n  border-radius: var(--r-sm);\n  border: 1px solid var(--border);\n  background: var(--white);\n  color: var(--dark);\n  transition: border-color .2s;\n}\n.form-group input:focus,\n.form-group select:focus,\n.form-group textarea:focus {\n  outline: none;\n  border-color: var(--terra);\n}\n#artroots-floating-wa {\n  position: fixed;\n  bottom: 30px;\n  right: 30px;\n  width: 60px;\n  height: 60px;\n  background-color: var(--green);\n  color: var(--white) !important;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  box-shadow: 0 4px 16px rgba(34, 197, 94, 0.4);\n  z-index: 999;\n  transition: transform 0.3s, background-color 0.3s;\n}\n#artroots-floating-wa:hover {\n  transform: scale(1.1);\n  background-color: var(--green-dk);\n}\n#artroots-floating-wa svg {\n  width: 32px;\n  height: 32px;\n}\n#mobile-booking-redirect-container {\n  display: none;\n}\n@media(max-width: 768px) {\n  #artroots-floating-wa {\n    display: none !important;\n  }\n  #calendly-embed-container {\n    display: block !important;\n  }\n  #mobile-booking-redirect-container {\n    display: none !important;\n  }\n}\n\n\/* --- CRO polish additions --- *\/\n.hero-reassure{\n  display:flex;flex-wrap:wrap;gap:8px 18px;align-items:center;\n  font-size:13px;color:var(--mid);font-weight:500;\n}\n.hero-reassure span{display:inline-flex;align-items:center;gap:6px}\n.hero-reassure .ck{color:var(--green);font-weight:800}\n.wc-popular{\n  position:absolute;top:12px;right:12px;\n  background:var(--terra);color:var(--white);\n  font-size:11px;font-weight:700;letter-spacing:.03em;\n  padding:4px 11px;border-radius:50px;\n  box-shadow:var(--sh-terra);\n  display:flex;align-items:center;gap:5px;z-index:2;\n}\n.book-socialproof{display:flex;align-items:center;gap:10px;margin-bottom:14px}\n.book-socialproof .bsp-stars{color:#F59E0B;font-size:15px;letter-spacing:1px}\n.book-socialproof .bsp-text{font-size:13px;color:var(--mid);font-weight:500}\n.book-socialproof .bsp-text b{color:var(--dark);font-weight:700}\n.book-trust{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:18px}\n.book-trust .bt{\n  display:flex;align-items:center;justify-content:center;gap:6px;\n  background:var(--cream-2);border:1px solid var(--border);\n  border-radius:50px;padding:6px 12px;\n  font-size:12px;font-weight:600;color:var(--dark);\n}\n.book-trust .bt .ck{color:var(--green);font-weight:800}\n.wc-priceblock{display:flex;flex-direction:column;gap:2px}\n.wc-from{font-size:10.5px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--mid);line-height:1}\n\n\/* --- Courses \/ ongoing classes --- *\/\n.courses-banner{\n  display:inline-flex;align-items:center;gap:8px;\n  background:var(--terra);color:var(--white);\n  font-size:13.5px;font-weight:600;\n  padding:8px 16px;border-radius:50px;\n  box-shadow:var(--sh-terra);margin-top:18px;\n}\n.courses-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:36px}\n.course-card{\n  background:var(--white);border-radius:var(--r);padding:26px;\n  box-shadow:var(--sh);border:1px solid var(--border);\n  display:flex;flex-direction:column;\n  transition:transform .25s var(--ease-spring),box-shadow .25s;\n}\n.course-card:hover{transform:translateY(-6px);box-shadow:var(--sh-lg)}\n.cc-cat{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--terra);margin-bottom:8px}\n.cc-title{font-family:var(--f-display);font-size:21px;font-weight:700;color:var(--dark);line-height:1.2;margin-bottom:4px}\n.cc-age{font-size:13px;color:var(--mid);font-weight:500;margin-bottom:14px}\n.cc-list{list-style:none;display:flex;flex-direction:column;gap:7px;margin:0 0 18px;flex:1}\n.cc-list li{font-size:13.5px;color:var(--dark);line-height:1.5;display:flex;gap:8px;align-items:flex-start}\n.cc-list li::before{content:'\\2713';color:var(--green);font-weight:800;flex-shrink:0}\n.cc-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:auto;padding-top:16px;border-top:1px solid var(--border)}\n.cc-price{display:flex;flex-direction:column;line-height:1.15}\n.cc-price .amt{font-family:var(--f-display);font-size:26px;font-weight:700;color:var(--terra)}\n.cc-price .suf{font-size:11.5px;color:var(--mid);font-weight:500}\n@media(max-width:1024px){.courses-grid{grid-template-columns:repeat(2,1fr)}}\n@media(max-width:768px){.courses-grid{grid-template-columns:1fr}}\n\n#artroots-sticky{\n  display:none;\n  position:fixed;bottom:0;left:0;right:0;z-index:9999;\n  background:#fff;border-top:1px solid #ede0c8;\n  padding:12px 16px 24px;\n  box-shadow:0 -4px 24px rgba(26,22,18,.12);\n}\n#artroots-sticky .sb-inner{display:flex;gap:10px}\n#artroots-sticky .sb-book{\n  flex:1;display:block;text-align:center;\n  background:var(--terra);\n  color:#fff;padding:13px 16px;border-radius:50px;\n  font-size:14.5px;font-weight:600;font-family:inherit;\n  box-shadow:0 4px 20px rgba(28,133,68,.25);\n  text-decoration:none;\n  transition:background .2s;\n}\n#artroots-sticky .sb-book:hover{\n  background:var(--terra-2);\n}\n#artroots-sticky .sb-wa{\n  width:50px;height:50px;flex-shrink:0;\n  background:var(--green);color:#fff;border-radius:50%;\n  display:flex;align-items:center;justify-content:center;\n  font-size:22px;text-decoration:none;\n  box-shadow:0 4px 12px rgba(34,197,94,.3);\n  transition:background .2s;\n}\n#artroots-sticky .sb-wa:hover{\n  background:var(--green-dk);\n}\n@media(max-width:768px){\n  #artroots-sticky{display:block}\n  body{padding-bottom:100px!important}\n  \n  \/* Prevent horizontal overflow on mobile grid and elements *\/\n  .book-grid {\n    grid-template-columns: minmax(0, 1fr) !important;\n    width: 100% !important;\n    max-width: 100% !important;\n    gap: 28px !important;\n  }\n  .book-left, .book-panel {\n    min-width: 0 !important;\n    width: 100% !important;\n    max-width: 100% !important;\n    box-sizing: border-box !important;\n  }\n  .book-panel {\n    padding: 20px !important;\n  }\n  .contact-list {\n    width: 100% !important;\n    max-width: 100% !important;\n    box-sizing: border-box !important;\n  }\n  \n  \/* Make contact list items stack vertically on mobile to prevent overflow *\/\n  .contact-item {\n    flex-direction: column !important;\n    align-items: center !important;\n    text-align: center !important;\n    gap: 12px !important;\n    padding: 20px !important;\n    width: 100% !important;\n    max-width: 100% !important;\n    box-sizing: border-box !important;\n  }\n  .contact-item .ci-body {\n    width: 100% !important;\n    box-sizing: border-box !important;\n  }\n  .contact-item .ci-cta {\n    width: 100% !important;\n    text-align: center !important;\n    justify-content: center !important;\n    box-sizing: border-box !important;\n  }\n  .book-trust {\n    grid-template-columns: 1fr !important;\n    gap: 8px !important;\n  }\n}\n\n\/* Hide WordPress theme page header\/title *\/\n.page-header {\n  display: none !important;\n}\n\n\/* WordPress theme overrides & customizations *\/\n\/* Specificity overrides for theme link styles *\/\n.elementor-widget-html a.btn-primary,\n.elementor-widget-html a.btn-secondary,\n.elementor-widget-html a.btn-sg,\n.elementor-widget-html a.wc-btn,\n.elementor-widget-html a.sb-book {\n  color: var(--white) !important;\n}\n.elementor-widget-html a.btn-nr {\n  color: var(--terra) !important;\n}\n\n\/* Hide WordPress theme page header\/title *\/\n.page-header {\n  display: none !important;\n}\n\n\/* Override theme buttons font-family, letter-spacing, and casing *\/\n.booking-tabs .tab-btn {\n  font-family: 'Montserrat', sans-serif !important;\n  font-size: 13px !important;\n  font-weight: 600 !important;\n  letter-spacing: normal !important;\n  text-transform: none !important;\n  padding: 8px 16px !important;\n  border-radius: 50px !important;\n  border: 1px solid var(--border) !important;\n  background: var(--cream-2) !important;\n  color: var(--dark) !important;\n  transition: background .2s, color .2s, border-color .2s !important;\n  cursor: pointer !important;\n}\n.booking-tabs .tab-btn:hover {\n  background: var(--cream-3) !important;\n  border-color: var(--mid) !important;\n  color: var(--dark) !important;\n}\n.booking-tabs .tab-btn.active {\n  background: var(--terra) !important;\n  color: var(--white) !important;\n  border-color: var(--terra) !important;\n}\n.booking-tabs .tab-btn.btn-mini-pottery {\n  background: var(--terra-light) !important;\n  color: var(--terra-2) !important;\n  border-color: var(--terra) !important;\n}\n.booking-tabs .tab-btn.btn-mini-pottery.active {\n  background: var(--terra) !important;\n  color: var(--white) !important;\n  border-color: var(--terra) !important;\n}\n\n\/* Prevent Calendly iframe from collapsing to 150px *\/\n#calendly-embed-container iframe {\n  height: 100% !important;\n  min-height: 700px !important;\n}\n\n\/* \u2500\u2500\u2500 Ceramic Painting Styles \u2500\u2500\u2500 *\/\n.ceramic-strip {\n  background: var(--terra-light);\n  border: 1px solid rgba(35, 164, 85, 0.15);\n  border-radius: var(--r);\n  padding: 20px 24px;\n  max-width: 1160px;\n  margin: 32px auto;\n  box-shadow: 0 4px 12px rgba(35, 164, 85, 0.04);\n}\n.ceramic-strip-content {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 24px;\n}\n.ceramic-strip-left {\n  flex: 1;\n}\n.ceramic-strip-badge {\n  display: inline-block;\n  background: var(--terra);\n  color: var(--white);\n  font-size: 11px;\n  font-weight: 700;\n  padding: 4px 8px;\n  border-radius: 4px;\n  letter-spacing: 0.05em;\n  margin-bottom: 8px;\n  text-transform: uppercase;\n}\n.ceramic-strip-title {\n  font-family: var(--f-display);\n  font-size: 20px;\n  font-weight: 700;\n  color: var(--dark);\n  margin-bottom: 6px;\n}\n.ceramic-strip-desc {\n  font-size: 14px;\n  color: var(--dark-2);\n  margin-bottom: 8px;\n  line-height: 1.5;\n}\n.ceramic-strip-meta {\n  font-size: 12px;\n  font-weight: 600;\n  color: var(--mid);\n}\n.btn-book-ceramic {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  background: var(--terra) !important;\n  color: var(--white) !important;\n  font-size: 14px;\n  font-weight: 700;\n  padding: 12px 24px;\n  border-radius: 50px;\n  white-space: nowrap;\n  transition: all 0.25s var(--ease);\n  box-shadow: 0 4px 12px rgba(35, 164, 85, 0.2);\n}\n.btn-book-ceramic:hover {\n  background: var(--terra-2) !important;\n  transform: translateY(-1px);\n  box-shadow: 0 6px 16px rgba(35, 164, 85, 0.3);\n}\n.ceramic-pricing-grid {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 24px;\n  margin-bottom: 20px;\n}\n@media (max-width: 767px) {\n  .ceramic-strip {\n    margin: 24px 16px;\n    padding: 18px;\n  }\n  .ceramic-strip-content {\n    flex-direction: column;\n    align-items: stretch;\n    gap: 16px;\n  }\n  .btn-book-ceramic {\n    width: 100%;\n  }\n  .ceramic-pricing-grid {\n    grid-template-columns: 1fr;\n    gap: 20px;\n  }\n}\n<\/style>\n\n<!-- ============================================================\n     STICKY HEADER\n============================================================ -->\n<header id=\"header\">\n  <div class=\"container\">\n    <nav class=\"nav-wrap\" role=\"navigation\" aria-label=\"Main navigation\">\n\n      <a href=\"https:\/\/artroots.studio\/\" class=\"logo\" aria-label=\"ArtRoots Studio home\">\n        <img decoding=\"async\" src=\"https:\/\/artroots.studio\/wp-content\/uploads\/2026\/06\/logo-black.png\" alt=\"ArtRoots Studio\" class=\"logo-img\">\n      <\/a>\n\n      <ul class=\"nav-links\" role=\"list\">\n        <li><a href=\"https:\/\/artroots.studio\/#workshops\">Workshops<\/a><\/li>\n        <li><a href=\"https:\/\/artroots.studio\/#birthday\">Birthday<\/a><\/li>\n        <li><a href=\"https:\/\/artroots.studio\/#groups\">Groups<\/a><\/li>\n        <li><a href=\"https:\/\/artroots.studio\/#gallery\">Gallery<\/a><\/li>\n        <li><a href=\"https:\/\/artroots.studio\/#location\">Location<\/a><\/li>\n      <\/ul>\n\n      <div class=\"nav-actions\">\n        <a href=\"https:\/\/wa.me\/601154248179\" class=\"btn-primary\" id=\"nav-book\" target=\"_blank\" rel=\"noopener\">Book Now \u2192<\/a>\n      <\/div>\n\n      <button class=\"ham\" id=\"ham-btn\" aria-label=\"Toggle menu\" aria-expanded=\"false\" aria-controls=\"mobile-drawer\">\n        <span><\/span><span><\/span><span><\/span>\n      <\/button>\n    <\/nav>\n  <\/div>\n<\/header>\n\n<!-- Mobile Drawer -->\n<nav class=\"mobile-drawer\" id=\"mobile-drawer\" aria-label=\"Mobile navigation\">\n  <a href=\"https:\/\/artroots.studio\/#workshops\" class=\"mob-link\"><img decoding=\"async\" draggable=\"false\" role=\"img\" class=\"emoji\" alt=\"\ud83c\udfa8\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/17.0.2\/svg\/1f3a8.svg\"> Workshops<\/a>\n  <a href=\"https:\/\/artroots.studio\/#birthday\" class=\"mob-link\"><img decoding=\"async\" draggable=\"false\" role=\"img\" class=\"emoji\" alt=\"\ud83c\udf82\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/17.0.2\/svg\/1f382.svg\"> Birthday Parties<\/a>\n  <a href=\"https:\/\/artroots.studio\/#groups\" class=\"mob-link\"><img decoding=\"async\" draggable=\"false\" role=\"img\" class=\"emoji\" alt=\"\ud83d\udc65\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/17.0.2\/svg\/1f465.svg\"> Groups &amp; Corporate<\/a>\n  <a href=\"https:\/\/artroots.studio\/#gallery\" class=\"mob-link\"><img decoding=\"async\" draggable=\"false\" role=\"img\" class=\"emoji\" alt=\"\ud83d\uddbc\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/17.0.2\/svg\/1f5bc.svg\"> Gallery<\/a>\n  <a href=\"https:\/\/artroots.studio\/#location\" class=\"mob-link\"><img decoding=\"async\" draggable=\"false\" role=\"img\" class=\"emoji\" alt=\"\ud83d\udccd\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/17.0.2\/svg\/1f4cd.svg\"> Location &amp; Hours<\/a>\n  <div class=\"drawer-divider\"><\/div>\n  <a href=\"https:\/\/wa.me\/601154248179\" class=\"btn-primary btn-lg\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" draggable=\"false\" role=\"img\" class=\"emoji\" alt=\"\ud83d\udcc5\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/17.0.2\/svg\/1f4c5.svg\"> Book a Workshop<\/a>\n  <a href=\"https:\/\/wa.me\/601154248179\" class=\"btn-wa btn-lg\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" draggable=\"false\" role=\"img\" class=\"emoji\" alt=\"\ud83d\udcac\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/17.0.2\/svg\/1f4ac.svg\"> WhatsApp Us<\/a>\n<\/nav>\n\n<!-- Hero -->\n<section style=\"background:var(--cream)\">\n  <div class=\"hero\">\n    <div class=\"hero-content\">\n      <div class=\"hero-label\"><img decoding=\"async\" draggable=\"false\" role=\"img\" class=\"emoji\" alt=\"\ud83c\udf89\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/17.0.2\/svg\/1f389.svg\"> ArtRoots Studio Turns 1<\/div>\n      <h1 class=\"premium-hero-title\">Celebrate with<br><em>Mini Pottery in <span style=\"font-style: normal !important; display: inline-block;\">JB<\/span><\/em><\/h1>\n      <p class=\"premium-hero-sub\">We\u2019re celebrating one creative year at ArtRoots Studio with a special Mini Pottery Workshop. Shape, decorate and take home your own mini piece \u2014 beginner-friendly, cosy and perfect for friends, couples, families and first-timers.<\/p>\n      <style>\n        \/* Premium Editorial Typography & Accent Style overrides *\/\n        .premium-hero-title {\n          font-family: 'Playfair Display', Georgia, serif !important;\n          font-size: 80px !important;\n          line-height: 1.15 !important;\n          font-weight: 800 !important;\n          color: #3d4a25 !important;\n          margin: 0 0 24px 0 !important;\n          letter-spacing: -0.015em !important;\n        }\n        .premium-hero-title em {\n          font-family: 'Playfair Display', Georgia, serif !important;\n          font-style: italic !important;\n          font-weight: 700 !important;\n          color: #84906c !important; \/* logo green - soft clay terracotta *\/\n        }\n        .premium-hero-sub {\n          font-family: 'Inter', sans-serif !important;\n          font-size: 18px !important;\n          color: var(--mid) !important;\n          line-height: 1.7 !important;\n          max-width: 520px !important;\n          margin-bottom: 36px !important;\n        }\n        .hero-badges .badge-mini-pottery {\n          background: #ffffff !important;\n          color: #3d4a25 !important;\n          border-color: #d2ded4 !important;\n        }\n        .hero-badges .badge-pottery {\n          background: #e8ede9 !important;\n          color: #5a785e !important;\n          border-color: #d2ded4 !important;\n        }\n        @media (max-width: 991px) {\n          .premium-hero-title { font-size: 56px !important; }\n        }\n        @media (max-width: 767px) {\n          .premium-hero-title { font-size: 42px !important; line-height: 1.18 !important; }\n          .premium-hero-sub { font-size: 16px !important; line-height: 1.6 !important; margin-bottom: 28px !important; }\n          .badge-mini-pottery .desktop-text { display: none !important; }\n          .badge-mini-pottery .mobile-text { display: inline !important; }\n          .badge-pottery .desktop-text { display: none !important; }\n          .badge-pottery .mobile-text { display: inline !important; }\n          .badge-beginner { display: none !important; }\n        }\n        @media (min-width: 768px) {\n          .badge-mini-pottery .mobile-text { display: none !important; }\n          .badge-pottery .mobile-text { display: none !important; }\n        }\n        \/* Premium Card style for hero images *\/\n        .hero-imgs img {\n          border-radius: 20px !important;\n          box-shadow: 0 10px 30px rgba(26,22,18,0.06) !important;\n          transition: all 0.3s ease;\n        }\n        .hero-imgs img:hover {\n          transform: scale(1.02) translateY(-2px);\n          box-shadow: 0 15px 40px rgba(26,22,18,0.1) !important;\n        }\n        \/* Premium Button Typography & Accents *\/\n        .premium-btn-primary {\n          display: inline-flex;\n          align-items: center;\n          gap: 8px;\n          background: #23a455 !important;\n          color: var(--white) !important;\n          padding: 16px 32px;\n          border-radius: 50px;\n          font-family: 'Inter', sans-serif;\n          font-size: 16px;\n          font-weight: 700;\n          text-decoration: none;\n          box-shadow: 0 4px 20px rgba(35, 164, 85, 0.25);\n          transition: all 0.25s ease;\n          border: none;\n          cursor: pointer;\n        }\n        .premium-btn-primary:hover {\n          background: #1e8c47 !important;\n          transform: translateY(-2px);\n          box-shadow: 0 8px 28px rgba(35, 164, 85, 0.35);\n        }\n        .premium-btn-secondary {\n          display: inline-flex;\n          align-items: center;\n          gap: 8px;\n          background: var(--white) !important;\n          color: var(--dark) !important;\n          padding: 16px 32px;\n          border-radius: 50px;\n          font-family: 'Inter', sans-serif;\n          font-size: 16px;\n          font-weight: 600;\n          text-decoration: none;\n          border: 1.5px solid var(--border);\n          box-shadow: var(--sh);\n          transition: all 0.25s ease;\n          cursor: pointer;\n        }\n        .premium-btn-secondary:hover {\n          background: var(--cream-2) !important;\n          transform: translateY(-2px);\n          box-shadow: var(--sh-lg);\n        }\n        \/* Enlarge Eyebrow Highlight & Shimmer animation *\/\n        .hero-label {\n          display: inline-flex !important;\n          align-items: center !important;\n          gap: 6px !important;\n          background: #e8edda !important;\n          color: #3d4a25 !important;\n          border: 1px solid #e8d0c8 !important;\n          padding: 10px 24px !important;\n          border-radius: 50px !important;\n          font-size: 15px !important;\n          font-weight: 700 !important;\n          letter-spacing: 0.05em !important;\n          text-transform: uppercase !important;\n          box-shadow: 0 4px 15px rgba(184, 93, 67, 0.12) !important;\n          animation: badge-float 4s ease-in-out infinite !important;\n          position: relative !important;\n          overflow: hidden !important;\n          margin-bottom: 24px !important;\n        }\n        .hero-label::after {\n          content: '' !important;\n          position: absolute !important;\n          top: 0 !important;\n          left: -150% !important;\n          width: 50% !important;\n          height: 100% !important;\n          background: linear-gradient(\n            to right,\n            rgba(255, 255, 255, 0) 0%,\n            rgba(255, 255, 255, 0.5) 50%,\n            rgba(255, 255, 255, 0) 100%\n          ) !important;\n          transform: skewX(-25deg) !important;\n          animation: badge-shimmer 5s infinite ease-in-out !important;\n        }\n        @keyframes badge-shimmer {\n          0% { left: -150%; }\n          25% { left: 150%; }\n          100% { left: 150%; }\n        }\n        @keyframes badge-float {\n          0% { transform: translateY(0); }\n          50% { transform: translateY(-5px); }\n          100% { transform: translateY(0); }\n        }\n        @media (max-width: 767px) {\n          .hero-label {\n            font-size: 13px !important;\n            padding: 8px 18px !important;\n          }\n        }\n      <\/style>\n      <div class=\"hero-badges\">\n        <span class=\"badge badge-anniversary\"><span class=\"dot\" style=\"background:#5c6b3a\"><\/span><span class=\"desktop-text\"><img decoding=\"async\" draggable=\"false\" role=\"img\" class=\"emoji\" alt=\"\ud83c\udf89\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/17.0.2\/svg\/1f389.svg\"> 1 Year Special<\/span><span class=\"mobile-text\"><img decoding=\"async\" draggable=\"false\" role=\"img\" class=\"emoji\" alt=\"\ud83c\udf89\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/17.0.2\/svg\/1f389.svg\"> 1 Year Special<\/span><\/span>\n        <span class=\"badge badge-pottery\"><span class=\"dot\" style=\"background:#5a785e\"><\/span><span class=\"desktop-text\">Mini Pottery Launch<\/span><span class=\"mobile-text\">Mini Pottery<\/span><\/span>\n        <span class=\"badge badge-beginner\"><span class=\"dot\"><\/span>Beginner-Friendly<\/span>\n        <span class=\"badge\"><span class=\"dot\"><\/span>All Materials Included<\/span>\n      <\/div>\n      <div class=\"hero-ctas\" style=\"margin-bottom: 24px;\">\n        <a href=\"#book-mini-pottery\" class=\"premium-btn-primary\">Book Mini Pottery \u2192<\/a>\n        <a href=\"#workshops\" class=\"premium-btn-secondary\">View All Workshops<\/a>\n      <\/div>\n      <div style=\"margin-bottom: 32px;\">\n        <span style=\"font-size: 13px; color: var(--mid); font-weight: 500;\">Have a question first? <a href=\"https:\/\/wa.me\/601154248179\" target=\"_blank\" rel=\"noopener\" style=\"color: #5c6b3a; font-weight: 600; text-decoration: underline;\">WhatsApp us<\/a> \u2014 we reply during studio hours.<\/span>\n      <\/div>\n      <div class=\"hero-reassure\">\n        <span><span class=\"ck\">\u2713<\/span> No prepayment to reserve<\/span>\n        <span><span class=\"ck\">\u2713<\/span> Booking confirmation<\/span>\n        <span><span class=\"ck\">\u2713<\/span> All materials included<\/span>\n      <\/div>\n    <\/div>\n    <div class=\"hero-imgs\">\n      <img decoding=\"async\" src=\"https:\/\/artroots.studio\/wp-content\/uploads\/2026\/06\/mini_pottery_tiny_1782661409775.jpg\" alt=\"Female hand holding a tiny mini pottery piece at ArtRoots Studio\" loading=\"eager\">\n      <img decoding=\"async\" src=\"https:\/\/artroots.studio\/wp-content\/uploads\/2025\/08\/IMG_0152-scaled.jpeg\" alt=\"Happy students with finished artworks at Artroots Studio\" loading=\"eager\">\n      <img decoding=\"async\" src=\"https:\/\/artroots.studio\/wp-content\/uploads\/2025\/08\/DSC09130.jpg\" alt=\"Beautiful lavender acrylic painting in progress\" loading=\"eager\">\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- Ceramic Painting Announcement Strip -->\n<div class=\"ceramic-strip reveal\" style=\"transition-delay: 0ms;\">\n  <div class=\"ceramic-strip-content\">\n    <div class=\"ceramic-strip-left\">\n      <div class=\"ceramic-strip-badge\">NEW WORKSHOP<\/div>\n      <h3 class=\"ceramic-strip-title\">New Workshop: Paint Your Own Ceramic<\/h3>\n      <p class=\"ceramic-strip-desc\">Choose a ceramic tumbler or standard plate, paint your design, and we\u2019ll professionally glaze and bake it for you.<\/p>\n      <div class=\"ceramic-strip-meta\">From RM90\/pax \u00b7 Beginner-friendly \u00b7 Great for couples &amp; families<\/div>\n    <\/div>\n    <div class=\"ceramic-strip-right\">\n      <a href=\"#book-ceramic\" class=\"btn-book-ceramic ar-book-now\">Book Ceramic Painting<\/a>\n    <\/div>\n  <\/div>\n<\/div>\n\n<!-- Trust Bar -->\n<div class=\"trust-bar\">\n  <div class=\"trust-bar-inner\">\n    <div class=\"tb-item\">\n      <span class=\"tb-star\">\u2605<\/span>\n      <span><span class=\"ti-val\">5.0<\/span> Google<\/span>\n    <\/div>\n    <div class=\"tb-item\"><span class=\"ti-val\">200+<\/span> happy students<\/div>\n    <div class=\"tb-item\">From <span class=\"ti-val\" style=\"margin-left:6px\">RM10<\/span><\/div>\n    <div class=\"tb-item\"><span class=\"ti-val\">All<\/span> ages welcome<\/div>\n    <div class=\"tb-item\"><img decoding=\"async\" draggable=\"false\" role=\"img\" class=\"emoji\" alt=\"\ud83c\uddf8\ud83c\uddec\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/17.0.2\/svg\/1f1f8-1f1ec.svg\"> 45 min from Causeway<\/div>\n  <\/div>\n<\/div>\n\n<!-- Workshops -->\n<section class=\"section\" id=\"workshops\">\n  <div class=\"section-inner\">\n    <div class=\"reveal\" style=\"transition-delay: 60ms;\">\n      <span class=\"section-label\">What We Offer<\/span>\n      <h2 class=\"section-title\">Pick your workshop<\/h2>\n      <p class=\"section-sub\">All materials are provided. Most sessions take approximately 1.5 to 2 hours and are guided by our instructors. Duration may vary depending on the workshop selected.<\/p>\n    <\/div>\n    <div class=\"workshops-grid\">\n\n      <!-- Batik -->\n      <div class=\"wc reveal\" style=\"transition-delay: 120ms;\">\n        <div class=\"wc-img\">\n          <img decoding=\"async\" src=\"https:\/\/artroots.studio\/wp-content\/uploads\/2025\/08\/IMG_2440.jpeg\" alt=\"Batik Painting Workshop\">\n          <div class=\"wc-urgency\"><span class=\"dot\"><\/span>Check available dates<\/div>\n        <\/div>\n        <div class=\"wc-body\">\n          <div class=\"wc-cat\">Traditional<\/div>\n          <div class=\"wc-title\">Batik Painting<\/div>\n          <div class=\"wc-desc\">Traditional Malaysian batik on fabric \u2014 use wax resist and vibrant dyes to create a wearable piece of cultural art.<\/div>\n          <div class=\"wc-footer\">\n            <div class=\"wc-priceblock\">\n              <span class=\"wc-from\">Starting from<\/span>\n              <div class=\"wc-price\">\n                <span class=\"cur\">RM<\/span><span class=\"amt\">25<\/span><span class=\"suf\">\/pax<\/span>\n              <\/div>\n            <\/div>\n            <a href=\"#book\" class=\"wc-btn btn-book\" data-workshop=\"batik-painting\">Book this \u2192<\/a>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <!-- Play & Mould -->\n      <div class=\"wc reveal\" style=\"transition-delay: 180ms;\">\n        <div class=\"wc-img\">\n          <img decoding=\"async\" src=\"https:\/\/artroots.studio\/wp-content\/uploads\/2025\/08\/ART-ROOTS-STUDIO-5-10.png\" alt=\"Play &amp; Mould Workshop\">\n          <div class=\"wc-urgency\"><span class=\"dot\"><\/span>Walk-ins welcome<\/div>\n        <\/div>\n        <div class=\"wc-body\">\n          <div class=\"wc-cat\">Sculpting<\/div>\n          <div class=\"wc-title\">Play &amp; Mould<\/div>\n          <div class=\"wc-desc\">Mould, shape and paint air-dry clay into miniature sculptures. Perfect for children and families \u2014 no kiln needed.<\/div>\n          <div class=\"wc-footer\">\n            <div class=\"wc-priceblock\">\n              <span class=\"wc-from\">Starting from<\/span>\n              <div class=\"wc-price\">\n                <span class=\"cur\">RM<\/span><span class=\"amt\">10<\/span><span class=\"suf\">\/pax<\/span>\n              <\/div>\n            <\/div>\n            <a href=\"#book\" class=\"wc-btn btn-book\" data-workshop=\"clay-play\">Book this \u2192<\/a>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <!-- Texture Painting -->\n      <div class=\"wc reveal\" style=\"transition-delay: 0ms;\">\n        <div class=\"wc-img\">\n          <img decoding=\"async\" src=\"https:\/\/artroots.studio\/wp-content\/uploads\/2025\/08\/IMG_2647.jpeg\" alt=\"Texture Painting Workshop\">\n          <div class=\"wc-urgency\"><span class=\"dot\"><\/span>Check available dates<\/div>\n        <\/div>\n        <div class=\"wc-body\">\n          <div class=\"wc-cat\">Mixed Media<\/div>\n          <div class=\"wc-title\">Texture Painting<\/div>\n          <div class=\"wc-desc\">Layer texture paste, acrylic and mixed media to build a tactile, sculptural piece you'll be proud to hang at home.<\/div>\n          <div class=\"wc-footer\">\n            <div class=\"wc-priceblock\">\n              <span class=\"wc-from\">Starting from<\/span>\n              <div class=\"wc-price\">\n                <span class=\"cur\">RM<\/span><span class=\"amt\">45<\/span><span class=\"suf\">\/pax<\/span>\n              <\/div>\n            <\/div>\n            <a href=\"#book\" class=\"wc-btn btn-book\" data-workshop=\"texture-painting\">Book this \u2192<\/a>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <!-- Free Flow Painting -->\n      <div class=\"wc reveal\" style=\"transition-delay: 60ms;\">\n        <div class=\"wc-img\">\n          <img decoding=\"async\" src=\"https:\/\/artroots.studio\/wp-content\/uploads\/2025\/08\/IMG_2371.jpeg\" alt=\"Free Flow Painting Workshop\">\n          <div class=\"wc-urgency\"><span class=\"dot\"><\/span>Check available dates<\/div>\n          <div class=\"wc-popular\">\u2605 Most popular<\/div>\n        <\/div>\n        <div class=\"wc-body\">\n          <div class=\"wc-cat\">Painting<\/div>\n          <div class=\"wc-title\">Free Flow Painting<\/div>\n          <div class=\"wc-desc\">Paint freely on canvas at your own pace, with guidance whenever you want it. Great for beginners and anyone who just wants to make something beautiful.<\/div>\n          <div class=\"wc-footer\">\n            <div class=\"wc-priceblock\">\n              <span class=\"wc-from\">Starting from<\/span>\n              <div class=\"wc-price\">\n                <span class=\"cur\">RM<\/span><span class=\"amt\">35<\/span><span class=\"suf\">\/pax<\/span>\n              <\/div>\n            <\/div>\n            <a href=\"#book\" class=\"wc-btn btn-book\" data-workshop=\"acrylic-painting\">Book this \u2192<\/a>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <!-- Punch Needle -->\n      <div class=\"wc reveal\" style=\"transition-delay: 120ms;\">\n        <div class=\"wc-img\">\n          <img decoding=\"async\" src=\"https:\/\/artroots.studio\/wp-content\/uploads\/2026\/07\/punch_needle_session.jpg\" alt=\"Punch Needle Workshop\">\n          <div class=\"wc-urgency\"><span class=\"dot\"><\/span>Walk-ins welcome<\/div>\n        <\/div>\n        <div class=\"wc-body\">\n          <div class=\"wc-cat\">Fibre Craft<\/div>\n          <div class=\"wc-title\">Punch Needle<\/div>\n          <div class=\"wc-desc\">Loop soft yarn into a cosy, textured coaster or mini wall piece. A calming, hands-on craft that's beginner-friendly and great for date nights.<\/div>\n          <div class=\"wc-footer\">\n            <div class=\"wc-priceblock\">\n              <span class=\"wc-from\">Starting from<\/span>\n              <div class=\"wc-price\">\n                <span class=\"cur\">RM<\/span><span class=\"amt\">45<\/span><span class=\"suf\">\/pax<\/span>\n              <\/div>\n            <\/div>\n            <a href=\"#book\" class=\"wc-btn btn-book\" data-workshop=\"punch-needle\">Book this \u2192<\/a>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <!-- Easy & Chill Crafts -->\n      <div class=\"wc reveal\" style=\"transition-delay: 180ms;\">\n        <div class=\"wc-img\">\n          <img decoding=\"async\" src=\"https:\/\/artroots.studio\/wp-content\/uploads\/2025\/08\/IMG_2524.jpeg\" alt=\"Easy and Chill Crafts\">\n          <div class=\"wc-urgency\"><span class=\"dot\"><\/span>Walk-ins welcome<\/div>\n        <\/div>\n        <div class=\"wc-body\">\n          <div class=\"wc-cat\">Crafts<\/div>\n          <div class=\"wc-title\">Easy &amp; Chill Crafts<\/div>\n          <div class=\"wc-desc\">Quick, satisfying makes \u2014 shrink keychains, punch-needle &amp; wood coasters, mirrors, button badges and more. Choose your craft when you arrive.<\/div>\n          <div class=\"wc-footer\">\n            <div class=\"wc-priceblock\">\n              <span class=\"wc-from\">Starting from<\/span>\n              <div class=\"wc-price\">\n                <span class=\"cur\">RM<\/span><span class=\"amt\">35<\/span><span class=\"suf\">\/pax<\/span>\n              <\/div>\n            <\/div>\n            <a href=\"#book\" class=\"wc-btn btn-book\" data-workshop=\"easy-chill\">Book this \u2192<\/a>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <!-- Paint Your Own Ceramic -->\n      <div class=\"wc reveal\" style=\"transition-delay: 0ms;\">\n        <div class=\"wc-img\">\n          <img decoding=\"async\" src=\"https:\/\/artroots.studio\/wp-content\/uploads\/2026\/07\/ceramic_painting_session.jpg\" alt=\"Paint Your Own Ceramic Workshop\">\n          <div class=\"wc-urgency\" style=\"background:var(--terra)\"><span class=\"dot\"><\/span>New Workshop<\/div>\n        <\/div>\n        <div class=\"wc-body\">\n          <div class=\"wc-cat\">Ceramic Painting<\/div>\n          <div class=\"wc-title\">Paint Your Own Ceramic<\/div>\n          <div class=\"wc-desc\">Paint your own ceramic tumbler or standard plate, then we\u2019ll handle the glazing and baking for you. A relaxing, beginner-friendly workshop for families, couples, friends, and creative dates.<\/div>\n          <div class=\"wc-footer\">\n            <div class=\"wc-priceblock\">\n              <span class=\"wc-from\">Starting from<\/span>\n              <div class=\"wc-price\">\n                <span class=\"cur\">RM<\/span><span class=\"amt\">90<\/span><span class=\"suf\">\/pax<\/span>\n              <\/div>\n            <\/div>\n            <a href=\"#book-ceramic\" class=\"wc-btn btn-book\" data-workshop=\"ceramic-painting\">Book This \u2192<\/a>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <!-- Mini Pottery -->\n      <div class=\"wc reveal\" style=\"transition-delay: 60ms;\">\n        <div class=\"wc-img\">\n          <img decoding=\"async\" src=\"https:\/\/artroots.studio\/wp-content\/uploads\/2026\/06\/mini_pottery_session.jpg\" alt=\"Mini Pottery Workshop\">\n          <div class=\"wc-urgency\" style=\"background:var(--terra)\"><span class=\"dot\"><\/span>Check available dates<\/div>\n        <\/div>\n        <div class=\"wc-body\">\n          <div class=\"wc-cat\">Pottery<\/div>\n          <div class=\"wc-title\">Mini Pottery<\/div>\n          <div class=\"wc-desc\">Create your own small pottery piece in a beginner-friendly guided session. Shape, decorate and enjoy a playful hands-on pottery experience at ArtRoots Studio.<\/div>\n          <div class=\"wc-footer\">\n            <div class=\"wc-priceblock\">\n              <span class=\"wc-from\">Starting from<\/span>\n              <div class=\"wc-price\">\n                <span class=\"cur\">RM<\/span><span class=\"amt\">65<\/span><span class=\"suf\">\/pax<\/span>\n              <\/div>\n            <\/div>\n            <a href=\"#book-mini-pottery\" class=\"wc-btn btn-book\" data-workshop=\"mini-pottery\">Book This \u2192<\/a>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <!-- Team Building -->\n      <div class=\"wc reveal\" style=\"transition-delay: 120ms;\">\n        <div class=\"wc-img\">\n          <img decoding=\"async\" src=\"https:\/\/artroots.studio\/wp-content\/uploads\/2025\/08\/DSC09120.jpg\" alt=\"Corporate Team Building\">\n          <div class=\"wc-urgency\" style=\"background:var(--terra)\"><span class=\"dot\"><\/span>Book your date \u2014 contact us<\/div>\n        <\/div>\n        <div class=\"wc-body\">\n          <div class=\"wc-cat\">Corporate<\/div>\n          <div class=\"wc-title\">Team Building<\/div>\n          <div class=\"wc-desc\">A creative, memorable session for your team \u2014 ideal for companies from JB and Singapore. Available in our studio or as an outcall at your venue. Customisable for groups of 10\u201350.<\/div>\n          <div class=\"wc-footer\">\n            <div style=\"font-size:14px;font-weight:600;color:var(--mid)\">Price on enquiry<\/div>\n            <a href=\"#book\" class=\"wc-btn btn-book\" data-workshop=\"corporate-team-building\">Enquire \u2192<\/a>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <!-- Card 6 -->\n      <div class=\"wc reveal\" style=\"transition-delay: 180ms;\">\n        <div class=\"wc-img\">\n          <img decoding=\"async\" src=\"https:\/\/artroots.studio\/wp-content\/uploads\/2025\/08\/ART-ROOTS-STUDIO-5-13.png\" alt=\"Birthday Workshop\">\n          <div class=\"wc-urgency\" style=\"background:var(--terra)\"><span class=\"dot\"><\/span>Available on request<\/div>\n        <\/div>\n        <div class=\"wc-body\">\n          <div class=\"wc-cat\">Events<\/div>\n          <div class=\"wc-title\">Birthday Party<\/div>\n          <div class=\"wc-desc\">Host a private birthday party at the studio \u2014 we handle setup, materials, a guided activity and decorations. 6\u201310 pax from RM550, 11\u201320 pax RM950.<\/div>\n          <div class=\"wc-footer\">\n            <div class=\"wc-priceblock\">\n              <span class=\"wc-from\">Starting from<\/span>\n              <div class=\"wc-price\">\n                <span class=\"cur\">RM<\/span><span class=\"amt\">550<\/span><span class=\"suf\">\/group<\/span>\n              <\/div>\n            <\/div>\n            <a href=\"#book\" class=\"wc-btn btn-book\" data-workshop=\"birthday-party-enquiry\">Enquire \u2192<\/a>\n          <\/div>\n        <\/div>\n      <\/div>\n\n    <\/div><!-- \/workshops-grid -->\n  <\/div>\n<\/section>\n\n<section class=\"sg-section\">\n  <div class=\"sg-card reveal\" style=\"transition-delay: 0ms;\">\n    <div>\n      <div style=\"margin-bottom:20px;\">\n        <div style=\"font-size:44px; display:flex; gap:10px; align-items:center; margin-bottom:12px; line-height:1;\"><img decoding=\"async\" draggable=\"false\" role=\"img\" class=\"emoji\" alt=\"\ud83c\uddf8\ud83c\uddec\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/17.0.2\/svg\/1f1f8-1f1ec.svg\"> <img decoding=\"async\" draggable=\"false\" role=\"img\" class=\"emoji\" alt=\"\ud83c\uddf2\ud83c\uddfe\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/17.0.2\/svg\/1f1f2-1f1fe.svg\"><\/div>\n        <div style=\"display:flex; flex-wrap:wrap; gap:6px; align-items:center; font-size:28px; line-height:1.4;\">\n          <span style=\"font-size:12px; color:rgba(255,255,255,0.4); font-weight:600; text-transform:uppercase; letter-spacing:.06em; align-self:center; margin-right:2px;\">Also visited by<\/span>\n          <img decoding=\"async\" draggable=\"false\" role=\"img\" class=\"emoji\" alt=\"\ud83c\uddf0\ud83c\uddf7\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/17.0.2\/svg\/1f1f0-1f1f7.svg\"> <img decoding=\"async\" draggable=\"false\" role=\"img\" class=\"emoji\" alt=\"\ud83c\uddef\ud83c\uddf5\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/17.0.2\/svg\/1f1ef-1f1f5.svg\"> <img decoding=\"async\" draggable=\"false\" role=\"img\" class=\"emoji\" alt=\"\ud83c\uddf9\ud83c\udded\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/17.0.2\/svg\/1f1f9-1f1ed.svg\"> <img decoding=\"async\" draggable=\"false\" role=\"img\" class=\"emoji\" alt=\"\ud83c\uddee\ud83c\udde9\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/17.0.2\/svg\/1f1ee-1f1e9.svg\"> <img decoding=\"async\" draggable=\"false\" role=\"img\" class=\"emoji\" alt=\"\ud83c\uddf5\ud83c\udded\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/17.0.2\/svg\/1f1f5-1f1ed.svg\"> <img decoding=\"async\" draggable=\"false\" role=\"img\" class=\"emoji\" alt=\"\ud83c\uddfb\ud83c\uddf3\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/17.0.2\/svg\/1f1fb-1f1f3.svg\"> <img decoding=\"async\" draggable=\"false\" role=\"img\" class=\"emoji\" alt=\"\ud83c\uddf5\ud83c\uddf9\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/17.0.2\/svg\/1f1f5-1f1f9.svg\"> <img decoding=\"async\" draggable=\"false\" role=\"img\" class=\"emoji\" alt=\"\ud83c\uddfa\ud83c\uddf8\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/17.0.2\/svg\/1f1fa-1f1f8.svg\"> <img decoding=\"async\" draggable=\"false\" role=\"img\" class=\"emoji\" alt=\"\ud83c\uddec\ud83c\udde7\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/17.0.2\/svg\/1f1ec-1f1e7.svg\"> <img decoding=\"async\" draggable=\"false\" role=\"img\" class=\"emoji\" alt=\"\ud83c\udde6\ud83c\uddfa\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/17.0.2\/svg\/1f1e6-1f1fa.svg\"> <img decoding=\"async\" draggable=\"false\" role=\"img\" class=\"emoji\" alt=\"\ud83c\udde8\ud83c\uddf3\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/17.0.2\/svg\/1f1e8-1f1f3.svg\"> <img decoding=\"async\" draggable=\"false\" role=\"img\" class=\"emoji\" alt=\"\ud83c\uddee\ud83c\uddf3\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/17.0.2\/svg\/1f1ee-1f1f3.svg\"> <img decoding=\"async\" draggable=\"false\" role=\"img\" class=\"emoji\" alt=\"\ud83c\uddf9\ud83c\uddfc\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/17.0.2\/svg\/1f1f9-1f1fc.svg\"> <img decoding=\"async\" draggable=\"false\" role=\"img\" class=\"emoji\" alt=\"\ud83c\udded\ud83c\uddf0\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/17.0.2\/svg\/1f1ed-1f1f0.svg\"> <img decoding=\"async\" draggable=\"false\" role=\"img\" class=\"emoji\" alt=\"\ud83c\udde9\ud83c\uddea\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/17.0.2\/svg\/1f1e9-1f1ea.svg\"> <img decoding=\"async\" draggable=\"false\" role=\"img\" class=\"emoji\" alt=\"\ud83c\uddeb\ud83c\uddf7\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/17.0.2\/svg\/1f1eb-1f1f7.svg\"> <img decoding=\"async\" draggable=\"false\" role=\"img\" class=\"emoji\" alt=\"\ud83c\uddf3\ud83c\uddf1\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/17.0.2\/svg\/1f1f3-1f1f1.svg\"> <img decoding=\"async\" draggable=\"false\" role=\"img\" class=\"emoji\" alt=\"\ud83c\udde6\ud83c\uddea\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/17.0.2\/svg\/1f1e6-1f1ea.svg\">\n          <span style=\"font-size:13px; color:rgba(255,255,255,0.4); font-weight:500; align-self:center;\">&amp; more<\/span>\n        <\/div>\n      <\/div>\n      <h2>Visiting from Singapore?<br>You're only 45 minutes away.<\/h2>\n      <p style=\"margin-bottom: 16px;\">Book a morning workshop, grab lunch in JB, and head back with a painting you made yourself. A popular outing for couples, friends, and families crossing the Causeway.<\/p>\n      \n      <div class=\"sg-pricing-block\" style=\"margin-top: 24px; background: rgba(255,255,255,0.06); padding: 16px 20px; border-radius: var(--r-sm); border: 1px solid rgba(255,255,255,0.1); max-width: 500px;\">\n        <h4 style=\"font-size: 13.5px; font-weight: 700; color: var(--terra-2); text-transform: uppercase; letter-spacing: 0.05em; margin-bottom: 12px; display: flex; align-items: center; gap: 8px;\">\n          <span><img decoding=\"async\" draggable=\"false\" role=\"img\" class=\"emoji\" alt=\"\ud83d\udcb0\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/17.0.2\/svg\/1f4b0.svg\"> Workshops starting from (Approx. SGD)<\/span>\n        <\/h4>\n        <div class=\"sg-pricing-table\" style=\"display: grid; grid-template-columns: 1.5fr 1fr 1fr; gap: 8px; font-size: 13.5px; color: rgba(255,255,255,0.95); text-align: left;\">\n          <!-- Header -->\n          <div style=\"font-weight: 600; color: rgba(255,255,255,0.5); border-bottom: 1px solid rgba(255,255,255,0.1); padding-bottom: 4px;\">Workshop<\/div>\n          <div style=\"font-weight: 600; color: rgba(255,255,255,0.5); border-bottom: 1px solid rgba(255,255,255,0.1); padding-bottom: 4px; text-align: right;\">From (RM)<\/div>\n          <div style=\"font-weight: 600; color: rgba(255,255,255,0.5); border-bottom: 1px solid rgba(255,255,255,0.1); padding-bottom: 4px; text-align: right;\">Approx. SGD<\/div>\n          \n          <!-- Rows -->\n          <div style=\"padding: 4px 0; border-bottom: 1px solid rgba(255,255,255,0.05);\">Play &amp; Mould<\/div>\n          <div style=\"padding: 4px 0; border-bottom: 1px solid rgba(255,255,255,0.05); text-align: right; font-weight: 500;\">RM 10<\/div>\n          <div style=\"padding: 4px 0; border-bottom: 1px solid rgba(255,255,255,0.05); text-align: right; font-weight: 600; color: var(--green);\">~S$ 3<\/div>\n          \n          <div style=\"padding: 4px 0; border-bottom: 1px solid rgba(255,255,255,0.05);\">Batik Painting<\/div>\n          <div style=\"padding: 4px 0; border-bottom: 1px solid rgba(255,255,255,0.05); text-align: right; font-weight: 500;\">RM 25<\/div>\n          <div style=\"padding: 4px 0; border-bottom: 1px solid rgba(255,255,255,0.05); text-align: right; font-weight: 600; color: var(--green);\">~S$ 7.50<\/div>\n          \n          <div style=\"padding: 4px 0; border-bottom: 1px solid rgba(255,255,255,0.05);\">Free Flow Painting<\/div>\n          <div style=\"padding: 4px 0; border-bottom: 1px solid rgba(255,255,255,0.05); text-align: right; font-weight: 500;\">RM 35<\/div>\n          <div style=\"padding: 4px 0; border-bottom: 1px solid rgba(255,255,255,0.05); text-align: right; font-weight: 600; color: var(--green);\">~S$ 10.50<\/div>\n          \n          <div style=\"padding: 4px 0; border-bottom: 1px solid rgba(255,255,255,0.05);\">Texture Painting<\/div>\n          <div style=\"padding: 4px 0; border-bottom: 1px solid rgba(255,255,255,0.05); text-align: right; font-weight: 500;\">RM 45<\/div>\n          <div style=\"padding: 4px 0; border-bottom: 1px solid rgba(255,255,255,0.05); text-align: right; font-weight: 600; color: var(--green);\">~S$ 13.50<\/div>\n          \n          <div style=\"padding: 4px 0;\">Punch Needle<\/div>\n          <div style=\"padding: 4px 0; text-align: right; font-weight: 500;\">RM 45<\/div>\n          <div style=\"padding: 4px 0; text-align: right; font-weight: 600; color: var(--green);\">~S$ 13.50<\/div>\n        <\/div>\n        <div style=\"font-size: 11px; color: rgba(255,255,255,0.4); margin-top: 10px; font-style: italic;\">\n          Starting prices in RM \u2014 larger canvas sizes cost more. Approx. SGD shown at current rates (RM1 \u2248 S$0.30), subject to change.\n        <\/div>\n      <\/div>\n    <\/div>\n    <a href=\"https:\/\/wa.me\/601154248179?text=Hi!+I'm+coming+from+Singapore+and+would+like+to+book+a+workshop.\" target=\"_blank\" class=\"btn-sg\">Book from Singapore \u2192<\/a>\n  <\/div>\n<\/section>\n\n\n\n<section class=\"book-section\">\n  <div class=\"book-grid\">\n    <div class=\"book-left\">\n      <span class=\"section-label\">Reserve your spot<\/span>\n      <h2>Book a Workshop Today<\/h2>\n      <p>Spots fill up fast \u2014 especially on weekends and school holidays. Book online instantly or WhatsApp us and we'll sort it in minutes.<\/p>\n      <div class=\"contact-list\">\n        <div class=\"contact-item\">\n          <div class=\"ci-icon\"><img decoding=\"async\" draggable=\"false\" role=\"img\" class=\"emoji\" alt=\"\ud83d\udcac\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/17.0.2\/svg\/1f4ac.svg\"><\/div>\n          <div class=\"ci-body\">\n            <div class=\"ci-title\">WhatsApp Us (Fastest)<\/div>\n            <div class=\"ci-sub\">Reply within minutes. We'll find the perfect slot for you.<\/div>\n          <\/div>\n          <a href=\"https:\/\/wa.me\/601154248179?text=Hi!+I'd+like+to+book+a+workshop.\" target=\"_blank\" class=\"ci-cta green\">Book via WhatsApp<\/a>\n        <\/div>\n        <div class=\"contact-item\">\n          <div class=\"ci-icon\"><img decoding=\"async\" draggable=\"false\" role=\"img\" class=\"emoji\" alt=\"\ud83d\udcde\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/17.0.2\/svg\/1f4de.svg\"><\/div>\n          <div class=\"ci-body\">\n            <div class=\"ci-title\">Call Us<\/div>\n            <div class=\"ci-sub\">+60 11-5424 8179 \u00b7 +607 587 9988<\/div>\n          <\/div>\n          <a href=\"tel:+601154248179\" class=\"ci-cta terra\">Call<\/a>\n        <\/div>\n        <div class=\"contact-item\">\n          <div class=\"ci-icon\"><img decoding=\"async\" draggable=\"false\" role=\"img\" class=\"emoji\" alt=\"\u2709\ufe0f\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/17.0.2\/svg\/2709.svg\"><\/div>\n          <div class=\"ci-body\">\n            <div class=\"ci-title\">Email Us<\/div>\n            <div class=\"ci-sub\">mai@artroots.studio \u2014 great for group enquiries<\/div>\n          <\/div>\n          <a href=\"mailto:mai@artroots.studio\" class=\"ci-cta outline\">Email<\/a>\n        <\/div>\n      <\/div>\n    <\/div>\n    <div class=\"book-panel\" id=\"book\">\n      <h2 style=\"font-family: var(--f-display); font-size: 26px; font-weight: 700; color: var(--dark); margin-bottom: 6px; text-align: center;\">Book a Workshop<\/h2>\n      <div class=\"book-socialproof\" style=\"justify-content: center;\">\n        <span class=\"bsp-stars\">\u2605\u2605\u2605\u2605\u2605<\/span>\n        <span class=\"bsp-text\"><b>5.0<\/b> from 100+ reviews \u00b7 <b>200+<\/b> students booked<\/span>\n      <\/div>\n      <div class=\"reassurance-line\">\"Never painted before? Perfect \u2014 that's exactly who we're built for.\"<\/div>\n      <p style=\"font-size: 14px; color: var(--mid); margin-bottom: 16px; line-height: 1.6; text-align: center;\">Choose your workshop below, select an available date and reserve your session.<\/p>\n      <div class=\"book-trust\">\n        <span class=\"bt\"><span class=\"ck\">\u2713<\/span> Booking confirmation<\/span>\n        <span class=\"bt\"><span class=\"ck\">\u2713<\/span> No prepayment<\/span>\n        <span class=\"bt\"><span class=\"ck\">\u2713<\/span> All materials included<\/span>\n      <\/div>\n      \n      <!-- Workshop tabs selector -->\n      <div class=\"booking-tabs\" role=\"tablist\" aria-label=\"Workshop Selector\">\n        <div class=\"booking-tabs-row\">\n          <button class=\"tab-btn active\" role=\"tab\" aria-selected=\"true\" aria-controls=\"calendly-embed-container\" data-tab=\"batik-painting\">Batik<\/button>\n          <button class=\"tab-btn\" role=\"tab\" aria-selected=\"false\" aria-controls=\"calendly-embed-container\" data-tab=\"clay-play\">Play &amp; Mould<\/button>\n          <button class=\"tab-btn\" role=\"tab\" aria-selected=\"false\" aria-controls=\"calendly-embed-container\" data-tab=\"texture-painting\">Texture<\/button>\n          <button class=\"tab-btn\" role=\"tab\" aria-selected=\"false\" aria-controls=\"calendly-embed-container\" data-tab=\"acrylic-painting\">Free Flow<\/button>\n          <button class=\"tab-btn\" role=\"tab\" aria-selected=\"false\" aria-controls=\"calendly-embed-container\" data-tab=\"punch-needle\">Punch Needle<\/button>\n        <\/div>\n        <div class=\"booking-tabs-row\">\n          <button class=\"tab-btn\" role=\"tab\" aria-selected=\"false\" aria-controls=\"calendly-embed-container\" data-tab=\"easy-chill\">Easy &amp; Chill<\/button>\n          <button class=\"tab-btn\" role=\"tab\" aria-selected=\"false\" aria-controls=\"calendly-embed-container\" data-tab=\"ceramic-painting\">Ceramic Painting <span class=\"new-badge\">New<\/span><\/button>\n          <button class=\"tab-btn btn-mini-pottery\" role=\"tab\" aria-selected=\"false\" aria-controls=\"calendly-embed-container\" data-tab=\"mini-pottery\"><img decoding=\"async\" draggable=\"false\" role=\"img\" class=\"emoji\" alt=\"\ud83c\udffa\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/17.0.2\/svg\/1f3fa.svg\"> Mini Pottery <span class=\"new-badge\">New<\/span><\/button>\n          <button class=\"tab-btn\" role=\"tab\" aria-selected=\"false\" aria-controls=\"calendly-embed-container\" data-tab=\"decide-in-studio\">Decide in Studio<\/button>\n        <\/div>\n      <\/div>\n\n      <!-- Workshop Info Confirmation Line -->\n      <div class=\"booking-confirmation-line\" id=\"booking-confirmation-line\" style=\"background: var(--terra-light); color: var(--terra);\">You're booking: Batik Painting Workshop \u00b7 1 hour \u00b7 All materials included<\/div>\n      <p id=\"booking-sub-note\" style=\"font-size: 12.5px; color: var(--mid); text-align: center; margin-bottom: 18px; line-height: 1.5;\">Each workshop comes in several designs \u2014 pick your favourite when you arrive. Workshops start from RM10.<\/p>\n      \n      <!-- Ceramic Painting Price Details & Inclusions -->\n      <div id=\"ceramic-painting-container\" style=\"display: none; margin-bottom: 24px;\">\n        <div style=\"background: var(--white); border: 1px solid var(--border); border-radius: var(--r); padding: 24px; box-shadow: var(--sh);\">\n          \n          <!-- Highlight Card -->\n          <div style=\"background: var(--cream-2); border: 1px solid var(--border); border-radius: var(--r-sm); padding: 16px; margin-bottom: 20px; text-align: center;\">\n            <div style=\"font-family: var(--f-display); font-size: 16px; font-weight: 700; color: var(--terra); margin-bottom: 4px;\">Paint it. We glaze it. You collect it.<\/div>\n            <div style=\"font-size: 13.5px; color: var(--dark-2); line-height: 1.5;\">Paint your own ready-made ceramic tumbler or plate, and we\u2019ll professionally glaze and bake it for you. This relaxing workshop is suitable for beginners, couples, families and friends.<\/div>\n          <\/div>\n          \n          <div class=\"ceramic-pricing-grid\">\n            <div>\n              <h4 style=\"font-size: 14px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: var(--terra); margin-bottom: 12px;\">Price Options<\/h4>\n              <div style=\"display: flex; flex-direction: column; gap: 8px; font-size: 13.5px; color: var(--dark);\">\n                <div style=\"display: flex; justify-content: space-between; border-bottom: 1px dashed var(--border); padding-bottom: 6px;\">\n                  <span>Ceramic Tumbler Painting<\/span>\n                  <strong style=\"color: var(--terra);\">RM90\/pax<\/strong>\n                <\/div>\n                <div style=\"display: flex; justify-content: space-between; border-bottom: 1px dashed var(--border); padding-bottom: 6px;\">\n                  <span>Standard Plate Painting<\/span>\n                  <strong style=\"color: var(--terra);\">RM90\/pax<\/strong>\n                <\/div>\n                <div style=\"display: flex; justify-content: space-between; border-bottom: 1px dashed var(--border); padding-bottom: 6px;\">\n                  <span>Couple Package<\/span>\n                  <strong style=\"color: var(--terra);\">RM170 for 2 pax<\/strong>\n                <\/div>\n                <div style=\"display: flex; justify-content: space-between; padding-bottom: 6px;\">\n                  <span>Add-on extra piece<\/span>\n                  <strong style=\"color: var(--terra);\">from RM65<\/strong>\n                <\/div>\n              <\/div>\n            <\/div>\n            \n            <div>\n              <h4 style=\"font-size: 14px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: var(--terra); margin-bottom: 12px;\">Key Details<\/h4>\n              <ul style=\"font-size: 13.5px; color: var(--dark); padding-left: 18px; margin: 0; line-height: 1.6; list-style-type: disc;\">\n                <li>Duration: approximately 1.5 to 2 hours<\/li>\n                <li>Suitable for beginners<\/li>\n                <li>Painting materials included<\/li>\n                <li>Glazing and baking included<\/li>\n                <li>Collection approximately 3 to 4 weeks after the workshop<\/li>\n                <li>Ceramic choices are subject to availability<\/li>\n              <\/ul>\n            <\/div>\n          <\/div>\n          \n          <div style=\"background: var(--terra-light); border-left: 4px solid var(--terra); padding: 12px 16px; border-radius: 4px; font-size: 12.5px; color: var(--dark-2); line-height: 1.5; margin-bottom: 16px;\">\n            <strong>Important Note:<\/strong> This is a paint-your-own ceramic workshop using ready-made ceramic pieces. It is not a wheel-throwing or clay hand-building class.\n          <\/div>\n\n          <div style=\"background: #FFF9E6; border-left: 4px solid #F59E0B; padding: 12px 16px; border-radius: 4px; font-size: 12.5px; color: var(--dark-2); line-height: 1.5;\">\n            <strong>Glazing Notice:<\/strong> Your finished ceramic will be ready for collection approximately 3 to 4 weeks after the workshop.\n          <\/div>\n          \n        <\/div>\n      <\/div>\n\n      <!-- Mini Pottery Price Details & Inclusions -->\n      <div id=\"mini-pottery-container\" style=\"display: none; margin-bottom: 24px;\">\n        <div style=\"background: var(--white); border: 1px solid var(--border); border-radius: var(--r); padding: 24px; box-shadow: var(--sh);\">\n          \n          <!-- Highlight Card -->\n          <div style=\"background: var(--cream-2); border: 1px solid var(--border); border-radius: var(--r-sm); padding: 16px; margin-bottom: 20px; text-align: center;\">\n            <div style=\"font-family: var(--f-display); font-size: 16px; font-weight: 700; color: var(--terra); margin-bottom: 4px;\">Mini Pottery<\/div>\n            <div style=\"font-size: 13.5px; color: var(--dark-2); line-height: 1.5;\">Create your own small pottery piece in a beginner-friendly guided session. Shape, decorate and enjoy a playful hands-on pottery experience at ArtRoots Studio.<\/div>\n          <\/div>\n          \n          <div class=\"ceramic-pricing-grid\">\n            <div>\n              <h4 style=\"font-size: 14px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: var(--terra); margin-bottom: 12px;\">Price Options<\/h4>\n              <div style=\"display: flex; flex-direction: column; gap: 8px; font-size: 13.5px; color: var(--dark);\">\n                <div style=\"display: flex; justify-content: space-between; border-bottom: 1px dashed var(--border); padding-bottom: 6px;\">\n                  <span>Mini Pottery Session<\/span>\n                  <strong style=\"color: var(--terra);\">RM65\/pax<\/strong>\n                <\/div>\n              <\/div>\n            <\/div>\n            \n            <div>\n              <h4 style=\"font-size: 14px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: var(--terra); margin-bottom: 12px;\">Key Details<\/h4>\n              <ul style=\"font-size: 13.5px; color: var(--dark); padding-left: 18px; margin: 0; line-height: 1.6; list-style-type: disc;\">\n                <li>Beginner-friendly<\/li>\n                <li>Materials included<\/li>\n                <li>Guided session<\/li>\n                <li>Suitable for friends, couples and families<\/li>\n              <\/ul>\n            <\/div>\n          <\/div>\n          \n        <\/div>\n      <\/div>\n\n      <!-- Calendly Embed Container for Desktop -->\n      <div id=\"calendly-embed-container\" style=\"min-height: 680px; position: relative;\"><div class=\"calendly-spinner\"><div class=\"calendly-bounce1\"><\/div><div class=\"calendly-bounce2\"><\/div><div class=\"calendly-bounce3\"><\/div><\/div><iframe src=\"https:\/\/calendly.com\/artroots_studio\/batik-painting?embed_domain=artroots.studio&amp;embed_type=Inline\" width=\"100%\" height=\"100%\" frameborder=\"0\" title=\"Select a Date &amp; Time - Calendly\"><\/iframe><\/div>\n      \n      <!-- Mobile Redirect Container (Shown on mobile instead of iframe) -->\n      <div id=\"mobile-booking-redirect-container\" style=\"padding: 24px; border: 1px solid var(--border); border-radius: var(--r); background: var(--cream-2); text-align: center; margin-bottom: 20px;\">\n        <p style=\"font-size: 14.5px; color: var(--dark); margin-bottom: 18px; font-weight: 600; line-height: 1.5;\">Please select your date &amp; time on the Calendly booking page:<\/p>\n        <a href=\"https:\/\/calendly.com\/artroots_studio\/batik-painting?utm_source=website&amp;utm_medium=booking_page\" id=\"mobile-booking-redirect-btn\" class=\"btn-primary\" style=\"width: 100%; justify-content: center; box-sizing: border-box;\" target=\"_blank\">\n          <img decoding=\"async\" draggable=\"false\" role=\"img\" class=\"emoji\" alt=\"\ud83d\udcc5\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/17.0.2\/svg\/1f4c5.svg\"> Open Booking Calendar \u2192\n        <\/a>\n      <\/div>\n\n      <!-- Secondary WhatsApp Assistance Link -->\n      <div class=\"booking-assistance\" style=\"text-align: center; margin: 20px 0 10px; font-size: 13.5px; color: var(--mid);\">\n        Need help choosing a workshop? <a href=\"https:\/\/wa.me\/601154248179?text=Hi!%20I'm%20on%20your%20booking%20page%20and%20need%20help%20choosing%20a%20workshop.\" target=\"_blank\" style=\"color: var(--terra); font-weight: 600; text-decoration: underline !important;\">WhatsApp us<\/a>\n      <\/div>\n\n      <!-- Group Enquiry Form Container (Shown when Group Enquiry tab is active) -->\n      <div id=\"group-enquiry-container\" style=\"display: none; margin-bottom: 20px;\">\n        <div style=\"background:var(--cream-2);border:1px solid var(--border);border-radius:var(--r-sm);padding:16px 18px;margin-bottom:18px;\">\n          <h4 style=\"font-size:13px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--terra);margin-bottom:12px;\">Event &amp; party packages<\/h4>\n          <div style=\"display:flex;flex-direction:column;gap:10px;font-size:13.5px;color:var(--dark);\">\n            <div style=\"display:flex;justify-content:space-between;gap:12px;\"><span>Intimate \u00b7 1\u20135 pax \u00b7 up to 2 hrs<\/span><b style=\"color:var(--terra)\">RM250<\/b><\/div>\n            <div style=\"display:flex;justify-content:space-between;gap:12px;\"><span>Small group \u00b7 6\u201310 pax \u00b7 up to 3 hrs<\/span><b style=\"color:var(--terra)\">RM450<\/b><\/div>\n            <div style=\"display:flex;justify-content:space-between;gap:12px;\"><span>Party \/ Team Building \u00b7 6\u201310 pax<\/span><b style=\"color:var(--terra)\">RM550<\/b><\/div>\n            <div style=\"display:flex;justify-content:space-between;gap:12px;\"><span>Party \/ Team Building \u00b7 11\u201320 pax<\/span><b style=\"color:var(--terra)\">RM950<\/b><\/div>\n          <\/div>\n          <p style=\"font-size:12px;color:var(--mid);margin-top:12px;line-height:1.5;\">Includes a guided activity and drinks; decorations on larger packages. Add fresh flowers +RM100. Tell us your group size below for an exact quote.<\/p>\n        <\/div>\n        <form id=\"group-booking-form\" class=\"enquiry-form\">\n          \n          <div class=\"form-group\">\n            <label for=\"enquiry-name\">Name<\/label>\n            <input type=\"text\" id=\"enquiry-name\" name=\"name\" placeholder=\"Your Name\" required=\"\">\n          <\/div>\n          \n          <div class=\"form-group\">\n            <label for=\"enquiry-contact\">Email or WhatsApp number<\/label>\n            <input type=\"text\" id=\"enquiry-contact\" name=\"contact\" placeholder=\"Email address or phone number\" required=\"\">\n          <\/div>\n          \n          <div class=\"form-group\">\n            <label for=\"enquiry-type\">Workshop Type<\/label>\n            <select id=\"enquiry-type\" name=\"workshop_type\" required=\"\">\n              <option value=\"Team Building\">Corporate Team Building<\/option>\n              <option value=\"Birthday Party\">Birthday Party<\/option>\n              <option value=\"Other\">Other Event<\/option>\n            <\/select>\n          <\/div>\n          \n          <div class=\"form-group\">\n            <label for=\"enquiry-size\">Estimated Group Size<\/label>\n            <input type=\"number\" id=\"enquiry-size\" name=\"group_size\" placeholder=\"Number of participants (e.g. 15)\" min=\"1\" required=\"\">\n          <\/div>\n          \n          <div class=\"form-group\">\n            <label for=\"enquiry-date\">Preferred Date(s)<\/label>\n            <input type=\"text\" id=\"enquiry-date\" name=\"preferred_date\" placeholder=\"e.g. Sat 18 July, afternoon\" required=\"\">\n          <\/div>\n          \n          <div class=\"form-group\">\n            <label for=\"enquiry-notes\">Any notes \/ preferences<\/label>\n            <textarea id=\"enquiry-notes\" name=\"notes\" rows=\"3\" placeholder=\"Tell us more about your group or special requirements...\"><\/textarea>\n          <\/div>\n          \n          <div style=\"display: flex; flex-direction: column; gap: 10px; margin-top: 10px;\">\n            <button type=\"submit\" class=\"btn-primary\" style=\"width: 100%; justify-content: center; border: 0;\">Submit Enquiry via Email<\/button>\n            <div class=\"book-divider\" style=\"margin: 8px 0;\">or<\/div>\n            <button type=\"button\" id=\"btn-submit-wa\" class=\"btn-secondary\" style=\"width: 100%; justify-content: center; background: var(--green); border: 0; display: inline-flex; align-items: center; gap: 8px; color: var(--white) !important; padding: 14px 28px; border-radius: 50px; font-weight: 600; font-size: 15px; box-shadow: var(--sh);\">\n              <img decoding=\"async\" draggable=\"false\" role=\"img\" class=\"emoji\" alt=\"\ud83d\udcac\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/17.0.2\/svg\/1f4ac.svg\"> Submit Enquiry via WhatsApp\n            <\/button>\n          <\/div>\n        <\/form>\n\n        <div id=\"enquiry-success\" style=\"display: none; text-align: center; padding: 32px 16px; border: 1px solid var(--border); border-radius: var(--r); background: var(--white); box-shadow: var(--sh);\">\n          <div style=\"font-size: 48px; margin-bottom: 12px;\"><img decoding=\"async\" draggable=\"false\" role=\"img\" class=\"emoji\" alt=\"\u2705\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/17.0.2\/svg\/2705.svg\"><\/div>\n          <h4 style=\"font-size: 20px; font-weight: 700; color: var(--dark); margin-bottom: 10px;\">Enquiry Received!<\/h4>\n          <p style=\"font-size: 14px; color: var(--mid); line-height: 1.6; margin-bottom: 24px;\">\n            Thanks! We'll get back to you within a few hours. For urgent enquiries, WhatsApp us directly at +60 11-5424 8179.\n          <\/p>\n          <a href=\"https:\/\/wa.me\/601154248179?text=Hi%20Artroots!%20I%20just%20submitted%20a%20group%20booking%20enquiry%20form.\" target=\"_blank\" class=\"btn-secondary\" style=\"background: var(--green); justify-content: center; width: 100%; display: inline-flex; align-items: center; gap: 8px; color: var(--white) !important; padding: 14px 28px; border-radius: 50px; font-weight: 600; font-size: 15px;\">\n            <img decoding=\"async\" draggable=\"false\" role=\"img\" class=\"emoji\" alt=\"\ud83d\udcac\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/17.0.2\/svg\/1f4ac.svg\"> Chat on WhatsApp Now\n          <\/a>\n        <\/div>\n\n        <div class=\"consultation-call-card\" style=\"margin-top: 24px; padding: 20px; border: 1px solid var(--border); border-radius: var(--r-sm); background: var(--cream-2); text-align: left;\">\n          <h4 style=\"font-size: 14.5px; font-weight: 700; color: var(--dark); margin-bottom: 6px; display: flex; align-items: center; gap: 6px;\"><img decoding=\"async\" draggable=\"false\" role=\"img\" class=\"emoji\" alt=\"\ud83d\udcc5\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/17.0.2\/svg\/1f4c5.svg\"> Prefer to book a consultation call?<\/h4>\n          <p style=\"font-size: 13px; color: var(--mid); margin-bottom: 16px; line-height: 1.6;\">Schedule a quick 30-minute planning call with us on Calendly to discuss dates, group size, and custom packages.<\/p>\n          <div style=\"display: flex; gap: 10px; flex-wrap: wrap;\">\n            <a href=\"https:\/\/calendly.com\/artroots_studio\/birthday-party\" target=\"_blank\" class=\"wc-btn\" style=\"padding: 8px 14px; font-size: 12px;\" id=\"enquiry-cal-corporate\">Book Corporate Call<\/a>\n            <a href=\"https:\/\/calendly.com\/artroots_studio\/birthday-party\" target=\"_blank\" class=\"wc-btn\" style=\"padding: 8px 14px; font-size: 12px; background: var(--dark);\" id=\"enquiry-cal-birthday\">Book Birthday Call<\/a>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"book-divider\">or<\/div>\n      <a href=\"https:\/\/wa.me\/601154248179?text=Hi!+I'd+like+to+book+a+workshop.\" target=\"_blank\" class=\"btn-wa-full\">\n        <img decoding=\"async\" draggable=\"false\" role=\"img\" class=\"emoji\" alt=\"\ud83d\udcac\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/17.0.2\/svg\/1f4ac.svg\"> Book via WhatsApp Instead\n      <\/a>\n    <\/div>\n  <\/div>\n<\/section>\n\n\n\n<!-- Ongoing Classes & Courses -->\n<section class=\"section\" id=\"courses\" style=\"padding-top:0\">\n  <div class=\"section-inner\">\n    <div class=\"reveal\" style=\"transition-delay: 60ms;\">\n      <span class=\"section-label\">Come back every week<\/span>\n      <h2 class=\"section-title\">Ongoing classes &amp; courses<\/h2>\n      <p class=\"section-sub\">Build real skills over time. Monthly art classes for kids and teens, plus 4-week courses for adults \u2014 all materials included.<\/p>\n      <div class=\"courses-banner\"><img decoding=\"async\" draggable=\"false\" role=\"img\" class=\"emoji\" alt=\"\ud83c\udf89\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/17.0.2\/svg\/1f389.svg\"> Sign up now and get 20% off when you bring a friend!<\/div>\n    <\/div>\n\n    <div class=\"courses-grid\">\n      <!-- Classic Junior -->\n      <div class=\"course-card reveal\" style=\"transition-delay: 120ms;\">\n        <div class=\"cc-cat\">Monthly Class<\/div>\n        <div class=\"cc-title\">Classic Junior Art Class<\/div>\n        <div class=\"cc-age\">Ages 6\u201312 \u00b7 4 classes \/ month<\/div>\n        <ul class=\"cc-list\">\n          <li>Strong art foundations<\/li>\n          <li>Painting &amp; mixed-media exploration<\/li>\n          <li>Creative thinking &amp; imagination<\/li>\n          <li>Motor skills &amp; focus development<\/li>\n        <\/ul>\n        <div class=\"cc-footer\">\n          <div class=\"cc-price\"><span class=\"amt\">RM250<\/span><span class=\"suf\">4 classes<\/span><\/div>\n          <a href=\"https:\/\/wa.me\/601154248179?text=Hi!+I'd+like+to+enrol+my+child+in+the+Classic+Junior+Art+Class.\" target=\"_blank\" class=\"wc-btn\">Enrol \u2192<\/a>\n        <\/div>\n      <\/div>\n\n      <!-- Teen -->\n      <div class=\"course-card reveal\" style=\"transition-delay: 180ms;\">\n        <div class=\"cc-cat\">Monthly Class<\/div>\n        <div class=\"cc-title\">Teen Art Class<\/div>\n        <div class=\"cc-age\">Ages 13\u201318 \u00b7 4 classes \/ month<\/div>\n        <ul class=\"cc-list\">\n          <li>Higher-level painting techniques<\/li>\n          <li>Artistic thinking &amp; concept development<\/li>\n          <li>Portfolio building<\/li>\n          <li>Personal guidance &amp; skill development<\/li>\n        <\/ul>\n        <div class=\"cc-footer\">\n          <div class=\"cc-price\"><span class=\"amt\">RM300<\/span><span class=\"suf\">4 classes<\/span><\/div>\n          <a href=\"https:\/\/wa.me\/601154248179?text=Hi!+I'd+like+to+enrol+in+the+Teen+Art+Class.\" target=\"_blank\" class=\"wc-btn\">Enrol \u2192<\/a>\n        <\/div>\n      <\/div>\n\n      <!-- Digital -->\n      <div class=\"course-card reveal\" style=\"transition-delay: 0ms;\">\n        <div class=\"cc-cat\">Monthly Class<\/div>\n        <div class=\"cc-title\">Digital Art Class<\/div>\n        <div class=\"cc-age\">Junior &amp; adult \u00b7 4 classes \/ month<\/div>\n        <ul class=\"cc-list\">\n          <li>Draw &amp; sketch in digital apps<\/li>\n          <li>Brush &amp; coloring techniques<\/li>\n          <li>Print your own stickers<\/li>\n          <li>Bring your own iPad (materials not provided)<\/li>\n        <\/ul>\n        <div class=\"cc-footer\">\n          <div class=\"cc-price\"><span class=\"amt\">RM300<\/span><span class=\"suf\">4 classes<\/span><\/div>\n          <a href=\"https:\/\/wa.me\/601154248179?text=Hi!+I'd+like+to+enrol+in+the+Digital+Art+Class.\" target=\"_blank\" class=\"wc-btn\">Enrol \u2192<\/a>\n        <\/div>\n      <\/div>\n\n      <!-- Watercolor -->\n      <div class=\"course-card reveal\" style=\"transition-delay: 60ms;\">\n        <div class=\"cc-cat\">4-Week Course<\/div>\n        <div class=\"cc-title\">Watercolor Course<\/div>\n        <div class=\"cc-age\">Ages 12+ \u00b7 weekly<\/div>\n        <ul class=\"cc-list\">\n          <li>Step-by-step brush &amp; water control<\/li>\n          <li>4 sheets of watercolor paper<\/li>\n          <li>All materials + a drink each class<\/li>\n          <li>Take every artwork home<\/li>\n        <\/ul>\n        <div class=\"cc-footer\">\n          <div class=\"cc-price\"><span class=\"amt\">RM200<\/span><span class=\"suf\">4 classes<\/span><\/div>\n          <a href=\"https:\/\/wa.me\/601154248179?text=Hi!+I'd+like+to+join+the+Watercolor+Course.\" target=\"_blank\" class=\"wc-btn\">Enquire \u2192<\/a>\n        <\/div>\n      <\/div>\n\n      <!-- Canting Batik -->\n      <div class=\"course-card reveal\" style=\"transition-delay: 120ms;\">\n        <div class=\"cc-cat\">4-Week Course<\/div>\n        <div class=\"cc-title\">Canting Batik Course<\/div>\n        <div class=\"cc-age\">Ages 13+ \u00b7 weekly<\/div>\n        <ul class=\"cc-list\">\n          <li>Learn traditional canting batik &amp; coloring<\/li>\n          <li>3 cloths + 1 tote bag included<\/li>\n          <li>All materials + a drink each class<\/li>\n          <li>Take every artwork home<\/li>\n        <\/ul>\n        <div class=\"cc-footer\">\n          <div class=\"cc-price\"><span class=\"amt\">RM250<\/span><span class=\"suf\">4 classes<\/span><\/div>\n          <a href=\"https:\/\/wa.me\/601154248179?text=Hi!+I'd+like+to+join+the+Canting+Batik+Course.\" target=\"_blank\" class=\"wc-btn\">Enquire \u2192<\/a>\n        <\/div>\n      <\/div>\n\n      <!-- Art Therapy \/ Texture -->\n      <div class=\"course-card reveal\" style=\"transition-delay: 180ms;\">\n        <div class=\"cc-cat\">4-Week Course<\/div>\n        <div class=\"cc-title\">Art Therapy \/ Texture Course<\/div>\n        <div class=\"cc-age\">Ages 13+ \u00b7 weekly<\/div>\n        <ul class=\"cc-list\">\n          <li>De-stress, unwind and let it out<\/li>\n          <li>4 standard canvases included<\/li>\n          <li>All materials + a drink each class<\/li>\n          <li>Aroma therapy to take home<\/li>\n        <\/ul>\n        <div class=\"cc-footer\">\n          <div class=\"cc-price\"><span class=\"amt\">RM300<\/span><span class=\"suf\">4 classes<\/span><\/div>\n          <a href=\"https:\/\/wa.me\/601154248179?text=Hi!+I'd+like+to+join+the+Art+Therapy+%2F+Texture+Course.\" target=\"_blank\" class=\"wc-btn\">Enquire \u2192<\/a>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- How to Book -->\n<section class=\"section\" style=\"background:var(--cream-2);padding-top:0\">\n  <div class=\"section-inner\">\n    <div class=\"reveal\" style=\"transition-delay: 0ms;\">\n      <span class=\"section-label\">It's simple<\/span>\n      <h2 class=\"section-title\">How to book<\/h2>\n    <\/div>\n    <div class=\"htb-grid\">\n      <div class=\"htb-card reveal\" data-step=\"1\" style=\"transition-delay: 60ms;\">\n        <div class=\"htb-icon\"><img decoding=\"async\" draggable=\"false\" role=\"img\" class=\"emoji\" alt=\"\ud83c\udfa8\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/17.0.2\/svg\/1f3a8.svg\"><\/div>\n        <div class=\"htb-title\">Pick a workshop<\/div>\n        <div class=\"htb-desc\">Browse the options above. Each listing shows the next available date and remaining spots so you can plan ahead.<\/div>\n      <\/div>\n      <div class=\"htb-card reveal\" data-step=\"2\" style=\"transition-delay: 120ms;\">\n        <div class=\"htb-icon\"><img decoding=\"async\" draggable=\"false\" role=\"img\" class=\"emoji\" alt=\"\ud83d\udcc5\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/17.0.2\/svg\/1f4c5.svg\"><\/div>\n        <div class=\"htb-title\">Choose a date<\/div>\n        <div class=\"htb-desc\">Book online via the calendar below, or WhatsApp us and we'll find the perfect slot for your group \u2014 usually within minutes.<\/div>\n      <\/div>\n      <div class=\"htb-card reveal\" data-step=\"3\" style=\"transition-delay: 180ms;\">\n        <div class=\"htb-icon\"><img decoding=\"async\" draggable=\"false\" role=\"img\" class=\"emoji\" alt=\"\u2705\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/17.0.2\/svg\/2705.svg\"><\/div>\n        <div class=\"htb-title\">Show up and create<\/div>\n        <div class=\"htb-desc\">Everything is set up and waiting for you. Just turn up \u2014 materials, guidance and good vibes included.<\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- Gallery -->\n<section class=\"gallery-section\">\n  <div class=\"section-inner\">\n    <div class=\"reveal\" style=\"transition-delay: 0ms;\">\n      <span class=\"section-label\">Our Studio in Action<\/span>\n      <h2 class=\"section-title\" style=\"color:var(--white)\">See what people create<\/h2>\n      <p class=\"section-sub\">Real work from real students \u2014 first-timers, families, date nights and corporate groups.<\/p>\n    <\/div>\n    <div class=\"gallery-grid\" style=\"margin-top:36px\">\n      <div class=\"gi reveal\" style=\"transition-delay: 60ms;\"><img decoding=\"async\" src=\"https:\/\/artroots.studio\/wp-content\/uploads\/2025\/08\/IMG_2524.jpeg\" alt=\"Happy students at Artroots Studio workshop\"><\/div>\n      <div class=\"gi reveal\" style=\"transition-delay: 120ms;\"><img decoding=\"async\" src=\"https:\/\/artroots.studio\/wp-content\/uploads\/2025\/08\/ART-ROOTS-STUDIO-5-10.png\" alt=\"Mother and child painting together at Artroots Studio\"><\/div>\n      <div class=\"gi reveal\" style=\"transition-delay: 180ms;\"><img decoding=\"async\" src=\"https:\/\/artroots.studio\/wp-content\/uploads\/2025\/08\/IMG_2615.jpeg\" alt=\"Watercolor floral painting workshop\"><\/div>\n      <div class=\"gi reveal\" style=\"transition-delay: 0ms;\"><img decoding=\"async\" src=\"https:\/\/artroots.studio\/wp-content\/uploads\/2025\/08\/ART-ROOTS-STUDIO-5-4.png\" alt=\"Kids proudly displaying finished artwork\"><\/div>\n      <div class=\"gi reveal\" style=\"transition-delay: 60ms;\"><img decoding=\"async\" src=\"https:\/\/artroots.studio\/wp-content\/uploads\/2025\/08\/DSC09124.jpg\" alt=\"Art jamming session at Artroots Studio\"><\/div>\n      <div class=\"gi reveal\" style=\"transition-delay: 120ms;\"><img decoding=\"async\" src=\"https:\/\/artroots.studio\/wp-content\/uploads\/2025\/08\/1131w-5mXnVOZIHk8.webp\" alt=\"School holiday art program participants\"><\/div>\n      <div class=\"gi reveal\" style=\"transition-delay: 180ms;\"><img decoding=\"async\" src=\"https:\/\/artroots.studio\/wp-content\/uploads\/2025\/08\/Untitled_1024x.webp\" alt=\"Batik painting workshop in progress\"><\/div>\n      <div class=\"gi reveal\" style=\"transition-delay: 0ms;\"><img decoding=\"async\" src=\"https:\/\/artroots.studio\/wp-content\/uploads\/2025\/08\/IMG_0152-scaled.jpeg\" alt=\"Students with their finished paintings at Artroots Studio\"><\/div>\n      <div class=\"gi reveal\" style=\"transition-delay: 60ms;\"><img decoding=\"async\" src=\"https:\/\/artroots.studio\/wp-content\/uploads\/2025\/08\/DSC09130.jpg\" alt=\"Finished lavender acrylic painting at Artroots Studio\"><\/div>\n    <\/div>\n    <div class=\"gallery-ig-link reveal\" style=\"transition-delay: 120ms;\">\n      <a href=\"https:\/\/instagram.com\/artroots_studio\" target=\"_blank\"><img decoding=\"async\" draggable=\"false\" role=\"img\" class=\"emoji\" alt=\"\ud83d\udcf7\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/17.0.2\/svg\/1f4f7.svg\"> Follow @artroots_studio for more \u2192<\/a>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- FAQ -->\n<section class=\"section faq-section\" id=\"faq\">\n  <div class=\"section-inner\">\n    <div class=\"faq-grid\">\n      <div class=\"faq-left\">\n        <div class=\"reveal\" style=\"transition-delay: 180ms;\">\n          <span class=\"section-label\">COMMON QUESTIONS<\/span>\n          <h2 class=\"section-title\">FAQ<\/h2>\n          <p class=\"section-sub\" style=\"margin-bottom:0\">Everything you need to know before you come in.<\/p>\n        <\/div>\n        <div class=\"faq-note reveal\" style=\"margin-top: 28px; transition-delay: 0ms;\">\n          <p>Still have a question? WhatsApp us at <a href=\"https:\/\/wa.me\/601154248179\" style=\"color:var(--terra);font-weight:600\">+60 11-5424 8179<\/a> \u2014 we reply within minutes during studio hours.<\/p>\n        <\/div>\n      <\/div>\n      <div class=\"faq-list\" id=\"faq-list\">\n        <div class=\"fi reveal\" style=\"transition-delay: 60ms;\">\n          <div class=\"fq\" onclick=\"toggleFaq(this)\">\n            <span>Do I need any art experience?<\/span>\n            <span class=\"arr\">+<\/span>\n          <\/div>\n          <div class=\"fa\">\n            <p>None at all! All our workshops are designed for complete beginners. Our instructors guide you step-by-step and we promise \u2014 you'll leave with something you're actually proud of.<\/p>\n          <\/div>\n        <\/div>\n        <div class=\"fi reveal\" style=\"transition-delay: 120ms;\">\n          <div class=\"fq\" onclick=\"toggleFaq(this)\">\n            <span>Can I bring young children?<\/span>\n            <span class=\"arr\">+<\/span>\n          <\/div>\n          <div class=\"fa\">\n            <p>Yes! The Play &amp; Mould workshop (RM10) is designed for kids aged 4+. Acrylic painting is great from around age 8 with a parent. We see lots of families and it's always a great time.<\/p>\n          <\/div>\n        <\/div>\n        <div class=\"fi reveal\" style=\"transition-delay: 180ms;\">\n          <div class=\"fq\" onclick=\"toggleFaq(this)\">\n            <span>How long is each session?<\/span>\n            <span class=\"arr\">+<\/span>\n          <\/div>\n          <div class=\"fa\">\n            <p>Most workshops run 1.5 to 2 hours. The clay session is about 1 hour. Corporate and birthday packages can be customised.<\/p>\n          <\/div>\n        <\/div>\n        <div class=\"fi reveal\" style=\"transition-delay: 0ms;\">\n          <div class=\"fq\" onclick=\"toggleFaq(this)\">\n            <span>What do I need to bring?<\/span>\n            <span class=\"arr\">+<\/span>\n          <\/div>\n          <div class=\"fa\">\n            <p>Just yourself! All materials \u2014 paint, canvas, brushes, aprons \u2014 are included. We recommend wearing clothes you don't mind getting paint on, just in case.<\/p>\n          <\/div>\n        <\/div>\n        <div class=\"fi reveal\" style=\"transition-delay: 60ms;\">\n          <div class=\"fq\" onclick=\"toggleFaq(this)\">\n            <span>Can I book for a group?<\/span>\n            <span class=\"arr\">+<\/span>\n          <\/div>\n          <div class=\"fa\">\n            <p>Absolutely \u2014 we love groups! For 8+ or corporate team building, WhatsApp us directly and we'll arrange a private session. We've hosted SG companies, birthday groups, and family reunions.<\/p>\n          <\/div>\n        <\/div>\n        <div class=\"fi reveal\" style=\"transition-delay: 120ms;\">\n          <div class=\"fq\" onclick=\"toggleFaq(this)\">\n            <span>Where exactly are you located?<\/span>\n            <span class=\"arr\">+<\/span>\n          <\/div>\n          <div class=\"fa\">\n            <p>Eco Galleria, Iskandar Puteri, Johor Bahru \u2014 45 minutes from the Singapore Causeway. Free parking available. <a href=\"https:\/\/wa.me\/601154248179?text=Can+you+send+me+directions+to+Artroots%3F\" target=\"_blank\">WhatsApp us for directions \u2192<\/a><\/p>\n          <\/div>\n        <\/div>\n\n        <!-- Ceramic Painting FAQ Items -->\n        <div class=\"fi reveal\" style=\"transition-delay: 180ms;\">\n          <div class=\"fq\" onclick=\"toggleFaq(this)\">\n            <span>Is this a pottery-making class?<\/span>\n            <span class=\"arr\">+<\/span>\n          <\/div>\n          <div class=\"fa\">\n            <p>No. This is a paint-your-own ceramic workshop using ready-made ceramic pieces. You\u2019ll paint your ceramic tumbler or standard plate, and we\u2019ll handle the glazing and baking.<\/p>\n          <\/div>\n        <\/div>\n        <div class=\"fi reveal\" style=\"transition-delay: 0ms;\">\n          <div class=\"fq\" onclick=\"toggleFaq(this)\">\n            <span>When can I collect my finished ceramic?<\/span>\n            <span class=\"arr\">+<\/span>\n          <\/div>\n          <div class=\"fa\">\n            <p>Estimated collection is 3\u20134 weeks after the workshop, depending on the glazing and baking schedule.<\/p>\n          <\/div>\n        <\/div>\n        <div class=\"fi reveal\" style=\"transition-delay: 60ms;\">\n          <div class=\"fq\" onclick=\"toggleFaq(this)\">\n            <span>What ceramic pieces can I choose?<\/span>\n            <span class=\"arr\">+<\/span>\n          <\/div>\n          <div class=\"fa\">\n            <p>You can choose from a ceramic tumbler or standard plate, subject to availability.<\/p>\n          <\/div>\n        <\/div>\n        <div class=\"fi reveal\" style=\"transition-delay: 120ms;\">\n          <div class=\"fq\" onclick=\"toggleFaq(this)\">\n            <span>Is glazing and baking included?<\/span>\n            <span class=\"arr\">+<\/span>\n          <\/div>\n          <div class=\"fa\">\n            <p>Yes. Glazing and baking are included in the workshop price.<\/p>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- Reviews -->\n<section class=\"section reviews-section\" id=\"reviews\">\n  <div class=\"section-inner\">\n    <div class=\"reveal\" style=\"transition-delay: 180ms;\">\n      <span class=\"section-label\">What students say<\/span>\n      <h2 class=\"section-title\">Why people love Artroots<\/h2>\n    <\/div>\n    <div class=\"rating-hero reveal\" style=\"transition-delay: 0ms;\">\n      <div class=\"rating-num\">5.0<\/div>\n      <div class=\"rating-detail\">\n        <div class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n        <p style=\"margin-bottom: 8px;\">Perfect score \u2014 100+ Google &amp; Facebook reviews<\/p>\n        <div class=\"rating-links\" style=\"display: flex; gap: 16px; flex-wrap: wrap;\">\n          <a href=\"https:\/\/www.google.com\/search?q=Artroots+Studio+Eco+Galleria#lrd=0x31da730040f7d549:0xa66336ff32658ddf,1\" target=\"_blank\" style=\"font-size: 13px; color: var(--terra); font-weight: 600; text-decoration: none; border-bottom: 1px solid var(--terra-light); padding-bottom: 1px; transition: color 0.2s;\" onmouseover=\"this.style.color='var(--terra-2)'\" onmouseout=\"this.style.color='var(--terra)'\">Read all Google reviews \u2192<\/a>\n          <a href=\"https:\/\/www.facebook.com\/artroots.studio\/reviews\/\" target=\"_blank\" style=\"font-size: 13px; color: var(--terra); font-weight: 600; text-decoration: none; border-bottom: 1px solid var(--terra-light); padding-bottom: 1px; transition: color 0.2s;\" onmouseover=\"this.style.color='var(--terra-2)'\" onmouseout=\"this.style.color='var(--terra)'\">Read Facebook reviews \u2192<\/a>\n        <\/div>\n      <\/div>\n    <\/div>\n    <div class=\"reviews-grid\">\n      <div class=\"rv reveal\" style=\"transition-delay: 60ms;\">\n        <div class=\"rv-stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n        <p class=\"rv-text\">\"I came with zero art experience and left with a painting I'm actually proud of! The instructor was so patient and made it so fun. Definitely coming back with my family.\"<\/p>\n        <div class=\"rv-footer\">\n          <div class=\"rv-person\">\n            <div class=\"rv-avatar\">S<\/div>\n            <div>\n              <div class=\"rv-name\">Sarah L.<\/div>\n              <div class=\"rv-meta\">JB local \u00b7 2 months ago<\/div>\n            <\/div>\n          <\/div>\n          <div class=\"rv-source\"><img decoding=\"async\" draggable=\"false\" role=\"img\" class=\"emoji\" alt=\"\ud83d\udfe2\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/17.0.2\/svg\/1f7e2.svg\"> Google<\/div>\n        <\/div>\n      <\/div>\n      <div class=\"rv reveal\" style=\"transition-delay: 120ms;\">\n        <div class=\"rv-stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n        <p class=\"rv-text\">\"We did corporate team building here \u2014 15 of us from Singapore. Amazing experience! Great alternative to the usual activities and the team was so accommodating.\"<\/p>\n        <div class=\"rv-footer\">\n          <div class=\"rv-person\">\n            <div class=\"rv-avatar\">M<\/div>\n            <div>\n              <div class=\"rv-name\">Marcus T.<\/div>\n              <div class=\"rv-meta\">Singapore \u00b7 1 month ago<\/div>\n            <\/div>\n          <\/div>\n          <div class=\"rv-source\"><img decoding=\"async\" draggable=\"false\" role=\"img\" class=\"emoji\" alt=\"\ud83d\udfe2\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/17.0.2\/svg\/1f7e2.svg\"> Google<\/div>\n        <\/div>\n      <\/div>\n      <div class=\"rv reveal\" style=\"transition-delay: 180ms;\">\n        <div class=\"rv-stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n        <p class=\"rv-text\">\"Brought my 7-year-old for the clay workshop \u2014 she absolutely loved it! Really affordable and the staff were so great with kids. Already planning our next visit!\"<\/p>\n        <div class=\"rv-footer\">\n          <div class=\"rv-person\">\n            <div class=\"rv-avatar\">A<\/div>\n            <div>\n              <div class=\"rv-name\">Alicia W.<\/div>\n              <div class=\"rv-meta\">Singapore \u00b7 3 weeks ago<\/div>\n            <\/div>\n          <\/div>\n          <div class=\"rv-source\"><img decoding=\"async\" draggable=\"false\" role=\"img\" class=\"emoji\" alt=\"\ud83d\udd35\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/17.0.2\/svg\/1f535.svg\"> Facebook<\/div>\n        <\/div>\n      <\/div>\n      <div class=\"rv reveal\" style=\"transition-delay: 0ms;\">\n        <div class=\"rv-stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n        <p class=\"rv-text\">\"The batik colouring session was so therapeutic! Great way to spend a weekend afternoon. The studio is beautiful and honestly so Instagram-worthy. Highly recommend!\"<\/p>\n        <div class=\"rv-footer\">\n          <div class=\"rv-person\">\n            <div class=\"rv-avatar\">N<\/div>\n            <div>\n              <div class=\"rv-name\">Nadia R.<\/div>\n              <div class=\"rv-meta\">JB local \u00b7 1 month ago<\/div>\n            <\/div>\n          <\/div>\n          <div class=\"rv-source\"><img decoding=\"async\" draggable=\"false\" role=\"img\" class=\"emoji\" alt=\"\ud83d\udfe2\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/17.0.2\/svg\/1f7e2.svg\"> Google<\/div>\n        <\/div>\n      <\/div>\n      <div class=\"rv reveal\" style=\"transition-delay: 60ms;\">\n        <div class=\"rv-stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n        <p class=\"rv-text\">\"Date night done right. Neither of us can draw but we both made something we actually liked. The instructor's encouragement really helped. We'll be back!\"<\/p>\n        <div class=\"rv-footer\">\n          <div class=\"rv-person\">\n            <div class=\"rv-avatar\">K<\/div>\n            <div>\n              <div class=\"rv-name\">Kevin &amp; Jess<\/div>\n              <div class=\"rv-meta\">Singapore \u00b7 2 months ago<\/div>\n            <\/div>\n          <\/div>\n          <div class=\"rv-source\"><img decoding=\"async\" draggable=\"false\" role=\"img\" class=\"emoji\" alt=\"\ud83d\udfe2\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/17.0.2\/svg\/1f7e2.svg\"> Google<\/div>\n        <\/div>\n      <\/div>\n      <div class=\"rv reveal\" style=\"transition-delay: 120ms;\">\n        <div class=\"rv-stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n        <p class=\"rv-text\">\"Hosted my daughter's birthday party here. Artroots handled everything \u2014 setup, instructions, even cleanup. Worth every ringgit. The kids went home happy and creative!\"<\/p>\n        <div class=\"rv-footer\">\n          <div class=\"rv-person\">\n            <div class=\"rv-avatar\">F<\/div>\n            <div>\n              <div class=\"rv-name\">Faridah A.<\/div>\n              <div class=\"rv-meta\">JB local \u00b7 3 weeks ago<\/div>\n            <\/div>\n          <\/div>\n          <div class=\"rv-source\"><img decoding=\"async\" draggable=\"false\" role=\"img\" class=\"emoji\" alt=\"\ud83d\udd35\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/17.0.2\/svg\/1f535.svg\"> Facebook<\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- SG Visitor Card -->\n\n\n<!-- Book Panel -->\n\n\n<!-- Not Ready -->\n<section class=\"not-ready\">\n  <h2>Get first access to new dates<\/h2>\n  <p>Join our WhatsApp broadcast list. No spam \u2014 just new sessions, availability and the occasional members-only discount.<\/p>\n  <a href=\"https:\/\/wa.me\/601154248179?text=Hi!+I'd+like+to+join+the+Artroots+workshop+update+list.\" target=\"_blank\" class=\"btn-nr\"><img decoding=\"async\" draggable=\"false\" role=\"img\" class=\"emoji\" alt=\"\ud83d\udcac\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/17.0.2\/svg\/1f4ac.svg\"> Save My Spot on the List<\/a>\n<\/section>\n\n<!-- Floating WhatsApp Button (Desktop\/Tablet only) -->\n<a id=\"artroots-floating-wa\" href=\"https:\/\/wa.me\/601154248179?text=Hi!+I'd+like+to+book+a+workshop+at+Artroots.\" target=\"_blank\" aria-label=\"Chat on WhatsApp\">\n  <svg viewBox=\"0 0 24 24\" fill=\"currentColor\">\n    <path d=\"M.057 24l1.687-6.163c-1.041-1.804-1.588-3.849-1.587-5.946C.06 5.348 5.397.01 12.008.01c3.202.001 6.212 1.246 8.477 3.514 2.266 2.268 3.507 5.28 3.505 8.484-.004 6.657-5.34 11.997-11.953 11.997-2.005-.001-3.973-.502-5.724-1.458L0 24zm6.59-4.846c1.6.95 3.188 1.449 4.625 1.451 5.48.002 9.936-4.411 9.94-9.83.002-2.628-1.02-5.1-2.88-6.962C16.417 1.959 13.94 1.939 12 1.939c-5.485 0-9.94 4.414-9.944 9.833-.002 1.902.508 3.758 1.481 5.378L2.516 21.63l4.57-1.196L7 20zM17 14.25c-.27-.135-1.582-.78-1.83-.87-.243-.09-.42-.135-.593.135-.172.27-.67.87-.822 1.04-.15.18-.3.2-.57.065-.27-.135-1.14-.42-2.17-1.34-.8-.71-1.34-1.59-1.5-1.86-.15-.27-.015-.415.12-.55.12-.12.27-.315.4-.472.13-.156.17-.27.26-.45.09-.18.04-.33-.02-.47-.06-.135-.59-1.42-.81-1.94-.21-.52-.43-.45-.59-.46-.15-.008-.33-.01-.5-.01-.17 0-.45.06-.68.32-.23.25-.87.85-.87 2.08 0 1.22.89 2.41 1.01 2.58.12.17 1.75 2.67 4.23 3.74.59.25 1.05.4 1.41.52.59.19 1.13.16 1.56.1.48-.07 1.58-.65 1.8-.1.22-.55.22-.96.15-1.04-.07-.075-.27-.12-.54-.255z\"><\/path>\n  <\/svg>\n<\/a>\n\n<!-- Mobile Sticky Booking Bar (Mobile only) -->\n<div id=\"artroots-sticky\">\n  <div class=\"sb-inner\">\n    <a href=\"#book\" class=\"sb-book\"><img decoding=\"async\" draggable=\"false\" role=\"img\" class=\"emoji\" alt=\"\ud83d\udcc5\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/17.0.2\/svg\/1f4c5.svg\"> Book a Workshop<\/a>\n    <a href=\"https:\/\/wa.me\/601154248179?text=Hi!+I'd+like+to+book+a+workshop+at+Artroots.\" target=\"_blank\" class=\"sb-wa\" aria-label=\"Book via WhatsApp\">\n      <svg style=\"width:24px;height:24px;fill:currentColor;\" viewBox=\"0 0 24 24\">\n        <path d=\"M.057 24l1.687-6.163c-1.041-1.804-1.588-3.849-1.587-5.946C.06 5.348 5.397.01 12.008.01c3.202.001 6.212 1.246 8.477 3.514 2.266 2.268 3.507 5.28 3.505 8.484-.004 6.657-5.34 11.997-11.953 11.997-2.005-.001-3.973-.502-5.724-1.458L0 24zm6.59-4.846c1.6.95 3.188 1.449 4.625 1.451 5.48.002 9.936-4.411 9.94-9.83.002-2.628-1.02-5.1-2.88-6.962C16.417 1.959 13.94 1.939 12 1.939c-5.485 0-9.94 4.414-9.944 9.833-.002 1.902.508 3.758 1.481 5.378L2.516 21.63l4.57-1.196L7 20zM17 14.25c-.27-.135-1.582-.78-1.83-.87-.243-.09-.42-.135-.593.135-.172.27-.67.87-.822 1.04-.15.18-.3.2-.57.065-.27-.135-1.14-.42-2.17-1.34-.8-.71-1.34-1.59-1.5-1.86-.15-.27-.015-.415.12-.55.12-.12.27-.315.4-.472.13-.156.17-.27.26-.45.09-.18.04-.33-.02-.47-.06-.135-.59-1.42-.81-1.94-.21-.52-.43-.45-.59-.46-.15-.008-.33-.01-.5-.01-.17 0-.45.06-.68.32-.23.25-.87.85-.87 2.08 0 1.22.89 2.41 1.01 2.58.12.17 1.75 2.67 4.23 3.74.59.25 1.05.4 1.41.52.59.19 1.13.16 1.56.1.48-.07 1.58-.65 1.8-.1.22-.55.22-.96.15-1.04-.07-.075-.27-.12-.54-.255z\"><\/path>\n      <\/svg>\n    <\/a>\n  <\/div>\n<\/div>\n\n<!-- ============================================================\n     FOOTER\n============================================================ -->\n<footer>\n  <div class=\"container\">\n    <div class=\"footer-row\">\n      <div class=\"footer-brand\">\n        <strong>ArtRoots Studio<\/strong>\n        <span>\u00a9 2025 ArtRoots Studio \u00b7 Eco Galleria, Johor Bahru<\/span>\n      <\/div>\n      <nav class=\"footer-nav\" aria-label=\"Footer links\">\n        <a href=\"https:\/\/artroots.studio\/#workshops\">Workshops<\/a>\n        <a href=\"https:\/\/artroots.studio\/#birthday\">Birthday<\/a>\n        <a href=\"https:\/\/artroots.studio\/#groups\">Groups<\/a>\n        <a href=\"https:\/\/artroots.studio\/#gallery\">Gallery<\/a>\n        <a href=\"https:\/\/artroots.studio\/#location\">Location<\/a>\n      <\/nav>\n      <p class=\"footer-credit\">Made with <img decoding=\"async\" draggable=\"false\" role=\"img\" class=\"emoji\" alt=\"\ud83c\udfa8\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/17.0.2\/svg\/1f3a8.svg\"> in Johor Bahru<\/p>\n    <\/div>\n  <\/div>\n<\/footer>\n\n<script>\n  \/* --- Header scroll shadow --- *\/\n  const header = document.getElementById('header');\n  if (header) {\n    window.addEventListener('scroll', () => {\n      header.classList.toggle('scrolled', window.scrollY > 50);\n    }, { passive: true });\n  }\n\n  \/* --- Hamburger \/ mobile drawer --- *\/\n  const hamBtn = document.getElementById('ham-btn');\n  const drawer = document.getElementById('mobile-drawer');\n\n  if (hamBtn && drawer) {\n    hamBtn.addEventListener('click', () => {\n      const open = drawer.classList.toggle('open');\n      hamBtn.classList.toggle('open', open);\n      hamBtn.setAttribute('aria-expanded', open);\n      document.body.style.overflow = open ? 'hidden' : '';\n    });\n\n    document.querySelectorAll('.mob-link').forEach(l => {\n      l.addEventListener('click', () => {\n        drawer.classList.remove('open');\n        hamBtn.classList.remove('open');\n        hamBtn.setAttribute('aria-expanded', 'false');\n        document.body.style.overflow = '';\n      });\n    });\n\n    document.addEventListener('click', e => {\n      if (drawer.classList.contains('open') && !drawer.contains(e.target) && !hamBtn.contains(e.target)) {\n        drawer.classList.remove('open');\n        hamBtn.classList.remove('open');\n        hamBtn.setAttribute('aria-expanded', 'false');\n        document.body.style.overflow = '';\n      }\n    });\n  }\n\n\/\/ Scroll reveal\nconst observer = new IntersectionObserver((entries) => {\n  entries.forEach(e => {\n    if (e.isIntersecting) {\n      e.target.classList.add('visible');\n      observer.unobserve(e.target);\n    }\n  });\n}, { threshold: 0.1, rootMargin: '0px 0px -40px 0px' });\n\ndocument.querySelectorAll('.reveal').forEach((el, i) => {\n  el.style.transitionDelay = `${(i % 4) * 60}ms`;\n  observer.observe(el);\n});\n\n\/\/ FAQ toggle\nfunction toggleFaq(el) {\n  const item = el.closest('.fi');\n  const isOpen = item.classList.contains('open');\n  document.querySelectorAll('.fi.open').forEach(f => f.classList.remove('open'));\n  if (!isOpen) item.classList.add('open');\n}\n\n\/\/ --- Dynamic Booking Panel & Calendly Setup ---\nconst workshops = {\n  'acrylic-painting': {\n    name: 'Free Flow Painting Workshop',\n    price: 'RM35',\n    duration: '1.5 hours',\n    materials: 'All materials included',\n    slug: 'acrylic-painting'\n  },\n  'texture-painting': {\n    name: 'Texture Painting Workshop',\n    price: 'RM45',\n    duration: '1 hour',\n    materials: 'All materials included',\n    slug: 'texture-painting'\n  },\n  'batik-painting': {\n    name: 'Batik Painting Workshop',\n    price: 'RM25',\n    duration: '1 hour',\n    materials: 'All materials included',\n    slug: 'batik-painting'\n  },\n  'clay-play': {\n    name: 'Play & Mould Workshop',\n    price: 'RM10',\n    duration: '1 hour',\n    materials: 'All materials included',\n    slug: 'clay-play'\n  },\n  'punch-needle': {\n    name: 'Punch Needle Workshop',\n    duration: '~2 hours',\n    materials: 'All materials included',\n    slug: 'punch-needle'\n  },\n  'ceramic-painting': {\n    name: 'Paint Your Own Ceramic Workshop',\n    price: 'RM90',\n    duration: '1.5 hours',\n    materials: 'Glazing & baking included',\n    slug: 'paint-your-own-ceramic'\n  },\n  'easy-chill': {\n    name: 'Easy & Chill Crafts',\n    duration: '~1\u20131.5 hours',\n    materials: 'All materials included',\n    slug: 'easy-chill'\n  },\n  'mini-pottery': {\n    name: 'Mini Pottery',\n    duration: '1.5 hours',\n    materials: 'All materials included',\n    slug: 'special-workshop'\n  },\n  'decide-in-studio': {\n    name: 'Decide in Studio',\n    duration: '1 hour',\n    materials: 'All materials included',\n    slug: 'decide_in_studio'\n  }\n};\n\nlet calendlyScriptLoading = false;\nfunction ensureCalendlyLoaded(callback) {\n  if (window.Calendly) {\n    callback();\n    return;\n  }\n  \n  if (calendlyScriptLoading) {\n    const checkInterval = setInterval(() => {\n      if (window.Calendly) {\n        clearInterval(checkInterval);\n        callback();\n      }\n    }, 100);\n    return;\n  }\n  \n  calendlyScriptLoading = true;\n  const script = document.createElement('script');\n  script.type = 'text\/javascript';\n  script.src = 'https:\/\/assets.calendly.com\/assets\/external\/widget.js';\n  script.async = true;\n  script.onload = function() {\n    calendlyScriptLoading = false;\n    callback();\n  };\n  document.body.appendChild(script);\n}\n\nfunction getUTMParams() {\n  const urlParams = new URLSearchParams(window.location.search);\n  const utm = {};\n  const keys = ['utm_source', 'utm_medium', 'utm_campaign', 'utm_content', 'utm_term'];\n  keys.forEach(k => {\n    if (urlParams.has(k)) {\n      utm[k] = urlParams.get(k);\n    }\n  });\n  if (!utm.utm_source) utm.utm_source = 'website';\n  if (!utm.utm_medium) utm.utm_medium = 'booking_page';\n  return utm;\n}\n\nfunction selectWorkshop(workshopId) {\n  document.querySelectorAll('.tab-btn').forEach(btn => {\n    if (btn.getAttribute('data-tab') === workshopId) {\n      btn.classList.add('active');\n    } else {\n      btn.classList.remove('active');\n    }\n  });\n\n  const confirmLine = document.getElementById('booking-confirmation-line');\n  const subNote = document.getElementById('booking-sub-note');\n  const embedContainer = document.getElementById('calendly-embed-container');\n  const redirectContainer = document.getElementById('mobile-booking-redirect-container');\n  const redirectBtn = document.getElementById('mobile-booking-redirect-btn');\n  const formContainer = document.getElementById('group-enquiry-container');\n  const ceramicContainer = document.getElementById('ceramic-painting-container');\n  \n  if (workshopId === 'group-enquiry') {\n    confirmLine.innerText = \"You're enquiring: Group & Corporate Events Consultation Call\";\n    confirmLine.style.background = 'var(--terra-light)';\n    confirmLine.style.color = 'var(--terra)';\n    \n    if (subNote) {\n      subNote.innerText = \"Includes a guided activity and drinks; decorations on larger packages. Add fresh flowers +RM100. Tell us your group size below for an exact quote.\";\n    }\n    \n    embedContainer.style.display = 'none';\n    redirectContainer.style.display = 'none';\n    formContainer.style.display = 'block';\n    if (ceramicContainer) ceramicContainer.style.display = 'none';\n  } else {\n    const info = workshops[workshopId];\n    if (info) {\n      confirmLine.innerText = `You're booking: ${info.name} \u00b7 ${info.duration} \u00b7 ${info.materials}`;\n      confirmLine.style.background = 'var(--terra-light)';\n      confirmLine.style.color = 'var(--terra)';\n      \n      if (subNote) {\n        if (workshopId === 'ceramic-painting') {\n          subNote.innerText = \"Choose your ceramic piece during the session: Ceramic Tumbler or Standard Plate. Finished item will be ready for collection after glazing and baking, estimated 3\u20134 weeks.\";\n        } else {\n          subNote.innerText = \"Each workshop comes in several designs \u2014 pick your favourite when you arrive. Workshops start from RM10.\";\n        }\n      }\n      \n      const utmObj = getUTMParams();\n      const utmStr = Object.keys(utmObj).map(key => `${key}=${encodeURIComponent(utmObj[key])}`).join('&');\n      const mobileUrl = `https:\/\/calendly.com\/artroots_studio\/${info.slug}?${utmStr}`;\n      redirectBtn.href = mobileUrl;\n      \n      \/\/ Update redirect button text based on selected workshop\n      if (workshopId === 'ceramic-painting') {\n        redirectBtn.innerHTML = `Choose Ceramic Painting Date \u2192`;\n      } else if (workshopId === 'mini-pottery') {\n        redirectBtn.innerHTML = `Choose Mini Pottery Date \u2192`;\n      } else {\n        redirectBtn.innerHTML = `<img decoding=\"async\" draggable=\"false\" role=\"img\" class=\"emoji\" alt=\"\ud83d\udcc5\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/17.0.2\/svg\/1f4c5.svg\"> Open Booking Calendar \u2192`;\n      }\n\n      formContainer.style.display = 'none';\n      embedContainer.style.display = '';\n      redirectContainer.style.display = '';\n      \n      const miniPotteryContainer = document.getElementById('mini-pottery-container');\n      if (workshopId === 'ceramic-painting') {\n        if (ceramicContainer) ceramicContainer.style.display = 'block';\n        if (miniPotteryContainer) miniPotteryContainer.style.display = 'none';\n      } else if (workshopId === 'mini-pottery') {\n        if (ceramicContainer) ceramicContainer.style.display = 'none';\n        if (miniPotteryContainer) miniPotteryContainer.style.display = 'block';\n      } else {\n        if (ceramicContainer) ceramicContainer.style.display = 'none';\n        if (miniPotteryContainer) miniPotteryContainer.style.display = 'none';\n      }\n      \n      embedContainer.innerHTML = '';\n      redirectContainer.style.display = '';\n      ensureCalendlyLoaded(() => {\n        Calendly.initInlineWidget({\n          url: `https:\/\/calendly.com\/artroots_studio\/${info.slug}`,\n          parentElement: embedContainer,\n          prefill: {},\n          utm: getUTMParams()\n        });\n      });\n    }\n  }\n}\n\ndocument.querySelectorAll('.btn-book').forEach(btn => {\n  btn.addEventListener('click', function(e) {\n    const workshopId = this.getAttribute('data-workshop');\n    \n    if (window.innerWidth < 768) {\n      e.preventDefault();\n      if (workshopId === 'corporate-team-building') {\n        const utmObj = getUTMParams();\n        const utmStr = Object.keys(utmObj).map(key => `${key}=${encodeURIComponent(utmObj[key])}`).join('&');\n        window.open(`https:\/\/calendly.com\/artroots_studio\/birthday-party?${utmStr}`, '_blank');\n      } else if (workshopId === 'birthday-party-enquiry') {\n        const utmObj = getUTMParams();\n        const utmStr = Object.keys(utmObj).map(key => `${key}=${encodeURIComponent(utmObj[key])}`).join('&');\n        window.open(`https:\/\/calendly.com\/artroots_studio\/birthday-party?${utmStr}`, '_blank');\n      } else {\n        const info = workshops[workshopId];\n        if (info) {\n          const utmObj = getUTMParams();\n          const utmStr = Object.keys(utmObj).map(key => `${key}=${encodeURIComponent(utmObj[key])}`).join('&');\n          window.open(`https:\/\/calendly.com\/artroots_studio\/${info.slug}?${utmStr}`, '_blank');\n        }\n      }\n    } else {\n      if (workshopId === 'corporate-team-building') {\n        e.preventDefault();\n        selectWorkshop('group-enquiry');\n        document.getElementById('enquiry-type').value = 'Team Building';\n        document.getElementById('book').scrollIntoView({ behavior: 'smooth' });\n      } else if (workshopId === 'birthday-party-enquiry') {\n        e.preventDefault();\n        selectWorkshop('group-enquiry');\n        document.getElementById('enquiry-type').value = 'Birthday Party';\n        document.getElementById('book').scrollIntoView({ behavior: 'smooth' });\n      } else if (workshops[workshopId]) {\n        e.preventDefault();\n        selectWorkshop(workshopId);\n        document.getElementById('book').scrollIntoView({ behavior: 'smooth' });\n      }\n    }\n  });\n});\n\ndocument.querySelectorAll('.tab-btn').forEach(btn => {\n  btn.addEventListener('click', function() {\n    const tabId = this.getAttribute('data-tab');\n    selectWorkshop(tabId);\n  });\n});\n\ndocument.getElementById('group-booking-form').addEventListener('submit', function(e) {\n  e.preventDefault();\n  \n  const formData = new FormData(this);\n  const successDiv = document.getElementById('enquiry-success');\n  const formEl = this;\n  \n  \/\/ Disable submit button\/inputs to prevent double submission\n  const submitBtn = formEl.querySelector('button[type=\"submit\"]');\n  const originalBtnText = submitBtn.innerHTML;\n  submitBtn.disabled = true;\n  submitBtn.innerHTML = 'Sending...';\n\n  \/\/ Add action parameter for WordPress AJAX\n  formData.append('action', 'artroots_group_enquiry');\n  \n  fetch('\/wp-admin\/admin-ajax.php', {\n    method: 'POST',\n    body: formData\n  })\n  .then(res => res.json())\n  .then(data => {\n    if (data.success) {\n      formEl.style.display = 'none';\n      successDiv.style.display = 'block';\n    } else {\n      alert(data.data.message || 'Something went wrong. Please try via WhatsApp.');\n      submitBtn.disabled = false;\n      submitBtn.innerHTML = originalBtnText;\n    }\n  })\n  .catch(err => {\n    console.error('Error submitting form:', err);\n    alert('Something went wrong. Please try submitting via WhatsApp.');\n    submitBtn.disabled = false;\n    submitBtn.innerHTML = originalBtnText;\n  });\n});\n\ndocument.getElementById('btn-submit-wa').addEventListener('click', function() {\n  const name = document.getElementById('enquiry-name').value;\n  const contact = document.getElementById('enquiry-contact').value;\n  const type = document.getElementById('enquiry-type').value;\n  const size = document.getElementById('enquiry-size').value;\n  const date = document.getElementById('enquiry-date').value;\n  const notes = document.getElementById('enquiry-notes').value;\n\n  if (!name || !contact || !size || !date) {\n    alert('Please fill out all required fields.');\n    return;\n  }\n\n  const message = `Hi Artroots! I'd like to make a group booking enquiry.\\n\\n` +\n    `*Name:* ${name}\\n` +\n    `*Contact:* ${contact}\\n` +\n    `*Type:* ${type}\\n` +\n    `*Group Size:* ${size} pax\\n` +\n    `*Preferred Date:* ${date}\\n` +\n    `*Notes:* ${notes || 'None'}`;\n\n  const waUrl = `https:\/\/wa.me\/601154248179?text=${encodeURIComponent(message)}`;\n  window.open(waUrl, '_blank');\n\n  document.getElementById('group-booking-form').style.display = 'none';\n  document.getElementById('enquiry-success').style.display = 'block';\n});\n\ndocument.addEventListener('DOMContentLoaded', () => {\n  selectWorkshop('batik-painting');\n  \n  \/\/ Direct hash routing logic on page load and hash change\n  function handleHashRoute() {\n    const hash = window.location.hash;\n    if (!hash) return;\n    \n    let targetTab = null;\n    if (hash === '#book-ceramic') {\n      targetTab = 'ceramic-painting';\n    } else if (hash === '#book-mini-pottery') {\n      targetTab = 'mini-pottery';\n    } else if (hash === '#book-batik') {\n      targetTab = 'batik-painting';\n    } else if (hash === '#book-texture') {\n      targetTab = 'texture-painting';\n    } else if (hash === '#book-free-flow') {\n      targetTab = 'acrylic-painting';\n    }\n    \n    if (targetTab) {\n      selectWorkshop(targetTab);\n      setTimeout(() => {\n        const bookPanel = document.getElementById('book-panel');\n        if (bookPanel) {\n          bookPanel.scrollIntoView({ behavior: 'smooth' });\n        }\n      }, 100);\n    } else if (hash === '#book') {\n      setTimeout(() => {\n        const bookPanel = document.getElementById('book-panel');\n        if (bookPanel) {\n          bookPanel.scrollIntoView({ behavior: 'smooth' });\n        }\n      }, 100);\n    }\n  }\n\n  \/\/ Intercept click on hash links pointing to booking section\n  document.querySelectorAll('a[href^=\"#book\"]').forEach(link => {\n    link.addEventListener('click', function(e) {\n      const targetHref = this.getAttribute('href');\n      if (targetHref.startsWith('#book-')) {\n        e.preventDefault();\n        window.location.hash = targetHref;\n        handleHashRoute();\n      } else if (targetHref === '#book') {\n        e.preventDefault();\n        window.location.hash = '#book';\n        handleHashRoute();\n      }\n    });\n  });\n\n  window.addEventListener('hashchange', handleHashRoute);\n  \/\/ Run once on load after a short delay\n  setTimeout(handleHashRoute, 400);\n});\n<\/script>\t\t\t\t\n\n\n<script>\n  \/* --- Header scroll shadow --- *\/\n  const header = document.getElementById('header');\n  if (header) {\n    window.addEventListener('scroll', () => {\n      header.classList.toggle('scrolled', window.scrollY > 50);\n    }, { passive: true });\n  }\n\n  \/* --- Hamburger \/ mobile drawer --- *\/\n  const hamBtn = document.getElementById('ham-btn');\n  const drawer = document.getElementById('mobile-drawer');\n\n  if (hamBtn && drawer) {\n    hamBtn.addEventListener('click', () => {\n      const open = drawer.classList.toggle('open');\n      hamBtn.classList.toggle('open', open);\n      hamBtn.setAttribute('aria-expanded', open);\n      document.body.style.overflow = open ? 'hidden' : '';\n    });\n\n    document.querySelectorAll('.mob-link').forEach(l => {\n      l.addEventListener('click', () => {\n        drawer.classList.remove('open');\n        hamBtn.classList.remove('open');\n        hamBtn.setAttribute('aria-expanded', 'false');\n        document.body.style.overflow = '';\n      });\n    });\n\n    document.addEventListener('click', e => {\n      if (drawer.classList.contains('open') && !drawer.contains(e.target) && !hamBtn.contains(e.target)) {\n        drawer.classList.remove('open');\n        hamBtn.classList.remove('open');\n        hamBtn.setAttribute('aria-expanded', 'false');\n        document.body.style.overflow = '';\n      }\n    });\n  }\n\n\/\/ Scroll reveal\nconst observer = new IntersectionObserver((entries) => {\n  entries.forEach(e => {\n    if (e.isIntersecting) {\n      e.target.classList.add('visible');\n      observer.unobserve(e.target);\n    }\n  });\n}, { threshold: 0.1, rootMargin: '0px 0px -40px 0px' });\n\ndocument.querySelectorAll('.reveal').forEach((el, i) => {\n  el.style.transitionDelay = `${(i % 4) * 60}ms`;\n  observer.observe(el);\n});\n\n\/\/ FAQ toggle\nfunction toggleFaq(el) {\n  const item = el.closest('.fi');\n  const isOpen = item.classList.contains('open');\n  document.querySelectorAll('.fi.open').forEach(f => f.classList.remove('open'));\n  if (!isOpen) item.classList.add('open');\n}\n\n\/\/ --- Dynamic Booking Panel & Calendly Setup ---\nconst workshops = {\n  'acrylic-painting': {\n    name: 'Free Flow Painting Workshop',\n    price: 'RM35',\n    duration: '1.5 hours',\n    materials: 'All materials included',\n    slug: 'acrylic-painting'\n  },\n  'texture-painting': {\n    name: 'Texture Painting Workshop',\n    price: 'RM45',\n    duration: '1 hour',\n    materials: 'All materials included',\n    slug: 'texture-painting'\n  },\n  'batik-painting': {\n    name: 'Batik Painting Workshop',\n    price: 'RM25',\n    duration: '1 hour',\n    materials: 'All materials included',\n    slug: 'batik-painting'\n  },\n  'clay-play': {\n    name: 'Play & Mould Workshop',\n    price: 'RM10',\n    duration: '1 hour',\n    materials: 'All materials included',\n    slug: 'clay-play'\n  },\n  'punch-needle': {\n    name: 'Punch Needle Workshop',\n    duration: '~2 hours',\n    materials: 'All materials included',\n    slug: 'punch-needle'\n  },\n  'ceramic-painting': {\n    name: 'Paint Your Own Ceramic Workshop',\n    price: 'RM90',\n    duration: '1.5 hours',\n    materials: 'Glazing & baking included',\n    slug: 'paint-your-own-ceramic'\n  },\n  'easy-chill': {\n    name: 'Easy & Chill Crafts',\n    duration: '~1\u20131.5 hours',\n    materials: 'All materials included',\n    slug: 'easy-chill'\n  },\n  'mini-pottery': {\n    name: 'Mini Pottery',\n    duration: '1.5 hours',\n    materials: 'All materials included',\n    slug: 'special-workshop'\n  },\n  'decide-in-studio': {\n    name: 'Decide in Studio',\n    duration: '1 hour',\n    materials: 'All materials included',\n    slug: 'decide_in_studio'\n  }\n};\n\nlet calendlyScriptLoading = false;\nfunction ensureCalendlyLoaded(callback) {\n  if (window.Calendly) {\n    callback();\n    return;\n  }\n  \n  if (calendlyScriptLoading) {\n    const checkInterval = setInterval(() => {\n      if (window.Calendly) {\n        clearInterval(checkInterval);\n        callback();\n      }\n    }, 100);\n    return;\n  }\n  \n  calendlyScriptLoading = true;\n  const script = document.createElement('script');\n  script.type = 'text\/javascript';\n  script.src = 'https:\/\/assets.calendly.com\/assets\/external\/widget.js';\n  script.async = true;\n  script.onload = function() {\n    calendlyScriptLoading = false;\n    callback();\n  };\n  document.body.appendChild(script);\n}\n\nfunction getUTMParams() {\n  const urlParams = new URLSearchParams(window.location.search);\n  const utm = {};\n  const keys = ['utm_source', 'utm_medium', 'utm_campaign', 'utm_content', 'utm_term'];\n  keys.forEach(k => {\n    if (urlParams.has(k)) {\n      utm[k] = urlParams.get(k);\n    }\n  });\n  if (!utm.utm_source) utm.utm_source = 'website';\n  if (!utm.utm_medium) utm.utm_medium = 'booking_page';\n  return utm;\n}\n\nfunction selectWorkshop(workshopId) {\n  document.querySelectorAll('.tab-btn').forEach(btn => {\n    if (btn.getAttribute('data-tab') === workshopId) {\n      btn.classList.add('active');\n    } else {\n      btn.classList.remove('active');\n    }\n  });\n\n  const confirmLine = document.getElementById('booking-confirmation-line');\n  const subNote = document.getElementById('booking-sub-note');\n  const embedContainer = document.getElementById('calendly-embed-container');\n  const redirectContainer = document.getElementById('mobile-booking-redirect-container');\n  const redirectBtn = document.getElementById('mobile-booking-redirect-btn');\n  const formContainer = document.getElementById('group-enquiry-container');\n  const ceramicContainer = document.getElementById('ceramic-painting-container');\n  \n  if (workshopId === 'group-enquiry') {\n    confirmLine.innerText = \"You're enquiring: Group & Corporate Events Consultation Call\";\n    confirmLine.style.background = 'var(--terra-light)';\n    confirmLine.style.color = 'var(--terra)';\n    \n    if (subNote) {\n      subNote.innerText = \"Includes a guided activity and drinks; decorations on larger packages. Add fresh flowers +RM100. Tell us your group size below for an exact quote.\";\n    }\n    \n    embedContainer.style.display = 'none';\n    redirectContainer.style.display = 'none';\n    formContainer.style.display = 'block';\n    if (ceramicContainer) ceramicContainer.style.display = 'none';\n  } else {\n    const info = workshops[workshopId];\n    if (info) {\n      confirmLine.innerText = `You're booking: ${info.name} \u00b7 ${info.duration} \u00b7 ${info.materials}`;\n      confirmLine.style.background = 'var(--terra-light)';\n      confirmLine.style.color = 'var(--terra)';\n      \n      if (subNote) {\n        if (workshopId === 'ceramic-painting') {\n          subNote.innerText = \"Choose your ceramic piece during the session: Ceramic Tumbler or Standard Plate. Finished item will be ready for collection after glazing and baking, estimated 3\u20134 weeks.\";\n        } else {\n          subNote.innerText = \"Each workshop comes in several designs \u2014 pick your favourite when you arrive. Workshops start from RM10.\";\n        }\n      }\n      \n      const utmObj = getUTMParams();\n      const utmStr = Object.keys(utmObj).map(key => `${key}=${encodeURIComponent(utmObj[key])}`).join('&');\n      const mobileUrl = `https:\/\/calendly.com\/artroots_studio\/${info.slug}?${utmStr}`;\n      redirectBtn.href = mobileUrl;\n      \n      \/\/ Update redirect button text based on selected workshop\n      if (workshopId === 'ceramic-painting') {\n        redirectBtn.innerHTML = `Choose Ceramic Painting Date \u2192`;\n      } else if (workshopId === 'mini-pottery') {\n        redirectBtn.innerHTML = `Choose Mini Pottery Date \u2192`;\n      } else {\n        redirectBtn.innerHTML = `<img decoding=\"async\" draggable=\"false\" role=\"img\" class=\"emoji\" alt=\"\ud83d\udcc5\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/17.0.2\/svg\/1f4c5.svg\"> Open Booking Calendar \u2192`;\n      }\n\n      formContainer.style.display = 'none';\n      embedContainer.style.display = '';\n      redirectContainer.style.display = '';\n      \n      const miniPotteryContainer = document.getElementById('mini-pottery-container');\n      if (workshopId === 'ceramic-painting') {\n        if (ceramicContainer) ceramicContainer.style.display = 'block';\n        if (miniPotteryContainer) miniPotteryContainer.style.display = 'none';\n      } else if (workshopId === 'mini-pottery') {\n        if (ceramicContainer) ceramicContainer.style.display = 'none';\n        if (miniPotteryContainer) miniPotteryContainer.style.display = 'block';\n      } else {\n        if (ceramicContainer) ceramicContainer.style.display = 'none';\n        if (miniPotteryContainer) miniPotteryContainer.style.display = 'none';\n      }\n      \n      embedContainer.innerHTML = '';\n      redirectContainer.style.display = '';\n      ensureCalendlyLoaded(() => {\n        Calendly.initInlineWidget({\n          url: `https:\/\/calendly.com\/artroots_studio\/${info.slug}`,\n          parentElement: embedContainer,\n          prefill: {},\n          utm: getUTMParams()\n        });\n      });\n    }\n  }\n}\n\ndocument.querySelectorAll('.btn-book').forEach(btn => {\n  btn.addEventListener('click', function(e) {\n    const workshopId = this.getAttribute('data-workshop');\n    \n    if (window.innerWidth < 768) {\n      e.preventDefault();\n      if (workshopId === 'corporate-team-building') {\n        const utmObj = getUTMParams();\n        const utmStr = Object.keys(utmObj).map(key => `${key}=${encodeURIComponent(utmObj[key])}`).join('&');\n        window.open(`https:\/\/calendly.com\/artroots_studio\/birthday-party?${utmStr}`, '_blank');\n      } else if (workshopId === 'birthday-party-enquiry') {\n        const utmObj = getUTMParams();\n        const utmStr = Object.keys(utmObj).map(key => `${key}=${encodeURIComponent(utmObj[key])}`).join('&');\n        window.open(`https:\/\/calendly.com\/artroots_studio\/birthday-party?${utmStr}`, '_blank');\n      } else {\n        const info = workshops[workshopId];\n        if (info) {\n          const utmObj = getUTMParams();\n          const utmStr = Object.keys(utmObj).map(key => `${key}=${encodeURIComponent(utmObj[key])}`).join('&');\n          window.open(`https:\/\/calendly.com\/artroots_studio\/${info.slug}?${utmStr}`, '_blank');\n        }\n      }\n    } else {\n      if (workshopId === 'corporate-team-building') {\n        e.preventDefault();\n        selectWorkshop('group-enquiry');\n        document.getElementById('enquiry-type').value = 'Team Building';\n        document.getElementById('book').scrollIntoView({ behavior: 'smooth' });\n      } else if (workshopId === 'birthday-party-enquiry') {\n        e.preventDefault();\n        selectWorkshop('group-enquiry');\n        document.getElementById('enquiry-type').value = 'Birthday Party';\n        document.getElementById('book').scrollIntoView({ behavior: 'smooth' });\n      } else if (workshops[workshopId]) {\n        e.preventDefault();\n        selectWorkshop(workshopId);\n        document.getElementById('book').scrollIntoView({ behavior: 'smooth' });\n      }\n    }\n  });\n});\n\ndocument.querySelectorAll('.tab-btn').forEach(btn => {\n  btn.addEventListener('click', function() {\n    const tabId = this.getAttribute('data-tab');\n    selectWorkshop(tabId);\n  });\n});\n\ndocument.getElementById('group-booking-form').addEventListener('submit', function(e) {\n  e.preventDefault();\n  \n  const formData = new FormData(this);\n  const successDiv = document.getElementById('enquiry-success');\n  const formEl = this;\n  \n  \/\/ Disable submit button\/inputs to prevent double submission\n  const submitBtn = formEl.querySelector('button[type=\"submit\"]');\n  const originalBtnText = submitBtn.innerHTML;\n  submitBtn.disabled = true;\n  submitBtn.innerHTML = 'Sending...';\n\n  \/\/ Add action parameter for WordPress AJAX\n  formData.append('action', 'artroots_group_enquiry');\n  \n  fetch('\/wp-admin\/admin-ajax.php', {\n    method: 'POST',\n    body: formData\n  })\n  .then(res => res.json())\n  .then(data => {\n    if (data.success) {\n      formEl.style.display = 'none';\n      successDiv.style.display = 'block';\n    } else {\n      alert(data.data.message || 'Something went wrong. Please try via WhatsApp.');\n      submitBtn.disabled = false;\n      submitBtn.innerHTML = originalBtnText;\n    }\n  })\n  .catch(err => {\n    console.error('Error submitting form:', err);\n    alert('Something went wrong. Please try submitting via WhatsApp.');\n    submitBtn.disabled = false;\n    submitBtn.innerHTML = originalBtnText;\n  });\n});\n\ndocument.getElementById('btn-submit-wa').addEventListener('click', function() {\n  const name = document.getElementById('enquiry-name').value;\n  const contact = document.getElementById('enquiry-contact').value;\n  const type = document.getElementById('enquiry-type').value;\n  const size = document.getElementById('enquiry-size').value;\n  const date = document.getElementById('enquiry-date').value;\n  const notes = document.getElementById('enquiry-notes').value;\n\n  if (!name || !contact || !size || !date) {\n    alert('Please fill out all required fields.');\n    return;\n  }\n\n  const message = `Hi Artroots! I'd like to make a group booking enquiry.\\n\\n` +\n    `*Name:* ${name}\\n` +\n    `*Contact:* ${contact}\\n` +\n    `*Type:* ${type}\\n` +\n    `*Group Size:* ${size} pax\\n` +\n    `*Preferred Date:* ${date}\\n` +\n    `*Notes:* ${notes || 'None'}`;\n\n  const waUrl = `https:\/\/wa.me\/601154248179?text=${encodeURIComponent(message)}`;\n  window.open(waUrl, '_blank');\n\n  document.getElementById('group-booking-form').style.display = 'none';\n  document.getElementById('enquiry-success').style.display = 'block';\n});\n\ndocument.addEventListener('DOMContentLoaded', () => {\n  selectWorkshop('batik-painting');\n  \n  \/\/ Direct hash routing logic on page load and hash change\n  function handleHashRoute() {\n    const hash = window.location.hash;\n    if (!hash) return;\n    \n    let targetTab = null;\n    if (hash === '#book-ceramic') {\n      targetTab = 'ceramic-painting';\n    } else if (hash === '#book-mini-pottery') {\n      targetTab = 'mini-pottery';\n    } else if (hash === '#book-batik') {\n      targetTab = 'batik-painting';\n    } else if (hash === '#book-texture') {\n      targetTab = 'texture-painting';\n    } else if (hash === '#book-free-flow') {\n      targetTab = 'acrylic-painting';\n    }\n    \n    if (targetTab) {\n      selectWorkshop(targetTab);\n      setTimeout(() => {\n        const bookPanel = document.getElementById('book-panel');\n        if (bookPanel) {\n          bookPanel.scrollIntoView({ behavior: 'smooth' });\n        }\n      }, 100);\n    } else if (hash === '#book') {\n      setTimeout(() => {\n        const bookPanel = document.getElementById('book-panel');\n        if (bookPanel) {\n          bookPanel.scrollIntoView({ behavior: 'smooth' });\n        }\n      }, 100);\n    }\n  }\n\n  \/\/ Intercept click on hash links pointing to booking section\n  document.querySelectorAll('a[href^=\"#book\"]').forEach(link => {\n    link.addEventListener('click', function(e) {\n      const targetHref = this.getAttribute('href');\n      if (targetHref.startsWith('#book-')) {\n        e.preventDefault();\n        window.location.hash = targetHref;\n        handleHashRoute();\n      } else if (targetHref === '#book') {\n        e.preventDefault();\n        window.location.hash = '#book';\n        handleHashRoute();\n      }\n    });\n  });\n\n  window.addEventListener('hashchange', handleHashRoute);\n  \/\/ Run once on load after a short delay\n  setTimeout(handleHashRoute, 400);\n});\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Workshops Birthday Groups Gallery Location Book Now \u2192 Workshops Birthday Parties Groups &amp; Corporate Gallery Location &amp; Hours Book a Workshop WhatsApp Us ArtRoots Studio Turns 1 Celebrate withMini Pottery in JB We\u2019re celebrating one creative year at ArtRoots Studio with a special Mini Pottery Workshop. Shape, decorate and take home your own mini piece [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-282","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.9 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Book an Art Workshop in Johor Bahru | ArtRoots Studio<\/title>\n<meta name=\"description\" content=\"Book your art workshop slot at ArtRoots Studio, Eco Galleria, JB. Select your preferred date and activity \u2014 Batik, clay, painting, and texture art sessions.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/artroots.studio\/ko\/book-now\/\" \/>\n<meta property=\"og:locale\" content=\"ko_KR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Book an Art Workshop in Johor Bahru | ArtRoots Studio\" \/>\n<meta property=\"og:description\" content=\"Book your art workshop slot at ArtRoots Studio, Eco Galleria, JB. Select your preferred date and activity \u2014 Batik, clay, painting, and texture art sessions.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/artroots.studio\/ko\/book-now\/\" \/>\n<meta property=\"og:site_name\" content=\"Artroots studio\" \/>\n<meta property=\"article:modified_time\" content=\"2026-06-21T15:02:02+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/artroots.studio\/wp-content\/uploads\/2025\/08\/Artroots-studio.png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/artroots.studio\/wp-content\/uploads\/2025\/08\/Artroots-studio.png\" \/>\n<meta name=\"twitter:label1\" content=\"\uc608\uc0c1 \ub418\ub294 \ud310\ub3c5 \uc2dc\uac04\" \/>\n\t<meta name=\"twitter:data1\" content=\"13\ubd84\" \/>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Book an Art Workshop in Johor Bahru | ArtRoots Studio","description":"Book your art workshop slot at ArtRoots Studio, Eco Galleria, JB. Select your preferred date and activity \u2014 Batik, clay, painting, and texture art sessions.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/artroots.studio\/ko\/book-now\/","og_locale":"ko_KR","og_type":"article","og_title":"Book an Art Workshop in Johor Bahru | ArtRoots Studio","og_description":"Book your art workshop slot at ArtRoots Studio, Eco Galleria, JB. Select your preferred date and activity \u2014 Batik, clay, painting, and texture art sessions.","og_url":"https:\/\/artroots.studio\/ko\/book-now\/","og_site_name":"Artroots studio","article_modified_time":"2026-06-21T15:02:02+00:00","og_image":[{"url":"https:\/\/artroots.studio\/wp-content\/uploads\/2025\/08\/Artroots-studio.png","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_image":"https:\/\/artroots.studio\/wp-content\/uploads\/2025\/08\/Artroots-studio.png","twitter_misc":{"\uc608\uc0c1 \ub418\ub294 \ud310\ub3c5 \uc2dc\uac04":"13\ubd84"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/artroots.studio\/book-now\/","url":"https:\/\/artroots.studio\/book-now\/","name":"Book an Art Workshop in Johor Bahru | ArtRoots Studio","isPartOf":{"@id":"https:\/\/artroots.studio\/#website"},"primaryImageOfPage":{"@id":"https:\/\/artroots.studio\/book-now\/#primaryimage"},"image":{"@id":"https:\/\/artroots.studio\/book-now\/#primaryimage"},"thumbnailUrl":"https:\/\/artroots.studio\/wp-content\/uploads\/2026\/06\/logo-black.png","datePublished":"2025-08-04T08:11:15+00:00","dateModified":"2026-06-21T15:02:02+00:00","description":"Book your art workshop slot at ArtRoots Studio, Eco Galleria, JB. Select your preferred date and activity \u2014 Batik, clay, painting, and texture art sessions.","breadcrumb":{"@id":"https:\/\/artroots.studio\/book-now\/#breadcrumb"},"inLanguage":"ko-KR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/artroots.studio\/book-now\/"]}]},{"@type":"ImageObject","inLanguage":"ko-KR","@id":"https:\/\/artroots.studio\/book-now\/#primaryimage","url":"https:\/\/artroots.studio\/wp-content\/uploads\/2026\/06\/logo-black.png","contentUrl":"https:\/\/artroots.studio\/wp-content\/uploads\/2026\/06\/logo-black.png"},{"@type":"BreadcrumbList","@id":"https:\/\/artroots.studio\/book-now\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/artroots.studio\/"},{"@type":"ListItem","position":2,"name":"Book a Workshop \u2014 Artroots Studio"}]},{"@type":"WebSite","@id":"https:\/\/artroots.studio\/#website","url":"https:\/\/artroots.studio\/","name":"Artroots studio","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/artroots.studio\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"ko-KR"}]}},"_links":{"self":[{"href":"https:\/\/artroots.studio\/ko\/wp-json\/wp\/v2\/pages\/282","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/artroots.studio\/ko\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/artroots.studio\/ko\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/artroots.studio\/ko\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/artroots.studio\/ko\/wp-json\/wp\/v2\/comments?post=282"}],"version-history":[{"count":85,"href":"https:\/\/artroots.studio\/ko\/wp-json\/wp\/v2\/pages\/282\/revisions"}],"predecessor-version":[{"id":821,"href":"https:\/\/artroots.studio\/ko\/wp-json\/wp\/v2\/pages\/282\/revisions\/821"}],"wp:attachment":[{"href":"https:\/\/artroots.studio\/ko\/wp-json\/wp\/v2\/media?parent=282"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}