{"id":350,"date":"2026-09-14T18:08:01","date_gmt":"2026-09-14T18:08:01","guid":{"rendered":"https:\/\/urbanfitouts.ae\/?page_id=350"},"modified":"2026-09-20T11:12:19","modified_gmt":"2026-09-20T11:12:19","slug":"floors","status":"publish","type":"page","link":"https:\/\/urbanfitouts.ae\/floors\/","title":{"rendered":"Our Process"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"350\" class=\"elementor elementor-350\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9b8c2be e-con-full e-flex e-con e-parent\" data-id=\"9b8c2be\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-623af3d elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"623af3d\" data-element_type=\"widget\" data-e-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\r\n<title>Our Process | Urban Fitouts UAE<\/title>\r\n\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=DM+Sans:wght@300;400;500;600;700&family=Playfair+Display:wght@400;500;600&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n\/* =========================================================\r\n   URBAN FITOUTS UAE \u2014 OUR PROCESS\r\n   Standalone Section \/ No Header \/ No Footer\r\n========================================================= *\/\r\n\r\n:root{\r\n    --bg:#f5f2ed;\r\n    --paper:#fbfaf7;\r\n    --dark:#171715;\r\n    --dark2:#22221f;\r\n    --muted:#77736b;\r\n    --line:rgba(23,23,21,.12);\r\n    --accent:#b99a6b;\r\n    --white:#fff;\r\n    --serif:\"Playfair Display\",serif;\r\n    --sans:\"DM Sans\",sans-serif;\r\n    --radius:26px;\r\n}\r\n\r\n*{\r\n    margin:0;\r\n    padding:0;\r\n    box-sizing:border-box;\r\n}\r\n\r\nhtml{\r\n    scroll-behavior:smooth;\r\n}\r\n\r\nbody{\r\n    font-family:var(--sans);\r\n    background:var(--bg);\r\n    color:var(--dark);\r\n    overflow-x:hidden;\r\n}\r\n\r\nimg{\r\n    width:100%;\r\n    display:block;\r\n}\r\n\r\nbutton{\r\n    font:inherit;\r\n}\r\n\r\na{\r\n    color:inherit;\r\n    text-decoration:none;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   COMMON\r\n========================================================= *\/\r\n\r\n.section{\r\n    position:relative;\r\n    padding:120px 6vw;\r\n    overflow:hidden;\r\n}\r\n\r\n.container{\r\n    width:min(1280px,100%);\r\n    margin:auto;\r\n}\r\n\r\n.eyebrow{\r\n    display:flex;\r\n    align-items:center;\r\n    gap:12px;\r\n    font-size:11px;\r\n    font-weight:700;\r\n    letter-spacing:3px;\r\n    text-transform:uppercase;\r\n    color:var(--accent);\r\n    margin-bottom:22px;\r\n}\r\n\r\n.eyebrow::before{\r\n    content:\"\";\r\n    width:38px;\r\n    height:1px;\r\n    background:var(--accent);\r\n}\r\n\r\n.section-title{\r\n    font-family:var(--serif);\r\n    font-size:clamp(42px,6vw,82px);\r\n    line-height:.98;\r\n    font-weight:400;\r\n    letter-spacing:-2px;\r\n}\r\n\r\n.section-title span{\r\n    color:#a49d91;\r\n}\r\n\r\n.section-intro{\r\n    max-width:620px;\r\n    color:var(--muted);\r\n    font-size:16px;\r\n    line-height:1.9;\r\n    margin-top:26px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   HERO\r\n========================================================= *\/\r\n\r\n.process-hero{\r\n    min-height:100svh;\r\n    position:relative;\r\n    display:flex;\r\n    align-items:flex-end;\r\n    overflow:hidden;\r\n    color:white;\r\n    background:#151513;\r\n}\r\n\r\n.hero-bg{\r\n    position:absolute;\r\n    inset:0;\r\n    background:\r\n        linear-gradient(\r\n            180deg,\r\n            rgba(0,0,0,.15),\r\n            rgba(0,0,0,.25) 35%,\r\n            rgba(0,0,0,.82)\r\n        ),\r\n        url(\"https:\/\/images.unsplash.com\/photo-1600210492486-724fe5c67fb0?auto=format&fit=crop&w=2200&q=90\")\r\n        center\/cover no-repeat;\r\n    transform:scale(1.05);\r\n    animation:heroZoom 10s ease-out forwards;\r\n}\r\n\r\n@keyframes heroZoom{\r\n    from{transform:scale(1.12)}\r\n    to{transform:scale(1)}\r\n}\r\n\r\n.hero-content{\r\n    position:relative;\r\n    z-index:2;\r\n    width:min(1280px,100%);\r\n    margin:auto;\r\n    padding:12vh 6vw 9vh;\r\n}\r\n\r\n.hero-number{\r\n    font-size:12px;\r\n    letter-spacing:4px;\r\n    opacity:.7;\r\n    margin-bottom:25px;\r\n}\r\n\r\n.hero-title{\r\n    font-family:var(--serif);\r\n    font-weight:400;\r\n    font-size:clamp(60px,10vw,145px);\r\n    line-height:.86;\r\n    letter-spacing:-5px;\r\n    max-width:1000px;\r\n}\r\n\r\n.hero-title em{\r\n    color:#d1b78c;\r\n    font-style:normal;\r\n}\r\n\r\n.hero-description{\r\n    max-width:570px;\r\n    margin-top:35px;\r\n    font-size:16px;\r\n    line-height:1.8;\r\n    color:rgba(255,255,255,.78);\r\n}\r\n\r\n.hero-scroll{\r\n    position:absolute;\r\n    right:6vw;\r\n    bottom:55px;\r\n    z-index:3;\r\n    writing-mode:vertical-rl;\r\n    font-size:10px;\r\n    letter-spacing:3px;\r\n    text-transform:uppercase;\r\n    color:rgba(255,255,255,.7);\r\n}\r\n\r\n.hero-scroll::after{\r\n    content:\"\";\r\n    display:block;\r\n    width:1px;\r\n    height:70px;\r\n    background:rgba(255,255,255,.5);\r\n    margin:15px auto 0;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   INTRO\r\n========================================================= *\/\r\n\r\n.intro-grid{\r\n    display:grid;\r\n    grid-template-columns:1fr 1fr;\r\n    gap:90px;\r\n    align-items:end;\r\n}\r\n\r\n.intro-note{\r\n    border-top:1px solid var(--line);\r\n    padding-top:25px;\r\n    font-size:13px;\r\n    line-height:1.8;\r\n    color:var(--muted);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   3D PROCESS ORBIT\r\n========================================================= *\/\r\n\r\n.process-space{\r\n    background:var(--dark);\r\n    color:white;\r\n    min-height:950px;\r\n}\r\n\r\n.process-space .eyebrow{\r\n    color:#c8a979;\r\n}\r\n\r\n.process-space .section-title{\r\n    color:white;\r\n}\r\n\r\n.process-space .section-title span{\r\n    color:#77756e;\r\n}\r\n\r\n.orbit-layout{\r\n    margin-top:90px;\r\n    display:grid;\r\n    grid-template-columns:1fr 1.2fr;\r\n    gap:80px;\r\n    align-items:center;\r\n}\r\n\r\n.orbit-copy{\r\n    max-width:480px;\r\n}\r\n\r\n.orbit-copy p{\r\n    color:#99978f;\r\n    line-height:1.9;\r\n    margin-top:25px;\r\n}\r\n\r\n.orbit-stage{\r\n    height:590px;\r\n    position:relative;\r\n    perspective:1200px;\r\n    display:flex;\r\n    align-items:center;\r\n    justify-content:center;\r\n}\r\n\r\n.orbit-core{\r\n    width:180px;\r\n    height:180px;\r\n    border-radius:50%;\r\n    position:relative;\r\n    z-index:5;\r\n\r\n    background:\r\n        linear-gradient(\r\n            145deg,\r\n            #cdb58b,\r\n            #776349\r\n        );\r\n\r\n    box-shadow:\r\n        0 0 0 12px rgba(195,166,116,.05),\r\n        0 35px 80px rgba(0,0,0,.5);\r\n\r\n    display:flex;\r\n    align-items:center;\r\n    justify-content:center;\r\n\r\n    transform-style:preserve-3d;\r\n    transition:transform .15s ease-out;\r\n}\r\n\r\n.orbit-core::before{\r\n    content:\"\";\r\n    position:absolute;\r\n    inset:18px;\r\n    border-radius:50%;\r\n    border:1px solid rgba(255,255,255,.4);\r\n}\r\n\r\n.core-text{\r\n    text-align:center;\r\n    z-index:2;\r\n}\r\n\r\n.core-text strong{\r\n    display:block;\r\n    font-family:var(--serif);\r\n    font-size:28px;\r\n    font-weight:400;\r\n}\r\n\r\n.core-text small{\r\n    display:block;\r\n    font-size:9px;\r\n    letter-spacing:2px;\r\n    text-transform:uppercase;\r\n    margin-top:7px;\r\n    opacity:.7;\r\n}\r\n\r\n.orbit{\r\n    position:absolute;\r\n    width:470px;\r\n    height:470px;\r\n    border:1px solid rgba(255,255,255,.14);\r\n    border-radius:50%;\r\n    transform-style:preserve-3d;\r\n    animation:orbitRotate 18s linear infinite;\r\n}\r\n\r\n.orbit:nth-child(2){\r\n    width:370px;\r\n    height:370px;\r\n    transform:rotateX(68deg) rotateZ(20deg);\r\n    animation-duration:14s;\r\n}\r\n\r\n.orbit:nth-child(3){\r\n    width:570px;\r\n    height:300px;\r\n    transform:rotateY(65deg) rotateZ(-20deg);\r\n    animation-duration:20s;\r\n}\r\n\r\n@keyframes orbitRotate{\r\n    from{transform:rotate(0deg) rotateX(65deg)}\r\n    to{transform:rotate(360deg) rotateX(65deg)}\r\n}\r\n\r\n.orbit-dot{\r\n    position:absolute;\r\n    width:13px;\r\n    height:13px;\r\n    background:#d1b47d;\r\n    border-radius:50%;\r\n    top:0;\r\n    left:50%;\r\n    box-shadow:0 0 25px rgba(209,180,125,.7);\r\n}\r\n\r\n.orbit-label{\r\n    position:absolute;\r\n    padding:11px 15px;\r\n    border:1px solid rgba(255,255,255,.12);\r\n    background:rgba(255,255,255,.04);\r\n    backdrop-filter:blur(10px);\r\n    border-radius:50px;\r\n    font-size:10px;\r\n    letter-spacing:1.5px;\r\n    text-transform:uppercase;\r\n    color:#c7c5bf;\r\n}\r\n\r\n.label-one{\r\n    top:14%;\r\n    right:0;\r\n}\r\n\r\n.label-two{\r\n    bottom:18%;\r\n    left:0;\r\n}\r\n\r\n.label-three{\r\n    top:43%;\r\n    right:-35px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   PROCESS CARDS\r\n========================================================= *\/\r\n\r\n.steps-section{\r\n    background:#eeeae3;\r\n}\r\n\r\n.steps-head{\r\n    display:grid;\r\n    grid-template-columns:1fr 1fr;\r\n    gap:70px;\r\n    align-items:end;\r\n}\r\n\r\n.steps{\r\n    margin-top:80px;\r\n    display:grid;\r\n    grid-template-columns:repeat(4,1fr);\r\n    gap:1px;\r\n    background:var(--line);\r\n}\r\n\r\n.step{\r\n    min-height:470px;\r\n    padding:38px;\r\n    background:var(--paper);\r\n    position:relative;\r\n    overflow:hidden;\r\n    transition:.5s ease;\r\n}\r\n\r\n.step:hover{\r\n    transform:translateY(-10px);\r\n    background:white;\r\n}\r\n\r\n.step-number{\r\n    font-family:var(--serif);\r\n    font-size:65px;\r\n    color:#d4cec3;\r\n    line-height:1;\r\n}\r\n\r\n.step-icon{\r\n    width:70px;\r\n    height:70px;\r\n    margin:80px 0 35px;\r\n    border:1px solid var(--line);\r\n    border-radius:50%;\r\n    display:flex;\r\n    align-items:center;\r\n    justify-content:center;\r\n    position:relative;\r\n    transition:.5s;\r\n}\r\n\r\n.step-icon::before{\r\n    content:\"\";\r\n    width:30px;\r\n    height:30px;\r\n    border:1px solid var(--accent);\r\n    border-radius:50%;\r\n    transform:rotateX(65deg);\r\n}\r\n\r\n.step:hover .step-icon{\r\n    transform:rotateY(180deg) rotateX(20deg);\r\n}\r\n\r\n.step h3{\r\n    font-family:var(--serif);\r\n    font-size:28px;\r\n    font-weight:400;\r\n}\r\n\r\n.step p{\r\n    margin-top:16px;\r\n    color:var(--muted);\r\n    font-size:14px;\r\n    line-height:1.8;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   HUMAN TOUCH\r\n========================================================= *\/\r\n\r\n.human-section{\r\n    background:var(--paper);\r\n}\r\n\r\n.human-grid{\r\n    display:grid;\r\n    grid-template-columns:1.05fr .95fr;\r\n    gap:90px;\r\n    align-items:center;\r\n}\r\n\r\n.human-image{\r\n    position:relative;\r\n    height:700px;\r\n    overflow:hidden;\r\n    border-radius:4px;\r\n}\r\n\r\n.human-image img{\r\n    height:100%;\r\n    object-fit:cover;\r\n    transition:transform 1.2s ease;\r\n}\r\n\r\n.human-image:hover img{\r\n    transform:scale(1.06);\r\n}\r\n\r\n.image-badge{\r\n    position:absolute;\r\n    width:135px;\r\n    height:135px;\r\n    border-radius:50%;\r\n    background:#c4aa7d;\r\n    color:white;\r\n    right:-30px;\r\n    bottom:50px;\r\n    display:flex;\r\n    align-items:center;\r\n    justify-content:center;\r\n    text-align:center;\r\n    font-size:10px;\r\n    line-height:1.6;\r\n    letter-spacing:1px;\r\n    text-transform:uppercase;\r\n    transform:rotate(-12deg);\r\n}\r\n\r\n.human-copy h2{\r\n    font-family:var(--serif);\r\n    font-size:clamp(42px,5vw,72px);\r\n    font-weight:400;\r\n    line-height:1;\r\n}\r\n\r\n.human-copy h2 em{\r\n    color:#b19c7e;\r\n    font-style:normal;\r\n}\r\n\r\n.human-copy > p{\r\n    color:var(--muted);\r\n    line-height:1.9;\r\n    margin:30px 0;\r\n}\r\n\r\n.human-list{\r\n    border-top:1px solid var(--line);\r\n}\r\n\r\n.human-item{\r\n    display:flex;\r\n    align-items:center;\r\n    gap:25px;\r\n    padding:20px 0;\r\n    border-bottom:1px solid var(--line);\r\n    font-size:14px;\r\n}\r\n\r\n.human-item span{\r\n    color:#b49b73;\r\n    font-family:var(--serif);\r\n    font-size:20px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   3D JOURNEY\r\n========================================================= *\/\r\n\r\n.journey{\r\n    background:#181816;\r\n    color:white;\r\n}\r\n\r\n.journey-intro{\r\n    max-width:720px;\r\n}\r\n\r\n.journey-track{\r\n    margin-top:90px;\r\n    position:relative;\r\n    height:430px;\r\n}\r\n\r\n.journey-line{\r\n    position:absolute;\r\n    top:50%;\r\n    left:0;\r\n    right:0;\r\n    height:1px;\r\n    background:rgba(255,255,255,.16);\r\n}\r\n\r\n.journey-items{\r\n    height:100%;\r\n    display:flex;\r\n    justify-content:space-between;\r\n    align-items:center;\r\n    position:relative;\r\n}\r\n\r\n.journey-item{\r\n    width:160px;\r\n    text-align:center;\r\n    position:relative;\r\n}\r\n\r\n.journey-ball{\r\n    width:80px;\r\n    height:80px;\r\n    margin:auto;\r\n    border-radius:50%;\r\n    background:\r\n        radial-gradient(circle at 30% 25%,#dfc89d,#826d4e);\r\n    box-shadow:\r\n        0 20px 45px rgba(0,0,0,.4),\r\n        inset -10px -10px 20px rgba(0,0,0,.2);\r\n\r\n    transform-style:preserve-3d;\r\n    transition:.5s;\r\n}\r\n\r\n.journey-item:hover .journey-ball{\r\n    transform:translateY(-15px) rotateY(180deg) rotateX(25deg);\r\n}\r\n\r\n.journey-item h4{\r\n    margin-top:25px;\r\n    font-family:var(--serif);\r\n    font-size:23px;\r\n    font-weight:400;\r\n}\r\n\r\n.journey-item p{\r\n    margin-top:8px;\r\n    color:#85837d;\r\n    font-size:11px;\r\n    line-height:1.6;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   DETAIL SECTION\r\n========================================================= *\/\r\n\r\n.detail-section{\r\n    background:#f5f2ed;\r\n}\r\n\r\n.detail-grid{\r\n    display:grid;\r\n    grid-template-columns:repeat(3,1fr);\r\n    gap:25px;\r\n    margin-top:75px;\r\n}\r\n\r\n.detail-card{\r\n    padding:42px;\r\n    min-height:300px;\r\n    background:white;\r\n    border:1px solid rgba(0,0,0,.07);\r\n    position:relative;\r\n    overflow:hidden;\r\n    transition:.45s;\r\n}\r\n\r\n.detail-card::after{\r\n    content:\"\";\r\n    position:absolute;\r\n    width:130px;\r\n    height:130px;\r\n    border-radius:50%;\r\n    border:1px solid rgba(185,154,107,.3);\r\n    right:-50px;\r\n    bottom:-50px;\r\n    transition:.5s;\r\n}\r\n\r\n.detail-card:hover{\r\n    transform:translateY(-8px);\r\n}\r\n\r\n.detail-card:hover::after{\r\n    transform:scale(1.6);\r\n}\r\n\r\n.detail-card-number{\r\n    font-size:11px;\r\n    letter-spacing:2px;\r\n    color:var(--accent);\r\n}\r\n\r\n.detail-card h3{\r\n    font-family:var(--serif);\r\n    font-size:30px;\r\n    font-weight:400;\r\n    margin:55px 0 15px;\r\n}\r\n\r\n.detail-card p{\r\n    color:var(--muted);\r\n    line-height:1.8;\r\n    font-size:14px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   FINAL CTA\r\n========================================================= *\/\r\n\r\n.final-process{\r\n    min-height:80vh;\r\n    background:\r\n        linear-gradient(\r\n            90deg,\r\n            rgba(0,0,0,.72),\r\n            rgba(0,0,0,.28)\r\n        ),\r\n        url(\"https:\/\/images.unsplash.com\/photo-1600566753190-17f0baa2a6c3?auto=format&fit=crop&w=2200&q=90\")\r\n        center\/cover no-repeat;\r\n\r\n    color:white;\r\n    display:flex;\r\n    align-items:center;\r\n}\r\n\r\n.final-inner{\r\n    width:min(1100px,100%);\r\n    margin:auto;\r\n}\r\n\r\n.final-inner h2{\r\n    font-family:var(--serif);\r\n    font-size:clamp(52px,8vw,110px);\r\n    font-weight:400;\r\n    line-height:.92;\r\n    letter-spacing:-3px;\r\n    max-width:900px;\r\n}\r\n\r\n.final-inner h2 em{\r\n    color:#ceb384;\r\n    font-style:normal;\r\n}\r\n\r\n.final-inner p{\r\n    max-width:540px;\r\n    color:rgba(255,255,255,.72);\r\n    line-height:1.8;\r\n    margin-top:30px;\r\n}\r\n\r\n.process-button{\r\n    display:inline-flex;\r\n    align-items:center;\r\n    gap:18px;\r\n    margin-top:38px;\r\n    padding:16px 23px;\r\n    border:1px solid rgba(255,255,255,.35);\r\n    border-radius:50px;\r\n    font-size:11px;\r\n    letter-spacing:2px;\r\n    text-transform:uppercase;\r\n    transition:.35s;\r\n}\r\n\r\n.process-button span{\r\n    width:30px;\r\n    height:30px;\r\n    border-radius:50%;\r\n    background:#c4a675;\r\n    display:flex;\r\n    align-items:center;\r\n    justify-content:center;\r\n}\r\n\r\n.process-button:hover{\r\n    background:white;\r\n    color:#111;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   REVEAL\r\n========================================================= *\/\r\n\r\n.reveal{\r\n    opacity:0;\r\n    transform:translateY(45px);\r\n    transition:\r\n        opacity .9s ease,\r\n        transform .9s cubic-bezier(.2,.7,.2,1);\r\n}\r\n\r\n.reveal.active{\r\n    opacity:1;\r\n    transform:none;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TABLET\r\n========================================================= *\/\r\n\r\n@media(max-width:1000px){\r\n\r\n    .section{\r\n        padding:95px 5vw;\r\n    }\r\n\r\n    .intro-grid,\r\n    .orbit-layout,\r\n    .human-grid,\r\n    .steps-head{\r\n        grid-template-columns:1fr;\r\n        gap:45px;\r\n    }\r\n\r\n    .orbit-layout{\r\n        margin-top:60px;\r\n    }\r\n\r\n    .orbit-stage{\r\n        height:500px;\r\n    }\r\n\r\n    .steps{\r\n        grid-template-columns:repeat(2,1fr);\r\n    }\r\n\r\n    .human-image{\r\n        height:560px;\r\n    }\r\n\r\n    .detail-grid{\r\n        grid-template-columns:repeat(2,1fr);\r\n    }\r\n\r\n    .journey-track{\r\n        overflow:hidden;\r\n    }\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MOBILE\r\n========================================================= *\/\r\n\r\n@media(max-width:650px){\r\n\r\n    .section{\r\n        padding:75px 20px;\r\n    }\r\n\r\n    .hero-content{\r\n        padding:10vh 20px 70px;\r\n    }\r\n\r\n    .hero-title{\r\n        font-size:clamp(55px,17vw,90px);\r\n        letter-spacing:-3px;\r\n    }\r\n\r\n    .hero-description{\r\n        font-size:14px;\r\n    }\r\n\r\n    .hero-scroll{\r\n        display:none;\r\n    }\r\n\r\n    .section-title{\r\n        font-size:47px;\r\n        letter-spacing:-1.5px;\r\n    }\r\n\r\n    .orbit-stage{\r\n        height:420px;\r\n        transform:scale(.78);\r\n        margin:-25px -40px;\r\n    }\r\n\r\n    .orbit{\r\n        width:360px;\r\n        height:360px;\r\n    }\r\n\r\n    .orbit:nth-child(2){\r\n        width:290px;\r\n        height:290px;\r\n    }\r\n\r\n    .orbit:nth-child(3){\r\n        width:410px;\r\n        height:230px;\r\n    }\r\n\r\n    .orbit-core{\r\n        width:145px;\r\n        height:145px;\r\n    }\r\n\r\n    .label-three{\r\n        right:-5px;\r\n    }\r\n\r\n    .steps{\r\n        grid-template-columns:1fr;\r\n        margin-top:55px;\r\n    }\r\n\r\n    .step{\r\n        min-height:390px;\r\n    }\r\n\r\n    .step-icon{\r\n        margin-top:55px;\r\n    }\r\n\r\n    .human-image{\r\n        height:430px;\r\n    }\r\n\r\n    .image-badge{\r\n        width:105px;\r\n        height:105px;\r\n        right:-15px;\r\n        bottom:25px;\r\n    }\r\n\r\n    .journey-track{\r\n        height:auto;\r\n        margin-top:55px;\r\n        padding-left:30px;\r\n    }\r\n\r\n    .journey-line{\r\n        top:0;\r\n        bottom:0;\r\n        left:70px;\r\n        width:1px;\r\n        height:auto;\r\n    }\r\n\r\n    .journey-items{\r\n        display:flex;\r\n        flex-direction:column;\r\n        align-items:flex-start;\r\n        gap:55px;\r\n    }\r\n\r\n    .journey-item{\r\n        width:100%;\r\n        display:grid;\r\n        grid-template-columns:80px 1fr;\r\n        gap:25px;\r\n        align-items:center;\r\n        text-align:left;\r\n    }\r\n\r\n    .journey-item h4{\r\n        margin-top:0;\r\n    }\r\n\r\n    .journey-ball{\r\n        margin:0;\r\n    }\r\n\r\n    .detail-grid{\r\n        grid-template-columns:1fr;\r\n        gap:15px;\r\n        margin-top:50px;\r\n    }\r\n\r\n    .detail-card{\r\n        min-height:260px;\r\n        padding:30px;\r\n    }\r\n\r\n    .detail-card h3{\r\n        margin-top:40px;\r\n    }\r\n\r\n    .final-process{\r\n        min-height:75vh;\r\n    }\r\n\r\n    .final-inner h2{\r\n        font-size:58px;\r\n        letter-spacing:-2px;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   REDUCED MOTION\r\n========================================================= *\/\r\n\r\n@media(prefers-reduced-motion:reduce){\r\n\r\n    *,\r\n    *::before,\r\n    *::after{\r\n        animation-duration:.01ms !important;\r\n        animation-iteration-count:1 !important;\r\n        scroll-behavior:auto !important;\r\n        transition-duration:.01ms !important;\r\n    }\r\n\r\n}\r\n<\/style>\r\n<\/head>\r\n\r\n<body>\r\n\r\n<!-- =====================================================\r\n     HERO\r\n===================================================== -->\r\n\r\n<section class=\"process-hero\">\r\n\r\n    <div class=\"hero-bg\"><\/div>\r\n\r\n    <div class=\"hero-content\">\r\n\r\n        <div class=\"hero-number\">01 \/ Our Process<\/div>\r\n\r\n        <h1 class=\"hero-title\">\r\n            From first<br>\r\n            <em>thought<\/em> to<br>\r\n            finished space.\r\n        <\/h1>\r\n\r\n        <p class=\"hero-description\">\r\n            A thoughtful interior journey built around you \u2014\r\n            your lifestyle, your ambitions, your space and the\r\n            details that make it feel truly yours.\r\n        <\/p>\r\n\r\n    <\/div>\r\n\r\n    <div class=\"hero-scroll\">\r\n        Explore the journey\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<!-- =====================================================\r\n     INTRO\r\n===================================================== -->\r\n\r\n<section class=\"section\">\r\n\r\n    <div class=\"container intro-grid reveal\">\r\n\r\n        <div>\r\n\r\n            <div class=\"eyebrow\">\r\n                Our Approach\r\n            <\/div>\r\n\r\n            <h2 class=\"section-title\">\r\n                Designed with<br>\r\n                <span>intention.<\/span>\r\n            <\/h2>\r\n\r\n        <\/div>\r\n\r\n        <div class=\"intro-note\">\r\n\r\n            Every successful interior begins with understanding.\r\n            We listen before we design, explore before we decide,\r\n            and refine every detail until the space feels natural.\r\n\r\n            <br><br>\r\n\r\n            The result isn't simply a beautiful interior.\r\n            It is a space that works beautifully for the people\r\n            who live, work, gather and grow within it.\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<!-- =====================================================\r\n     3D CORE EXPERIENCE\r\n===================================================== -->\r\n\r\n<section class=\"section process-space\">\r\n\r\n    <div class=\"container\">\r\n\r\n        <div class=\"reveal\">\r\n\r\n            <div class=\"eyebrow\">\r\n                The Journey\r\n            <\/div>\r\n\r\n            <h2 class=\"section-title\">\r\n                One vision.<br>\r\n                <span>Every detail connected.<\/span>\r\n            <\/h2>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"orbit-layout\">\r\n\r\n            <div class=\"orbit-copy reveal\">\r\n\r\n                <div class=\"eyebrow\">\r\n                    A connected process\r\n                <\/div>\r\n\r\n                <p>\r\n                    From the first conversation to the final finishing\r\n                    touch, every stage works together. Ideas evolve,\r\n                    materials are refined and decisions become clearer\r\n                    as your space takes shape.\r\n                <\/p>\r\n\r\n                <p>\r\n                    Move your cursor or touch the centre to interact\r\n                    with the experience.\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"orbit-stage\" id=\"orbitStage\">\r\n\r\n                <div class=\"orbit\">\r\n\r\n                    <div class=\"orbit-dot\"><\/div>\r\n\r\n                <\/div>\r\n\r\n                <div class=\"orbit\">\r\n\r\n                    <div class=\"orbit-dot\"><\/div>\r\n\r\n                <\/div>\r\n\r\n                <div class=\"orbit\">\r\n\r\n                    <div class=\"orbit-dot\"><\/div>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"orbit-core\" id=\"orbitCore\">\r\n\r\n                    <div class=\"core-text\">\r\n\r\n                        <strong>YOU<\/strong>\r\n\r\n                        <small>\r\n                            at the centre\r\n                        <\/small>\r\n\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"orbit-label label-one\">\r\n                    Discover\r\n                <\/div>\r\n\r\n                <div class=\"orbit-label label-two\">\r\n                    Create\r\n                <\/div>\r\n\r\n                <div class=\"orbit-label label-three\">\r\n                    Deliver\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<!-- =====================================================\r\n     FOUR MAIN STEPS\r\n===================================================== -->\r\n\r\n<section class=\"section steps-section\">\r\n\r\n    <div class=\"container\">\r\n\r\n        <div class=\"steps-head reveal\">\r\n\r\n            <div>\r\n\r\n                <div class=\"eyebrow\">\r\n                    Four Simple Stages\r\n                <\/div>\r\n\r\n                <h2 class=\"section-title\">\r\n                    A process that<br>\r\n                    feels <span>personal.<\/span>\r\n                <\/h2>\r\n\r\n            <\/div>\r\n\r\n            <p class=\"section-intro\">\r\n                We keep the process structured without making it\r\n                feel rigid. Every project is different, so every\r\n                journey is shaped around the people behind it.\r\n            <\/p>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"steps\">\r\n\r\n            <article class=\"step reveal\">\r\n\r\n                <div class=\"step-number\">01<\/div>\r\n\r\n                <div class=\"step-icon\"><\/div>\r\n\r\n                <h3>Listen<\/h3>\r\n\r\n                <p>\r\n                    We begin with conversation. Your needs, routines,\r\n                    preferences, aspirations and practical requirements\r\n                    become the foundation of the project.\r\n                <\/p>\r\n\r\n            <\/article>\r\n\r\n\r\n            <article class=\"step reveal\">\r\n\r\n                <div class=\"step-number\">02<\/div>\r\n\r\n                <div class=\"step-icon\"><\/div>\r\n\r\n                <h3>Shape<\/h3>\r\n\r\n                <p>\r\n                    Ideas become direction. Layouts, materials,\r\n                    colours, textures and spatial concepts come\r\n                    together into a clear design language.\r\n                <\/p>\r\n\r\n            <\/article>\r\n\r\n\r\n            <article class=\"step reveal\">\r\n\r\n                <div class=\"step-number\">03<\/div>\r\n\r\n                <div class=\"step-icon\"><\/div>\r\n\r\n                <h3>Refine<\/h3>\r\n\r\n                <p>\r\n                    This is where the details matter. We review,\r\n                    adjust and perfect the design so every element\r\n                    feels intentional and balanced.\r\n                <\/p>\r\n\r\n            <\/article>\r\n\r\n\r\n            <article class=\"step reveal\">\r\n\r\n                <div class=\"step-number\">04<\/div>\r\n\r\n                <div class=\"step-icon\"><\/div>\r\n\r\n                <h3>Deliver<\/h3>\r\n\r\n                <p>\r\n                    Your vision becomes physical. Our team coordinates\r\n                    the finishing stages with care until your space\r\n                    feels complete and ready to experience.\r\n                <\/p>\r\n\r\n            <\/article>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<!-- =====================================================\r\n     HUMAN TOUCH\r\n===================================================== -->\r\n\r\n<section class=\"section human-section\">\r\n\r\n    <div class=\"container human-grid\">\r\n\r\n        <div class=\"human-image reveal\">\r\n\r\n            <img decoding=\"async\"\r\n                src=\"https:\/\/images.unsplash.com\/photo-1600210491892-03d54c0aaf87?auto=format&fit=crop&w=1500&q=85\"\r\n                alt=\"Luxury interior designed around people\"\r\n            >\r\n\r\n            <div class=\"image-badge\">\r\n                Designed<br>\r\n                around<br>\r\n                people\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"human-copy reveal\">\r\n\r\n            <div class=\"eyebrow\">\r\n                Human First\r\n            <\/div>\r\n\r\n            <h2>\r\n                Beautiful spaces<br>\r\n                should feel<br>\r\n                <em>natural.<\/em>\r\n            <\/h2>\r\n\r\n            <p>\r\n                We don't begin with a trend. We begin with you.\r\n                How you move through a room. Where you naturally\r\n                sit. What you reach for every day. How light changes\r\n                your mood. What you want your home or workplace to say.\r\n            <\/p>\r\n\r\n\r\n            <div class=\"human-list\">\r\n\r\n                <div class=\"human-item\">\r\n                    <span>01<\/span>\r\n                    How you live\r\n                <\/div>\r\n\r\n                <div class=\"human-item\">\r\n                    <span>02<\/span>\r\n                    How you work\r\n                <\/div>\r\n\r\n                <div class=\"human-item\">\r\n                    <span>03<\/span>\r\n                    How you move\r\n                <\/div>\r\n\r\n                <div class=\"human-item\">\r\n                    <span>04<\/span>\r\n                    How you feel\r\n                <\/div>\r\n\r\n                <div class=\"human-item\">\r\n                    <span>05<\/span>\r\n                    What matters to you\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<!-- =====================================================\r\n     3D JOURNEY\r\n===================================================== -->\r\n\r\n<section class=\"section journey\">\r\n\r\n    <div class=\"container\">\r\n\r\n        <div class=\"journey-intro reveal\">\r\n\r\n            <div class=\"eyebrow\">\r\n                From Idea To Reality\r\n            <\/div>\r\n\r\n            <h2 class=\"section-title\">\r\n                Watch your idea<br>\r\n                <span>take shape.<\/span>\r\n            <\/h2>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"journey-track\">\r\n\r\n            <div class=\"journey-line\"><\/div>\r\n\r\n            <div class=\"journey-items\">\r\n\r\n                <div class=\"journey-item reveal\">\r\n\r\n                    <div class=\"journey-ball\"><\/div>\r\n\r\n                    <div>\r\n                        <h4>Imagine<\/h4>\r\n\r\n                        <p>\r\n                            Your initial idea begins the journey.\r\n                        <\/p>\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"journey-item reveal\">\r\n\r\n                    <div class=\"journey-ball\"><\/div>\r\n\r\n                    <div>\r\n                        <h4>Explore<\/h4>\r\n\r\n                        <p>\r\n                            Concepts, materials and possibilities emerge.\r\n                        <\/p>\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"journey-item reveal\">\r\n\r\n                    <div class=\"journey-ball\"><\/div>\r\n\r\n                    <div>\r\n                        <h4>Build<\/h4>\r\n\r\n                        <p>\r\n                            The design becomes a physical environment.\r\n                        <\/p>\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"journey-item reveal\">\r\n\r\n                    <div class=\"journey-ball\"><\/div>\r\n\r\n                    <div>\r\n                        <h4>Experience<\/h4>\r\n\r\n                        <p>\r\n                            You finally step into your finished space.\r\n                        <\/p>\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<!-- =====================================================\r\n     DETAIL \/ QUALITY\r\n===================================================== -->\r\n\r\n<section class=\"section detail-section\">\r\n\r\n    <div class=\"container\">\r\n\r\n        <div class=\"reveal\">\r\n\r\n            <div class=\"eyebrow\">\r\n                What Happens Along The Way\r\n            <\/div>\r\n\r\n            <h2 class=\"section-title\">\r\n                Thoughtful at<br>\r\n                <span>every stage.<\/span>\r\n            <\/h2>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"detail-grid\">\r\n\r\n            <article class=\"detail-card reveal\">\r\n\r\n                <div class=\"detail-card-number\">\r\n                    01 \/ DISCOVERY\r\n                <\/div>\r\n\r\n                <h3>Understand<\/h3>\r\n\r\n                <p>\r\n                    We learn what the space needs to do and what\r\n                    you want it to feel like.\r\n                <\/p>\r\n\r\n            <\/article>\r\n\r\n\r\n            <article class=\"detail-card reveal\">\r\n\r\n                <div class=\"detail-card-number\">\r\n                    02 \/ CONCEPT\r\n                <\/div>\r\n\r\n                <h3>Visualise<\/h3>\r\n\r\n                <p>\r\n                    Spatial direction, materials, finishes and\r\n                    atmosphere begin to form a complete picture.\r\n                <\/p>\r\n\r\n            <\/article>\r\n\r\n\r\n            <article class=\"detail-card reveal\">\r\n\r\n                <div class=\"detail-card-number\">\r\n                    03 \/ DEVELOPMENT\r\n                <\/div>\r\n\r\n                <h3>Perfect<\/h3>\r\n\r\n                <p>\r\n                    Every proportion, finish and practical detail\r\n                    is reviewed before moving forward.\r\n                <\/p>\r\n\r\n            <\/article>\r\n\r\n\r\n            <article class=\"detail-card reveal\">\r\n\r\n                <div class=\"detail-card-number\">\r\n                    04 \/ EXECUTION\r\n                <\/div>\r\n\r\n                <h3>Build<\/h3>\r\n\r\n                <p>\r\n                    Skilled teams bring the approved vision into\r\n                    the physical environment with care.\r\n                <\/p>\r\n\r\n            <\/article>\r\n\r\n\r\n            <article class=\"detail-card reveal\">\r\n\r\n                <div class=\"detail-card-number\">\r\n                    05 \/ FINISHING\r\n                <\/div>\r\n\r\n                <h3>Refine<\/h3>\r\n\r\n                <p>\r\n                    The smallest visual and functional details are\r\n                    checked to create a cohesive final result.\r\n                <\/p>\r\n\r\n            <\/article>\r\n\r\n\r\n            <article class=\"detail-card reveal\">\r\n\r\n                <div class=\"detail-card-number\">\r\n                    06 \/ HANDOVER\r\n                <\/div>\r\n\r\n                <h3>Experience<\/h3>\r\n\r\n                <p>\r\n                    The journey ends when the space feels ready\r\n                    for real life \u2014 not simply when construction ends.\r\n                <\/p>\r\n\r\n            <\/article>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<!-- =====================================================\r\n     FINAL CTA\r\n===================================================== -->\r\n\r\n<section class=\"section final-process\">\r\n\r\n    <div class=\"final-inner reveal\">\r\n\r\n        <div class=\"eyebrow\">\r\n            Your Space Starts Here\r\n        <\/div>\r\n\r\n        <h2>\r\n            Let's turn the<br>\r\n            idea into <em>reality.<\/em>\r\n        <\/h2>\r\n\r\n        <p>\r\n            Every remarkable interior begins with a conversation.\r\n            Tell us about your space, your lifestyle and what you\r\n            imagine for it.\r\n        <\/p>\r\n\r\n        <a href=\"#\"\r\n           class=\"process-button\">\r\n\r\n            Begin the conversation\r\n\r\n            <span>\u2197<\/span>\r\n\r\n        <\/a>\r\n\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<script>\r\n\r\n\/* =========================================================\r\n   SCROLL REVEAL\r\n========================================================= *\/\r\n\r\nconst revealElements =\r\ndocument.querySelectorAll(\".reveal\");\r\n\r\nconst revealObserver =\r\nnew IntersectionObserver(\r\n    entries => {\r\n\r\n        entries.forEach(entry => {\r\n\r\n            if(entry.isIntersecting){\r\n\r\n                entry.target.classList.add(\"active\");\r\n\r\n                revealObserver.unobserve(entry.target);\r\n\r\n            }\r\n\r\n        });\r\n\r\n    },\r\n    {\r\n        threshold:.12\r\n    }\r\n);\r\n\r\nrevealElements.forEach(el =>\r\n    revealObserver.observe(el)\r\n);\r\n\r\n\r\n\/* =========================================================\r\n   3D ORBIT MOUSE INTERACTION\r\n========================================================= *\/\r\n\r\nconst orbitStage =\r\ndocument.getElementById(\"orbitStage\");\r\n\r\nconst orbitCore =\r\ndocument.getElementById(\"orbitCore\");\r\n\r\nif(orbitStage && orbitCore){\r\n\r\n    orbitStage.addEventListener(\"mousemove\", e => {\r\n\r\n        const rect =\r\n        orbitStage.getBoundingClientRect();\r\n\r\n        const x =\r\n        (e.clientX - rect.left) \/\r\n        rect.width - .5;\r\n\r\n        const y =\r\n        (e.clientY - rect.top) \/\r\n        rect.height - .5;\r\n\r\n        orbitCore.style.transform =\r\n        `\r\n        rotateX(${y * -22}deg)\r\n        rotateY(${x * 28}deg)\r\n        translateZ(20px)\r\n        `;\r\n\r\n    });\r\n\r\n    orbitStage.addEventListener(\"mouseleave\", () => {\r\n\r\n        orbitCore.style.transform =\r\n        \"rotateX(0deg) rotateY(0deg) translateZ(0)\";\r\n\r\n    });\r\n\r\n\r\n    \/* Touch interaction *\/\r\n\r\n    orbitStage.addEventListener(\r\n        \"touchmove\",\r\n        e => {\r\n\r\n            const touch =\r\n            e.touches[0];\r\n\r\n            const rect =\r\n            orbitStage.getBoundingClientRect();\r\n\r\n            const x =\r\n            (touch.clientX - rect.left) \/\r\n            rect.width - .5;\r\n\r\n            const y =\r\n            (touch.clientY - rect.top) \/\r\n            rect.height - .5;\r\n\r\n            orbitCore.style.transform =\r\n            `\r\n            rotateX(${y * -20}deg)\r\n            rotateY(${x * 25}deg)\r\n            translateZ(20px)\r\n            `;\r\n\r\n        },\r\n        {passive:true}\r\n    );\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   HERO PARALLAX\r\n========================================================= *\/\r\n\r\nconst heroBg =\r\ndocument.querySelector(\".hero-bg\");\r\n\r\nwindow.addEventListener(\r\n    \"scroll\",\r\n    () => {\r\n\r\n        if(!heroBg) return;\r\n\r\n        const scroll =\r\n        window.scrollY;\r\n\r\n        if(scroll < window.innerHeight){\r\n\r\n            heroBg.style.transform =\r\n            `scale(1.04) translateY(${scroll * .08}px)`;\r\n\r\n        }\r\n\r\n    },\r\n    {passive:true}\r\n);\r\n\r\n\r\n\/* =========================================================\r\n   MOBILE 3D BALL TILT\r\n========================================================= *\/\r\n\r\ndocument\r\n.querySelectorAll(\".journey-ball\")\r\n.forEach(ball => {\r\n\r\n    ball.addEventListener(\r\n        \"pointermove\",\r\n        e => {\r\n\r\n            const rect =\r\n            ball.getBoundingClientRect();\r\n\r\n            const x =\r\n            e.clientX - rect.left;\r\n\r\n            const y =\r\n            e.clientY - rect.top;\r\n\r\n            const rotateY =\r\n            ((x \/ rect.width) - .5) * 35;\r\n\r\n            const rotateX =\r\n            ((y \/ rect.height) - .5) * -35;\r\n\r\n            ball.style.transform =\r\n            `\r\n            translateY(-10px)\r\n            rotateX(${rotateX}deg)\r\n            rotateY(${rotateY}deg)\r\n            `;\r\n\r\n        }\r\n    );\r\n\r\n    ball.addEventListener(\r\n        \"pointerleave\",\r\n        () => {\r\n\r\n            ball.style.transform = \"\";\r\n\r\n        }\r\n    );\r\n\r\n});\r\n\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\r\n```\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>Our Process | Urban Fitouts UAE 01 \/ Our Process From first thought to finished space. A thoughtful interior journey [&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":{"_thinkrank_schema_form_data":"","_thinkrank_selected_schema_type":"","_thinkrank_additional_schemas":"","_thinkrank_canonical_url":"","_thinkrank_og_title":"","_thinkrank_og_description":"","_thinkrank_og_image":"","_thinkrank_twitter_title":"","_thinkrank_twitter_description":"","_thinkrank_twitter_image":"","_thinkrank_imported_from":"","_thinkrank_focus_keywords":[],"_thinkrank_focus_keyword":"","_thinkrank_robots_meta_enabled":0,"_thinkrank_robots_meta":"[]","_thinkrank_advanced_robots_meta":"[]","_thinkrank_exclude_from_search":0,"_thinkrank_exclude_from_archives":0,"_thinkrank_primary_category":0,"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"default","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-350","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.6 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Our Process - urbanfitouts.ae<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/urbanfitouts.ae\/floors\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Our Process - urbanfitouts.ae\" \/>\n<meta property=\"og:description\" content=\"Our Process | Urban Fitouts UAE 01 \/ Our Process From first thought to finished space. A thoughtful interior journey [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/urbanfitouts.ae\/floors\/\" \/>\n<meta property=\"og:site_name\" content=\"urbanfitouts.ae\" \/>\n<meta property=\"article:modified_time\" content=\"2026-09-20T11:12:19+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/urbanfitouts.ae\\\/floors\\\/\",\"url\":\"https:\\\/\\\/urbanfitouts.ae\\\/floors\\\/\",\"name\":\"Our Process - urbanfitouts.ae\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/urbanfitouts.ae\\\/#website\"},\"datePublished\":\"2026-09-14T18:08:01+00:00\",\"dateModified\":\"2026-09-20T11:12:19+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/urbanfitouts.ae\\\/floors\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/urbanfitouts.ae\\\/floors\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/urbanfitouts.ae\\\/floors\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/urbanfitouts.ae\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Our Process\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/urbanfitouts.ae\\\/#website\",\"url\":\"https:\\\/\\\/urbanfitouts.ae\\\/\",\"name\":\"urbanfitouts.ae\",\"description\":\"urbanfitouts\",\"publisher\":{\"@id\":\"https:\\\/\\\/urbanfitouts.ae\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/urbanfitouts.ae\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/urbanfitouts.ae\\\/#organization\",\"name\":\"urbanfitouts.ae\",\"url\":\"https:\\\/\\\/urbanfitouts.ae\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/urbanfitouts.ae\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/urbanfitouts.ae\\\/wp-content\\\/uploads\\\/2026\\\/09\\\/cropped-URBAN-WRAP-FINAL-HIGH-RES-01-scaled-2.jpg\",\"contentUrl\":\"https:\\\/\\\/urbanfitouts.ae\\\/wp-content\\\/uploads\\\/2026\\\/09\\\/cropped-URBAN-WRAP-FINAL-HIGH-RES-01-scaled-2.jpg\",\"width\":1892,\"height\":2118,\"caption\":\"urbanfitouts.ae\"},\"image\":{\"@id\":\"https:\\\/\\\/urbanfitouts.ae\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Our Process - urbanfitouts.ae","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/urbanfitouts.ae\/floors\/","og_locale":"en_US","og_type":"article","og_title":"Our Process - urbanfitouts.ae","og_description":"Our Process | Urban Fitouts UAE 01 \/ Our Process From first thought to finished space. A thoughtful interior journey [&hellip;]","og_url":"https:\/\/urbanfitouts.ae\/floors\/","og_site_name":"urbanfitouts.ae","article_modified_time":"2026-09-20T11:12:19+00:00","twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/urbanfitouts.ae\/floors\/","url":"https:\/\/urbanfitouts.ae\/floors\/","name":"Our Process - urbanfitouts.ae","isPartOf":{"@id":"https:\/\/urbanfitouts.ae\/#website"},"datePublished":"2026-09-14T18:08:01+00:00","dateModified":"2026-09-20T11:12:19+00:00","breadcrumb":{"@id":"https:\/\/urbanfitouts.ae\/floors\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/urbanfitouts.ae\/floors\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/urbanfitouts.ae\/floors\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/urbanfitouts.ae\/"},{"@type":"ListItem","position":2,"name":"Our Process"}]},{"@type":"WebSite","@id":"https:\/\/urbanfitouts.ae\/#website","url":"https:\/\/urbanfitouts.ae\/","name":"urbanfitouts.ae","description":"urbanfitouts","publisher":{"@id":"https:\/\/urbanfitouts.ae\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/urbanfitouts.ae\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/urbanfitouts.ae\/#organization","name":"urbanfitouts.ae","url":"https:\/\/urbanfitouts.ae\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/urbanfitouts.ae\/#\/schema\/logo\/image\/","url":"https:\/\/urbanfitouts.ae\/wp-content\/uploads\/2026\/09\/cropped-URBAN-WRAP-FINAL-HIGH-RES-01-scaled-2.jpg","contentUrl":"https:\/\/urbanfitouts.ae\/wp-content\/uploads\/2026\/09\/cropped-URBAN-WRAP-FINAL-HIGH-RES-01-scaled-2.jpg","width":1892,"height":2118,"caption":"urbanfitouts.ae"},"image":{"@id":"https:\/\/urbanfitouts.ae\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/urbanfitouts.ae\/wp-json\/wp\/v2\/pages\/350","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/urbanfitouts.ae\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/urbanfitouts.ae\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/urbanfitouts.ae\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/urbanfitouts.ae\/wp-json\/wp\/v2\/comments?post=350"}],"version-history":[{"count":5,"href":"https:\/\/urbanfitouts.ae\/wp-json\/wp\/v2\/pages\/350\/revisions"}],"predecessor-version":[{"id":495,"href":"https:\/\/urbanfitouts.ae\/wp-json\/wp\/v2\/pages\/350\/revisions\/495"}],"wp:attachment":[{"href":"https:\/\/urbanfitouts.ae\/wp-json\/wp\/v2\/media?parent=350"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}