{"id":61,"date":"2026-07-14T12:19:34","date_gmt":"2026-07-14T12:19:34","guid":{"rendered":"https:\/\/chemcastscientific.com\/?page_id=61"},"modified":"2026-07-14T13:18:49","modified_gmt":"2026-07-14T13:18:49","slug":"services","status":"publish","type":"page","link":"https:\/\/chemcastscientific.com\/?page_id=61","title":{"rendered":"Services"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"61\" class=\"elementor elementor-61\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-15483e7 e-con-full e-flex e-con e-parent\" data-id=\"15483e7\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-fd99d85 elementor-widget elementor-widget-html\" data-id=\"fd99d85\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================================\r\n     DIYAR AL SAFWA \u2014 SERVICES PAGE\r\n     Paste into a single Elementor HTML widget. Assumes your theme\r\n     supplies the site header\/nav and footer \u2014 neither is included\r\n     here. The hero (video + headline) IS included.\r\n     Search \"EDITABLE\" for every spot to adjust.\r\n     ============================================================ -->\r\n\r\n<style>\r\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,500;0,600;1,500;1,600&family=Manrope:wght@400;500;700;800&display=swap');\r\n\r\n  .das-page {\r\n    --das-teal-deep:  #075464;\r\n    --das-teal-dark:  #073F49;\r\n    --das-gold:       #B8A077;\r\n    --das-gold-soft:  #CDBA98;\r\n    --das-ivory:      #F7F5F0;\r\n    --das-white:      #FFFFFF;\r\n    --das-gray:       #E8E5DE;\r\n    --das-text:       #0E3A42;\r\n    --das-text-soft:  #4A6B70;\r\n\r\n    --das-serif: 'Cormorant Garamond', Georgia, 'Times New Roman', serif;\r\n    --das-sans:  'Manrope', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;\r\n    --das-ease: cubic-bezier(0.16, 1, 0.3, 1);\r\n\r\n    font-family: var(--das-sans);\r\n    color: var(--das-text);\r\n    background: var(--das-white);\r\n    overflow-x: hidden;\r\n    position: relative;\r\n    scroll-behavior: smooth;\r\n  }\r\n  .das-page * { box-sizing: border-box; }\r\n  .das-page img { max-width: 100%; display: block; }\r\n  .das-page a { text-decoration: none; color: inherit; }\r\n  .das-page button { font-family: inherit; cursor: pointer; background: none; border: none; }\r\n  .das-page ul { list-style: none; margin: 0; padding: 0; }\r\n  .das-page :focus-visible { outline: 2px solid var(--das-gold); outline-offset: 3px; }\r\n\r\n  .das-container { max-width: 1240px; margin: 0 auto; padding: 0 32px; }\r\n  .das-eyebrow { font-size: 12px; font-weight: 700; letter-spacing: 0.22em; text-transform: uppercase; color: var(--das-gold); }\r\n\r\n  .das-reveal { opacity: 0; transform: translateY(28px); transition: opacity 0.8s var(--das-ease), transform 0.8s var(--das-ease); }\r\n  .das-reveal.das-in { opacity: 1; transform: translateY(0); }\r\n\r\n  @media (prefers-reduced-motion: reduce) {\r\n    .das-page * { animation-duration: 0.001ms !important; animation-iteration-count: 1 !important; transition-duration: 0.001ms !important; scroll-behavior: auto !important; }\r\n    .das-reveal { opacity: 1 !important; transform: none !important; }\r\n    .das-parallax__media img { transform: none !important; }\r\n  }\r\n\r\n  \/* ============================================================\r\n     HERO\r\n     ============================================================ *\/\r\n  .das-hero { position: relative; width: 100%; min-height: 78vh; overflow: hidden; background: var(--das-teal-dark); isolation: isolate; }\r\n  .das-hero__media { position: absolute; inset: 0; z-index: 0; transform: scale(1.08); animation: das-hero-settle 2.4s var(--das-ease) forwards; }\r\n  @keyframes das-hero-settle { to { transform: scale(1); } }\r\n  .das-hero__video, .das-hero__fallback { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center 50%; }\r\n  .das-hero__fallback { background: linear-gradient(160deg, #0d5c6b 0%, #073f49 60%, #062e35 100%); z-index: -1; }\r\n  .das-hero__overlay { position: absolute; inset: 0; z-index: 1; background: linear-gradient(180deg, rgba(7,63,73,0.42) 0%, rgba(7,63,73,0.10) 34%, rgba(7,63,73,0.20) 58%, rgba(7,63,73,0.72) 100%); }\r\n  .das-hero__content { position: relative; z-index: 5; min-height: 78vh; display: flex; flex-direction: column; justify-content: flex-end; padding: 0 32px 64px; }\r\n  .das-hero__descriptor { opacity: 0; transform: translateY(14px); animation: das-fade-in 0.9s var(--das-ease) 0.35s forwards; color: var(--das-gold-soft); font-size: 12px; font-weight: 700; letter-spacing: 0.24em; text-transform: uppercase; margin: 0 0 18px; display: flex; align-items: center; gap: 12px; }\r\n  .das-hero__descriptor .das-rule { width: 32px; height: 1px; background: var(--das-gold); display: inline-block; }\r\n  .das-hero__headline { opacity: 0; transform: translateY(26px); animation: das-fade-in 1.05s var(--das-ease) 0.52s forwards; font-family: var(--das-serif); font-weight: 500; font-size: clamp(2.4rem, 7vw, 5.6rem); line-height: 1; color: var(--das-white); margin: 0; max-width: 20ch; }\r\n  .das-hero__headline em { font-style: italic; color: var(--das-gold-soft); }\r\n  @keyframes das-fade-in { to { opacity: 1; transform: translateY(0); } }\r\n  @media (max-width: 760px) { .das-hero__content { padding: 0 20px 48px; } }\r\n\r\n  \/* ============================================================\r\n     STICKY STEP NAV \u2014 numbered, dashed connectors, tracks scroll\r\n     ============================================================ *\/\r\n  .das-steps-bar {\r\n    position: sticky; top: 0; z-index: 30;\r\n    background: rgba(247,245,240,0.97);\r\n    backdrop-filter: blur(8px);\r\n    border-bottom: 1px solid var(--das-gray);\r\n  }\r\n  .das-steps { display: flex; align-items: stretch; overflow-x: auto; scrollbar-width: none; }\r\n  .das-steps::-webkit-scrollbar { display: none; }\r\n  .das-step-btn {\r\n    display: flex; align-items: center; gap: 10px; white-space: nowrap;\r\n    padding: 18px 22px; font-size: 12px; font-weight: 700; letter-spacing: 0.06em;\r\n    color: var(--das-text-soft); position: relative; flex-shrink: 0;\r\n    transition: color 0.35s ease;\r\n  }\r\n  .das-step-btn__num { font-family: var(--das-serif); font-size: 14px; color: var(--das-gold); transition: color 0.35s ease; }\r\n  .das-step-btn::after {\r\n    content: \"\"; position: absolute; left: 22px; right: 22px; bottom: 0; height: 2px;\r\n    background: var(--das-gold); transform: scaleX(0); transform-origin: left;\r\n    transition: transform 0.4s var(--das-ease);\r\n  }\r\n  .das-step-btn.das-active { color: var(--das-teal-dark); }\r\n  .das-step-btn.das-active::after { transform: scaleX(1); }\r\n  .das-step-connector {\r\n    flex-shrink: 0; width: 26px; align-self: center;\r\n    border-top: 1px dashed var(--das-gray);\r\n    margin: 0 -2px;\r\n  }\r\n  @media (max-width: 700px) {\r\n    .das-step-btn { padding: 14px 14px; font-size: 11px; }\r\n    .das-step-connector { width: 14px; }\r\n  }\r\n\r\n  \/* ============================================================\r\n     SHARED: full-bleed parallax photo section\r\n     ============================================================ *\/\r\n  .das-parallax { position: relative; overflow: hidden; background: var(--das-teal-dark); }\r\n  .das-parallax__media { position: absolute; inset: -12% 0; z-index: 0; }\r\n  .das-parallax__media img { width: 100%; height: 124%; object-fit: cover; will-change: transform; }\r\n  .das-parallax__scrim { position: absolute; inset: 0; z-index: 1; }\r\n  .das-parallax__content { position: relative; z-index: 2; }\r\n\r\n  \/* ============================================================\r\n     SERVICE SECTION\r\n     ============================================================ *\/\r\n  .das-service-block { min-height: 88vh; display: flex; align-items: center; padding: 90px 0; scroll-margin-top: 58px; }\r\n  .das-service-block .das-parallax__scrim { background: linear-gradient(100deg, rgba(7,63,73,0.94) 0%, rgba(7,63,73,0.74) 40%, rgba(7,63,73,0.22) 100%); }\r\n  .das-service-block:nth-child(even) .das-parallax__scrim { background: linear-gradient(260deg, rgba(7,63,73,0.94) 0%, rgba(7,63,73,0.74) 40%, rgba(7,63,73,0.22) 100%); }\r\n  .das-service-block__grid { display: grid; grid-template-columns: 1fr; }\r\n  .das-service-block:nth-child(even) .das-service-block__inner { margin-left: auto; }\r\n  .das-service-block__inner { max-width: 560px; }\r\n  .das-service-block__num { font-family: var(--das-serif); font-size: 15px; color: var(--das-gold); letter-spacing: 0.1em; margin-bottom: 6px; display: block; }\r\n  .das-service-block__eyebrow { font-family: var(--das-serif); font-style: italic; font-size: 16px; color: var(--das-gold-soft); margin: 0 0 8px; }\r\n  .das-service-block__title { font-family: var(--das-serif); font-weight: 500; font-size: clamp(2.4rem, 5.4vw, 4rem); line-height: 1.02; color: var(--das-white); margin: 0 0 22px; }\r\n  .das-service-block__desc { font-size: 15.5px; line-height: 1.8; color: rgba(247,245,240,0.8); max-width: 50ch; margin: 0 0 30px; }\r\n  .das-service-block__facts { display: flex; flex-direction: column; gap: 0; border-top: 1px solid rgba(247,245,240,0.2); }\r\n  .das-service-block__fact { display: flex; align-items: center; gap: 14px; padding: 15px 0; border-bottom: 1px solid rgba(247,245,240,0.2); font-size: 14px; color: rgba(247,245,240,0.92); font-weight: 600; }\r\n  .das-service-block__fact svg { color: var(--das-gold); flex-shrink: 0; }\r\n  @media (max-width: 760px) {\r\n    .das-service-block { min-height: auto; padding: 70px 0; }\r\n    .das-service-block:nth-child(even) .das-service-block__inner { margin-left: 0; }\r\n  }\r\n\r\n  .das-totop {\r\n    position: fixed; right: 24px; bottom: 24px; z-index: 40; width: 46px; height: 46px; border-radius: 50%;\r\n    background: var(--das-teal-dark); color: var(--das-ivory); display: flex; align-items: center; justify-content: center;\r\n    border: 1px solid rgba(247,245,240,0.2); opacity: 0; pointer-events: none; transform: translateY(10px) scale(0.9);\r\n    transition: opacity 0.35s var(--das-ease), transform 0.35s var(--das-ease);\r\n  }\r\n  .das-totop.das-visible { opacity: 1; pointer-events: auto; transform: translateY(0) scale(1); }\r\n  .das-totop:hover { background: var(--das-gold); color: var(--das-teal-dark); }\r\n\r\n  \/* ============================================================\r\n     CLOSING CTA\r\n     ============================================================ *\/\r\n  .das-cta { position: relative; background: var(--das-ivory); padding: 100px 0; text-align: center; overflow: hidden; }\r\n  .das-cta__title { font-family: var(--das-serif); font-size: clamp(2rem, 5vw, 3.4rem); color: var(--das-teal-dark); margin: 0 auto 30px; max-width: 22ch; }\r\n  .das-cta__title .das-italic { font-style: italic; color: var(--das-gold); }\r\n  .das-btn-solid {\r\n    display: inline-flex !important; align-items: center; gap: 10px; padding: 16px 32px;\r\n    background: var(--das-teal-dark) !important; color: var(--das-white) !important;\r\n    font-family: var(--das-sans) !important; font-size: 12px !important; font-weight: 700 !important;\r\n    letter-spacing: 0.16em; text-transform: uppercase; text-indent: 0 !important; line-height: 1.4 !important;\r\n    opacity: 1 !important; visibility: visible !important; border-radius: 2px; transition: background 0.4s ease;\r\n  }\r\n  .das-btn-solid:hover { background: var(--das-teal-deep) !important; }\r\n  .das-btn-solid:visited { color: var(--das-white) !important; }\r\n  .das-btn-solid svg { transition: transform 0.35s var(--das-ease); flex-shrink: 0; }\r\n  .das-btn-solid:hover svg { transform: translateX(4px); }\r\n<\/style>\r\n\r\n<div class=\"das-page\">\r\n\r\n  <!-- ============================================================\r\n       HERO\r\n       ============================================================ -->\r\n  <header class=\"das-hero\" id=\"das-top\">\r\n    <div class=\"das-hero__media\">\r\n      <!-- EDITABLE: SERVICES PAGE HERO VIDEO URL -->\r\n      <video class=\"das-hero__video\" autoplay muted loop playsinline preload=\"metadata\" aria-hidden=\"true\">\r\n        <source src=\"https:\/\/chemcastscientific.com\/wp-content\/uploads\/2026\/07\/0_Copenhagen_Denmark_1280x720.mp4\" type=\"video\/mp4\">\r\n      <\/video>\r\n      <div class=\"das-hero__fallback\"><\/div>\r\n    <\/div>\r\n    <div class=\"das-hero__overlay\"><\/div>\r\n    <div class=\"das-hero__content\">\r\n      <p class=\"das-hero__descriptor\"><span class=\"das-rule\" aria-hidden=\"true\"><\/span>What We Do<\/p>\r\n      <h1 class=\"das-hero__headline\">Six crafts.<br>One <em>standard.<\/em><\/h1>\r\n    <\/div>\r\n  <\/header>\r\n\r\n  <!-- ============================================================\r\n       STICKY STEP NAVIGATION\r\n       ============================================================ -->\r\n  <nav class=\"das-steps-bar\" aria-label=\"Jump to a service\">\r\n    <div class=\"das-steps\" id=\"dasSteps\">\r\n      <button class=\"das-step-btn das-active\" data-target=\"das-service-01\"><span class=\"das-step-btn__num\">01<\/span>General Contracting<\/button>\r\n      <span class=\"das-step-connector\" aria-hidden=\"true\"><\/span>\r\n      <button class=\"das-step-btn\" data-target=\"das-service-02\"><span class=\"das-step-btn__num\">02<\/span>Finishing<\/button>\r\n      <span class=\"das-step-connector\" aria-hidden=\"true\"><\/span>\r\n      <button class=\"das-step-btn\" data-target=\"das-service-03\"><span class=\"das-step-btn__num\">03<\/span>Interior Design<\/button>\r\n      <span class=\"das-step-connector\" aria-hidden=\"true\"><\/span>\r\n      <button class=\"das-step-btn\" data-target=\"das-service-04\"><span class=\"das-step-btn__num\">04<\/span>Decoration<\/button>\r\n      <span class=\"das-step-connector\" aria-hidden=\"true\"><\/span>\r\n      <button class=\"das-step-btn\" data-target=\"das-service-05\"><span class=\"das-step-btn__num\">05<\/span>Renovation<\/button>\r\n      <span class=\"das-step-connector\" aria-hidden=\"true\"><\/span>\r\n      <button class=\"das-step-btn\" data-target=\"das-service-06\"><span class=\"das-step-btn__num\">06<\/span>Residential<\/button>\r\n    <\/div>\r\n  <\/nav>\r\n\r\n  <!-- ============================================================\r\n       01 \u2014 GENERAL CONTRACTING\r\n       ============================================================ -->\r\n  <section class=\"das-parallax das-service-block\" id=\"das-service-01\" data-service>\r\n    <div class=\"das-parallax__media\"><img decoding=\"async\" src=\"https:\/\/chemcastscientific.com\/wp-content\/uploads\/2026\/07\/ChatGPT-Image-Jul-14-2026-03_23_46-PM.png\" alt=\"\" aria-hidden=\"true\" loading=\"lazy\"><\/div>\r\n    <div class=\"das-parallax__scrim\"><\/div>\r\n    <div class=\"das-parallax__content das-container\">\r\n      <div class=\"das-service-block__inner das-reveal\">\r\n        <span class=\"das-service-block__num\">01 \/ 06<\/span>\r\n        <p class=\"das-service-block__eyebrow\">Structure, first<\/p>\r\n        <h2 class=\"das-service-block__title\">General<br>Contracting<\/h2>\r\n        <p class=\"das-service-block__desc\">Construction and development works executed to precise engineering standards. We study each project and prepare a clear execution plan covering stages, resources, timeline, and technical supervision.<\/p>\r\n        <div class=\"das-service-block__facts\">\r\n          <div class=\"das-service-block__fact\"><svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6 9 17l-5-5\"\/><\/svg>Engineering-accurate execution standards<\/div>\r\n          <div class=\"das-service-block__fact\"><svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6 9 17l-5-5\"\/><\/svg>Coordinated teams, no conflicts or delays<\/div>\r\n          <div class=\"das-service-block__fact\"><svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6 9 17l-5-5\"\/><\/svg>Residential, commercial &amp; administrative<\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- ============================================================\r\n       02 \u2014 FINISHING WORKS\r\n       ============================================================ -->\r\n  <section class=\"das-parallax das-service-block\" id=\"das-service-02\" data-service>\r\n    <div class=\"das-parallax__media\"><img decoding=\"async\" src=\"https:\/\/chemcastscientific.com\/wp-content\/uploads\/2026\/07\/WhatsApp-Image-2026-05-24-at-2.46.47-PM-42.jpeg\" alt=\"\" aria-hidden=\"true\" loading=\"lazy\"><\/div>\r\n    <div class=\"das-parallax__scrim\"><\/div>\r\n    <div class=\"das-parallax__content das-container\">\r\n      <div class=\"das-service-block__inner das-reveal\">\r\n        <span class=\"das-service-block__num\">02 \/ 06<\/span>\r\n        <p class=\"das-service-block__eyebrow\">The final layer<\/p>\r\n        <h2 class=\"das-service-block__title\">Finishing<br>Works<\/h2>\r\n        <p class=\"das-service-block__desc\">Complete finishing solutions &mdash; flooring, walls, ceilings, paint, electrical, plumbing, and lighting. Every detail executed with high precision, materials matched to how the space will actually be used.<\/p>\r\n        <div class=\"das-service-block__facts\">\r\n          <div class=\"das-service-block__fact\"><svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6 9 17l-5-5\"\/><\/svg>Flooring to lighting, one accountable scope<\/div>\r\n          <div class=\"das-service-block__fact\"><svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6 9 17l-5-5\"\/><\/svg>Materials chosen for use, not just looks<\/div>\r\n          <div class=\"das-service-block__fact\"><svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6 9 17l-5-5\"\/><\/svg>Continuous supervision against spec<\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- ============================================================\r\n       03 \u2014 INTERIOR DESIGN\r\n       ============================================================ -->\r\n  <section class=\"das-parallax das-service-block\" id=\"das-service-03\" data-service>\r\n    <div class=\"das-parallax__media\"><img decoding=\"async\" src=\"https:\/\/chemcastscientific.com\/wp-content\/uploads\/2026\/07\/ChatGPT-Image-Jul-14-2026-03_08_15-PM.png\" alt=\"\" aria-hidden=\"true\" loading=\"lazy\"><\/div>\r\n    <div class=\"das-parallax__scrim\"><\/div>\r\n    <div class=\"das-parallax__content das-container\">\r\n      <div class=\"das-service-block__inner das-reveal\">\r\n        <span class=\"das-service-block__num\">03 \/ 06<\/span>\r\n        <p class=\"das-service-block__eyebrow\">Space, considered<\/p>\r\n        <h2 class=\"das-service-block__title\">Interior<br>Design<\/h2>\r\n        <p class=\"das-service-block__desc\">Not a choice of colors or furniture, but a complete process aimed at comfortable, practical, visually balanced spaces &mdash; coordinating layout, materials, lighting, and furnishings into one identity.<\/p>\r\n        <div class=\"das-service-block__facts\">\r\n          <div class=\"das-service-block__fact\"><svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6 9 17l-5-5\"\/><\/svg>Layout planned around how it's used<\/div>\r\n          <div class=\"das-service-block__fact\"><svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6 9 17l-5-5\"\/><\/svg>Materials, lighting &amp; furniture coordinated<\/div>\r\n          <div class=\"das-service-block__fact\"><svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6 9 17l-5-5\"\/><\/svg>One guiding identity, room to room<\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- ============================================================\r\n       04 \u2014 INTERIOR DECORATION\r\n       ============================================================ -->\r\n  <section class=\"das-parallax das-service-block\" id=\"das-service-04\" data-service>\r\n    <div class=\"das-parallax__media\"><img decoding=\"async\" src=\"https:\/\/chemcastscientific.com\/wp-content\/uploads\/2026\/07\/WhatsApp-Image-2026-05-24-at-2.46.47-PM-13.jpeg\" alt=\"\" aria-hidden=\"true\" loading=\"lazy\"><\/div>\r\n    <div class=\"das-parallax__scrim\"><\/div>\r\n    <div class=\"das-parallax__content das-container\">\r\n      <div class=\"das-service-block__inner das-reveal\">\r\n        <span class=\"das-service-block__num\">04 \/ 06<\/span>\r\n        <p class=\"das-service-block__eyebrow\">The final touches<\/p>\r\n        <h2 class=\"das-service-block__title\">Interior<br>Decoration<\/h2>\r\n        <p class=\"das-service-block__desc\">Decorative ceilings and feature walls, hidden lighting, panels, and cladding &mdash; final touches that raise the value of a space while keeping it balanced between beauty and everyday use.<\/p>\r\n        <div class=\"das-service-block__facts\">\r\n          <div class=\"das-service-block__fact\"><svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6 9 17l-5-5\"\/><\/svg>Decorative ceilings &amp; feature walls<\/div>\r\n          <div class=\"das-service-block__fact\"><svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6 9 17l-5-5\"\/><\/svg>Hidden lighting, panels &amp; cladding<\/div>\r\n          <div class=\"das-service-block__fact\"><svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6 9 17l-5-5\"\/><\/svg>Elegant, without losing function<\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- ============================================================\r\n       05 \u2014 RENOVATION & REMODELING\r\n       ============================================================ -->\r\n  <section class=\"das-parallax das-service-block\" id=\"das-service-05\" data-service>\r\n    <div class=\"das-parallax__media\"><img decoding=\"async\" src=\"https:\/\/chemcastscientific.com\/wp-content\/uploads\/2026\/07\/WhatsApp-Image-2026-05-24-at-2.46.47-PM-27-1.jpeg\" alt=\"\" aria-hidden=\"true\" loading=\"lazy\"><\/div>\r\n    <div class=\"das-parallax__scrim\"><\/div>\r\n    <div class=\"das-parallax__content das-container\">\r\n      <div class=\"das-service-block__inner das-reveal\">\r\n        <span class=\"das-service-block__num\">05 \/ 06<\/span>\r\n        <p class=\"das-service-block__eyebrow\">Beginning again<\/p>\r\n        <h2 class=\"das-service-block__title\">Renovation &amp;<br>Remodeling<\/h2>\r\n        <p class=\"das-service-block__desc\">Complete solutions for renovating existing spaces &mdash; residential, commercial, or administrative. We study the condition of the space first, then develop an improvement plan matched to needs and budget.<\/p>\r\n        <div class=\"das-service-block__facts\">\r\n          <div class=\"das-service-block__fact\"><svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6 9 17l-5-5\"\/><\/svg>Condition &amp; needs assessed first<\/div>\r\n          <div class=\"das-service-block__fact\"><svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6 9 17l-5-5\"\/><\/svg>Layout, finishes &amp; style updated<\/div>\r\n          <div class=\"das-service-block__fact\"><svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6 9 17l-5-5\"\/><\/svg>Plan matched to budget, start to end<\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- ============================================================\r\n       06 \u2014 RESIDENTIAL PROJECTS\r\n       ============================================================ -->\r\n  <section class=\"das-parallax das-service-block\" id=\"das-service-06\" data-service>\r\n    <div class=\"das-parallax__media\"><img decoding=\"async\" src=\"https:\/\/chemcastscientific.com\/wp-content\/uploads\/2026\/07\/WhatsApp-Image-2026-05-24-at-2.46.47-PM-41.jpeg\" alt=\"\" aria-hidden=\"true\" loading=\"lazy\"><\/div>\r\n    <div class=\"das-parallax__scrim\"><\/div>\r\n    <div class=\"das-parallax__content das-container\">\r\n      <div class=\"das-service-block__inner das-reveal\">\r\n        <span class=\"das-service-block__num\">06 \/ 06<\/span>\r\n        <p class=\"das-service-block__eyebrow\">Where it's personal<\/p>\r\n        <h2 class=\"das-service-block__title\">Residential<br>Projects<\/h2>\r\n        <p class=\"das-service-block__desc\">A home is a private space that reflects its owners. Apartments, villas, residential units, and private lounges &mdash; complete solutions from interior design through to full finishing, built around daily life.<\/p>\r\n        <div class=\"das-service-block__facts\">\r\n          <div class=\"das-service-block__fact\"><svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6 9 17l-5-5\"\/><\/svg>Villas, apartments &amp; private lounges<\/div>\r\n          <div class=\"das-service-block__fact\"><svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6 9 17l-5-5\"\/><\/svg>Design through to full finishing<\/div>\r\n          <div class=\"das-service-block__fact\"><svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6 9 17l-5-5\"\/><\/svg>Matched to the client's taste &amp; use<\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- ============================================================\r\n       CLOSING CTA\r\n       ============================================================ -->\r\n  <section class=\"das-cta\">\r\n    <div class=\"das-container das-reveal\">\r\n      <h2 class=\"das-cta__title\">Not sure which service<br>you need? <span class=\"das-italic\">Ask us.<\/span><\/h2>\r\n      <!-- EDITABLE: point at your contact page -->\r\n      <a href=\"YOUR_CONTACT_URL\" class=\"das-btn-solid\">\r\n        <span style=\"font-size:12px; font-weight:700; letter-spacing:0.16em; text-transform:uppercase; color:#FFFFFF;\">Talk to the team<\/span>\r\n        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M5 12h14M13 6l6 6-6 6\"\/><\/svg>\r\n      <\/a>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <button class=\"das-totop\" id=\"dasToTop\" aria-label=\"Back to top\">\r\n    <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M12 19V5M5 12l7-7 7 7\"\/><\/svg>\r\n  <\/button>\r\n\r\n<\/div>\r\n\r\n<script>\r\n(function () {\r\n  \"use strict\";\r\n  var reduceMotion = window.matchMedia('(prefers-reduced-motion: reduce)').matches;\r\n\r\n  var heroVideo = document.querySelector('.das-hero__video');\r\n  if (heroVideo) {\r\n    heroVideo.muted = true;\r\n    var playPromise = heroVideo.play();\r\n    if (playPromise && typeof playPromise.catch === 'function') { playPromise.catch(function () {}); }\r\n  }\r\n\r\n  if ('IntersectionObserver' in window) {\r\n    var revealItems = document.querySelectorAll('.das-reveal');\r\n    var io = new IntersectionObserver(function (entries) {\r\n      entries.forEach(function (entry) {\r\n        if (entry.isIntersecting) { entry.target.classList.add('das-in'); io.unobserve(entry.target); }\r\n      });\r\n    }, { threshold: 0.18, rootMargin: '0px 0px -60px 0px' });\r\n    revealItems.forEach(function (el) { io.observe(el); });\r\n  } else {\r\n    document.querySelectorAll('.das-reveal').forEach(function (el) { el.classList.add('das-in'); });\r\n  }\r\n\r\n  \/* Click-to-jump step nav *\/\r\n  var stepBtns = document.querySelectorAll('.das-step-btn');\r\n  var stepsBar = document.querySelector('.das-steps-bar');\r\n  stepBtns.forEach(function (btn) {\r\n    btn.addEventListener('click', function () {\r\n      var target = document.getElementById(btn.getAttribute('data-target'));\r\n      if (target) {\r\n        var barHeight = stepsBar ? stepsBar.offsetHeight : 0;\r\n        var top = target.getBoundingClientRect().top + window.pageYOffset - barHeight;\r\n        window.scrollTo({ top: top, behavior: reduceMotion ? 'auto' : 'smooth' });\r\n      }\r\n    });\r\n  });\r\n\r\n  \/* Parallax + scroll-tracked active step + back-to-top, one rAF loop *\/\r\n  var services = document.querySelectorAll('[data-service]');\r\n  var toTop = document.getElementById('dasToTop');\r\n  var ticking = false;\r\n\r\n  function onScroll() {\r\n    var vh = window.innerHeight || document.documentElement.clientHeight;\r\n    var y = window.scrollY || window.pageYOffset;\r\n    if (toTop) { toTop.classList.toggle('das-visible', y > 800); }\r\n\r\n    var barHeight = stepsBar ? stepsBar.offsetHeight : 0;\r\n    var activeId = null;\r\n    services.forEach(function (sec) {\r\n      var rect = sec.getBoundingClientRect();\r\n\r\n      if (!reduceMotion) {\r\n        if (rect.bottom > 0 && rect.top < vh) {\r\n          var progress = (vh - rect.top) \/ (vh + rect.height);\r\n          var shift = (progress - 0.5) * rect.height * 0.16;\r\n          var img = sec.querySelector('.das-parallax__media img');\r\n          if (img) { img.style.transform = 'translateY(' + shift.toFixed(1) + 'px)'; }\r\n        }\r\n      }\r\n\r\n      if (rect.top - barHeight <= vh * 0.4 && rect.bottom > vh * 0.4) {\r\n        activeId = sec.id;\r\n      }\r\n    });\r\n\r\n    if (activeId) {\r\n      stepBtns.forEach(function (btn) {\r\n        btn.classList.toggle('das-active', btn.getAttribute('data-target') === activeId);\r\n      });\r\n    }\r\n\r\n    ticking = false;\r\n  }\r\n  window.addEventListener('scroll', function () { if (!ticking) { window.requestAnimationFrame(onScroll); ticking = true; } }, { passive: true });\r\n  window.addEventListener('resize', onScroll, { passive: true });\r\n  onScroll();\r\n\r\n  if (toTop) { toTop.addEventListener('click', function () { window.scrollTo({ top: 0, behavior: reduceMotion ? 'auto' : 'smooth' }); }); }\r\n})();\r\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>What We Do Six crafts.One standard. 01General Contracting 02Finishing 03Interior Design 04Decoration 05Renovation 06Residential 01 \/ 06 Structure, first GeneralContracting Construction and development works executed to precise engineering standards. We study each project and prepare a clear execution plan covering stages, resources, timeline, and technical supervision. Engineering-accurate execution standards Coordinated teams, no conflicts or delays [&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-61","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/chemcastscientific.com\/index.php?rest_route=\/wp\/v2\/pages\/61","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/chemcastscientific.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/chemcastscientific.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/chemcastscientific.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/chemcastscientific.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=61"}],"version-history":[{"count":22,"href":"https:\/\/chemcastscientific.com\/index.php?rest_route=\/wp\/v2\/pages\/61\/revisions"}],"predecessor-version":[{"id":129,"href":"https:\/\/chemcastscientific.com\/index.php?rest_route=\/wp\/v2\/pages\/61\/revisions\/129"}],"wp:attachment":[{"href":"https:\/\/chemcastscientific.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=61"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}