{"id":37,"date":"2025-10-24T07:08:30","date_gmt":"2025-10-24T07:08:30","guid":{"rendered":"https:\/\/www.thecraftstudio.com.my\/?page_id=37"},"modified":"2025-10-31T10:13:00","modified_gmt":"2025-10-31T10:13:00","slug":"about","status":"publish","type":"page","link":"https:\/\/www.thecraftstudio.com.my\/?page_id=37","title":{"rendered":"about"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"37\" class=\"elementor elementor-37\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b616c96 e-con-full e-flex e-con e-parent\" data-id=\"b616c96\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ee3b1b5 elementor-widget elementor-widget-html\" data-id=\"ee3b1b5\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n  <meta charset=\"UTF-8\" \/>\r\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" \/>\r\n  <title>The Craft Studio | Our Story<\/title>\r\n\r\n  <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Unna:wght@400;700&family=Inter:wght@300;400;600&display=swap\" rel=\"stylesheet\">\r\n\r\n   <style>\r\n    * { margin: 0; padding: 0; box-sizing: border-box; }\r\n\r\n    body {\r\n      font-family: 'Inter', sans-serif;\r\n      color: #222;\r\n      background-color: #fff;\r\n      overflow-x: hidden;\r\n    }\r\n\r\n    \/* ===== HEADER ===== *\/\r\n    header {\r\n      width: 100%;\r\n      background-color: rgba(0, 0, 0, 0.7);\r\n      display: flex;\r\n      justify-content: space-between;\r\n      align-items: center;\r\n      padding: 18px 60px;\r\n      position: fixed;\r\n      top: 0;\r\n      left: 0;\r\n      z-index: 1000;\r\n      backdrop-filter: blur(0px);\r\n    }\r\n\r\n    .logo {\r\n      display: flex;\r\n      align-items: center;\r\n      gap: 10px;\r\n      text-decoration: none;\r\n      color: #fff;\r\n      font-family: 'Unna', serif;\r\n      font-size: 22px;\r\n      font-weight: 700;\r\n    }\r\n\r\n    .logo img {\r\n      height: 36px;\r\n      width: auto;\r\n      filter: brightness(0) invert(1);\r\n    }\r\n\r\n    nav {\r\n      flex: 1;\r\n      display: flex;\r\n      justify-content: center;\r\n      align-items: center;\r\n      gap: 30px;\r\n      font-family: 'Inter', sans-serif;\r\n      transition: max-height 0.3s ease, opacity 0.3s ease;\r\n    }\r\n\r\n    nav a {\r\n      text-decoration: none;\r\n      color: #fff;\r\n      font-size: 15px;\r\n      font-weight: 300 !important;\r\n      transition: color 0.3s ease;\r\n    }\r\n\r\n    nav a:hover {\r\n      color: #ccb37a;\r\n    }\r\n\r\n    .cta-btn {\r\n      background-color: #546645;\r\n      color: #fff;\r\n      font-size: 13px;\r\n      font-weight: 300;\r\n      border: none;\r\n      padding: 7px 18px;\r\n      border-radius: 100px;\r\n      cursor: pointer;\r\n      transition: background-color 0.3s ease, transform 0.2s ease;\r\n      letter-spacing: 0.5px;\r\n      font-family: 'Inter', sans-serif;\r\n    }\r\n\r\n    .cta-btn:hover {\r\n      background-color: #ccb37a;\r\n    }\r\n\r\n    \/* --- HAMBURGER ICON --- *\/\r\n    .menu-toggle {\r\n      display: none;\r\n      flex-direction: column;\r\n      justify-content: space-between;\r\n      width: 14px;\r\n      height: 10px;\r\n      cursor: pointer;\r\n      margin-right: 10px;\r\n    }\r\n\r\n    .menu-toggle span {\r\n      display: block;\r\n      width: 100%;\r\n      height: 1.3px;\r\n      background: #fff;\r\n      transition: 0.3s;\r\n    }\r\n\r\n    @media (max-width: 992px) {\r\n      header {\r\n        padding: 14px 35px;\r\n      }\r\n      .cta-btn {\r\n        font-size: 12px;\r\n        padding: 7px 14px;\r\n      }\r\n    }\r\n\r\n    @media (max-width: 768px) {\r\n      header {\r\n        padding: 10px 18px;\r\n        justify-content: flex-start;\r\n        gap: 10px;\r\n      }\r\n\r\n      .menu-toggle {\r\n        display: flex;\r\n      }\r\n\r\n      .logo img {\r\n        height: 28px;\r\n      }\r\n\r\n      nav {\r\n        display: none;\r\n        flex-direction: column;\r\n        position: absolute;\r\n        top: 50px;\r\n        left: 0;\r\n        background: rgba(0, 0, 0, 0.9);\r\n        width: 100%;\r\n        text-align: left;\r\n        padding: 12px 20px;\r\n        gap: 8px;\r\n      }\r\n\r\n      nav.active {\r\n        display: flex;\r\n      }\r\n\r\n      nav a {\r\n        font-size: 12px;\r\n        font-weight: 300;\r\n        color: #fff;\r\n        text-decoration: none;\r\n        padding: 4px 0;\r\n        letter-spacing: 0.3px;\r\n      }\r\n\r\n      nav a:hover {\r\n        color: #ccb37a;\r\n      }\r\n\r\n      .cta-btn {\r\n        font-size: 10px;\r\n        padding: 5px 10px;\r\n        border-radius: 100px;\r\n        margin-left: auto;\r\n      }\r\n    }\r\n\r\n    \/* ===== BRAND STORY SECTION ===== *\/\r\n    .brand-story {\r\n      background-color: #edeaeb;\r\n      padding: 100px 10% 100px;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: space-between;\r\n      gap: 60px;\r\n      flex-wrap: wrap;\r\n      margin-top: 0;\r\n      border-top: 70px solid #000;\r\n      border-right: 25px solid #000;\r\n      border-bottom: 0px solid #000;\r\n      border-left: 25px solid #000;\r\n      box-sizing: border-box;\r\n    }\r\n\r\n    .brand-story-image {\r\n      flex: 1 1 45%;\r\n    }\r\n\r\n    .brand-story-image img {\r\n      width: 100%;\r\n      height: 400px;\r\n      border-radius: 12px;\r\n      object-fit: cover;\r\n    }\r\n\r\n    .brand-story-content {\r\n      flex: 1 1 50%;\r\n      color: #222;\r\n    }\r\n\r\n    .brand-story-title {\r\n      font-family: 'Unna', serif;\r\n      font-size: 36px;\r\n      font-weight: 700;\r\n      text-align: center;\r\n      margin-bottom: 50px;\r\n    }\r\n\r\n    .brand-story-content h2 {\r\n      font-family: 'Unna', serif;\r\n      font-size: 34px;\r\n      font-style: italic;\r\n      font-weight: 400;\r\n      margin-bottom: 25px;\r\n    }\r\n\r\n    .brand-story-content p {\r\n      font-family: 'Inter', sans-serif;\r\n      font-size: 16px;\r\n      line-height: 1.8;\r\n      margin-bottom: 18px;\r\n    }\r\n\r\n    @media (max-width: 992px) {\r\n      .brand-story {\r\n        flex-direction: column;\r\n        padding: 80px 6% 80px;\r\n        text-align: center;\r\n        border-top: 51px solid #000;\r\n        border-right: 10px solid #000;\r\n        border-left: 10px solid #000;\r\n      }\r\n    }\r\n\r\n    @media (max-width: 600px) {\r\n      .brand-story {\r\n        padding: 70px 5% 60px;\r\n        gap: 40px;\r\n        border-top: 4px solid #000;\r\n        border-right: 3px solid #000;\r\n        border-left: 6px solid #000;\r\n      }\r\n\r\n      .brand-story-content h2 {\r\n        font-size: 20px !important;\r\n      }\r\n\r\n      .brand-story-content p {\r\n        font-size: 12px !important;\r\n      }\r\n\r\n      \/* \u2705 FIX: make image same proportion as desktop, not cropped *\/\r\n      .brand-story-image img {\r\n        width: 100%;\r\n        height: auto !important;\r\n        object-fit: contain !important;\r\n      }\r\n    }\r\n  <\/style>\r\n\r\n<\/head>\r\n\r\n<body>\r\n\r\n  <!-- ===== HEADER ===== -->\r\n  <header>\r\n    <!-- Tiny hamburger icon on far left -->\r\n    <div class=\"menu-toggle\" id=\"menu-toggle\">\r\n      <span><\/span>\r\n      <span><\/span>\r\n      <span><\/span>\r\n    <\/div>\r\n\r\n    <a href=\"https:\/\/www.thecraftstudio.com.my\/\" class=\"logo\">\r\n      <img decoding=\"async\" src=\"https:\/\/www.thecraftstudio.com.my\/wp-content\/uploads\/2025\/10\/tcswebsitelogo-2.png\" alt=\"The Craft Studio Logo\">\r\n    <\/a>\r\n\r\n    <nav id=\"nav-menu\">\r\n      <a href=\"?page_id=37\">About<\/a>\r\n      <a href=\"?page_id=44\">Services<\/a>\r\n      <a href=\"?page_id=47\">Portfolio<\/a>\r\n      <a href=\"?page_id=49\">Sustainability<\/a>\r\n      <a href=\"?page_id=52\">Contact<\/a>\r\n    <\/nav>\r\n\r\n    <a href=\"?page_id=52\" class=\"cta-btn\">Book Consultation<\/a>\r\n  <\/header>\r\n\r\n  <!-- ===== BRAND STORY SECTION ===== -->\r\n  <section class=\"brand-story\" id=\"about\">\r\n    <div class=\"brand-story-image\">\r\n      <img decoding=\"async\" src=\"https:\/\/www.thecraftstudio.com.my\/wp-content\/uploads\/2025\/10\/018-1-scaled-e1757041306476.jpg\" alt=\"The Craft Studio Team at Work\">\r\n    <\/div>\r\n\r\n    <div class=\"brand-story-content\">\r\n      <h3 class=\"brand-story-title\">Our Story<\/h3>\r\n      <h2>Artistry in Every Space<\/h2>\r\n      <p>At The Craft Studio, design is more than decoration\u2014it\u2019s about creating spaces that people truly connect with. Founded in 2022, we set out with a simple vision: to transform homes and properties into places filled with character, comfort, and purpose.<\/p>\r\n      <p>In just a few years, we\u2019ve completed over a hundred renovations and interior design projects across Klang Valley, working closely with homeowners, property owners, and developers. From cozy personal homes to stylish homestays and commercial spaces, our work blends creativity with practicality, ensuring every design not only looks beautiful but also works seamlessly in daily life.<\/p>\r\n      <p>What sets us apart is our approach. Every project is tailored, every detail carefully considered, and every outcome guided by our core commitments\u2014tailored solutions, timely execution, eco-friendly practices, and uncompromising craftsmanship. This dedication has earned us the trust of our clients, with over 95% giving us positive reviews.<\/p>\r\n      <p>For us, a project isn\u2019t just about renovation\u2014it\u2019s about crafting a story into every corner, and making sure that the spaces we create continue to inspire and endure for years to come.<\/p>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <script>\r\n    \/\/ Mobile menu toggle\r\n    const menuToggle = document.getElementById('menu-toggle');\r\n    const navMenu = document.getElementById('nav-menu');\r\n\r\n    menuToggle.addEventListener('click', () => {\r\n      navMenu.classList.toggle('active');\r\n    });\r\n  <\/script>\r\n\r\n<\/body>\r\n<\/html>\r\n\r\n\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-eaa9034 e-con-full e-flex e-con e-parent\" data-id=\"eaa9034\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-227bf63 elementor-widget elementor-widget-html\" data-id=\"227bf63\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ===== MISSION & VISION SECTION ===== -->\r\n<section class=\"mission-vision\">\r\n  <div class=\"mv-container\">\r\n    <h2 class=\"mv-title\">Mission & Vision<\/h2>\r\n\r\n    <div class=\"mv-content\">\r\n      <!-- Mission -->  \r\n      <div class=\"mv-box fade-left\">\r\n        <div class=\"mv-icon\">\r\n          <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"40\" height=\"40\" fill=\"none\" stroke=\"#546645\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" viewBox=\"0 0 24 24\">\r\n            <path d=\"M3 9.5L12 3l9 6.5V21a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V9.5z\" \/>\r\n            <path d=\"M9 22V12h6v10\" \/>\r\n          <\/svg>\r\n        <\/div>\r\n        <h3 class=\"mv-subtitle\">Mission<\/h3>\r\n        <p class=\"mv-text\">Deliver tailored renovations and interior design solutions that inspire modern living.<\/p>\r\n      <\/div>\r\n\r\n      <!-- Vision -->\r\n      <div class=\"mv-box fade-right\">\r\n        <div class=\"mv-icon\">\r\n          <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"40\" height=\"40\" fill=\"none\" stroke=\"#546645\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" viewBox=\"0 0 24 24\">\r\n            <path d=\"M2 12s3.5-7 10-7 10 7 10 7-3.5 7-10 7S2 12 2 12z\" \/>\r\n            <circle cx=\"12\" cy=\"12\" r=\"3\" \/>\r\n          <\/svg>\r\n        <\/div>\r\n        <h3 class=\"mv-subtitle\">Vision<\/h3>\r\n        <p class=\"mv-text\">Redefine how spaces are designed by combining artistry, sustainability, and craftsmanship.<\/p>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n\/* ===== MISSION & VISION SECTION ===== *\/\r\n.mission-vision {\r\n  background-color: #fff;\r\n  padding: 60px 8%;\r\n  overflow: hidden;\r\n  border-top: 0px solid #000;\r\n  border-right: 25px solid #000;\r\n  border-bottom: 0px solid #000;\r\n  border-left: 25px solid #000;\r\n}\r\n\r\n.mv-container {\r\n  max-width: 1100px;\r\n  margin: 0 auto;\r\n  text-align: center;\r\n}\r\n\r\n.mv-title {\r\n  font-family: 'Unna', serif;\r\n  font-size: 34px;\r\n  font-weight: 700;\r\n  color: #222;\r\n  margin-bottom: 40px;\r\n}\r\n\r\n.mv-content {\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: stretch;\r\n  gap: 40px;\r\n  flex-wrap: wrap;\r\n}\r\n\r\n.mv-box {\r\n  flex: 1 1 45%;\r\n  background: #f6f4f5;\r\n  padding: 25px 20px;\r\n  border-radius: 0px;\r\n  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.03);\r\n  min-height: 150px;\r\n  opacity: 1;\r\n  transform: translateX(0);\r\n  transition: all 1s ease;\r\n}\r\n\r\n.mv-subtitle {\r\n  font-family: 'Unna', serif;\r\n  font-size: 20px;          \r\n  font-weight: 700;\r\n  color: #222;              \r\n  margin-bottom: 8px;\r\n}\r\n\r\n.mv-text {\r\n  font-family: 'Inter', sans-serif;\r\n  font-size: 15px;        \r\n  line-height: 1.6;\r\n  color: #222;              \r\n  max-width: 360px;\r\n  margin: 0 auto;\r\n}\r\n\r\n\/* Animation starting states *\/\r\n.fade-left,\r\n.fade-right {\r\n  opacity: 0;\r\n}\r\n\r\n.fade-left {\r\n  transform: translateX(-60px);\r\n}\r\n\r\n.fade-right {\r\n  transform: translateX(60px);\r\n}\r\n\r\n.fade-left.show,\r\n.fade-right.show {\r\n  opacity: 1;\r\n  transform: translateX(0);\r\n}\r\n\r\n\/* ===== RESPONSIVE ===== *\/\r\n@media (max-width: 992px) {\r\n  .mv-content {\r\n    gap: 25px;\r\n  }\r\n\r\n  .mv-box {\r\n    flex: 1 1 100%;\r\n    min-height: 130px;\r\n    padding: 20px 16px;\r\n  }\r\n\r\n  .mv-title {\r\n    font-size: 28px;\r\n    margin-bottom: 30px;\r\n  }\r\n}\r\n\r\n@media (max-width: 600px) {\r\n  .mission-vision {\r\n    padding: 50px 6%;\r\n    border-top: 0px solid #000;\r\n    border-right: 10px solid #000;\r\n    border-bottom: 0px solid #000;\r\n    border-left: 10px solid #000;\r\n  }\r\n\r\n  .mv-box {\r\n    padding: 15px 14px;\r\n    min-height: 110px;\r\n  }\r\n\r\n  .mv-icon svg {\r\n    width: 30px;\r\n    height: 30px;\r\n  }\r\n\r\n  .mv-subtitle {\r\n    font-size: 18px;\r\n  }\r\n\r\n  .mv-text {\r\n    font-size: 13px;\r\n    line-height: 1.5;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<script>\r\n(function() {\r\n  function revealOnScroll() {\r\n    const elements = document.querySelectorAll('.fade-left, .fade-right');\r\n    const windowHeight = window.innerHeight;\r\n\r\n    elements.forEach(el => {\r\n      const rect = el.getBoundingClientRect();\r\n      if (rect.top < windowHeight * 0.85) {\r\n        el.classList.add('show');\r\n      }\r\n    });\r\n  }\r\n\r\n  document.addEventListener('DOMContentLoaded', revealOnScroll);\r\n  window.addEventListener('scroll', revealOnScroll);\r\n})();\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d61c1d0 e-con-full e-flex e-con e-parent\" data-id=\"d61c1d0\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-08ed0c8 elementor-widget elementor-widget-html\" data-id=\"08ed0c8\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- OUR COMMITMENTS SECTION -->\r\n<section class=\"commitments-section\" id=\"commitments\">\r\n  <div class=\"commitments-container\">\r\n    <h2 class=\"commitments-title fade-in-up\">Our Commitments<\/h2>\r\n\r\n    <div class=\"commitments-grid\">\r\n      <!-- 1\ufe0f\u20e3 Tailored Solutions -->\r\n      <div class=\"commitment-box fade-in-up\">\r\n        <div class=\"commitment-icon\">\r\n          <!-- ruler icon -->\r\n          <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#546645\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" width=\"40\" height=\"40\">\r\n            <path d=\"m16 2 6 6-14 14-6-6Z\"\/>\r\n            <path d=\"m7.5 10.5 2 2\"\/>\r\n            <path d=\"m10.5 7.5 2 2\"\/>\r\n            <path d=\"m13.5 4.5 2 2\"\/>\r\n          <\/svg>\r\n        <\/div>\r\n        <h3 class=\"commitment-heading\">Tailored Solutions<\/h3>\r\n        <p class=\"commitment-text\">\r\n          Every design is unique to each client\u2019s lifestyle.\r\n        <\/p>\r\n      <\/div>\r\n\r\n      <!-- 2\ufe0f\u20e3 Quality Craftsmanship -->\r\n      <div class=\"commitment-box fade-in-up\">\r\n        <div class=\"commitment-icon\">\r\n          <!-- hammer icon -->\r\n          <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#546645\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" width=\"40\" height=\"40\">\r\n            <path d=\"M14 10L21 3\"\/>\r\n            <path d=\"M3 21L10 14\"\/>\r\n            <path d=\"M10 14L21 3L17 3L14 6L10 2L3 9L7 13L10 14Z\"\/>\r\n          <\/svg>\r\n        <\/div>\r\n        <h3 class=\"commitment-heading\">Quality Craftsmanship<\/h3>\r\n        <p class=\"commitment-text\">\r\n          Meticulous detail and built to last.\r\n        <\/p>\r\n      <\/div>\r\n\r\n      <!-- 3\ufe0f\u20e3 Sustainability -->\r\n      <div class=\"commitment-box fade-in-up\">\r\n        <div class=\"commitment-icon\">\r\n          <!-- leaf icon -->\r\n          <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#546645\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" width=\"40\" height=\"40\">\r\n            <path d=\"M12 2C8.134 2 4 6.134 4 10c0 5.25 8 12 8 12s8-6.75 8-12c0-3.866-4.134-8-8-8Z\"\/>\r\n            <path d=\"M12 2v20\"\/>\r\n          <\/svg>\r\n        <\/div>\r\n        <h3 class=\"commitment-heading\">Sustainability<\/h3>\r\n        <p class=\"commitment-text\">\r\n          Eco-friendly practices and materials in every project.\r\n        <\/p>\r\n      <\/div>\r\n\r\n      <!-- 4\ufe0f\u20e3 Timely Execution -->\r\n      <div class=\"commitment-box fade-in-up\">\r\n        <div class=\"commitment-icon\">\r\n          <!-- clock icon -->\r\n          <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#546645\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" width=\"40\" height=\"40\">\r\n            <circle cx=\"12\" cy=\"12\" r=\"10\"\/>\r\n            <path d=\"M12 6v6l4 2\"\/>\r\n          <\/svg>\r\n        <\/div>\r\n        <h3 class=\"commitment-heading\">Timely Execution<\/h3>\r\n        <p class=\"commitment-text\">\r\n          Projects completed on schedule, without compromise.\r\n        <\/p>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n\/* ===== OUR COMMITMENTS SECTION ===== *\/\r\n.commitments-section {\r\n  background-color: #edeaeb;\r\n  padding: 100px 5%;\r\n  text-align: center!important;\r\n  font-family: 'Unna', serif;\r\n  color: #222222;\r\n  overflow: hidden;\r\n  border-top: 0px solid #000;\r\n  border-right: 25px solid #000;\r\n  border-bottom: 0px solid #000;\r\n  border-left: 25px solid #000;\r\n}\r\n\r\n.commitments-title {\r\n  font-size: 36px;\r\n  font-weight: 700;\r\n  margin-bottom: 60px;\r\n  letter-spacing: 0.5px;\r\n}\r\n\r\n.commitments-grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(4, 1fr);\r\n  gap: 40px;\r\n}\r\n\r\n.commitment-box {\r\n  background: transparent;\r\n  padding: 30px 20px;\r\n  border-radius: 10px;\r\n  transition: transform 0.3s ease;\r\n}\r\n\r\n.commitment-box:hover {\r\n  transform: translateY(-8px);\r\n}\r\n\r\n.commitment-icon {\r\n  margin-bottom: 20px;\r\n  display: flex;\r\n  justify-content: center;\r\n}\r\n\r\n.commitment-heading {\r\n  font-size: 22px;\r\n  font-weight: 700;\r\n  margin-bottom: 10px;\r\n  font-family: 'Unna', serif;\r\n}\r\n\r\n.commitment-text {\r\n  font-family: 'Inter', sans-serif;\r\n  font-size: 16px;\r\n  font-weight: 400;\r\n  color: #222222;\r\n  line-height: 1.6;\r\n}\r\n\r\n\/* ===== Animation ===== *\/\r\n@keyframes fadeInUp {\r\n  0% {\r\n    opacity: 0;\r\n    transform: translateY(40px);\r\n  }\r\n  100% {\r\n    opacity: 1;\r\n    transform: translateY(0);\r\n  }\r\n}\r\n\r\n.fade-in-up {\r\n  opacity: 0;\r\n  animation: fadeInUp 1s ease forwards;\r\n}\r\n\r\n.commitment-box:nth-child(1) { animation-delay: 0.2s; }\r\n.commitment-box:nth-child(2) { animation-delay: 0.4s; }\r\n.commitment-box:nth-child(3) { animation-delay: 0.6s; }\r\n.commitment-box:nth-child(4) { animation-delay: 0.8s; }\r\n\r\n\/* ===== Responsive ===== *\/\r\n@media (max-width: 1024px) {\r\n  .commitments-grid {\r\n    grid-template-columns: repeat(2, 1fr);\r\n    gap: 30px;\r\n  }\r\n}\r\n\r\n@media (max-width: 768px) {\r\n  .commitments-section {\r\n    padding: 60px 6%;\r\n    border-top: 0px solid #000;\r\n    border-right: 10px solid #000;\r\n    border-bottom: 0px solid #000;\r\n    border-left: 10px solid #000;\r\n  }\r\n\r\n  .commitments-title {\r\n    font-size: 28px;\r\n    margin-bottom: 40px;\r\n  }\r\n\r\n  .commitments-grid {\r\n    grid-template-columns: (2, 1fr);\r\n    gap: 25px;\r\n  }\r\n\r\n  .commitment-heading {\r\n    font-size: 18px;\r\n  }\r\n\r\n  .commitment-text {\r\n    font-size: 12px;\r\n  }\r\n}\r\n<\/style>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-0c4f1cc e-con-full e-flex e-con e-parent\" data-id=\"0c4f1cc\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3b9f146 elementor-widget elementor-widget-html\" data-id=\"3b9f146\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- PARTNERSHIPS & PROJECTS SECTION -->\r\n<section class=\"partners-section\" id=\"partners\">\r\n  <div class=\"partners-container\">\r\n    <h2 class=\"partners-title fade-in-up\">Partnerships & Projects<\/h2>\r\n    <p class=\"partners-subtitle fade-in-up\">\r\n      Trusted by leading developers and property owners across Malaysia.\r\n    <\/p>\r\n\r\n    <div class=\"partners-slider\">\r\n      <div class=\"partners-track\">\r\n        <!-- \ud83d\udd39 Partner Logos -->\r\n        <img decoding=\"async\" src=\"https:\/\/www.thecraftstudio.com.my\/wp-content\/uploads\/2025\/10\/about_majesticgenlogo.png\" alt=\"Majestic Gen\">\r\n        <img decoding=\"async\" src=\"https:\/\/www.thecraftstudio.com.my\/wp-content\/uploads\/2025\/10\/about_maclylogo.png\" alt=\"Macly Group\">\r\n        <img decoding=\"async\" src=\"https:\/\/www.thecraftstudio.com.my\/wp-content\/uploads\/2025\/10\/about_artecorp.png\" alt=\"Arte Corp\">\r\n        <img decoding=\"async\" src=\"https:\/\/www.thecraftstudio.com.my\/wp-content\/uploads\/2025\/10\/about_exsimlogo.png\" alt=\"Exsim\">\r\n        <img decoding=\"async\" src=\"https:\/\/www.thecraftstudio.com.my\/wp-content\/uploads\/2025\/10\/about_kiplogo.png\" alt=\"KIP Group\">\r\n        <img decoding=\"async\" src=\"https:\/\/www.thecraftstudio.com.my\/wp-content\/uploads\/2025\/10\/about_nazattdilogo.png\" alt=\"Nazattdi\">\r\n        <img decoding=\"async\" src=\"https:\/\/www.thecraftstudio.com.my\/wp-content\/uploads\/2025\/10\/about_roxylogo.png\" alt=\"Roxy Pacific\">\r\n        <img decoding=\"async\" src=\"https:\/\/www.thecraftstudio.com.my\/wp-content\/uploads\/2025\/10\/about_sunsurialogo.png\" alt=\"Sunsuria\">\r\n        <img decoding=\"async\" src=\"https:\/\/www.thecraftstudio.com.my\/wp-content\/uploads\/2025\/10\/about_titijayalogo.png\" alt=\"Titijaya\">\r\n        <img decoding=\"async\" src=\"https:\/\/www.thecraftstudio.com.my\/wp-content\/uploads\/2025\/10\/about_ynhlogo.png\" alt=\"YNH\">\r\n        <img decoding=\"async\" src=\"https:\/\/www.thecraftstudio.com.my\/wp-content\/uploads\/2025\/10\/about_maylandlogo-1-1-1-scaled.png\" alt=\"Mayland\">\r\n\r\n        <!-- \ud83d\udd01 Duplicate for seamless infinite scroll -->\r\n        <img decoding=\"async\" src=\"https:\/\/www.thecraftstudio.com.my\/wp-content\/uploads\/2025\/10\/about_majesticgenlogo.png\" alt=\"Majestic Gen\">\r\n        <img decoding=\"async\" src=\"https:\/\/www.thecraftstudio.com.my\/wp-content\/uploads\/2025\/10\/about_maclylogo.png\" alt=\"Macly Group\">\r\n        <img decoding=\"async\" src=\"https:\/\/www.thecraftstudio.com.my\/wp-content\/uploads\/2025\/10\/about_artecorp.png\" alt=\"Arte Corp\">\r\n        <img decoding=\"async\" src=\"https:\/\/www.thecraftstudio.com.my\/wp-content\/uploads\/2025\/10\/about_exsimlogo.png\" alt=\"Exsim\">\r\n        <img decoding=\"async\" src=\"https:\/\/www.thecraftstudio.com.my\/wp-content\/uploads\/2025\/10\/about_kiplogo.png\" alt=\"KIP Group\">\r\n        <img decoding=\"async\" src=\"https:\/\/www.thecraftstudio.com.my\/wp-content\/uploads\/2025\/10\/about_nazattdilogo.png\" alt=\"Nazattdi\">\r\n        <img decoding=\"async\" src=\"https:\/\/www.thecraftstudio.com.my\/wp-content\/uploads\/2025\/10\/about_roxylogo.png\" alt=\"Roxy Pacific\">\r\n        <img decoding=\"async\" src=\"https:\/\/www.thecraftstudio.com.my\/wp-content\/uploads\/2025\/10\/about_sunsurialogo.png\" alt=\"Sunsuria\">\r\n        <img decoding=\"async\" src=\"https:\/\/www.thecraftstudio.com.my\/wp-content\/uploads\/2025\/10\/about_titijayalogo.png\" alt=\"Titijaya\">\r\n        <img decoding=\"async\" src=\"https:\/\/www.thecraftstudio.com.my\/wp-content\/uploads\/2025\/10\/about_ynhlogo.png\" alt=\"YNH\">\r\n        <img decoding=\"async\" src=\"https:\/\/www.thecraftstudio.com.my\/wp-content\/uploads\/2025\/10\/about_maylandlogo-1-1-1-scaled.png\" alt=\"Mayland\">\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n\/* ===== PARTNERS SECTION ===== *\/\r\n.partners-section {\r\n  background-color: #ffffff;\r\n  text-align: center;\r\n  padding: 100px 6%;\r\n  font-family: 'Unna', serif;\r\n  color: #222;\r\n  overflow: hidden;\r\n  border-top: 0px solid #000;\r\n  border-right: 25px solid #000;\r\n  border-bottom: 0px solid #000;\r\n  border-left: 25px solid #000;\r\n}\r\n\r\n.partners-title {\r\n  font-size: 36px;\r\n  font-weight: 700;\r\n  margin-bottom: 15px;\r\n  letter-spacing: 0.5px;\r\n}\r\n\r\n.partners-subtitle {\r\n  font-family: 'Inter', sans-serif;\r\n  font-size: 16px;\r\n  color: #555;\r\n  margin-bottom: 50px;\r\n}\r\n\r\n\/* ===== LOGO SLIDER ===== *\/\r\n.partners-slider {\r\n  position: relative;\r\n  overflow: hidden;\r\n  width: 100%;\r\n}\r\n\r\n.partners-track {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 60px;\r\n  width: max-content;\r\n  white-space: nowrap;\r\n  animation: scroll 60s linear infinite;\r\n}\r\n\r\n.partners-track img {\r\n  height: 60px;\r\n  filter: grayscale(100%) brightness(70%);\r\n  opacity: 0.9;\r\n  transition: all 0.3s ease;\r\n  flex-shrink: 0;\r\n}\r\n\r\n.macly-logo {\r\n  height: 900px !important;\r\n  width: 900px !important;\r\n  object-fit: contain !important;\r\n  flex-shrink: 0 !important;\r\n  display: inline-block !important;\r\n}\r\n\r\n.partners-track img:hover {\r\n  filter: grayscale(0%) brightness(100%);\r\n  opacity: 1;\r\n  transform: scale(1.05);\r\n}\r\n\r\n\/* ===== Smooth Continuous Scroll ===== *\/\r\n@keyframes scroll {\r\n  0% {\r\n    transform: translateX(0);\r\n  }\r\n  100% {\r\n    transform: translateX(-50%);\r\n  }\r\n}\r\n\r\n\/* ===== Fade-in Animation ===== *\/\r\n@keyframes fadeInUp {\r\n  0% {\r\n    opacity: 0;\r\n    transform: translateY(40px);\r\n  }\r\n  100% {\r\n    opacity: 1;\r\n    transform: translateY(0);\r\n  }\r\n}\r\n\r\n.fade-in-up {\r\n  opacity: 0;\r\n  animation: fadeInUp 1s ease forwards;\r\n}\r\n\r\n\/* ===== Responsive ===== *\/\r\n@media (max-width: 1024px) {\r\n  .partners-track {\r\n    gap: 40px;\r\n    animation-duration: 45s;\r\n  }\r\n\r\n  .partners-track img {\r\n    height: 50px;\r\n  }\r\n}\r\n\r\n@media (max-width: 768px) {\r\n  .partners-section {\r\n    padding: 60px 4%;\r\n    border-top: 0px solid #000;\r\n    border-right: 10px solid #000;\r\n    border-bottom: 0px solid #000;\r\n    border-left: 10px solid #000;\r\n  }\r\n\r\n  .partners-title {\r\n    font-size: 28px;\r\n  }\r\n\r\n  .partners-subtitle {\r\n    font-size: 14px;\r\n    margin-bottom: 30px;\r\n  }\r\n\r\n  .partners-track {\r\n    gap: 30px;\r\n    animation-duration: 35s;\r\n  }\r\n\r\n  .partners-track img {\r\n    height: 40px;\r\n  }\r\n}\r\n<\/style>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2f8253b e-con-full e-flex e-con e-parent\" data-id=\"2f8253b\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-feccdda elementor-widget elementor-widget-html\" data-id=\"feccdda\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ===== CLOSING STATEMENT \/ CTA SECTION ===== -->\r\n<section class=\"closing-cta\">\r\n  <div class=\"closing-container\">\r\n    <h2 class=\"closing-line1\">We are more than designers<\/h2>\r\n    <p class=\"closing-line2\">we are partners in creating spaces that inspire and last.<\/p>\r\n    <a href=\"?page_id=52\" class=\"closing-button\">Book  Consultation<\/a>\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n\/* ===== CLOSING STATEMENT SECTION ===== *\/\r\n.closing-cta {\r\n  background-color: #000;\r\n  color: #edeaeb;\r\n  text-align: center;\r\n  padding: 120px 5%;\r\n  font-family: 'Unna', serif;\r\n}\r\n\r\n.closing-container {\r\n  max-width: 800px;\r\n  margin: 0 auto;\r\n}\r\n\r\n\/* --- Headline --- *\/\r\n.closing-line1 {\r\n  font-size: 34px;\r\n  font-weight: 700;\r\n  margin-bottom: 20px;\r\n  color: #edeaeb;\r\n  letter-spacing: 0.5px;\r\n  line-height: 1.3;\r\n  animation: fadeUp 1.2s ease forwards;\r\n}\r\n\r\n\/* --- Subheadline --- *\/\r\n.closing-line2 {\r\n  font-family: 'Inter', sans-serif;\r\n  font-size: 16px;\r\n  font-style: italic;\r\n  font-weight: 400;\r\n  margin-bottom: 50px;\r\n  color: #edeaeb;\r\n  animation: fadeUp 1.4s ease forwards;\r\n}\r\n\r\n\/* --- Button --- *\/\r\n.closing-button {\r\n  display: inline-block;\r\n  background-color: #546645;\r\n  color: #edeaeb;\r\n  font-family: 'Inter', sans-serif;\r\n  font-weight: 400;\r\n  font-size: 14px;\r\n  padding: 14px 34px;\r\n  border-radius: 100px;\r\n  text-decoration: none;\r\n  transition: all 0.3s ease;\r\n  animation: fadeUp 1.6s ease forwards;\r\n}\r\n\r\n.closing-button:hover {\r\n  background-color: #ccb37a;\r\n  color: #ffffff;\r\n  transform: translateY(-2px);\r\n}\r\n\r\n\/* --- Animation --- *\/\r\n@keyframes fadeUp {\r\n  from {\r\n    opacity: 0;\r\n    transform: translateY(40px);\r\n  }\r\n  to {\r\n    opacity: 1;\r\n    transform: translateY(0);\r\n  }\r\n}\r\n\r\n\/* ===== Responsive ===== *\/\r\n@media (max-width: 768px) {\r\n  .closing-cta {\r\n    padding: 80px 8%;\r\n  }\r\n\r\n  .closing-line1 {\r\n    font-size: 22px;\r\n  }\r\n\r\n  .closing-line2 {\r\n    font-size: 13px;\r\n    margin-bottom: 30px;\r\n  }\r\n\r\n  .closing-button {\r\n    font-size: 10px;\r\n    padding: 10px 26px;\r\n    border-radius: 100px;\r\n  }\r\n}\r\n<\/style>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4cd8b88 e-con-full e-flex e-con e-parent\" data-id=\"4cd8b88\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4c3b842 elementor-widget elementor-widget-html\" data-id=\"4c3b842\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ===== FOOTER SECTION ===== -->\r\n<footer class=\"footer\">\r\n  <div class=\"footer-container\">\r\n\r\n    <!-- Column 1: Logo + Tagline -->\r\n    <div class=\"footer-col\">\r\n      <img decoding=\"async\" src=\"https:\/\/www.thecraftstudio.com.my\/wp-content\/uploads\/2025\/10\/tcs-logoo2.jpg\" alt=\"The Craft Studio Logo\" class=\"footer-logo\">\r\n      <p class=\"footer-tagline\">Artistry in Every Detail<\/p>\r\n    <\/div>\r\n\r\n    <!-- Column 2: Quick Links -->\r\n    <div class=\"footer-col\">\r\n      <h4>Quick Links<\/h4>\r\n      <ul class=\"footer-links\">\r\n        <li><a href=\"?page_id=37\">About<\/a><\/li>\r\n        <li><a href=\"?page_id=44\">Services<\/a><\/li>\r\n        <li><a href=\"?page_id=47\">Portfolio<\/a><\/li>\r\n        <li><a href=\"?page_id=49\">Sustainability<\/a><\/li>\r\n        <li><a href=\"?page_id=52\">Contact<\/a><\/li>\r\n      <\/ul>\r\n    <\/div>\r\n\r\n    <!-- Column 3: Contact Info -->\r\n     <div class=\"footer-col contact-col\">\r\n      <h4>Contact<\/h4>\r\n      <p>The Craft Studio<br>The Colony Infinitum<br>\r\nL1-02, Jalan Dewan Sultan Sulaiman, Chow Kit, 50300 Kuala Lumpur, Federal Territory of Kuala Lumpur<\/p>\r\n      <p>\ud83d\udcde +6011 6295 3143<br>\u2709\ufe0f mmmstudio4134@gmail.com  <\/p>\r\n      <!-- WhatsApp (mobile visible here) -->\r\n      <a href=\"https:\/\/wa.me\/601162953143\" target=\"_blank\" class=\"whatsapp-btn mobile-ws\">\r\n        <i class=\"fab fa-whatsapp\"><\/i> Chat with Us\r\n      <\/a>\r\n    <\/div>\r\n\r\n    <!-- Column 4: Social Media + WhatsApp (Desktop only) -->\r\n    <div class=\"footer-col social desktop-social\">\r\n      <div class=\"social-icons\">\r\n        <a href=\"#\"><i class=\"fab fa-instagram\"><\/i><\/a>\r\n        <a href=\"#\"><i class=\"fab fa-facebook-f\"><\/i><\/a>\r\n        <a href=\"#\"><i class=\"fab fa-tiktok\"><\/i><\/a>\r\n      <\/div>\r\n      <a href=\"https:\/\/wa.me\/601162953143\" target=\"_blank\" class=\"whatsapp-btn desktop-ws\">\r\n        <i class=\"fab fa-whatsapp\"><\/i> Chat with Us\r\n      <\/a>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- Social Media (Mobile-only full row) -->\r\n  <div class=\"footer-social-mobile\">\r\n    <div class=\"social-icons\">\r\n      <a href=\"#\"><i class=\"fab fa-instagram\"><\/i><\/a>\r\n      <a href=\"#\"><i class=\"fab fa-facebook-f\"><\/i><\/a>\r\n      <a href=\"#\"><i class=\"fab fa-tiktok\"><\/i><\/a>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <div class=\"footer-bottom\">\r\n    <p>\u00a9 2025 The Craft Studio. All Rights Reserved.<\/p>\r\n  <\/div>\r\n<\/footer>\r\n\r\n<!-- \u2705 This version of Font Awesome always works, even inside Elementor -->\r\n<link\r\n  rel=\"stylesheet\"\r\n  href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.0\/css\/all.min.css\"\r\n\/>\r\n\r\n<style>\r\n\/* ===== FOOTER ===== *\/\r\n.footer {\r\n  background-color: #fff;\r\n  color: #edeaeb;\r\n  padding: 50px 8% 30px;\r\n  font-family: 'Inter', sans-serif;\r\n  font-weight: 400;\r\n  width: 100%;\r\n  border-radius: 0;\r\n  border-top: 0px solid #000;\r\n  border-right: 25px solid #000;\r\n  border-bottom: 25px solid #000;\r\n  border-left: 25px solid #000;\r\n}\r\n\r\n.footer-container {\r\n  display: grid;\r\n  grid-template-columns: repeat(4, 1fr);\r\n  align-items: flex-start;\r\n  gap: 60px;\r\n  justify-content: space-between;\r\n  margin-bottom: 40px;\r\n}\r\n\r\n.footer-col h4 {\r\n  font-family: 'Unna', serif;\r\n  font-size: 20px;\r\n  margin-bottom: 18px;\r\n  color: #546645;\r\n  letter-spacing: 0.3px;\r\n}\r\n\r\n.footer-logo {\r\n  width: 160px;\r\n  margin-bottom: 10px;\r\n}\r\n\r\n.footer-tagline {\r\n  font-size: 15px;\r\n  color: #666;\r\n  margin-top: 5px;\r\n}\r\n\r\n.footer-links {\r\n  list-style: none;\r\n  padding: 0;\r\n  margin: 0;\r\n}\r\n\r\n.footer-links li {\r\n  margin-bottom: 10px;\r\n}\r\n\r\n.footer-links a {\r\n  color: #222;\r\n  text-decoration: none;\r\n  font-size: 15px;\r\n  transition: color 0.3s ease;\r\n}\r\n\r\n.footer-links a:hover {\r\n  color: #ccb37a;\r\n}\r\n\r\n.footer-col p {\r\n  font-size: 14px;\r\n  color: #222;\r\n  line-height: 1.6;\r\n  margin-bottom: 8px;\r\n}\r\n\r\n.whatsapp-btn {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 8px;\r\n  background: #546645;\r\n  color: #fff;\r\n  text-decoration: none;\r\n  font-size: 14px;\r\n  padding: 8px 18px;\r\n  border-radius: 100px;\r\n  margin-top: 10px;\r\n  transition: all 0.3s ease;\r\n}\r\n\r\n.whatsapp-btn:hover {\r\n  background: #ccb37a;\r\n}\r\n\r\n.social-icons {\r\n  display: flex;\r\n  flex-direction: row;\r\n  gap: 18px;\r\n}\r\n\r\n.social-icons a {\r\n  color: #222;\r\n  font-size: 20px;\r\n  transition: color 0.3s ease, transform 0.3s ease;\r\n}\r\n\r\n.social-icons a:hover {\r\n  color: #ccb37a;\r\n  transform: translateY(-2px);\r\n}\r\n\r\n.footer-bottom {\r\n  border-top: 1px solid rgba(0, 0, 0, 0.05);\r\n  text-align: center;\r\n  padding-top: 20px;\r\n  font-size: 13px;\r\n  color: #777;\r\n}\r\n\r\n\/* Hide mobile social by default *\/\r\n.footer-social-mobile {\r\n  display: none;\r\n}\r\n\r\n\/* hide mobile ws on desktop *\/\r\n.mobile-ws {\r\n  display: none;\r\n}\r\n\r\n\/* \ud83d\udd39 Mobile Version *\/\r\n@media (max-width: 768px) {\r\n  .footer {\r\n    padding: 20px 1% 25px 1%;\r\n    width: 100vw;\r\n    max-width: 100vw;\r\n    overflow-x: hidden;\r\n    border-radius: 0;\r\n    border-top: 0px solid #000;\r\n    border-right: 10px solid #000;\r\n    border-bottom: 10px solid #000;\r\n    border-left: 10px solid #000;\r\n  }\r\n\r\n  .footer-container {\r\n    grid-template-columns: repeat(4, 1fr);\r\n    gap: 55px;\r\n    transform: scale(0.9);\r\n    transform-origin: top center;\r\n  }\r\n\r\n  .footer-col h4 {\r\n    font-size: 13px;\r\n    margin-bottom: 10px;\r\n  }\r\n\r\n  .footer-logo {\r\n    width: 100px!important;\r\n    margin-bottom: 50px;\r\n  }\r\n\r\n  .footer-tagline {\r\n    font-size: 10px;\r\n  }\r\n\r\n  .footer-links a {\r\n    font-size: 10px;\r\n  }\r\n\r\n  .footer-col p {\r\n    font-size: 10px;\r\n    line-height: 1.4;\r\n  }\r\n\r\n  .whatsapp-btn {\r\n    font-size: 9px;\r\n    padding: 4px 10px;\r\n    border-radius: 100px;\r\n  }\r\n\r\n  \/* hide desktop social *\/\r\n  .desktop-social {\r\n    display: none;\r\n  }\r\n\r\n  \/* show mobile ws button under email *\/\r\n  .mobile-ws {\r\n    display: inline-flex;\r\n    margin-top: 8px;\r\n  }\r\n\r\n  .footer-social-mobile {\r\n    display: flex;\r\n    justify-content: center;\r\n    margin-top: -30px !important;\r\n    width: 100%;\r\n  }\r\n\r\n  .footer-social-mobile .social-icons {\r\n    flex-direction: row;\r\n    justify-content: space-around;\r\n    width: 100%;\r\n    max-width: 200px;\r\n    margin-bottom: 10px;\r\n    gap: 20px;\r\n  }\r\n\r\n  .footer-social-mobile .social-icons a {\r\n    font-size: 17px;\r\n  }\r\n\r\n  .footer-bottom {\r\n    font-size: 9.5px;\r\n  }\r\n}\r\n<\/style>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>The Craft Studio | Our Story About Services Portfolio Sustainability Contact Book Consultation Our Story Artistry in Every Space At The Craft Studio, design is more than decoration\u2014it\u2019s about creating spaces that people truly connect with. Founded in 2022, we set out with a simple vision: to transform homes and properties into places filled with [&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-37","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.thecraftstudio.com.my\/index.php?rest_route=\/wp\/v2\/pages\/37","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.thecraftstudio.com.my\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.thecraftstudio.com.my\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.thecraftstudio.com.my\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.thecraftstudio.com.my\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=37"}],"version-history":[{"count":41,"href":"https:\/\/www.thecraftstudio.com.my\/index.php?rest_route=\/wp\/v2\/pages\/37\/revisions"}],"predecessor-version":[{"id":406,"href":"https:\/\/www.thecraftstudio.com.my\/index.php?rest_route=\/wp\/v2\/pages\/37\/revisions\/406"}],"wp:attachment":[{"href":"https:\/\/www.thecraftstudio.com.my\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=37"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}