{"id":65,"date":"2026-03-03T18:22:39","date_gmt":"2026-03-03T18:22:39","guid":{"rendered":"https:\/\/classiqueengineering.co.za\/public_html\/?page_id=65"},"modified":"2026-08-10T19:13:04","modified_gmt":"2026-08-10T19:13:04","slug":"about-us","status":"publish","type":"page","link":"https:\/\/classiqueengineering.co.za\/public_html\/about-us\/","title":{"rendered":"About Us"},"content":{"rendered":"\n<style>\n\/* =========================================\n   CLASSIQUE ENGINEERING\n   ABOUT STORY SECTION\n   ========================================= *\/\n\n.ce-about-story {\n    background: #ffffff;\n    padding: 90px 20px;\n}\n\n.ce-about-story-inner {\n    max-width: 1050px;\n    margin: 0 auto;\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 55px;\n    align-items: center;\n}\n\n\/* IMAGE *\/\n\n.ce-about-image img {\n    width: 100%;\n    height: 520px;\n    object-fit: cover;\n    display: block;\n    border-radius: 4px;\n    filter: grayscale(100%);\n}\n\n\/* TEXT *\/\n\n.ce-about-content {\n    color: #222222;\n}\n\n.ce-about-content h2 {\n    font-size: 38px;\n    line-height: 1.1;\n    margin: 0 0 25px;\n    font-weight: 700;\n    color: #111111;\n}\n\n.ce-about-content p {\n    font-size: 16px;\n    line-height: 1.75;\n    margin: 0 0 25px;\n    color: #444444;\n}\n\n\/* BOLD TEXT *\/\n\n.ce-about-content strong {\n    color: #222222;\n}\n\n\/* MISSION \/ VISION *\/\n\n.ce-about-boxes {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 18px;\n    margin-top: 30px;\n}\n\n.ce-about-box {\n    background: #f4f6f5;\n    border: 1px solid #e1e4e3;\n    padding: 22px;\n    border-radius: 4px;\n}\n\n.ce-about-box h3 {\n    margin: 0 0 12px;\n    font-size: 17px;\n    color: #111111;\n}\n\n.ce-about-box p {\n    font-size: 14px;\n    line-height: 1.6;\n    margin: 0;\n    color: #555555;\n}\n\n\/* RED ICON *\/\n\n.ce-about-icon {\n    width: 38px;\n    height: 38px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    background: #f3e6e6;\n    color: #b32025;\n    border-radius: 6px;\n    margin-bottom: 15px;\n    font-size: 18px;\n}\n\n\/* MOBILE *\/\n\n@media (max-width: 768px) {\n\n    .ce-about-story {\n        padding: 60px 20px;\n    }\n\n    .ce-about-story-inner {\n        grid-template-columns: 1fr;\n        gap: 35px;\n    }\n\n    .ce-about-image img {\n        height: 350px;\n    }\n\n    .ce-about-content h2 {\n        font-size: 30px;\n    }\n\n    .ce-about-boxes {\n        grid-template-columns: 1fr;\n    }\n}\n<\/style>\n\n\n<section class=\"ce-about-story\">\n\n    <div class=\"ce-about-story-inner\">\n\n        <!-- IMAGE -->\n\n        <div class=\"ce-about-image\">\n\n            <noscript><img decoding=\"async\" \n                data-skip-lazy src=\"https:\/\/classiqueengineering.co.za\/public_html\/wp-content\/uploads\/2026\/08\/about-image-Dc4pFPNr.jpg\"\n                alt=\"Classique Engineering steel fabrication\"\n            ><\/noscript><img decoding=\"async\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAyNCIgaGVpZ2h0PSIxMDI0IiB2aWV3Qm94PSIwIDAgMTAyNCAxMDI0IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" alt=\"Classique Engineering steel fabrication\" data-src=\"https:\/\/classiqueengineering.co.za\/public_html\/wp-content\/uploads\/2026\/08\/about-image-Dc4pFPNr.jpg\" data-sizes=\"auto\" loading=\"eager\" class=\"vp-lazyload\">\n\n        <\/div>\n\n\n        <!-- CONTENT -->\n\n        <div class=\"ce-about-content\">\n\n            <h2>\n                From Family Workshop to<br>\n                Nationwide Partner\n            <\/h2>\n\n            <p>\n                Classique Engineering began in the backyard of a family home in Durban,\n                built on a simple promise:\n                <strong>deliver quality steel work that people can rely on.<\/strong>\n                More than 25 years later, that promise hasn&#8217;t changed \u2014\n                but our capability has grown exponentially.\n            <\/p>\n\n            <p>\n                Today, we operate from a modern, high-capacity facility and have delivered\n                structural steel for some of South Africa&#8217;s most recognised developments,\n                including <strong>Oceans Umhlanga<\/strong> and\n                <strong>Shoreline Sibaya.<\/strong>\n                We remain family-owned and family-run, which means every project carries\n                our name \u2014 and our personal commitment to excellence.\n            <\/p>\n\n\n            <!-- MISSION \/ VISION -->\n\n            <div class=\"ce-about-boxes\">\n\n                <div class=\"ce-about-box\">\n\n                    <div class=\"ce-about-icon\">\n                        \u25ce\n                    <\/div>\n\n                    <h3>\n                        Our Mission\n                    <\/h3>\n\n                    <p>\n                        To deliver premium structural steel solutions with precision,\n                        reliability and uncompromising workmanship.\n                    <\/p>\n\n                <\/div>\n\n\n                <div class=\"ce-about-box\">\n\n                    <div class=\"ce-about-icon\">\n                        \u25c9\n                    <\/div>\n\n                    <h3>\n                        Our Vision\n                    <\/h3>\n\n                    <p>\n                        To be South Africa&#8217;s most trusted structural steel partner,\n                        recognised for quality, reliability and delivery.\n                    <\/p>\n\n                <\/div>\n\n            <\/div>\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n\n\n<section class=\"classique-pillars\">\n\n  <div class=\"pillars-inner\">\n\n    <!-- Section Heading -->\n    <div class=\"pillars-heading\">\n      <span class=\"red-line\"><\/span>\n\n      <h2>Our Pillars<\/h2>\n\n      <p>\n        The foundations that underpin every project we deliver\n      <\/p>\n    <\/div>\n\n\n    <!-- Cards -->\n    <div class=\"pillars-grid\">\n\n      <!-- Card 1 -->\n      <div class=\"pillar-card\">\n\n        <div class=\"pillar-icon\">\n          \u2713\n        <\/div>\n\n        <h3>Safety First<\/h3>\n\n        <p>\n          Every project begins and ends with the safety of our people and yours.\n          We maintain rigorous safety standards across all sites, ensuring\n          zero-incident delivery on even the most complex structures.\n        <\/p>\n\n      <\/div>\n\n\n      <!-- Card 2 -->\n      <div class=\"pillar-card\">\n\n        <div class=\"pillar-icon\">\n          \u2295\n        <\/div>\n\n        <h3>Precision Engineering<\/h3>\n\n        <p>\n          From millimetre-accurate detailing to quality-controlled fabrication,\n          we ensure every component fits perfectly \u2014 reducing rework, cutting\n          downtime, and keeping your programme on track.\n        <\/p>\n\n      <\/div>\n\n\n      <!-- Card 3 -->\n      <div class=\"pillar-card\">\n\n        <div class=\"pillar-icon\">\n          \u25ce\n        <\/div>\n\n        <h3>Reliable Delivery<\/h3>\n\n        <p>\n          We understand that late steel means late buildings. Our dedicated\n          logistics and project management ensure your structural steel arrives\n          when your schedule demands it.\n        <\/p>\n\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n\n<style>\n\n\/* =========================================\n   CLASSIQUE ENGINEERING - OUR PILLARS\n   ========================================= *\/\n\n.classique-pillars {\n  width: 100%;\n  background: #f4f7f6;\n  padding: 90px 20px 85px;\n  box-sizing: border-box;\n}\n\n.pillars-inner {\n  max-width: 1050px;\n  margin: 0 auto;\n}\n\n\/* Heading *\/\n\n.pillars-heading {\n  text-align: center;\n  margin-bottom: 58px;\n}\n\n.pillars-heading .red-line {\n  display: block;\n  width: 55px;\n  height: 4px;\n  background: #b5262b;\n  margin: 0 auto 17px;\n  border-radius: 2px;\n}\n\n.pillars-heading h2 {\n  margin: 0 0 14px;\n  font-size: 32px;\n  line-height: 1.2;\n  font-weight: 700;\n  color: #050505;\n}\n\n.pillars-heading p {\n  margin: 0;\n  font-size: 16px;\n  line-height: 1.6;\n  color: #39434a;\n}\n\n\n\/* Cards *\/\n\n.pillars-grid {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 28px;\n}\n\n.pillar-card {\n  background: #ffffff;\n  border: 1px solid #dddddd;\n  border-radius: 5px;\n  padding: 28px 28px 30px;\n  text-align: center;\n  box-sizing: border-box;\n  min-height: 245px;\n  transition: all 0.25s ease;\n}\n\n\n\/* Card Hover *\/\n\n.pillar-card:hover {\n  transform: translateY(-4px);\n  box-shadow: 0 10px 25px rgba(0,0,0,0.07);\n}\n\n\n\/* Icons *\/\n\n.pillar-icon {\n  width: 56px;\n  height: 56px;\n  margin: 0 auto 23px;\n\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  background: #f5e8e8;\n  color: #b5262b;\n\n  border-radius: 11px;\n\n  font-size: 28px;\n  font-weight: 600;\n}\n\n\n\/* Card Titles *\/\n\n.pillar-card h3 {\n  margin: 0 0 13px;\n  color: #080808;\n\n  font-size: 18px;\n  line-height: 1.3;\n  font-weight: 700;\n}\n\n\n\/* Card Text *\/\n\n.pillar-card p {\n  margin: 0;\n\n  color: #4b555c;\n\n  font-size: 14px;\n  line-height: 1.65;\n}\n\n\n\/* =========================================\n   TABLET\n   ========================================= *\/\n\n@media (max-width: 900px) {\n\n  .pillars-grid {\n    grid-template-columns: repeat(2, 1fr);\n  }\n\n}\n\n\n\/* =========================================\n   MOBILE\n   ========================================= *\/\n\n@media (max-width: 650px) {\n\n  .classique-pillars {\n    padding: 65px 18px;\n  }\n\n  .pillars-heading {\n    margin-bottom: 40px;\n  }\n\n  .pillars-heading h2 {\n    font-size: 28px;\n  }\n\n  .pillars-grid {\n    grid-template-columns: 1fr;\n    gap: 20px;\n  }\n\n  .pillar-card {\n    padding: 30px 25px;\n  }\n\n}\n\n<\/style>\n\n\n\n<section class=\"classique-journey\">\n\n  <div class=\"journey-container\">\n\n    <!-- Heading -->\n    <div class=\"journey-heading\">\n\n      <span class=\"journey-line\"><\/span>\n\n      <h2>Our Journey<\/h2>\n\n      <p>\n        25+ years of growth, innovation, and commitment to excellence\n      <\/p>\n\n    <\/div>\n\n\n    <!-- Timeline -->\n    <div class=\"journey-timeline\">\n\n\n      <!-- 2000 -->\n      <div class=\"journey-item journey-left\">\n\n        <div class=\"journey-card\">\n\n          <div class=\"journey-year\">2000<\/div>\n\n          <h3>The Beginning<\/h3>\n\n          <p>\n            Classique Engineering began in the backyard of a family home,\n            built on craftsmanship, trust, and reliable steel solutions.\n          <\/p>\n\n        <\/div>\n\n        <div class=\"journey-dot\"><\/div>\n\n      <\/div>\n\n\n      <!-- 2006 -->\n      <div class=\"journey-item journey-right\">\n\n        <div class=\"journey-card\">\n\n          <div class=\"journey-year\">2006<\/div>\n\n          <h3>First Workshop<\/h3>\n\n          <p>\n            Expanded into our first dedicated workshop, increasing production\n            capacity and enabling us to deliver larger, more complex steel projects.\n          <\/p>\n\n        <\/div>\n\n        <div class=\"journey-dot\"><\/div>\n\n      <\/div>\n\n\n      <!-- 2017 -->\n      <div class=\"journey-item journey-left\">\n\n        <div class=\"journey-card\">\n\n          <div class=\"journey-year\">2017<\/div>\n\n          <h3>Rebranding<\/h3>\n\n          <p>\n            Transitioned from Classique Steel Worx to Classique Engineering,\n            reflecting our growth, professionalism, and commitment to nationwide\n            structural steel solutions.\n          <\/p>\n\n        <\/div>\n\n        <div class=\"journey-dot\"><\/div>\n\n      <\/div>\n\n\n      <!-- 2023 -->\n      <div class=\"journey-item journey-right\">\n\n        <div class=\"journey-card\">\n\n          <div class=\"journey-year\">2023<\/div>\n\n          <h3>Modern Facility<\/h3>\n\n          <p>\n            Moved into a modern, larger-capacity workshop, equipped to handle\n            projects of any scale with efficiency and precision.\n          <\/p>\n\n        <\/div>\n\n        <div class=\"journey-dot\"><\/div>\n\n      <\/div>\n\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n\n<style>\n\n\/* =========================================\n   CLASSIQUE ENGINEERING\n   OUR JOURNEY SECTION\n   ========================================= *\/\n\n.classique-journey {\n  width: 100%;\n  background: #ffffff;\n  padding: 80px 20px 100px;\n  box-sizing: border-box;\n}\n\n.journey-container {\n  max-width: 1050px;\n  margin: 0 auto;\n}\n\n\n\/* =========================================\n   SECTION HEADING\n   ========================================= *\/\n\n.journey-heading {\n  text-align: center;\n  margin-bottom: 55px;\n}\n\n.journey-line {\n  display: block;\n  width: 55px;\n  height: 4px;\n  background: #b5262b;\n  margin: 0 auto 16px;\n  border-radius: 2px;\n}\n\n.journey-heading h2 {\n  margin: 0 0 12px;\n  color: #080808;\n  font-size: 32px;\n  line-height: 1.2;\n  font-weight: 700;\n}\n\n.journey-heading p {\n  margin: 0;\n  color: #39434a;\n  font-size: 16px;\n  line-height: 1.6;\n}\n\n\n\/* =========================================\n   TIMELINE\n   ========================================= *\/\n\n.journey-timeline {\n  position: relative;\n  width: 100%;\n  padding: 0 0 10px;\n}\n\n\n\/* Centre line *\/\n\n.journey-timeline::before {\n  content: \"\";\n  position: absolute;\n\n  top: 0;\n  bottom: 0;\n  left: 50%;\n\n  width: 2px;\n\n  background: #dddddd;\n\n  transform: translateX(-50%);\n}\n\n\n\/* =========================================\n   TIMELINE ITEMS\n   ========================================= *\/\n\n.journey-item {\n  position: relative;\n\n  width: 100%;\n\n  min-height: 155px;\n\n  display: flex;\n  align-items: center;\n\n  margin-bottom: 0;\n}\n\n\n\/* Left cards *\/\n\n.journey-left {\n  justify-content: flex-start;\n}\n\n\n\/* Right cards *\/\n\n.journey-right {\n  justify-content: flex-end;\n}\n\n\n\/* =========================================\n   CARDS\n   ========================================= *\/\n\n.journey-card {\n  width: calc(50% - 55px);\n\n  background: #ffffff;\n\n  border: 1px solid #dddddd;\n\n  border-radius: 5px;\n\n  padding: 22px 25px;\n\n  box-sizing: border-box;\n\n  box-shadow: 0 2px 6px rgba(0,0,0,0.02);\n\n  transition: all 0.25s ease;\n}\n\n\n\/* Card hover *\/\n\n.journey-card:hover {\n  transform: translateY(-3px);\n\n  box-shadow: 0 8px 20px rgba(0,0,0,0.07);\n}\n\n\n\/* =========================================\n   YEAR\n   ========================================= *\/\n\n.journey-year {\n  color: #b5262b;\n\n  font-size: 32px;\n\n  line-height: 1;\n\n  font-weight: 700;\n\n  margin-bottom: 7px;\n}\n\n\n\/* =========================================\n   TITLE\n   ========================================= *\/\n\n.journey-card h3 {\n  margin: 0 0 10px;\n\n  color: #080808;\n\n  font-size: 17px;\n\n  line-height: 1.3;\n\n  font-weight: 700;\n}\n\n\n\/* =========================================\n   TEXT\n   ========================================= *\/\n\n.journey-card p {\n  margin: 0;\n\n  color: #39434a;\n\n  font-size: 13px;\n\n  line-height: 1.6;\n}\n\n\n\/* =========================================\n   TIMELINE DOT\n   ========================================= *\/\n\n.journey-dot {\n  position: absolute;\n\n  left: 50%;\n\n  top: 50%;\n\n  width: 9px;\n  height: 9px;\n\n  background: #b5262b;\n\n  border: 3px solid #ffffff;\n\n  border-radius: 50%;\n\n  box-shadow: 0 0 0 1px #dddddd;\n\n  transform: translate(-50%, -50%);\n\n  z-index: 3;\n}\n\n\n\/* =========================================\n   TABLET\n   ========================================= *\/\n\n@media (max-width: 850px) {\n\n  .journey-card {\n    width: calc(50% - 35px);\n  }\n\n}\n\n\n\/* =========================================\n   MOBILE\n   ========================================= *\/\n\n@media (max-width: 650px) {\n\n  .classique-journey {\n    padding: 65px 20px 75px;\n  }\n\n  .journey-heading {\n    margin-bottom: 45px;\n  }\n\n  .journey-heading h2 {\n    font-size: 28px;\n  }\n\n  \/* Move timeline to left *\/\n\n  .journey-timeline::before {\n    left: 12px;\n\n    transform: none;\n  }\n\n  .journey-item,\n  .journey-left,\n  .journey-right {\n    justify-content: flex-start;\n\n    padding-left: 35px;\n\n    min-height: auto;\n\n    margin-bottom: 25px;\n  }\n\n  .journey-card {\n    width: 100%;\n\n    padding: 22px;\n  }\n\n  .journey-dot {\n    left: 12px;\n\n    top: 35px;\n  }\n\n}\n\n<\/style>\n\n\n\n<section class=\"classique-team\">\n\n  <div class=\"team-container\">\n\n    <!-- Heading -->\n    <div class=\"team-heading\">\n\n      <span class=\"team-red-line\"><\/span>\n\n      <h2>Our Leadership Team<\/h2>\n\n      <p>\n        With 15 dedicated professionals, our team combines skill and integrity\n        to deliver quality steel solutions, guided by strong family values.\n      <\/p>\n\n    <\/div>\n\n\n    <!-- Team Grid -->\n    <div class=\"team-grid\">\n\n\n      <!-- Ralph -->\n      <div class=\"team-member\">\n\n        <div class=\"team-photo\">\n          <noscript><img decoding=\"async\" data-skip-lazy src=\"https:\/\/classiqueengineering.co.za\/public_html\/wp-content\/uploads\/2026\/08\/ralphmuthan.jpg\"><\/noscript><img decoding=\"async\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iODk2IiBoZWlnaHQ9IjExNTIiIHZpZXdCb3g9IjAgMCA4OTYgMTE1MiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48L3N2Zz4=\" data-src=\"https:\/\/classiqueengineering.co.za\/public_html\/wp-content\/uploads\/2026\/08\/ralphmuthan.jpg\" data-sizes=\"auto\" loading=\"eager\" class=\"vp-lazyload\">\n        <\/div>\n\n        <h3>Ralph Muthan<\/h3>\n\n        <p>Managing Director<\/p>\n\n      <\/div>\n\n\n      <!-- Judel -->\n      <div class=\"team-member\">\n\n        <div class=\"team-photo\">\n          <noscript><img src=https:\/\/classiqueengineering.co.za\/public_html\/wp-content\/uploads\/2026\/08\/judalmuthan.jpg\"><\/noscript><img src=\"https:\/\/classiqueengineering.co.za\/public_html\/wp-content\/uploads\/2026\/08\/judalmuthan.jpg&quot;\" data-src=\"https:\/\/classiqueengineering.co.za\/public_html\/wp-content\/uploads\/2026\/08\/judalmuthan.jpg&quot;\" data-sizes=\"auto\" loading=\"eager\" class=\"vp-lazyload\">\n        <\/div>\n\n        <h3>Judel Muthan<\/h3>\n\n        <p>Director<\/p>\n\n      <\/div>\n\n\n      <!-- Rodney -->\n      <div class=\"team-member\">\n\n        <div class=\"team-photo\">\n          <noscript><img decoding=\"async\" data-skip-lazy src=\"https:\/\/classiqueengineering.co.za\/public_html\/wp-content\/uploads\/2026\/08\/rodneymuthan.jpg\"><\/noscript><img decoding=\"async\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iOTYyIiBoZWlnaHQ9IjEwMjQiIHZpZXdCb3g9IjAgMCA5NjIgMTAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48L3N2Zz4=\" data-src=\"https:\/\/classiqueengineering.co.za\/public_html\/wp-content\/uploads\/2026\/08\/rodneymuthan.jpg\" data-sizes=\"auto\" loading=\"eager\" class=\"vp-lazyload\">\n        <\/div>\n\n        <h3>Rodney Muthan<\/h3>\n\n        <p>Operations Manager<\/p>\n\n      <\/div>\n\n\n      <!-- Kaylen -->\n      <div class=\"team-member\">\n\n        <div class=\"team-photo\">\n          <noscript><img decoding=\"async\" data-skip-lazy src=\"https:\/\/classiqueengineering.co.za\/public_html\/wp-content\/uploads\/2026\/08\/kaylenmuthan.jpg\"><\/noscript><img decoding=\"async\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iODY0IiBoZWlnaHQ9IjExODQiIHZpZXdCb3g9IjAgMCA4NjQgMTE4NCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48L3N2Zz4=\" data-src=\"https:\/\/classiqueengineering.co.za\/public_html\/wp-content\/uploads\/2026\/08\/kaylenmuthan.jpg\" data-sizes=\"auto\" loading=\"eager\" class=\"vp-lazyload\">\n        <\/div>\n\n        <h3>Kaylen Muthan<\/h3>\n\n        <p>Marketing Coordinator<\/p>\n\n      <\/div>\n\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n\n<style>\n\n\/* =========================================\n   CLASSIQUE ENGINEERING\n   LEADERSHIP TEAM\n   ========================================= *\/\n\n.classique-team {\n  width: 100%;\n  background: #f4f7f6;\n  padding: 85px 20px 80px;\n  box-sizing: border-box;\n}\n\n.team-container {\n  max-width: 1050px;\n  margin: 0 auto;\n}\n\n\n\/* =========================================\n   HEADING\n   ========================================= *\/\n\n.team-heading {\n  text-align: center;\n  max-width: 700px;\n  margin: 0 auto 55px;\n}\n\n.team-red-line {\n  display: block;\n  width: 55px;\n  height: 4px;\n  background: #b5262b;\n  margin: 0 auto 16px;\n  border-radius: 2px;\n}\n\n.team-heading h2 {\n  margin: 0 0 14px;\n  color: #080808;\n  font-size: 32px;\n  line-height: 1.2;\n  font-weight: 700;\n}\n\n.team-heading p {\n  margin: 0;\n  color: #39434a;\n  font-size: 16px;\n  line-height: 1.55;\n}\n\n\n\/* =========================================\n   TEAM GRID\n   ========================================= *\/\n\n.team-grid {\n  display: grid;\n  grid-template-columns: repeat(4, 1fr);\n  gap: 28px;\n}\n\n\n\/* =========================================\n   TEAM MEMBER\n   ========================================= *\/\n\n.team-member {\n  min-width: 0;\n}\n\n\n\/* =========================================\n   PHOTO\n   ========================================= *\/\n\n.team-photo {\n  width: 100%;\n  aspect-ratio: 1 \/ 1;\n\n  overflow: hidden;\n\n  background: #ffffff;\n\n  border-radius: 5px;\n\n  margin-bottom: 15px;\n}\n\n.team-photo img {\n  display: block;\n\n  width: 100%;\n  height: 100%;\n\n  object-fit: cover;\n\n  object-position: center;\n\n  transition: transform 0.3s ease;\n}\n\n\n\/* Subtle hover *\/\n\n.team-member:hover .team-photo img {\n  transform: scale(1.03);\n}\n\n\n\/* =========================================\n   NAME\n   ========================================= *\/\n\n.team-member h3 {\n  margin: 0 0 6px;\n\n  color: #080808;\n\n  font-size: 16px;\n  line-height: 1.3;\n\n  font-weight: 700;\n}\n\n\n\/* =========================================\n   POSITION\n   ========================================= *\/\n\n.team-member p {\n  margin: 0;\n\n  color: #59636a;\n\n  font-size: 13px;\n\n  line-height: 1.4;\n}\n\n\n\/* =========================================\n   TABLET\n   ========================================= *\/\n\n@media (max-width: 850px) {\n\n  .team-grid {\n    grid-template-columns: repeat(2, 1fr);\n    gap: 35px 25px;\n  }\n\n}\n\n\n\/* =========================================\n   MOBILE\n   ========================================= *\/\n\n@media (max-width: 550px) {\n\n  .classique-team {\n    padding: 65px 20px 70px;\n  }\n\n  .team-heading {\n    margin-bottom: 40px;\n  }\n\n  .team-heading h2 {\n    font-size: 28px;\n  }\n\n  .team-heading p {\n    font-size: 15px;\n  }\n\n  .team-grid {\n    grid-template-columns: 1fr;\n    gap: 30px;\n  }\n\n}\n\n<\/style>\n\n\n\n<!-- =========================================\n     CLASSIQUE ENGINEERING\n     CTA + FOOTER SECTION\n     ========================================= -->\n\n<section class=\"classique-cta-footer\">\n\n  <!-- CTA -->\n  <div class=\"classique-cta\">\n\n    <h2>Ready to Build With Confidence?<\/h2>\n\n    <p>\n      Whether you&#8217;re tendering a new development or need a reliable steel\n      partner for an ongoing project, our team is ready to deliver a\n      technical proposal within 48 hours.\n    <\/p>\n\n    <div class=\"cta-buttons\">\n\n      <a href=\"\/contact\/\" class=\"cta-primary\">\n        Request a Technical Proposal\n        <span>\u2192<\/span>\n      <\/a>\n\n      <a href=\"\/projects\/\" class=\"cta-secondary\">\n        View Our Work\n        <span>\u2192<\/span>\n      <\/a>\n\n    <\/div>\n\n  <\/div>\n\n\n  <!-- FOOTER -->\n  <footer class=\"classique-footer\">\n\n    <div class=\"footer-container\">\n\n      <!-- Company -->\n      <div class=\"footer-company\">\n\n        <div class=\"footer-logo\">\n          <span>Classique<\/span>\n          <strong>Engineering<\/strong>\n        <\/div>\n\n        <p>\n          A family-owned steel fabrication company with 25+ years&#8217;\n          experience, delivering reliable, precise, and full-service\n          structural steel solutions across South Africa.\n        <\/p>\n\n        <em>\n          &#8220;Steel you can trust. Service you can count on.&#8221;\n        <\/em>\n\n      <\/div>\n\n\n      <!-- Quick Links -->\n      <div class=\"footer-links\">\n\n        <h3>Quick Links<\/h3>\n\n        <a href=\"\/\">Home<\/a>\n        <a href=\"\/about\/\">About<\/a>\n        <a href=\"\/services\/\">Services<\/a>\n        <a href=\"\/projects\/\">Projects<\/a>\n        <a href=\"\/contact\/\">Contact<\/a>\n\n      <\/div>\n\n\n      <!-- Contact -->\n      <div class=\"footer-contact\">\n\n        <h3>Contact Us<\/h3>\n\n        <p>\n          <span class=\"footer-icon\">\u2709<\/span>\n          <a href=\"mailto:judel@classiqueengineering.co.za\">\n            judel@classiqueengineering.co.za\n          <\/a>\n        <\/p>\n\n        <p>\n          <span class=\"footer-icon\">\u2315<\/span>\n          <a href=\"tel:+27829551344\">\n            +27 82 955 1344\n          <\/a>\n        <\/p>\n\n        <p>\n          <span class=\"footer-icon\">\u2316<\/span>\n          10 Sneezewood Ln, Glen Anil,<br>\n          Durban, KwaZulu-Natal\n        <\/p>\n\n      <\/div>\n\n    <\/div>\n\n\n    <!-- Bottom Footer -->\n    <div class=\"footer-bottom\">\n\n      <div>\n        \u00a9 2026 Classique Engineering (Pty) Ltd. All rights reserved.\n      <\/div>\n\n      <div>\n        Registered Company \u2022 Est. 2000 \u2022 Durban, South Africa\n      <\/div>\n\n    <\/div>\n\n  <\/footer>\n\n<\/section>\n\n\n<style>\n\n\/* =========================================\n   MAIN CTA\n   ========================================= *\/\n\n.classique-cta-footer {\n  width: 100%;\n  box-sizing: border-box;\n  font-family: Arial, Helvetica, sans-serif;\n}\n\n\n\/* CTA AREA *\/\n\n.classique-cta {\n  background: #5d0d12;\n  color: #ffffff;\n  text-align: center;\n  padding: 105px 20px 110px;\n}\n\n.classique-cta h2 {\n  margin: 0 0 20px;\n  color: #ffffff;\n  font-size: 34px;\n  line-height: 1.2;\n  font-weight: 700;\n}\n\n.classique-cta p {\n  max-width: 680px;\n  margin: 0 auto 32px;\n  color: #eeeeee;\n  font-size: 16px;\n  line-height: 1.6;\n}\n\n\n\/* CTA BUTTONS *\/\n\n.cta-buttons {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  gap: 14px;\n  flex-wrap: wrap;\n}\n\n.cta-buttons a {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: 10px;\n  min-width: 235px;\n  padding: 14px 24px;\n  box-sizing: border-box;\n  text-decoration: none;\n  font-size: 14px;\n  font-weight: 600;\n  border-radius: 4px;\n  transition: all 0.2s ease;\n}\n\n.cta-primary {\n  background: #b3262d;\n  color: #ffffff !important;\n  border: 1px solid #b3262d;\n}\n\n.cta-primary:hover {\n  background: #cc3038;\n  border-color: #cc3038;\n  color: #ffffff !important;\n}\n\n.cta-secondary {\n  background: #ffffff;\n  color: #222222 !important;\n  border: 1px solid #ffffff;\n}\n\n.cta-secondary:hover {\n  background: transparent;\n  color: #ffffff !important;\n  border-color: #ffffff;\n}\n\n.cta-buttons span {\n  font-size: 18px;\n}\n\n\n\/* =========================================\n   FOOTER\n   ========================================= *\/\n\n.classique-footer {\n  background: #5d0d12;\n  color: #ffffff;\n  padding: 0 20px 25px;\n}\n\n.footer-container {\n  max-width: 1045px;\n  margin: 0 auto;\n  padding: 0 0 45px;\n\n  display: grid;\n  grid-template-columns: 1.5fr 0.8fr 1.1fr;\n  gap: 80px;\n}\n\n\n\/* COMPANY *\/\n\n.footer-logo {\n  margin-bottom: 22px;\n  line-height: 1;\n}\n\n.footer-logo span {\n  display: block;\n  color: #b3262d;\n  font-size: 18px;\n  font-weight: 700;\n}\n\n.footer-logo strong {\n  display: block;\n  color: #ffffff;\n  font-size: 15px;\n  font-weight: 700;\n  margin-left: 42px;\n  margin-top: -1px;\n}\n\n.footer-company p {\n  max-width: 350px;\n  margin: 0 0 18px;\n  color: #dddddd;\n  font-size: 14px;\n  line-height: 1.7;\n}\n\n.footer-company em {\n  color: #b3262d;\n  font-size: 13px;\n}\n\n\n\/* FOOTER HEADINGS *\/\n\n.footer-links h3,\n.footer-contact h3 {\n  margin: 0 0 20px;\n  color: #ffffff;\n  font-size: 16px;\n  font-weight: 700;\n}\n\n\n\/* LINKS *\/\n\n.footer-links {\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n}\n\n.footer-links a {\n  margin-bottom: 12px;\n  color: #dddddd !important;\n  text-decoration: none;\n  font-size: 14px;\n}\n\n.footer-links a:hover {\n  color: #ffffff !important;\n}\n\n\n\/* CONTACT *\/\n\n.footer-contact p {\n  display: flex;\n  align-items: flex-start;\n  gap: 10px;\n  margin: 0 0 16px;\n  color: #dddddd;\n  font-size: 14px;\n  line-height: 1.5;\n}\n\n.footer-contact a {\n  color: #dddddd !important;\n  text-decoration: none;\n}\n\n.footer-contact a:hover {\n  color: #ffffff !important;\n}\n\n.footer-icon {\n  width: 18px;\n  flex-shrink: 0;\n  color: #dddddd;\n}\n\n\n\/* =========================================\n   FOOTER BOTTOM\n   ========================================= *\/\n\n.footer-bottom {\n  max-width: 1045px;\n  margin: 0 auto;\n  padding-top: 28px;\n  border-top: 1px solid rgba(255,255,255,0.15);\n\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  gap: 20px;\n\n  color: #bdbdbd;\n  font-size: 12px;\n}\n\n\n\/* =========================================\n   TABLET\n   ========================================= *\/\n\n@media (max-width: 850px) {\n\n  .footer-container {\n    grid-template-columns: 1fr 1fr;\n    gap: 45px;\n  }\n\n  .footer-company {\n    grid-column: span 2;\n  }\n\n  .footer-bottom {\n    flex-direction: column;\n    align-items: flex-start;\n  }\n\n}\n\n\n\/* =========================================\n   MOBILE\n   ========================================= *\/\n\n@media (max-width: 600px) {\n\n  .classique-cta {\n    padding: 75px 20px 80px;\n  }\n\n  .classique-cta h2 {\n    font-size: 28px;\n  }\n\n  .classique-cta p {\n    font-size: 15px;\n  }\n\n  .cta-buttons {\n    flex-direction: column;\n  }\n\n  .cta-buttons a {\n    width: 100%;\n    max-width: 300px;\n  }\n\n  .footer-container {\n    grid-template-columns: 1fr;\n    gap: 40px;\n    padding-bottom: 35px;\n  }\n\n  .footer-company {\n    grid-column: auto;\n  }\n\n  .footer-bottom {\n    font-size: 11px;\n    line-height: 1.5;\n  }\n\n}\n\n<\/style>\n","protected":false},"excerpt":{"rendered":"<p>From Family Workshop to Nationwide Partner Classique Engineering began in the backyard of a family home in Durban, built on a simple promise: deliver quality steel work that people can rely on. More than 25 years later, that promise hasn&#8217;t changed \u2014 but our capability has grown exponentially. Today, we operate from a modern, high-capacity &#8230; <a title=\"About Us\" class=\"read-more\" href=\"https:\/\/classiqueengineering.co.za\/public_html\/about-us\/\" aria-label=\"Read more about About Us\">Read more<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_vp_format_video_url":"","_vp_image_focal_point":[],"footnotes":""},"class_list":["post-65","page","type-page","status-publish"],"_links":{"self":[{"href":"https:\/\/classiqueengineering.co.za\/public_html\/wp-json\/wp\/v2\/pages\/65","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/classiqueengineering.co.za\/public_html\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/classiqueengineering.co.za\/public_html\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/classiqueengineering.co.za\/public_html\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/classiqueengineering.co.za\/public_html\/wp-json\/wp\/v2\/comments?post=65"}],"version-history":[{"count":7,"href":"https:\/\/classiqueengineering.co.za\/public_html\/wp-json\/wp\/v2\/pages\/65\/revisions"}],"predecessor-version":[{"id":1561,"href":"https:\/\/classiqueengineering.co.za\/public_html\/wp-json\/wp\/v2\/pages\/65\/revisions\/1561"}],"wp:attachment":[{"href":"https:\/\/classiqueengineering.co.za\/public_html\/wp-json\/wp\/v2\/media?parent=65"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}