{"id":327,"date":"2026-09-20T11:18:31","date_gmt":"2026-09-20T11:18:31","guid":{"rendered":"https:\/\/urbanfitouts.ae\/?page_id=327"},"modified":"2026-09-20T11:19:31","modified_gmt":"2026-09-20T11:19:31","slug":"our-values","status":"publish","type":"page","link":"https:\/\/urbanfitouts.ae\/our-values\/","title":{"rendered":"Our Values"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"327\" class=\"elementor elementor-327\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1b6f6d6 e-con-full e-flex e-con e-parent\" data-id=\"1b6f6d6\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c2b190c elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"c2b190c\" 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 Values | 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;500;600;700&family=Playfair+Display:wght@400;500;600&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n\r\n\/* =========================================================\r\n   URBAN FITOUTS UAE\r\n   OUR VALUES \u2014 STANDALONE EXPERIENCE\r\n========================================================= *\/\r\n\r\n:root{\r\n    --bg:#f4f1eb;\r\n    --paper:#fbfaf7;\r\n    --dark:#181816;\r\n    --dark-soft:#22221f;\r\n    --text:#252420;\r\n    --muted:#77736c;\r\n    --gold:#b89b6d;\r\n    --gold-light:#d5bd93;\r\n    --white:#fff;\r\n    --line:rgba(24,24,22,.12);\r\n\r\n    --serif:\"Playfair Display\",serif;\r\n    --sans:\"DM Sans\",sans-serif;\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    background:var(--bg);\r\n    color:var(--text);\r\n    font-family:var(--sans);\r\n    overflow-x:hidden;\r\n}\r\n\r\nimg{\r\n    width:100%;\r\n    display:block;\r\n}\r\n\r\na{\r\n    text-decoration:none;\r\n    color:inherit;\r\n}\r\n\r\nbutton{\r\n    font:inherit;\r\n}\r\n\r\nsection{\r\n    position:relative;\r\n    overflow:hidden;\r\n}\r\n\r\n.container{\r\n    width:min(1280px,92%);\r\n    margin:auto;\r\n}\r\n\r\n.section{\r\n    padding:120px 0;\r\n}\r\n\r\n.eyebrow{\r\n    display:flex;\r\n    align-items:center;\r\n    gap:12px;\r\n    color:var(--gold);\r\n    font-size:10px;\r\n    font-weight:700;\r\n    letter-spacing:3px;\r\n    text-transform:uppercase;\r\n}\r\n\r\n.eyebrow::before{\r\n    content:\"\";\r\n    width:38px;\r\n    height:1px;\r\n    background:currentColor;\r\n}\r\n\r\n.title{\r\n    font-family:var(--serif);\r\n    font-weight:400;\r\n    font-size:clamp(45px,6vw,85px);\r\n    line-height:.98;\r\n    letter-spacing:-2px;\r\n}\r\n\r\n.title span{\r\n    color:#a39b8e;\r\n}\r\n\r\n.description{\r\n    color:var(--muted);\r\n    line-height:1.9;\r\n    font-size:15px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   HERO\r\n========================================================= *\/\r\n\r\n.values-hero{\r\n    min-height:100svh;\r\n    color:white;\r\n    display:flex;\r\n    align-items:flex-end;\r\n    background:#111;\r\n}\r\n\r\n.hero-image{\r\n    position:absolute;\r\n    inset:0;\r\n\r\n    background:\r\n        linear-gradient(\r\n            180deg,\r\n            rgba(0,0,0,.1),\r\n            rgba(0,0,0,.25) 35%,\r\n            rgba(0,0,0,.86)\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\r\n    transform:scale(1.08);\r\n\r\n    animation:\r\n        heroIn 2s ease forwards,\r\n        heroFloat 14s ease-in-out infinite alternate;\r\n}\r\n\r\n@keyframes heroIn{\r\n    to{\r\n        transform:scale(1);\r\n    }\r\n}\r\n\r\n@keyframes heroFloat{\r\n    from{\r\n        background-position:center center;\r\n    }\r\n    to{\r\n        background-position:center 45%;\r\n    }\r\n}\r\n\r\n.hero-content{\r\n    position:relative;\r\n    z-index:2;\r\n    padding:12vh 0 10vh;\r\n}\r\n\r\n.hero-label{\r\n    font-size:11px;\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-size:clamp(65px,10vw,150px);\r\n    line-height:.84;\r\n    font-weight:400;\r\n    letter-spacing:-5px;\r\n    max-width:1050px;\r\n}\r\n\r\n.hero-title em{\r\n    color:#d3b986;\r\n    font-style:normal;\r\n}\r\n\r\n.hero-text{\r\n    max-width:550px;\r\n    color:rgba(255,255,255,.76);\r\n    line-height:1.85;\r\n    margin-top:35px;\r\n    font-size:15px;\r\n}\r\n\r\n.hero-scroll{\r\n    position:absolute;\r\n    right:4vw;\r\n    bottom:50px;\r\n    writing-mode:vertical-rl;\r\n    font-size:9px;\r\n    letter-spacing:3px;\r\n    opacity:.65;\r\n}\r\n\r\n.hero-scroll::after{\r\n    content:\"\";\r\n    width:1px;\r\n    height:70px;\r\n    background:rgba(255,255,255,.5);\r\n    display:block;\r\n    margin:15px auto 0;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   INTRO\r\n========================================================= *\/\r\n\r\n.intro{\r\n    background:var(--paper);\r\n}\r\n\r\n.intro-grid{\r\n    display:grid;\r\n    grid-template-columns:1.1fr .9fr;\r\n    gap:100px;\r\n    align-items:end;\r\n}\r\n\r\n.intro-right{\r\n    padding-bottom:5px;\r\n}\r\n\r\n.intro-right p{\r\n    max-width:550px;\r\n}\r\n\r\n.intro-quote{\r\n    margin-top:35px;\r\n    padding-top:25px;\r\n    border-top:1px solid var(--line);\r\n    font-family:var(--serif);\r\n    font-size:24px;\r\n    line-height:1.4;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   3D VALUES CORE\r\n========================================================= *\/\r\n\r\n.values-core{\r\n    background:var(--dark);\r\n    color:white;\r\n    min-height:950px;\r\n}\r\n\r\n.values-core .title{\r\n    color:white;\r\n}\r\n\r\n.values-core .title span{\r\n    color:#77756d;\r\n}\r\n\r\n.core-layout{\r\n    margin-top:85px;\r\n\r\n    display:grid;\r\n    grid-template-columns:.75fr 1.25fr;\r\n    gap:70px;\r\n    align-items:center;\r\n}\r\n\r\n.core-copy{\r\n    max-width:430px;\r\n}\r\n\r\n.core-copy p{\r\n    margin-top:25px;\r\n    color:#94928a;\r\n    line-height:1.9;\r\n}\r\n\r\n.core-note{\r\n    margin-top:35px;\r\n    color:#c6b187;\r\n    font-size:11px;\r\n    letter-spacing:1px;\r\n    text-transform:uppercase;\r\n}\r\n\r\n\r\n\/* 3D STAGE *\/\r\n\r\n.value-stage{\r\n    height:610px;\r\n    position:relative;\r\n    perspective:1400px;\r\n\r\n    display:flex;\r\n    align-items:center;\r\n    justify-content:center;\r\n}\r\n\r\n.value-orb{\r\n    width:185px;\r\n    height:185px;\r\n    border-radius:50%;\r\n\r\n    position:relative;\r\n    z-index:8;\r\n\r\n    background:\r\n        radial-gradient(\r\n            circle at 30% 25%,\r\n            #ead7b2,\r\n            #ad8d5d 40%,\r\n            #65513a 100%\r\n        );\r\n\r\n    box-shadow:\r\n        0 0 0 1px rgba(255,255,255,.15),\r\n        0 30px 80px rgba(0,0,0,.65),\r\n        inset -20px -25px 35px rgba(0,0,0,.25);\r\n\r\n    transform-style:preserve-3d;\r\n\r\n    display:flex;\r\n    align-items:center;\r\n    justify-content:center;\r\n\r\n    transition:\r\n        transform .15s ease-out;\r\n}\r\n\r\n.value-orb::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,.38);\r\n}\r\n\r\n.value-orb::after{\r\n    content:\"\";\r\n    position:absolute;\r\n    width:35px;\r\n    height:35px;\r\n    border-radius:50%;\r\n    background:rgba(255,255,255,.3);\r\n    filter:blur(8px);\r\n    top:28px;\r\n    left:35px;\r\n}\r\n\r\n.orb-text{\r\n    position:relative;\r\n    z-index:3;\r\n    text-align:center;\r\n}\r\n\r\n.orb-text strong{\r\n    display:block;\r\n    font-family:var(--serif);\r\n    font-size:29px;\r\n    font-weight:400;\r\n}\r\n\r\n.orb-text small{\r\n    display:block;\r\n    font-size:8px;\r\n    letter-spacing:2px;\r\n    opacity:.7;\r\n    margin-top:6px;\r\n    text-transform:uppercase;\r\n}\r\n\r\n\r\n\/* ORBIT RINGS *\/\r\n\r\n.value-ring{\r\n    position:absolute;\r\n    border:1px solid rgba(255,255,255,.12);\r\n    border-radius:50%;\r\n    transform-style:preserve-3d;\r\n}\r\n\r\n.ring-a{\r\n    width:480px;\r\n    height:480px;\r\n    animation:spinA 18s linear infinite;\r\n}\r\n\r\n.ring-b{\r\n    width:380px;\r\n    height:570px;\r\n    transform:rotateX(70deg) rotateZ(25deg);\r\n    animation:spinB 14s linear infinite;\r\n}\r\n\r\n.ring-c{\r\n    width:570px;\r\n    height:320px;\r\n    transform:rotateY(68deg) rotateZ(-20deg);\r\n    animation:spinC 22s linear infinite;\r\n}\r\n\r\n@keyframes spinA{\r\n    to{\r\n        transform:rotateZ(360deg) rotateX(62deg);\r\n    }\r\n}\r\n\r\n@keyframes spinB{\r\n    to{\r\n        transform:rotateX(70deg) rotateZ(385deg);\r\n    }\r\n}\r\n\r\n@keyframes spinC{\r\n    to{\r\n        transform:rotateY(68deg) rotateZ(340deg);\r\n    }\r\n}\r\n\r\n\r\n\/* ORBIT PARTICLES *\/\r\n\r\n.particle{\r\n    width:12px;\r\n    height:12px;\r\n    border-radius:50%;\r\n    background:var(--gold-light);\r\n    box-shadow:0 0 22px rgba(213,189,147,.8);\r\n    position:absolute;\r\n}\r\n\r\n.p1{\r\n    top:4%;\r\n    left:50%;\r\n}\r\n\r\n.p2{\r\n    right:5%;\r\n    top:48%;\r\n}\r\n\r\n.p3{\r\n    bottom:8%;\r\n    left:20%;\r\n}\r\n\r\n.p4{\r\n    top:22%;\r\n    left:9%;\r\n}\r\n\r\n\r\n\/* VALUE LABELS *\/\r\n\r\n.value-label{\r\n    position:absolute;\r\n    z-index:10;\r\n\r\n    padding:12px 16px;\r\n\r\n    background:rgba(255,255,255,.045);\r\n    border:1px solid rgba(255,255,255,.11);\r\n    backdrop-filter:blur(12px);\r\n\r\n    border-radius:40px;\r\n\r\n    font-size:9px;\r\n    letter-spacing:1.8px;\r\n    text-transform:uppercase;\r\n\r\n    color:#c4c1b9;\r\n\r\n    transition:.35s;\r\n}\r\n\r\n.value-label:hover{\r\n    background:rgba(255,255,255,.1);\r\n    color:white;\r\n    transform:translateY(-5px);\r\n}\r\n\r\n.vl1{\r\n    top:10%;\r\n    left:4%;\r\n}\r\n\r\n.vl2{\r\n    top:20%;\r\n    right:3%;\r\n}\r\n\r\n.vl3{\r\n    bottom:13%;\r\n    left:3%;\r\n}\r\n\r\n.vl4{\r\n    bottom:18%;\r\n    right:7%;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   VALUES GRID\r\n========================================================= *\/\r\n\r\n.values-grid-section{\r\n    background:#eeeae3;\r\n}\r\n\r\n.values-heading{\r\n    max-width:800px;\r\n}\r\n\r\n.values-grid{\r\n    margin-top:75px;\r\n\r\n    display:grid;\r\n    grid-template-columns:repeat(3,1fr);\r\n    gap:1px;\r\n\r\n    background:var(--line);\r\n}\r\n\r\n.value-card{\r\n    min-height:390px;\r\n    background:var(--paper);\r\n    padding:38px;\r\n\r\n    position:relative;\r\n    overflow:hidden;\r\n\r\n    transition:\r\n        transform .45s ease,\r\n        background .45s ease;\r\n}\r\n\r\n.value-card:hover{\r\n    transform:translateY(-10px);\r\n    background:white;\r\n}\r\n\r\n.card-number{\r\n    color:var(--gold);\r\n    font-size:10px;\r\n    letter-spacing:2px;\r\n}\r\n\r\n.card-3d{\r\n    width:70px;\r\n    height:70px;\r\n    margin-top:60px;\r\n\r\n    position:relative;\r\n\r\n    transform-style:preserve-3d;\r\n\r\n    transition:\r\n        transform .7s cubic-bezier(.2,.8,.2,1);\r\n}\r\n\r\n.value-card:hover .card-3d{\r\n    transform:\r\n        rotateX(45deg)\r\n        rotateY(180deg)\r\n        translateZ(10px);\r\n}\r\n\r\n.card-cube{\r\n    width:42px;\r\n    height:42px;\r\n\r\n    position:absolute;\r\n    top:14px;\r\n    left:14px;\r\n\r\n    border:1px solid var(--gold);\r\n\r\n    transform:\r\n        rotate(45deg);\r\n\r\n    background:rgba(184,155,109,.04);\r\n}\r\n\r\n.card-orbit{\r\n    position:absolute;\r\n    inset:0;\r\n    border:1px solid rgba(184,155,109,.35);\r\n    border-radius:50%;\r\n    transform:rotateX(65deg);\r\n}\r\n\r\n.value-card h3{\r\n    font-family:var(--serif);\r\n    font-weight:400;\r\n    font-size:29px;\r\n    margin-top:35px;\r\n}\r\n\r\n.value-card p{\r\n    color:var(--muted);\r\n    line-height:1.8;\r\n    font-size:13px;\r\n    margin-top:15px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   HUMAN VALUES SECTION\r\n========================================================= *\/\r\n\r\n.human-values{\r\n    background:var(--paper);\r\n}\r\n\r\n.human-grid{\r\n    display:grid;\r\n    grid-template-columns:1fr 1fr;\r\n    gap:90px;\r\n    align-items:center;\r\n}\r\n\r\n.human-photo{\r\n    height:680px;\r\n    overflow:hidden;\r\n    position:relative;\r\n}\r\n\r\n.human-photo img{\r\n    height:100%;\r\n    object-fit:cover;\r\n    transition:transform 1.2s ease;\r\n}\r\n\r\n.human-photo:hover img{\r\n    transform:scale(1.06);\r\n}\r\n\r\n.photo-label{\r\n    position:absolute;\r\n    left:25px;\r\n    bottom:25px;\r\n\r\n    padding:13px 18px;\r\n\r\n    background:rgba(20,20,18,.72);\r\n    color:white;\r\n\r\n    backdrop-filter:blur(12px);\r\n\r\n    font-size:9px;\r\n    letter-spacing:2px;\r\n    text-transform:uppercase;\r\n}\r\n\r\n.human-copy .title{\r\n    margin-top:25px;\r\n}\r\n\r\n.human-copy > p{\r\n    margin-top:30px;\r\n    max-width:520px;\r\n}\r\n\r\n.human-points{\r\n    margin-top:35px;\r\n    border-top:1px solid var(--line);\r\n}\r\n\r\n.human-point{\r\n    display:grid;\r\n    grid-template-columns:45px 1fr;\r\n    gap:18px;\r\n    padding:20px 0;\r\n    border-bottom:1px solid var(--line);\r\n}\r\n\r\n.human-point-number{\r\n    font-family:var(--serif);\r\n    color:var(--gold);\r\n    font-size:19px;\r\n}\r\n\r\n.human-point h4{\r\n    font-size:14px;\r\n    font-weight:600;\r\n}\r\n\r\n.human-point p{\r\n    color:var(--muted);\r\n    font-size:12px;\r\n    line-height:1.7;\r\n    margin-top:5px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   INTERACTIVE VALUES WHEEL\r\n========================================================= *\/\r\n\r\n.wheel-section{\r\n    background:#171715;\r\n    color:white;\r\n}\r\n\r\n.wheel-wrap{\r\n    margin-top:80px;\r\n\r\n    display:grid;\r\n    grid-template-columns:1fr 1fr;\r\n    gap:100px;\r\n    align-items:center;\r\n}\r\n\r\n.wheel{\r\n    width:500px;\r\n    height:500px;\r\n    max-width:100%;\r\n    margin:auto;\r\n\r\n    position:relative;\r\n\r\n    border:1px solid rgba(255,255,255,.13);\r\n    border-radius:50%;\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\r\n    transition:transform .2s ease;\r\n}\r\n\r\n.wheel::before{\r\n    content:\"\";\r\n    position:absolute;\r\n    inset:65px;\r\n    border:1px dashed rgba(255,255,255,.14);\r\n    border-radius:50%;\r\n}\r\n\r\n.wheel::after{\r\n    content:\"\";\r\n    position:absolute;\r\n    inset:135px;\r\n    border:1px solid rgba(255,255,255,.1);\r\n    border-radius:50%;\r\n}\r\n\r\n.wheel-center{\r\n    width:145px;\r\n    height:145px;\r\n    border-radius:50%;\r\n\r\n    background:\r\n        linear-gradient(\r\n            145deg,\r\n            #d6bf95,\r\n            #705a3d\r\n        );\r\n\r\n    display:flex;\r\n    align-items:center;\r\n    justify-content:center;\r\n\r\n    text-align:center;\r\n\r\n    box-shadow:0 25px 55px rgba(0,0,0,.45);\r\n\r\n    z-index:4;\r\n\r\n    transform:translateZ(45px);\r\n}\r\n\r\n.wheel-center span{\r\n    font-family:var(--serif);\r\n    font-size:23px;\r\n}\r\n\r\n.wheel-item{\r\n    position:absolute;\r\n    width:110px;\r\n    height:110px;\r\n\r\n    border-radius:50%;\r\n\r\n    background:#22221f;\r\n    border:1px solid rgba(255,255,255,.12);\r\n\r\n    display:flex;\r\n    align-items:center;\r\n    justify-content:center;\r\n\r\n    text-align:center;\r\n\r\n    padding:15px;\r\n\r\n    font-size:10px;\r\n    line-height:1.4;\r\n    text-transform:uppercase;\r\n    letter-spacing:1px;\r\n\r\n    color:#bcb9b0;\r\n\r\n    transition:.45s;\r\n\r\n    cursor:pointer;\r\n}\r\n\r\n.wheel-item:hover{\r\n    background:#c4a675;\r\n    color:white;\r\n    transform:scale(1.1) translateZ(30px);\r\n}\r\n\r\n.w1{\r\n    top:-25px;\r\n    left:50%;\r\n    transform:translateX(-50%);\r\n}\r\n\r\n.w2{\r\n    right:-25px;\r\n    top:50%;\r\n    transform:translateY(-50%);\r\n}\r\n\r\n.w3{\r\n    bottom:-25px;\r\n    left:50%;\r\n    transform:translateX(-50%);\r\n}\r\n\r\n.w4{\r\n    left:-25px;\r\n    top:50%;\r\n    transform:translateY(-50%);\r\n}\r\n\r\n.wheel-content{\r\n    max-width:480px;\r\n}\r\n\r\n.wheel-content .title{\r\n    margin-top:25px;\r\n}\r\n\r\n.wheel-content p{\r\n    color:#96938b;\r\n    line-height:1.9;\r\n    margin-top:30px;\r\n}\r\n\r\n.wheel-list{\r\n    margin-top:30px;\r\n}\r\n\r\n.wheel-list div{\r\n    padding:14px 0;\r\n    border-bottom:1px solid rgba(255,255,255,.1);\r\n    color:#bbb8af;\r\n    font-size:13px;\r\n}\r\n\r\n.wheel-list span{\r\n    color:#c7aa78;\r\n    margin-right:12px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   PROMISE\r\n========================================================= *\/\r\n\r\n.promise{\r\n    min-height:75vh;\r\n    display:flex;\r\n    align-items:center;\r\n\r\n    color:white;\r\n\r\n    background:\r\n        linear-gradient(\r\n            90deg,\r\n            rgba(0,0,0,.78),\r\n            rgba(0,0,0,.3)\r\n        ),\r\n        url(\"https:\/\/images.unsplash.com\/photo-1600566753086-00f18fb6b3ea?auto=format&fit=crop&w=2200&q=90\")\r\n        center\/cover no-repeat;\r\n}\r\n\r\n.promise-content{\r\n    max-width:900px;\r\n}\r\n\r\n.promise-content .title{\r\n    margin-top:25px;\r\n}\r\n\r\n.promise-content .title{\r\n    color:white;\r\n}\r\n\r\n.promise-content .title span{\r\n    color:#cdb487;\r\n}\r\n\r\n.promise-content p{\r\n    max-width:570px;\r\n    margin-top:30px;\r\n    color:rgba(255,255,255,.7);\r\n    line-height:1.9;\r\n}\r\n\r\n.promise-mark{\r\n    margin-top:45px;\r\n    display:inline-flex;\r\n    align-items:center;\r\n    gap:15px;\r\n\r\n    border:1px solid rgba(255,255,255,.3);\r\n    border-radius:50px;\r\n\r\n    padding:14px 20px;\r\n\r\n    font-size:10px;\r\n    letter-spacing:2px;\r\n    text-transform:uppercase;\r\n}\r\n\r\n.promise-mark span{\r\n    width:27px;\r\n    height:27px;\r\n    border-radius:50%;\r\n    background:#c7a875;\r\n    display:flex;\r\n    align-items:center;\r\n    justify-content:center;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   REVEAL ANIMATION\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   RESPONSIVE TABLET\r\n========================================================= *\/\r\n\r\n@media(max-width:1050px){\r\n\r\n    .section{\r\n        padding:95px 0;\r\n    }\r\n\r\n    .intro-grid,\r\n    .core-layout,\r\n    .human-grid,\r\n    .wheel-wrap{\r\n        grid-template-columns:1fr;\r\n        gap:55px;\r\n    }\r\n\r\n    .core-layout{\r\n        margin-top:60px;\r\n    }\r\n\r\n    .core-copy{\r\n        max-width:650px;\r\n    }\r\n\r\n    .value-stage{\r\n        height:520px;\r\n    }\r\n\r\n    .values-grid{\r\n        grid-template-columns:repeat(2,1fr);\r\n    }\r\n\r\n    .wheel{\r\n        width:470px;\r\n        height:470px;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   RESPONSIVE MOBILE\r\n========================================================= *\/\r\n\r\n@media(max-width:650px){\r\n\r\n    .container{\r\n        width:min(92%,100%);\r\n    }\r\n\r\n    .section{\r\n        padding:75px 0;\r\n    }\r\n\r\n    .hero-content{\r\n        padding:10vh 0 70px;\r\n    }\r\n\r\n    .hero-title{\r\n        font-size:17vw;\r\n        letter-spacing:-3px;\r\n    }\r\n\r\n    .hero-text{\r\n        font-size:13px;\r\n    }\r\n\r\n    .hero-scroll{\r\n        display:none;\r\n    }\r\n\r\n    .title{\r\n        font-size:47px;\r\n        letter-spacing:-1px;\r\n    }\r\n\r\n    .intro-grid{\r\n        gap:35px;\r\n    }\r\n\r\n    .intro-quote{\r\n        font-size:21px;\r\n    }\r\n\r\n    .values-core{\r\n        min-height:auto;\r\n    }\r\n\r\n    .value-stage{\r\n        height:420px;\r\n        transform:scale(.76);\r\n        margin:-30px -45px;\r\n    }\r\n\r\n    .value-orb{\r\n        width:145px;\r\n        height:145px;\r\n    }\r\n\r\n    .ring-a{\r\n        width:360px;\r\n        height:360px;\r\n    }\r\n\r\n    .ring-b{\r\n        width:300px;\r\n        height:450px;\r\n    }\r\n\r\n    .ring-c{\r\n        width:420px;\r\n        height:240px;\r\n    }\r\n\r\n    .value-label{\r\n        font-size:8px;\r\n        padding:9px 11px;\r\n    }\r\n\r\n    .vl1{\r\n        left:0;\r\n    }\r\n\r\n    .vl2{\r\n        right:0;\r\n    }\r\n\r\n    .vl3{\r\n        left:0;\r\n    }\r\n\r\n    .vl4{\r\n        right:0;\r\n    }\r\n\r\n    .values-grid{\r\n        grid-template-columns:1fr;\r\n        margin-top:50px;\r\n    }\r\n\r\n    .value-card{\r\n        min-height:350px;\r\n    }\r\n\r\n    .human-photo{\r\n        height:440px;\r\n    }\r\n\r\n    .wheel-wrap{\r\n        gap:60px;\r\n    }\r\n\r\n    .wheel{\r\n        width:340px;\r\n        height:340px;\r\n    }\r\n\r\n    .wheel::before{\r\n        inset:45px;\r\n    }\r\n\r\n    .wheel::after{\r\n        inset:95px;\r\n    }\r\n\r\n    .wheel-center{\r\n        width:105px;\r\n        height:105px;\r\n    }\r\n\r\n    .wheel-center span{\r\n        font-size:18px;\r\n    }\r\n\r\n    .wheel-item{\r\n        width:78px;\r\n        height:78px;\r\n        font-size:7px;\r\n        letter-spacing:.8px;\r\n    }\r\n\r\n    .w1{\r\n        top:-18px;\r\n    }\r\n\r\n    .w2{\r\n        right:-18px;\r\n    }\r\n\r\n    .w3{\r\n        bottom:-18px;\r\n    }\r\n\r\n    .w4{\r\n        left:-18px;\r\n    }\r\n\r\n    .promise{\r\n        min-height:70vh;\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        transition-duration:.01ms !important;\r\n        scroll-behavior:auto !important;\r\n    }\r\n\r\n}\r\n\r\n<\/style>\r\n<\/head>\r\n\r\n<body>\r\n\r\n\r\n<!-- =====================================================\r\n     HERO\r\n===================================================== -->\r\n\r\n<section class=\"values-hero\">\r\n\r\n    <div class=\"hero-image\"><\/div>\r\n\r\n    <div class=\"container hero-content\">\r\n\r\n        <div class=\"hero-label\">\r\n            02 \/ Our Values\r\n        <\/div>\r\n\r\n        <h1 class=\"hero-title\">\r\n            What we<br>\r\n            <em>believe<\/em> in.\r\n        <\/h1>\r\n\r\n        <p class=\"hero-text\">\r\n            Great interiors are built on more than design.\r\n            They are built on trust, thoughtfulness, craftsmanship\r\n            and a genuine understanding of the people who will\r\n            experience the space.\r\n        <\/p>\r\n\r\n    <\/div>\r\n\r\n    <div class=\"hero-scroll\">\r\n        Discover our values\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 intro\">\r\n\r\n    <div class=\"container intro-grid reveal\">\r\n\r\n        <div>\r\n\r\n            <div class=\"eyebrow\">\r\n                The Foundation\r\n            <\/div>\r\n\r\n            <h2 class=\"title\">\r\n                Design is<br>\r\n                <span>personal.<\/span>\r\n            <\/h2>\r\n\r\n        <\/div>\r\n\r\n        <div class=\"intro-right\">\r\n\r\n            <p class=\"description\">\r\n                Every space has a story. Our role is to understand\r\n                that story, translate it into thoughtful design and\r\n                create an environment that feels right long after\r\n                the first impression.\r\n            <\/p>\r\n\r\n            <div class=\"intro-quote\">\r\n                \u201cThe best spaces don't simply look beautiful.\r\n                They feel like they belong.\u201d\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 VALUES CORE\r\n===================================================== -->\r\n\r\n<section class=\"section values-core\">\r\n\r\n    <div class=\"container\">\r\n\r\n        <div class=\"reveal\">\r\n\r\n            <div class=\"eyebrow\">\r\n                At The Centre\r\n            <\/div>\r\n\r\n            <h2 class=\"title\">\r\n                People first.<br>\r\n                <span>Always.<\/span>\r\n            <\/h2>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"core-layout\">\r\n\r\n            <div class=\"core-copy reveal\">\r\n\r\n                <p>\r\n                    Every decision starts with a simple question:\r\n                    will this make the space better for the people\r\n                    who use it?\r\n                <\/p>\r\n\r\n                <p>\r\n                    From the overall layout to the smallest finish,\r\n                    we believe design should balance beauty,\r\n                    functionality and emotion.\r\n                <\/p>\r\n\r\n                <div class=\"core-note\">\r\n                    Move around the centre to explore\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"value-stage\" id=\"valueStage\">\r\n\r\n                <div class=\"value-ring ring-a\">\r\n\r\n                    <span class=\"particle p1\"><\/span>\r\n                    <span class=\"particle p3\"><\/span>\r\n\r\n                <\/div>\r\n\r\n                <div class=\"value-ring ring-b\">\r\n\r\n                    <span class=\"particle p2\"><\/span>\r\n\r\n                <\/div>\r\n\r\n                <div class=\"value-ring ring-c\">\r\n\r\n                    <span class=\"particle p4\"><\/span>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"value-orb\" id=\"valueOrb\">\r\n\r\n                    <div class=\"orb-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=\"value-label vl1\">\r\n                    Human\r\n                <\/div>\r\n\r\n                <div class=\"value-label vl2\">\r\n                    Honest\r\n                <\/div>\r\n\r\n                <div class=\"value-label vl3\">\r\n                    Thoughtful\r\n                <\/div>\r\n\r\n                <div class=\"value-label vl4\">\r\n                    Enduring\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     SIX CORE VALUES\r\n===================================================== -->\r\n\r\n<section class=\"section values-grid-section\">\r\n\r\n    <div class=\"container\">\r\n\r\n        <div class=\"values-heading reveal\">\r\n\r\n            <div class=\"eyebrow\">\r\n                What Guides Us\r\n            <\/div>\r\n\r\n            <h2 class=\"title\">\r\n                Six values.<br>\r\n                <span>One standard.<\/span>\r\n            <\/h2>\r\n\r\n            <p class=\"description\" style=\"margin-top:25px;max-width:600px;\">\r\n                These principles shape how we think, communicate,\r\n                design and deliver every project.\r\n            <\/p>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"values-grid\">\r\n\r\n            <!-- 01 -->\r\n\r\n            <article class=\"value-card reveal\">\r\n\r\n                <div class=\"card-number\">\r\n                    01 \/ HUMAN\r\n                <\/div>\r\n\r\n                <div class=\"card-3d\">\r\n\r\n                    <div class=\"card-cube\"><\/div>\r\n                    <div class=\"card-orbit\"><\/div>\r\n\r\n                <\/div>\r\n\r\n                <h3>Human-Centred<\/h3>\r\n\r\n                <p>\r\n                    We design around real people, real routines\r\n                    and real experiences rather than designing\r\n                    simply for appearance.\r\n                <\/p>\r\n\r\n            <\/article>\r\n\r\n\r\n            <!-- 02 -->\r\n\r\n            <article class=\"value-card reveal\">\r\n\r\n                <div class=\"card-number\">\r\n                    02 \/ HONEST\r\n                <\/div>\r\n\r\n                <div class=\"card-3d\">\r\n\r\n                    <div class=\"card-cube\"><\/div>\r\n                    <div class=\"card-orbit\"><\/div>\r\n\r\n                <\/div>\r\n\r\n                <h3>Honest<\/h3>\r\n\r\n                <p>\r\n                    Clear communication and transparent thinking\r\n                    help create stronger relationships and better\r\n                    design decisions.\r\n                <\/p>\r\n\r\n            <\/article>\r\n\r\n\r\n            <!-- 03 -->\r\n\r\n            <article class=\"value-card reveal\">\r\n\r\n                <div class=\"card-number\">\r\n                    03 \/ DETAIL\r\n                <\/div>\r\n\r\n                <div class=\"card-3d\">\r\n\r\n                    <div class=\"card-cube\"><\/div>\r\n                    <div class=\"card-orbit\"><\/div>\r\n\r\n                <\/div>\r\n\r\n                <h3>Detail Driven<\/h3>\r\n\r\n                <p>\r\n                    The smallest details can change the way a space\r\n                    feels. We treat every proportion, texture and\r\n                    finish with purpose.\r\n                <\/p>\r\n\r\n            <\/article>\r\n\r\n\r\n            <!-- 04 -->\r\n\r\n            <article class=\"value-card reveal\">\r\n\r\n                <div class=\"card-number\">\r\n                    04 \/ PURPOSE\r\n                <\/div>\r\n\r\n                <div class=\"card-3d\">\r\n\r\n                    <div class=\"card-cube\"><\/div>\r\n                    <div class=\"card-orbit\"><\/div>\r\n\r\n                <\/div>\r\n\r\n                <h3>Purposeful<\/h3>\r\n\r\n                <p>\r\n                    Every element should have a reason to exist \u2014\r\n                    creating spaces that are beautiful while remaining\r\n                    useful and intuitive.\r\n                <\/p>\r\n\r\n            <\/article>\r\n\r\n\r\n            <!-- 05 -->\r\n\r\n            <article class=\"value-card reveal\">\r\n\r\n                <div class=\"card-number\">\r\n                    05 \/ CRAFT\r\n                <\/div>\r\n\r\n                <div class=\"card-3d\">\r\n\r\n                    <div class=\"card-cube\"><\/div>\r\n                    <div class=\"card-orbit\"><\/div>\r\n\r\n                <\/div>\r\n\r\n                <h3>Craftsmanship<\/h3>\r\n\r\n                <p>\r\n                    Quality is visible in the details and felt in\r\n                    the finished experience. We value precision,\r\n                    materials and skilled execution.\r\n                <\/p>\r\n\r\n            <\/article>\r\n\r\n\r\n            <!-- 06 -->\r\n\r\n            <article class=\"value-card reveal\">\r\n\r\n                <div class=\"card-number\">\r\n                    06 \/ FUTURE\r\n                <\/div>\r\n\r\n                <div class=\"card-3d\">\r\n\r\n                    <div class=\"card-cube\"><\/div>\r\n                    <div class=\"card-orbit\"><\/div>\r\n\r\n                <\/div>\r\n\r\n                <h3>Built To Endure<\/h3>\r\n\r\n                <p>\r\n                    We look beyond the first impression to create\r\n                    interiors that continue to feel relevant,\r\n                    functional and considered over time.\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-values\">\r\n\r\n    <div class=\"container human-grid\">\r\n\r\n        <div class=\"human-photo reveal\">\r\n\r\n            <img decoding=\"async\"\r\n                src=\"https:\/\/images.unsplash.com\/photo-1600210491369-e753d80a41f3?auto=format&fit=crop&w=1600&q=90\"\r\n                alt=\"Thoughtfully designed interior\"\r\n            >\r\n\r\n            <div class=\"photo-label\">\r\n                Design that feels lived in\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                The Human Element\r\n            <\/div>\r\n\r\n            <h2 class=\"title\">\r\n                We design for<br>\r\n                <span>life, not just looks.<\/span>\r\n            <\/h2>\r\n\r\n            <p class=\"description\">\r\n                A beautiful room is only the beginning.\r\n                A successful interior understands how people\r\n                actually live, work, relax, gather and move.\r\n            <\/p>\r\n\r\n\r\n            <div class=\"human-points\">\r\n\r\n                <div class=\"human-point\">\r\n\r\n                    <div class=\"human-point-number\">\r\n                        01\r\n                    <\/div>\r\n\r\n                    <div>\r\n                        <h4>Comfort<\/h4>\r\n\r\n                        <p>\r\n                            Spaces should feel welcoming and natural.\r\n                        <\/p>\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"human-point\">\r\n\r\n                    <div class=\"human-point-number\">\r\n                        02\r\n                    <\/div>\r\n\r\n                    <div>\r\n                        <h4>Function<\/h4>\r\n\r\n                        <p>\r\n                            Beauty should make everyday life easier.\r\n                        <\/p>\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"human-point\">\r\n\r\n                    <div class=\"human-point-number\">\r\n                        03\r\n                    <\/div>\r\n\r\n                    <div>\r\n                        <h4>Character<\/h4>\r\n\r\n                        <p>\r\n                            Your environment should reflect who you are.\r\n                        <\/p>\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"human-point\">\r\n\r\n                    <div class=\"human-point-number\">\r\n                        04\r\n                    <\/div>\r\n\r\n                    <div>\r\n                        <h4>Connection<\/h4>\r\n\r\n                        <p>\r\n                            Great spaces create moments between people.\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     INTERACTIVE VALUES WHEEL\r\n===================================================== -->\r\n\r\n<section class=\"section wheel-section\">\r\n\r\n    <div class=\"container\">\r\n\r\n        <div class=\"reveal\">\r\n\r\n            <div class=\"eyebrow\">\r\n                Our Design Compass\r\n            <\/div>\r\n\r\n            <h2 class=\"title\">\r\n                Everything connects<br>\r\n                <span>back to purpose.<\/span>\r\n            <\/h2>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"wheel-wrap\">\r\n\r\n            <div class=\"wheel\" id=\"wheel\">\r\n\r\n                <div class=\"wheel-center\">\r\n                    <span>\r\n                        YOUR<br>\r\n                        SPACE\r\n                    <\/span>\r\n                <\/div>\r\n\r\n                <div class=\"wheel-item w1\">\r\n                    People\r\n                <\/div>\r\n\r\n                <div class=\"wheel-item w2\">\r\n                    Purpose\r\n                <\/div>\r\n\r\n                <div class=\"wheel-item w3\">\r\n                    Detail\r\n                <\/div>\r\n\r\n                <div class=\"wheel-item w4\">\r\n                    Emotion\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"wheel-content reveal\">\r\n\r\n                <div class=\"eyebrow\">\r\n                    Our Philosophy\r\n                <\/div>\r\n\r\n                <h2 class=\"title\">\r\n                    Beauty with<br>\r\n                    <span>meaning.<\/span>\r\n                <\/h2>\r\n\r\n                <p>\r\n                    Our values work together rather than standing\r\n                    alone. Human needs influence function. Function\r\n                    influences form. Materials create atmosphere.\r\n                    Details create character.\r\n                <\/p>\r\n\r\n                <div class=\"wheel-list\">\r\n\r\n                    <div>\r\n                        <span>01<\/span>\r\n                        Understand the person\r\n                    <\/div>\r\n\r\n                    <div>\r\n                        <span>02<\/span>\r\n                        Understand the space\r\n                    <\/div>\r\n\r\n                    <div>\r\n                        <span>03<\/span>\r\n                        Create with purpose\r\n                    <\/div>\r\n\r\n                    <div>\r\n                        <span>04<\/span>\r\n                        Refine every detail\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     FINAL PROMISE\r\n===================================================== -->\r\n\r\n<section class=\"section promise\">\r\n\r\n    <div class=\"container promise-content reveal\">\r\n\r\n        <div class=\"eyebrow\">\r\n            Our Promise\r\n        <\/div>\r\n\r\n        <h2 class=\"title\">\r\n            Create spaces that<br>\r\n            <span>feel like you.<\/span>\r\n        <\/h2>\r\n\r\n        <p>\r\n            We believe the most meaningful interiors aren't the\r\n            ones that simply follow a style. They are the ones\r\n            that reflect the people who experience them every day.\r\n        <\/p>\r\n\r\n        <div class=\"promise-mark\">\r\n\r\n            <span>\u2713<\/span>\r\n\r\n            Thoughtful by design\r\n\r\n        <\/div>\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 reveals =\r\ndocument.querySelectorAll(\".reveal\");\r\n\r\nconst observer =\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                observer.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\nreveals.forEach(item =>\r\n    observer.observe(item)\r\n);\r\n\r\n\r\n\/* =========================================================\r\n   3D HUMAN CENTRE INTERACTION\r\n========================================================= *\/\r\n\r\nconst stage =\r\ndocument.getElementById(\"valueStage\");\r\n\r\nconst orb =\r\ndocument.getElementById(\"valueOrb\");\r\n\r\nif(stage && orb){\r\n\r\n    stage.addEventListener(\"pointermove\", e => {\r\n\r\n        const rect =\r\n        stage.getBoundingClientRect();\r\n\r\n        const x =\r\n        ((e.clientX - rect.left) \/ rect.width - .5);\r\n\r\n        const y =\r\n        ((e.clientY - rect.top) \/ rect.height - .5);\r\n\r\n        orb.style.transform =\r\n        `\r\n        rotateX(${y * -24}deg)\r\n        rotateY(${x * 30}deg)\r\n        translateZ(35px)\r\n        `;\r\n\r\n    });\r\n\r\n    stage.addEventListener(\"pointerleave\", () => {\r\n\r\n        orb.style.transform =\r\n        \"rotateX(0deg) rotateY(0deg) translateZ(0)\";\r\n\r\n    });\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   INTERACTIVE VALUES WHEEL\r\n========================================================= *\/\r\n\r\nconst wheel =\r\ndocument.getElementById(\"wheel\");\r\n\r\nif(wheel){\r\n\r\n    wheel.addEventListener(\"pointermove\", e => {\r\n\r\n        const rect =\r\n        wheel.getBoundingClientRect();\r\n\r\n        const x =\r\n        ((e.clientX - rect.left) \/ rect.width - .5);\r\n\r\n        const y =\r\n        ((e.clientY - rect.top) \/ rect.height - .5);\r\n\r\n        wheel.style.transform =\r\n        `\r\n        rotateX(${y * -8}deg)\r\n        rotateY(${x * 12}deg)\r\n        `;\r\n\r\n    });\r\n\r\n    wheel.addEventListener(\"pointerleave\", () => {\r\n\r\n        wheel.style.transform =\r\n        \"rotateX(0deg) rotateY(0deg)\";\r\n\r\n    });\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TOUCH TILT\r\n========================================================= *\/\r\n\r\nlet touchStartX = 0;\r\nlet touchStartY = 0;\r\n\r\nif(stage){\r\n\r\n    stage.addEventListener(\r\n        \"touchstart\",\r\n        e => {\r\n\r\n            touchStartX =\r\n            e.touches[0].clientX;\r\n\r\n            touchStartY =\r\n            e.touches[0].clientY;\r\n\r\n        },\r\n        {passive:true}\r\n    );\r\n\r\n    stage.addEventListener(\r\n        \"touchmove\",\r\n        e => {\r\n\r\n            const touch =\r\n            e.touches[0];\r\n\r\n            const dx =\r\n            touch.clientX - touchStartX;\r\n\r\n            const dy =\r\n            touch.clientY - touchStartY;\r\n\r\n            orb.style.transform =\r\n            `\r\n            rotateX(${dy * -.15}deg)\r\n            rotateY(${dx * .15}deg)\r\n            translateZ(25px)\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 heroImage =\r\ndocument.querySelector(\".hero-image\");\r\n\r\nwindow.addEventListener(\r\n    \"scroll\",\r\n    () => {\r\n\r\n        if(!heroImage) return;\r\n\r\n        const scroll =\r\n        window.scrollY;\r\n\r\n        if(scroll <\r\n           window.innerHeight){\r\n\r\n            heroImage.style.transform =\r\n            `scale(1.03) translateY(${scroll * .06}px)`;\r\n\r\n        }\r\n\r\n    },\r\n    {passive:true}\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 Values | Urban Fitouts UAE 02 \/ Our Values What we believe in. Great interiors are built on more [&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":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","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-327","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 Values - 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\/our-values\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Our Values - urbanfitouts.ae\" \/>\n<meta property=\"og:description\" content=\"Our Values | Urban Fitouts UAE 02 \/ Our Values What we believe in. Great interiors are built on more [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/urbanfitouts.ae\/our-values\/\" \/>\n<meta property=\"og:site_name\" content=\"urbanfitouts.ae\" \/>\n<meta property=\"article:modified_time\" content=\"2026-09-20T11:19:31+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\\\/our-values\\\/\",\"url\":\"https:\\\/\\\/urbanfitouts.ae\\\/our-values\\\/\",\"name\":\"Our Values - urbanfitouts.ae\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/urbanfitouts.ae\\\/#website\"},\"datePublished\":\"2026-09-20T11:18:31+00:00\",\"dateModified\":\"2026-09-20T11:19:31+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/urbanfitouts.ae\\\/our-values\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/urbanfitouts.ae\\\/our-values\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/urbanfitouts.ae\\\/our-values\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/urbanfitouts.ae\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Our Values\"}]},{\"@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 Values - 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\/our-values\/","og_locale":"en_US","og_type":"article","og_title":"Our Values - urbanfitouts.ae","og_description":"Our Values | Urban Fitouts UAE 02 \/ Our Values What we believe in. Great interiors are built on more [&hellip;]","og_url":"https:\/\/urbanfitouts.ae\/our-values\/","og_site_name":"urbanfitouts.ae","article_modified_time":"2026-09-20T11:19:31+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\/our-values\/","url":"https:\/\/urbanfitouts.ae\/our-values\/","name":"Our Values - urbanfitouts.ae","isPartOf":{"@id":"https:\/\/urbanfitouts.ae\/#website"},"datePublished":"2026-09-20T11:18:31+00:00","dateModified":"2026-09-20T11:19:31+00:00","breadcrumb":{"@id":"https:\/\/urbanfitouts.ae\/our-values\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/urbanfitouts.ae\/our-values\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/urbanfitouts.ae\/our-values\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/urbanfitouts.ae\/"},{"@type":"ListItem","position":2,"name":"Our Values"}]},{"@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\/327","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=327"}],"version-history":[{"count":8,"href":"https:\/\/urbanfitouts.ae\/wp-json\/wp\/v2\/pages\/327\/revisions"}],"predecessor-version":[{"id":502,"href":"https:\/\/urbanfitouts.ae\/wp-json\/wp\/v2\/pages\/327\/revisions\/502"}],"wp:attachment":[{"href":"https:\/\/urbanfitouts.ae\/wp-json\/wp\/v2\/media?parent=327"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}