{"id":88,"date":"2026-06-03T17:31:38","date_gmt":"2026-06-03T17:31:38","guid":{"rendered":"https:\/\/2026s1j.winproject.com.au\/?page_id=88"},"modified":"2026-06-03T19:59:01","modified_gmt":"2026-06-03T19:59:01","slug":"about-us","status":"publish","type":"page","link":"https:\/\/2026s1j.winproject.com.au\/?page_id=88","title":{"rendered":"About Us"},"content":{"rendered":"\n<!-- Shambala Cleaning Services | Premium About + How It Works + Meet the Team\nPaste this whole block into a WordPress Custom HTML block.\nUses live WordPress Media Library images, scoped CSS, and lightweight JS for smooth river-like scroll animations. -->\n\n<style>\n  html {\n    scroll-behavior: smooth;\n  }\n\n  #shambala-flow-page,\n  #shambala-flow-page * {\n    box-sizing: border-box;\n  }\n\n  #shambala-flow-page {\n    --shm-green-950: #0b2f24;\n    --shm-green-900: #153f31;\n    --shm-green-800: #235f49;\n    --shm-green-700: #31775d;\n    --shm-green-600: #3d8f70;\n    --shm-green-200: #cfe9d9;\n    --shm-green-100: #e9f5ee;\n    --shm-green-50: #f6fbf8;\n    --shm-ink: #11231b;\n    --shm-muted: #5f726a;\n    --shm-soft: #f8fcf9;\n    --shm-gold: #d7b86a;\n    --shm-white: #ffffff;\n    --shm-border: rgba(21, 63, 49, 0.14);\n    --shm-border-strong: rgba(21, 63, 49, 0.24);\n    --shm-card: rgba(255, 255, 255, 0.94);\n    --shm-shadow-sm: 0 14px 32px rgba(11, 47, 36, 0.08);\n    --shm-shadow-md: 0 24px 62px rgba(11, 47, 36, 0.14);\n    --shm-shadow-lg: 0 34px 92px rgba(11, 47, 36, 0.20);\n    --shm-radius-sm: 18px;\n    --shm-radius-md: 28px;\n    --shm-radius-lg: 38px;\n    position: relative;\n    isolation: isolate;\n    width: 100%;\n    color: var(--shm-ink);\n    font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Arial, sans-serif;\n    overflow: hidden;\n    background:\n      radial-gradient(circle at 7% 3%, rgba(215, 184, 106, 0.18), transparent 31rem),\n      radial-gradient(circle at 92% 17%, rgba(61, 143, 112, 0.16), transparent 28rem),\n      linear-gradient(180deg, #ffffff 0%, #f8fbf8 40%, #ffffff 100%);\n  }\n\n  #shambala-flow-page::before {\n    content: \"\";\n    position: absolute;\n    inset: 0;\n    z-index: -2;\n    background:\n      linear-gradient(112deg, transparent 0 18%, rgba(207, 233, 217, 0.52) 29%, transparent 43% 100%),\n      linear-gradient(128deg, transparent 0 41%, rgba(215, 184, 106, 0.13) 54%, transparent 68% 100%);\n    background-size: 220% 220%;\n    animation: shmRiverWash 18s ease-in-out infinite alternate;\n    pointer-events: none;\n  }\n\n  #shambala-flow-page::after {\n    content: \"\";\n    position: absolute;\n    inset: -20% -10% auto -10%;\n    height: 560px;\n    z-index: -1;\n    opacity: 0.72;\n    background:\n      radial-gradient(ellipse at 15% 35%, rgba(61, 143, 112, 0.20), transparent 38%),\n      radial-gradient(ellipse at 58% 20%, rgba(215, 184, 106, 0.18), transparent 32%),\n      radial-gradient(ellipse at 92% 45%, rgba(207, 233, 217, 0.36), transparent 39%);\n    filter: blur(10px);\n    transform-origin: center;\n    animation: shmDrift 22s ease-in-out infinite alternate;\n    pointer-events: none;\n  }\n\n  #shambala-flow-page a {\n    color: inherit;\n    text-decoration: none;\n  }\n\n  #shambala-flow-page img {\n    display: block;\n    max-width: 100%;\n    height: auto;\n  }\n\n  #shambala-flow-page .shm-wrap {\n    width: min(1180px, calc(100% - 36px));\n    margin: 0 auto;\n  }\n\n  #shambala-flow-page .shm-section {\n    position: relative;\n    padding: clamp(62px, 8vw, 116px) 0;\n  }\n\n  #shambala-flow-page .shm-kicker {\n    display: inline-flex;\n    align-items: center;\n    gap: 10px;\n    width: max-content;\n    max-width: 100%;\n    padding: 8px 14px;\n    border: 1px solid var(--shm-border);\n    border-radius: 999px;\n    background: rgba(255, 255, 255, 0.84);\n    color: var(--shm-green-800);\n    font-size: 12px;\n    font-weight: 900;\n    letter-spacing: 0.09em;\n    text-transform: uppercase;\n    box-shadow: 0 10px 24px rgba(11, 47, 36, 0.05);\n    backdrop-filter: blur(10px);\n  }\n\n  #shambala-flow-page .shm-kicker::before {\n    content: \"\";\n    width: 8px;\n    height: 8px;\n    border-radius: 50%;\n    background: var(--shm-gold);\n    box-shadow: 0 0 0 6px rgba(215, 184, 106, 0.18);\n    animation: shmPulseDot 2.8s ease-in-out infinite;\n  }\n\n  #shambala-flow-page .shm-title {\n    margin: 16px 0 0;\n    color: var(--shm-green-950);\n    font-size: clamp(35px, 5.6vw, 74px);\n    line-height: 0.98;\n    letter-spacing: -0.058em;\n    font-weight: 950;\n  }\n\n  #shambala-flow-page .shm-title span,\n  #shambala-flow-page .shm-heading span {\n    color: var(--shm-green-700);\n  }\n\n  #shambala-flow-page .shm-lead {\n    margin: 20px 0 0;\n    max-width: 810px;\n    color: var(--shm-muted);\n    font-size: clamp(16px, 1.45vw, 19px);\n    line-height: 1.82;\n    font-weight: 520;\n  }\n\n  #shambala-flow-page .shm-btn {\n    position: relative;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    gap: 10px;\n    min-height: 50px;\n    padding: 13px 21px;\n    border-radius: 999px;\n    border: 1px solid rgba(21, 63, 49, 0.16);\n    background: rgba(255, 255, 255, 0.92);\n    color: var(--shm-green-900);\n    font-weight: 900;\n    overflow: hidden;\n    box-shadow: var(--shm-shadow-sm);\n    transition: transform 0.28s ease, box-shadow 0.28s ease, background 0.28s ease, color 0.28s ease, border-color 0.28s ease;\n  }\n\n  #shambala-flow-page .shm-btn::before {\n    content: \"\";\n    position: absolute;\n    inset: 0;\n    transform: translateX(-120%) skewX(-18deg);\n    background: linear-gradient(90deg, transparent, rgba(255,255,255,0.48), transparent);\n    transition: transform 0.7s ease;\n  }\n\n  #shambala-flow-page .shm-btn:hover,\n  #shambala-flow-page .shm-btn:focus {\n    transform: translateY(-3px);\n    box-shadow: var(--shm-shadow-md);\n    outline: 0;\n  }\n\n  #shambala-flow-page .shm-btn:hover::before,\n  #shambala-flow-page .shm-btn:focus::before {\n    transform: translateX(120%) skewX(-18deg);\n  }\n\n  #shambala-flow-page .shm-btn-primary {\n    background: linear-gradient(135deg, var(--shm-green-800), var(--shm-green-600));\n    color: #ffffff;\n    border-color: transparent;\n  }\n\n  #shambala-flow-page .shm-flow-line {\n    position: absolute;\n    left: 50%;\n    top: 80px;\n    width: 1px;\n    height: calc(100% - 160px);\n    transform: translateX(-50%);\n    background: linear-gradient(180deg, transparent, rgba(21,63,49,0.18), transparent);\n    pointer-events: none;\n  }\n\n  #shambala-flow-page .shm-flow-line::after {\n    content: \"\";\n    position: absolute;\n    left: -2px;\n    top: 0;\n    width: 5px;\n    height: 95px;\n    border-radius: 999px;\n    background: linear-gradient(180deg, transparent, rgba(215,184,106,0.94), rgba(61,143,112,0.72), transparent);\n    filter: blur(0.3px);\n    animation: shmFlowDrop 5.6s ease-in-out infinite;\n  }\n\n  #shambala-flow-page .shm-reveal {\n    opacity: 1;\n    transform: none;\n    animation: shmSoftRise 0.95s cubic-bezier(.2,.8,.2,1) both;\n  }\n\n  #shambala-flow-page .shm-delay-1 { animation-delay: 0.08s; }\n  #shambala-flow-page .shm-delay-2 { animation-delay: 0.16s; }\n  #shambala-flow-page .shm-delay-3 { animation-delay: 0.24s; }\n  #shambala-flow-page .shm-delay-4 { animation-delay: 0.32s; }\n  #shambala-flow-page .shm-delay-5 { animation-delay: 0.40s; }\n\n  \/* HERO \/ ABOUT *\/\n  #shambala-flow-page .shm-hero {\n    padding: clamp(38px, 6vw, 82px) 0 clamp(64px, 8vw, 106px);\n  }\n\n  #shambala-flow-page .shm-hero-grid {\n    display: grid;\n    grid-template-columns: minmax(0, 1.03fr) minmax(340px, 0.97fr);\n    gap: clamp(28px, 5vw, 66px);\n    align-items: center;\n  }\n\n  #shambala-flow-page .shm-brand {\n    display: flex;\n    align-items: center;\n    gap: 14px;\n    margin-bottom: 24px;\n  }\n\n  #shambala-flow-page .shm-brand img {\n    width: 86px;\n    height: 70px;\n    object-fit: contain;\n    filter: drop-shadow(0 12px 18px rgba(21, 63, 49, 0.16));\n    animation: shmLogoFloat 5.8s ease-in-out infinite;\n  }\n\n  #shambala-flow-page .shm-brand strong {\n    display: block;\n    color: var(--shm-green-950);\n    font-size: 18px;\n    line-height: 1.1;\n  }\n\n  #shambala-flow-page .shm-brand small {\n    display: block;\n    color: var(--shm-muted);\n    font-size: 13px;\n    font-weight: 700;\n    margin-top: 3px;\n  }\n\n  #shambala-flow-page .shm-actions {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 14px;\n    margin-top: 30px;\n  }\n\n  #shambala-flow-page .shm-metrics {\n    display: grid;\n    grid-template-columns: repeat(4, minmax(0, 1fr));\n    gap: 14px;\n    margin-top: 32px;\n  }\n\n  #shambala-flow-page .shm-metric {\n    position: relative;\n    padding: 18px 16px;\n    border-radius: 20px;\n    border: 1px solid var(--shm-border);\n    background: rgba(255, 255, 255, 0.84);\n    box-shadow: var(--shm-shadow-sm);\n    overflow: hidden;\n    transition: transform 0.28s ease, box-shadow 0.28s ease, border-color 0.28s ease;\n  }\n\n  #shambala-flow-page .shm-metric::after {\n    content: \"\";\n    position: absolute;\n    inset: auto 14px 0 14px;\n    height: 3px;\n    border-radius: 999px 999px 0 0;\n    background: linear-gradient(90deg, var(--shm-gold), var(--shm-green-600));\n    transform: scaleX(0.25);\n    transform-origin: left;\n    transition: transform 0.35s ease;\n  }\n\n  #shambala-flow-page .shm-metric:hover {\n    transform: translateY(-5px);\n    box-shadow: var(--shm-shadow-md);\n    border-color: var(--shm-border-strong);\n  }\n\n  #shambala-flow-page .shm-metric:hover::after {\n    transform: scaleX(1);\n  }\n\n  #shambala-flow-page .shm-metric strong {\n    display: block;\n    color: var(--shm-green-900);\n    font-size: clamp(22px, 3vw, 32px);\n    line-height: 1;\n    font-weight: 950;\n    letter-spacing: -0.04em;\n  }\n\n  #shambala-flow-page .shm-metric span {\n    display: block;\n    margin-top: 9px;\n    color: var(--shm-muted);\n    font-size: 12px;\n    line-height: 1.45;\n    font-weight: 850;\n    text-transform: uppercase;\n    letter-spacing: 0.05em;\n  }\n\n  #shambala-flow-page .shm-media {\n    position: relative;\n    min-height: 575px;\n    animation: shmMediaFloat 9s ease-in-out infinite;\n  }\n\n  #shambala-flow-page .shm-main-img,\n  #shambala-flow-page .shm-float-img {\n    position: absolute;\n    overflow: hidden;\n    border-radius: 36px;\n    border: 1px solid rgba(255, 255, 255, 0.76);\n    box-shadow: var(--shm-shadow-lg);\n    background: #dfeae3;\n  }\n\n  #shambala-flow-page .shm-main-img {\n    inset: 0 0 70px 74px;\n  }\n\n  #shambala-flow-page .shm-main-img::after,\n  #shambala-flow-page .shm-float-img::after,\n  #shambala-flow-page .shm-step-img::after,\n  #shambala-flow-page .shm-gallery-card::after {\n    content: \"\";\n    position: absolute;\n    inset: 0;\n    background:\n      linear-gradient(120deg, transparent 0 35%, rgba(255,255,255,0.23) 46%, transparent 58% 100%),\n      linear-gradient(180deg, transparent, rgba(11,47,36,0.08));\n    transform: translateX(-120%);\n    transition: transform 0.85s ease;\n    pointer-events: none;\n  }\n\n  #shambala-flow-page .shm-main-img:hover::after,\n  #shambala-flow-page .shm-float-img:hover::after,\n  #shambala-flow-page .shm-step:hover .shm-step-img::after,\n  #shambala-flow-page .shm-gallery-card:hover::after {\n    transform: translateX(120%);\n  }\n\n  #shambala-flow-page .shm-float-img {\n    left: 0;\n    bottom: 0;\n    width: min(46%, 250px);\n    height: 250px;\n    border-radius: 30px;\n  }\n\n  #shambala-flow-page .shm-main-img img,\n  #shambala-flow-page .shm-float-img img {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    transition: transform 0.72s cubic-bezier(.2,.8,.2,1), filter 0.72s ease;\n  }\n\n  #shambala-flow-page .shm-main-img:hover img,\n  #shambala-flow-page .shm-float-img:hover img {\n    transform: scale(1.055);\n    filter: saturate(1.06) contrast(1.02);\n  }\n\n  #shambala-flow-page .shm-badge {\n    position: absolute;\n    right: 18px;\n    bottom: 18px;\n    width: min(82%, 370px);\n    padding: 18px;\n    border-radius: 26px;\n    background: rgba(255, 255, 255, 0.92);\n    border: 1px solid rgba(255, 255, 255, 0.78);\n    box-shadow: var(--shm-shadow-md);\n    backdrop-filter: blur(16px);\n    z-index: 3;\n  }\n\n  #shambala-flow-page .shm-badge strong {\n    display: block;\n    color: var(--shm-green-950);\n    font-size: 17px;\n  }\n\n  #shambala-flow-page .shm-badge p {\n    margin: 7px 0 0;\n    color: var(--shm-muted);\n    font-size: 13px;\n    line-height: 1.58;\n  }\n\n  #shambala-flow-page .shm-about-panel {\n    margin-top: clamp(30px, 5vw, 68px);\n    display: grid;\n    grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);\n    gap: 24px;\n    align-items: stretch;\n  }\n\n  #shambala-flow-page .shm-photo-card {\n    position: relative;\n    overflow: hidden;\n    border-radius: 36px;\n    box-shadow: var(--shm-shadow-md);\n    min-height: 410px;\n    border: 1px solid rgba(255, 255, 255, 0.80);\n    background: #e4eee8;\n    margin: 0;\n  }\n\n  #shambala-flow-page .shm-photo-card img {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    transition: transform 0.75s ease, filter 0.75s ease;\n  }\n\n  #shambala-flow-page .shm-photo-card:hover img {\n    transform: scale(1.045);\n    filter: saturate(1.05);\n  }\n\n  #shambala-flow-page .shm-copy-card {\n    position: relative;\n    padding: clamp(25px, 4vw, 44px);\n    border: 1px solid var(--shm-border);\n    border-radius: 36px;\n    background: var(--shm-card);\n    box-shadow: var(--shm-shadow-sm);\n    overflow: hidden;\n  }\n\n  #shambala-flow-page .shm-copy-card::after {\n    content: \"\";\n    position: absolute;\n    right: -80px;\n    top: -70px;\n    width: 210px;\n    height: 210px;\n    border-radius: 50%;\n    background: radial-gradient(circle, rgba(215,184,106,0.16), transparent 68%);\n    animation: shmDrift 14s ease-in-out infinite alternate;\n    pointer-events: none;\n  }\n\n  #shambala-flow-page .shm-heading {\n    margin: 12px 0 0;\n    color: var(--shm-green-950);\n    font-size: clamp(30px, 4vw, 52px);\n    line-height: 1.04;\n    letter-spacing: -0.045em;\n    font-weight: 950;\n  }\n\n  #shambala-flow-page .shm-copy-card p,\n  #shambala-flow-page .shm-head p {\n    margin: 18px 0 0;\n    color: var(--shm-muted);\n    font-size: 16px;\n    line-height: 1.82;\n    font-weight: 500;\n  }\n\n  #shambala-flow-page .shm-values {\n    display: grid;\n    grid-template-columns: repeat(3, minmax(0, 1fr));\n    gap: 14px;\n    margin-top: 28px;\n  }\n\n  #shambala-flow-page .shm-value {\n    position: relative;\n    padding: 18px;\n    border-radius: 20px;\n    background: var(--shm-green-50);\n    border: 1px solid rgba(21, 63, 49, 0.10);\n    overflow: hidden;\n    transition: transform 0.28s ease, background 0.28s ease, border-color 0.28s ease;\n  }\n\n  #shambala-flow-page .shm-value::before {\n    content: \"\";\n    position: absolute;\n    inset: 0;\n    background: linear-gradient(135deg, rgba(215,184,106,0.14), transparent 55%);\n    opacity: 0;\n    transition: opacity 0.28s ease;\n  }\n\n  #shambala-flow-page .shm-value:hover {\n    transform: translateY(-4px);\n    background: #ffffff;\n    border-color: var(--shm-border-strong);\n  }\n\n  #shambala-flow-page .shm-value:hover::before {\n    opacity: 1;\n  }\n\n  #shambala-flow-page .shm-value strong {\n    position: relative;\n    display: block;\n    color: var(--shm-green-900);\n    font-size: 15px;\n    font-weight: 950;\n  }\n\n  #shambala-flow-page .shm-value span {\n    position: relative;\n    display: block;\n    margin-top: 7px;\n    color: var(--shm-muted);\n    font-size: 13px;\n    line-height: 1.58;\n    font-weight: 600;\n  }\n\n  \/* PROCESS *\/\n  #shambala-flow-page .shm-head {\n    max-width: 810px;\n    margin-bottom: clamp(38px, 5vw, 70px);\n  }\n\n  #shambala-flow-page .shm-timeline {\n    position: relative;\n    display: grid;\n    gap: 42px;\n    margin: 0;\n    padding: 0;\n    list-style: none;\n  }\n\n  #shambala-flow-page .shm-timeline::before {\n    content: \"\";\n    position: absolute;\n    top: 22px;\n    bottom: 22px;\n    left: 50%;\n    width: 3px;\n    transform: translateX(-50%);\n    border-radius: 999px;\n    background:\n      linear-gradient(180deg, transparent, rgba(21, 63, 49, 0.16), transparent),\n      repeating-linear-gradient(180deg, rgba(61,143,112,0.42) 0 10px, transparent 10px 22px);\n  }\n\n  #shambala-flow-page .shm-timeline::after {\n    content: \"\";\n    position: absolute;\n    top: 20px;\n    left: 50%;\n    width: 7px;\n    height: 118px;\n    border-radius: 999px;\n    transform: translateX(-50%);\n    background: linear-gradient(180deg, transparent, rgba(215,184,106,0.98), rgba(61,143,112,0.82), transparent);\n    filter: blur(0.2px);\n    animation: shmFlowDrop 6.4s ease-in-out infinite;\n    box-shadow: 0 0 24px rgba(61,143,112,0.18);\n  }\n\n  #shambala-flow-page .shm-step {\n    position: relative;\n    display: grid;\n    grid-template-columns: minmax(0, 1fr) 88px minmax(0, 1fr);\n    align-items: center;\n    min-height: 340px;\n  }\n\n  #shambala-flow-page .shm-step:nth-child(even) .shm-step-img {\n    grid-column: 3;\n  }\n\n  #shambala-flow-page .shm-step:nth-child(even) .shm-step-card {\n    grid-column: 1;\n    grid-row: 1;\n  }\n\n  #shambala-flow-page .shm-marker {\n    grid-column: 2;\n    grid-row: 1;\n    justify-self: center;\n    z-index: 2;\n    width: 58px;\n    height: 58px;\n    display: grid;\n    place-items: center;\n    border-radius: 50%;\n    background: linear-gradient(135deg, var(--shm-green-800), var(--shm-green-600));\n    color: #ffffff;\n    font-size: 18px;\n    font-weight: 950;\n    box-shadow: 0 0 0 12px var(--shm-green-100), var(--shm-shadow-md);\n    border: 3px solid #ffffff;\n    transition: transform 0.36s ease, box-shadow 0.36s ease;\n    animation: shmMarkerBreath 4s ease-in-out infinite;\n  }\n\n  #shambala-flow-page .shm-step:hover .shm-marker,\n  #shambala-flow-page .shm-step:focus-within .shm-marker {\n    transform: scale(1.08);\n    box-shadow: 0 0 0 14px rgba(207,233,217,0.85), 0 20px 45px rgba(11,47,36,0.18);\n  }\n\n  #shambala-flow-page .shm-step-img {\n    position: relative;\n    overflow: hidden;\n    height: 340px;\n    border-radius: 32px;\n    border: 1px solid rgba(255, 255, 255, 0.78);\n    box-shadow: var(--shm-shadow-md);\n    background: #dfeae3;\n  }\n\n  #shambala-flow-page .shm-step-img img {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    transition: transform 0.75s cubic-bezier(.2,.8,.2,1), filter 0.75s ease;\n  }\n\n  #shambala-flow-page .shm-step:hover .shm-step-img img {\n    transform: scale(1.065);\n    filter: saturate(1.06) contrast(1.02);\n  }\n\n  #shambala-flow-page .shm-step-card {\n    position: relative;\n    padding: clamp(24px, 4vw, 36px);\n    border-radius: 32px;\n    border: 1px solid var(--shm-border);\n    background: var(--shm-card);\n    box-shadow: var(--shm-shadow-sm);\n    transition: transform 0.36s cubic-bezier(.2,.8,.2,1), box-shadow 0.36s ease, border-color 0.36s ease;\n    overflow: hidden;\n  }\n\n  #shambala-flow-page .shm-step-card::before {\n    content: \"\";\n    position: absolute;\n    left: 0;\n    top: 22px;\n    bottom: 22px;\n    width: 4px;\n    border-radius: 0 999px 999px 0;\n    background: linear-gradient(180deg, var(--shm-gold), var(--shm-green-600));\n    transform: scaleY(0.2);\n    transform-origin: top;\n    transition: transform 0.36s ease;\n  }\n\n  #shambala-flow-page .shm-step:hover .shm-step-card,\n  #shambala-flow-page .shm-step:focus-within .shm-step-card {\n    transform: translateY(-6px);\n    box-shadow: var(--shm-shadow-md);\n    border-color: rgba(63, 146, 114, 0.30);\n  }\n\n  #shambala-flow-page .shm-step:hover .shm-step-card::before,\n  #shambala-flow-page .shm-step:focus-within .shm-step-card::before {\n    transform: scaleY(1);\n  }\n\n  #shambala-flow-page .shm-step-card small {\n    display: block;\n    color: var(--shm-green-700);\n    font-size: 12px;\n    font-weight: 950;\n    letter-spacing: 0.12em;\n    text-transform: uppercase;\n  }\n\n  #shambala-flow-page .shm-step-card h3 {\n    margin: 12px 0 0;\n    color: var(--shm-green-950);\n    font-size: clamp(23px, 2.4vw, 32px);\n    line-height: 1.1;\n    letter-spacing: -0.035em;\n    font-weight: 950;\n  }\n\n  #shambala-flow-page .shm-step-card p {\n    margin: 14px 0 0;\n    color: var(--shm-muted);\n    font-size: 15px;\n    line-height: 1.76;\n    font-weight: 500;\n  }\n\n  #shambala-flow-page .shm-extra {\n    max-height: 0;\n    opacity: 0;\n    overflow: hidden;\n    transition: max-height 0.42s cubic-bezier(.2,.8,.2,1), opacity 0.35s ease, margin-top 0.35s ease;\n  }\n\n  #shambala-flow-page .shm-step:hover .shm-extra,\n  #shambala-flow-page .shm-step:focus-within .shm-extra {\n    max-height: 170px;\n    opacity: 1;\n    margin-top: 16px;\n  }\n\n  #shambala-flow-page .shm-extra p {\n    margin: 0;\n    padding: 14px 16px;\n    border-radius: 18px;\n    background: linear-gradient(135deg, var(--shm-green-50), #ffffff);\n    border: 1px solid rgba(21, 63, 49, 0.10);\n    color: #486158;\n    font-size: 14px;\n  }\n\n  #shambala-flow-page .shm-info-ribbon {\n    margin: clamp(38px, 5vw, 62px) 0 0;\n    display: grid;\n    grid-template-columns: repeat(3, minmax(0, 1fr));\n    gap: 16px;\n  }\n\n  #shambala-flow-page .shm-info-card {\n    position: relative;\n    padding: 22px;\n    min-height: 160px;\n    border-radius: 28px;\n    border: 1px solid var(--shm-border);\n    background: rgba(255,255,255,0.88);\n    box-shadow: var(--shm-shadow-sm);\n    overflow: hidden;\n    transition: transform 0.32s ease, box-shadow 0.32s ease;\n  }\n\n  #shambala-flow-page .shm-info-card:hover {\n    transform: translateY(-6px);\n    box-shadow: var(--shm-shadow-md);\n  }\n\n  #shambala-flow-page .shm-info-card::after {\n    content: \"\";\n    position: absolute;\n    width: 150px;\n    height: 150px;\n    right: -70px;\n    bottom: -80px;\n    border-radius: 50%;\n    background: radial-gradient(circle, rgba(215,184,106,0.22), transparent 70%);\n    animation: shmDrift 12s ease-in-out infinite alternate;\n  }\n\n  #shambala-flow-page .shm-info-card strong {\n    position: relative;\n    display: block;\n    color: var(--shm-green-950);\n    font-size: 18px;\n    font-weight: 950;\n    letter-spacing: -0.02em;\n  }\n\n  #shambala-flow-page .shm-info-card p {\n    position: relative;\n    margin: 10px 0 0;\n    color: var(--shm-muted);\n    font-size: 14px;\n    line-height: 1.68;\n    font-weight: 520;\n  }\n\n  #shambala-flow-page .shm-gallery {\n    display: grid;\n    grid-template-columns: 1.1fr 0.9fr;\n    gap: 20px;\n    margin-top: clamp(44px, 6vw, 72px);\n  }\n\n  #shambala-flow-page .shm-gallery-card {\n    position: relative;\n    overflow: hidden;\n    min-height: 290px;\n    border-radius: 32px;\n    border: 1px solid rgba(255, 255, 255, 0.78);\n    box-shadow: var(--shm-shadow-md);\n    background: #e4eee8;\n  }\n\n  #shambala-flow-page .shm-gallery-card img {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    transition: transform 0.72s cubic-bezier(.2,.8,.2,1), filter 0.72s ease;\n  }\n\n  #shambala-flow-page .shm-gallery-card:hover img {\n    transform: scale(1.055);\n    filter: saturate(1.05);\n  }\n\n  #shambala-flow-page .shm-gallery-caption {\n    position: absolute;\n    left: 18px;\n    right: 18px;\n    bottom: 18px;\n    padding: 16px;\n    border-radius: 20px;\n    color: #ffffff;\n    background: rgba(11, 47, 36, 0.72);\n    backdrop-filter: blur(14px);\n    transform: translateY(8px);\n    opacity: 0.92;\n    transition: transform 0.3s ease, opacity 0.3s ease;\n  }\n\n  #shambala-flow-page .shm-gallery-card:hover .shm-gallery-caption {\n    transform: translateY(0);\n    opacity: 1;\n  }\n\n  #shambala-flow-page .shm-gallery-caption strong {\n    display: block;\n    font-size: 16px;\n  }\n\n  #shambala-flow-page .shm-gallery-caption span {\n    display: block;\n    margin-top: 4px;\n    color: rgba(255,255,255,0.78);\n    font-size: 13px;\n    line-height: 1.5;\n  }\n\n  #shambala-flow-page .shm-quote-strip {\n    position: relative;\n    margin-top: 24px;\n    display: grid;\n    grid-template-columns: minmax(0, 1.5fr) auto;\n    gap: 22px;\n    align-items: center;\n    padding: clamp(24px, 4vw, 42px);\n    border-radius: 36px;\n    background:\n      radial-gradient(circle at top right, rgba(215, 184, 106, 0.24), transparent 24rem),\n      linear-gradient(135deg, var(--shm-green-950), var(--shm-green-800));\n    color: #ffffff;\n    box-shadow: var(--shm-shadow-lg);\n    overflow: hidden;\n  }\n\n  #shambala-flow-page .shm-quote-strip::before {\n    content: \"\";\n    position: absolute;\n    inset: -40% -10%;\n    background:\n      linear-gradient(115deg, transparent 0 30%, rgba(255,255,255,0.08) 44%, transparent 60% 100%);\n    animation: shmRiverWash 9s ease-in-out infinite;\n    pointer-events: none;\n  }\n\n  #shambala-flow-page .shm-quote-strip h3 {\n    position: relative;\n    margin: 0;\n    font-size: clamp(26px, 3.6vw, 44px);\n    line-height: 1.05;\n    letter-spacing: -0.04em;\n    font-weight: 950;\n  }\n\n  #shambala-flow-page .shm-quote-strip p {\n    position: relative;\n    margin: 12px 0 0;\n    max-width: 700px;\n    color: rgba(255, 255, 255, 0.80);\n    line-height: 1.7;\n    font-weight: 500;\n  }\n\n  #shambala-flow-page .shm-quote-strip .shm-btn {\n    position: relative;\n  }\n\n  \/* TEAM *\/\n  #shambala-flow-page .shm-team-grid {\n    display: grid;\n    grid-template-columns: repeat(4, minmax(0, 1fr));\n    gap: 20px;\n    align-items: stretch;\n  }\n\n  #shambala-flow-page .shm-team-card {\n    position: relative;\n    min-height: 440px;\n    overflow: hidden;\n    border-radius: 32px;\n    background: #ffffff;\n    border: 1px solid var(--shm-border);\n    box-shadow: var(--shm-shadow-sm);\n    transition: transform 0.36s cubic-bezier(.2,.8,.2,1), box-shadow 0.36s ease, border-color 0.36s ease;\n  }\n\n  #shambala-flow-page .shm-team-card::before {\n    content: \"\";\n    position: absolute;\n    inset: 0;\n    background: linear-gradient(145deg, rgba(215,184,106,0.14), transparent 42%, rgba(207,233,217,0.28));\n    opacity: 0;\n    transition: opacity 0.32s ease;\n    pointer-events: none;\n  }\n\n  #shambala-flow-page .shm-team-card:hover,\n  #shambala-flow-page .shm-team-card:focus-within {\n    transform: translateY(-9px);\n    box-shadow: var(--shm-shadow-lg);\n    border-color: rgba(63, 146, 114, 0.30);\n  }\n\n  #shambala-flow-page .shm-team-card:hover::before,\n  #shambala-flow-page .shm-team-card:focus-within::before {\n    opacity: 1;\n  }\n\n  #shambala-flow-page .shm-team-photo {\n    position: relative;\n    height: 214px;\n    display: grid;\n    place-items: center;\n    background:\n      radial-gradient(circle at 50% 15%, rgba(215,184,106,0.28), transparent 12rem),\n      linear-gradient(180deg, var(--shm-green-50), #ffffff);\n  }\n\n  #shambala-flow-page .shm-team-photo::after {\n    content: \"\";\n    position: absolute;\n    width: 190px;\n    height: 190px;\n    border-radius: 42% 58% 60% 40%;\n    background: rgba(207,233,217,0.7);\n    animation: shmBlob 8s ease-in-out infinite;\n  }\n\n  #shambala-flow-page .shm-team-photo img {\n    position: relative;\n    z-index: 1;\n    width: 152px;\n    height: 152px;\n    object-fit: cover;\n    border-radius: 50%;\n    border: 8px solid #ffffff;\n    box-shadow: 0 20px 44px rgba(11, 47, 36, 0.14);\n    transition: transform 0.42s ease;\n  }\n\n  #shambala-flow-page .shm-team-card:hover .shm-team-photo img {\n    transform: scale(1.07) rotate(-1deg);\n  }\n\n  #shambala-flow-page .shm-team-body {\n    position: relative;\n    padding: 24px 22px 27px;\n    background: #ffffff;\n  }\n\n  #shambala-flow-page .shm-team-body h3 {\n    margin: 0;\n    color: var(--shm-green-950);\n    font-size: 22px;\n    line-height: 1.15;\n    letter-spacing: -0.03em;\n    font-weight: 950;\n  }\n\n  #shambala-flow-page .shm-role {\n    display: inline-flex;\n    width: fit-content;\n    margin-top: 10px;\n    padding: 7px 10px;\n    border-radius: 999px;\n    background: var(--shm-green-100);\n    color: var(--shm-green-800);\n    font-size: 12px;\n    font-weight: 950;\n    letter-spacing: 0.04em;\n    text-transform: uppercase;\n  }\n\n  #shambala-flow-page .shm-team-body p {\n    margin: 14px 0 0;\n    color: var(--shm-muted);\n    font-size: 14px;\n    line-height: 1.72;\n    font-weight: 520;\n  }\n\n  #shambala-flow-page .shm-more {\n    max-height: 0;\n    opacity: 0;\n    overflow: hidden;\n    transition: max-height 0.42s cubic-bezier(.2,.8,.2,1), opacity 0.35s ease, margin-top 0.35s ease;\n  }\n\n  #shambala-flow-page .shm-team-card:hover .shm-more,\n  #shambala-flow-page .shm-team-card:focus-within .shm-more {\n    max-height: 140px;\n    opacity: 1;\n    margin-top: 13px;\n  }\n\n  #shambala-flow-page .shm-more span {\n    display: block;\n    padding: 13px 14px;\n    border-radius: 16px;\n    background: var(--shm-green-50);\n    color: #486158;\n    font-size: 13px;\n    line-height: 1.58;\n    font-weight: 650;\n    border: 1px solid rgba(21, 63, 49, 0.10);\n  }\n\n  #shambala-flow-page .shm-bottom-nav {\n    position: relative;\n    margin-top: clamp(42px, 5vw, 68px);\n    padding: 18px;\n    border-radius: 30px;\n    border: 1px solid var(--shm-border);\n    background: rgba(255, 255, 255, 0.86);\n    box-shadow: var(--shm-shadow-sm);\n    display: flex;\n    flex-wrap: wrap;\n    gap: 12px;\n    align-items: center;\n    justify-content: center;\n    overflow: hidden;\n  }\n\n  #shambala-flow-page .shm-bottom-nav::before {\n    content: \"\";\n    position: absolute;\n    inset: 0;\n    background: linear-gradient(90deg, transparent, rgba(207,233,217,0.55), transparent);\n    transform: translateX(-100%);\n    animation: shmNavFlow 7s ease-in-out infinite;\n  }\n\n  #shambala-flow-page .shm-bottom-nav a {\n    position: relative;\n    padding: 12px 16px;\n    border-radius: 999px;\n    background: var(--shm-green-50);\n    color: var(--shm-green-900);\n    font-size: 14px;\n    font-weight: 900;\n    transition: transform 0.25s ease, background 0.25s ease, color 0.25s ease;\n  }\n\n  #shambala-flow-page .shm-bottom-nav a:hover,\n  #shambala-flow-page .shm-bottom-nav a:focus {\n    background: var(--shm-green-800);\n    color: #ffffff;\n    transform: translateY(-2px);\n    outline: 0;\n  }\n\n  @keyframes shmSoftRise {\n    from { opacity: 0; transform: translateY(26px); }\n    to { opacity: 1; transform: translateY(0); }\n  }\n\n  @keyframes shmRiverWash {\n    0% { background-position: 0% 45%; transform: translateX(-1.2%); }\n    50% { background-position: 65% 55%; }\n    100% { background-position: 100% 50%; transform: translateX(1.2%); }\n  }\n\n  @keyframes shmDrift {\n    0% { transform: translate3d(-10px, 0, 0) scale(1); }\n    50% { transform: translate3d(12px, 16px, 0) scale(1.04); }\n    100% { transform: translate3d(20px, -8px, 0) scale(1.02); }\n  }\n\n  @keyframes shmFlowDrop {\n    0% { transform: translate(-50%, 0); opacity: 0; }\n    12% { opacity: 1; }\n    78% { opacity: 1; }\n    100% { transform: translate(-50%, calc(100vh + 620px)); opacity: 0; }\n  }\n\n  @keyframes shmPulseDot {\n    0%, 100% { transform: scale(1); box-shadow: 0 0 0 6px rgba(215,184,106,0.18); }\n    50% { transform: scale(1.18); box-shadow: 0 0 0 9px rgba(215,184,106,0.08); }\n  }\n\n  @keyframes shmLogoFloat {\n    0%, 100% { transform: translateY(0); }\n    50% { transform: translateY(-5px); }\n  }\n\n  @keyframes shmMediaFloat {\n    0%, 100% { transform: translateY(0); }\n    50% { transform: translateY(-8px); }\n  }\n\n  @keyframes shmMarkerBreath {\n    0%, 100% { box-shadow: 0 0 0 12px var(--shm-green-100), var(--shm-shadow-md); }\n    50% { box-shadow: 0 0 0 16px rgba(207,233,217,0.62), var(--shm-shadow-md); }\n  }\n\n  @keyframes shmBlob {\n    0%, 100% { border-radius: 42% 58% 60% 40%; transform: rotate(0deg) scale(1); }\n    50% { border-radius: 58% 42% 44% 56%; transform: rotate(8deg) scale(1.04); }\n  }\n\n  @keyframes shmNavFlow {\n    0% { transform: translateX(-110%); opacity: 0; }\n    20% { opacity: 0.75; }\n    75% { opacity: 0.75; }\n    100% { transform: translateX(110%); opacity: 0; }\n  }\n\n  @media (max-width: 1024px) {\n    #shambala-flow-page .shm-hero-grid,\n    #shambala-flow-page .shm-about-panel {\n      grid-template-columns: 1fr;\n    }\n\n    #shambala-flow-page .shm-media {\n      min-height: 520px;\n    }\n\n    #shambala-flow-page .shm-main-img {\n      inset: 0 0 64px 62px;\n    }\n\n    #shambala-flow-page .shm-metrics {\n      grid-template-columns: repeat(2, minmax(0, 1fr));\n    }\n\n    #shambala-flow-page .shm-team-grid {\n      grid-template-columns: repeat(2, minmax(0, 1fr));\n    }\n\n    #shambala-flow-page .shm-info-ribbon {\n      grid-template-columns: 1fr;\n    }\n  }\n\n  @media (max-width: 820px) {\n    #shambala-flow-page .shm-flow-line {\n      display: none;\n    }\n\n    #shambala-flow-page .shm-timeline::before {\n      left: 28px;\n    }\n\n    #shambala-flow-page .shm-timeline::after {\n      left: 28px;\n    }\n\n    #shambala-flow-page .shm-step {\n      grid-template-columns: 56px minmax(0, 1fr);\n      gap: 18px;\n      min-height: auto;\n      align-items: start;\n    }\n\n    #shambala-flow-page .shm-marker {\n      grid-column: 1 !important;\n      grid-row: 1 \/ span 2 !important;\n      width: 50px;\n      height: 50px;\n      box-shadow: 0 0 0 8px var(--shm-green-100), var(--shm-shadow-sm);\n    }\n\n    #shambala-flow-page .shm-step-img,\n    #shambala-flow-page .shm-step:nth-child(even) .shm-step-img {\n      grid-column: 2;\n      grid-row: 1;\n      height: 270px;\n    }\n\n    #shambala-flow-page .shm-step-card,\n    #shambala-flow-page .shm-step:nth-child(even) .shm-step-card {\n      grid-column: 2;\n      grid-row: 2;\n    }\n\n    #shambala-flow-page .shm-gallery,\n    #shambala-flow-page .shm-quote-strip {\n      grid-template-columns: 1fr;\n    }\n  }\n\n  @media (max-width: 640px) {\n    #shambala-flow-page .shm-wrap {\n      width: min(100% - 24px, 1180px);\n    }\n\n    #shambala-flow-page .shm-brand {\n      align-items: flex-start;\n    }\n\n    #shambala-flow-page .shm-brand img {\n      width: 72px;\n      height: 58px;\n    }\n\n    #shambala-flow-page .shm-actions {\n      flex-direction: column;\n    }\n\n    #shambala-flow-page .shm-btn {\n      width: 100%;\n    }\n\n    #shambala-flow-page .shm-media {\n      min-height: 430px;\n    }\n\n    #shambala-flow-page .shm-main-img {\n      inset: 0 0 58px 28px;\n      border-radius: 28px;\n    }\n\n    #shambala-flow-page .shm-float-img {\n      width: 43%;\n      height: 170px;\n      border-radius: 22px;\n    }\n\n    #shambala-flow-page .shm-badge {\n      right: 10px;\n      bottom: 10px;\n      width: min(88%, 310px);\n      padding: 15px;\n    }\n\n    #shambala-flow-page .shm-metrics,\n    #shambala-flow-page .shm-values,\n    #shambala-flow-page .shm-team-grid {\n      grid-template-columns: 1fr;\n    }\n\n    #shambala-flow-page .shm-timeline::before,\n    #shambala-flow-page .shm-timeline::after {\n      display: none;\n    }\n\n    #shambala-flow-page .shm-step {\n      grid-template-columns: 1fr !important;\n    }\n\n    #shambala-flow-page .shm-marker,\n    #shambala-flow-page .shm-step-img,\n    #shambala-flow-page .shm-step-card {\n      grid-column: 1 !important;\n      grid-row: auto !important;\n    }\n\n    #shambala-flow-page .shm-marker {\n      justify-self: start;\n      margin-left: 6px;\n    }\n\n    #shambala-flow-page .shm-team-card {\n      min-height: auto;\n    }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    html {\n      scroll-behavior: auto;\n    }\n\n    #shambala-flow-page,\n    #shambala-flow-page *,\n    #shambala-flow-page *::before,\n    #shambala-flow-page *::after {\n      animation-duration: 0.001ms !important;\n      animation-iteration-count: 1 !important;\n      scroll-behavior: auto !important;\n      transition-duration: 0.001ms !important;\n    }\n  }\n<\/style>\n\n<section id=\"shambala-flow-page\" aria-label=\"Shambala Cleaning Services About, Process and Team\">\n  <div class=\"shm-flow-line\" aria-hidden=\"true\"><\/div>\n\n  <div id=\"about-us\" class=\"shm-hero\">\n    <div class=\"shm-wrap shm-hero-grid\">\n      <div class=\"shm-reveal\">\n        <div class=\"shm-brand\">\n          <img src=\"https:\/\/2026s1j.winproject.com.au\/wp-content\/uploads\/2026\/06\/shambala-logo-removebg-preview-2.png\" alt=\"Shambala Cleaning Services logo\" loading=\"eager\" decoding=\"async\">\n          <div>\n            <strong>Shambala Cleaning Services<\/strong>\n            <small>Professional cleaning support for Canberra homes and businesses<\/small>\n          <\/div>\n        <\/div>\n\n        <span class=\"shm-kicker\">About Us<\/span>\n        <h1 class=\"shm-title\">A cleaner, simpler way to <span>request and manage<\/span> cleaning services.<\/h1>\n        <p class=\"shm-lead\">\n          Shambala Cleaning Services brings cleaning enquiries, booking coordination and customer communication into one clear digital experience. Instead of relying only on phone calls or social media messages, visitors can understand the services, request a quote and follow a more structured service journey.\n        <\/p>\n        <p class=\"shm-lead\">\n          The website supports both public service information and role-based access for customers, cleaners and administrators. This makes the business easier to manage, easier to trust and easier for visitors to use.\n        <\/p>\n\n        <div class=\"shm-actions\">\n          <a class=\"shm-btn shm-btn-primary\" href=\"https:\/\/2026s1j.winproject.com.au\/?page_id=40\">Get a Quote<\/a>\n          <a class=\"shm-btn\" href=\"#how-it-works\">See How It Works<\/a>\n        <\/div>\n\n        <div class=\"shm-metrics\" aria-label=\"Project highlights\">\n          <div class=\"shm-metric\"><strong>15%<\/strong><span>Inquiry growth target<\/span><\/div>\n          <div class=\"shm-metric\"><strong>4<\/strong><span>Core project roles<\/span><\/div>\n          <div class=\"shm-metric\"><strong>12<\/strong><span>Week agile build<\/span><\/div>\n          <div class=\"shm-metric\"><strong>24\/7<\/strong><span>Online request access<\/span><\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"shm-media shm-reveal shm-delay-2\" aria-label=\"Cleaning service images\">\n        <div class=\"shm-main-img\">\n          <img src=\"https:\/\/2026s1j.winproject.com.au\/wp-content\/uploads\/2026\/06\/pexels-tima-miroshnichenko-6196235-scaled.jpg\" alt=\"Professional cleaning vehicle with equipment ready for service\" loading=\"eager\" decoding=\"async\">\n        <\/div>\n        <div class=\"shm-float-img\">\n          <img src=\"https:\/\/2026s1j.winproject.com.au\/wp-content\/uploads\/2026\/06\/pexels-karola-g-4239031-scaled.jpg\" alt=\"Cleaner dusting a bathroom mirror\" loading=\"lazy\" decoding=\"async\">\n        <\/div>\n        <div class=\"shm-badge\">\n          <strong>Clean, organised and reliable<\/strong>\n          <p>The website explains the business, guides customers through the process and presents the team behind the project in one connected flow.<\/p>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <div class=\"shm-wrap shm-about-panel\">\n      <figure class=\"shm-photo-card shm-reveal\">\n        <img src=\"https:\/\/2026s1j.winproject.com.au\/wp-content\/uploads\/2026\/06\/pexels-tima-miroshnichenko-6197108-scaled.jpg\" alt=\"Professional cleaners working together in a modern indoor space\" loading=\"lazy\" decoding=\"async\">\n      <\/figure>\n\n      <article class=\"shm-copy-card shm-reveal shm-delay-2\">\n        <span class=\"shm-kicker\">Our Mission<\/span>\n        <h2 class=\"shm-heading\">Make cleaning service requests easier, faster and more reliable.<\/h2>\n        <p>\n          Shambala\u2019s digital platform is designed to reduce scattered communication and replace it with a more organised online process. Customers can select the service they need, provide important details and submit requests without unnecessary back-and-forth communication.\n        <\/p>\n        <p>\n          The system also supports internal coordination. Administrators can review quote requests, manage bookings, assign cleaners, communicate with users and track the service workflow. Cleaners and customers only see information relevant to their own role, keeping the experience clean and purposeful.\n        <\/p>\n\n        <div class=\"shm-values\">\n          <div class=\"shm-value\"><strong>Clear Communication<\/strong><span>Quote and booking details are captured in a structured format.<\/span><\/div>\n          <div class=\"shm-value\"><strong>Reliable Coordination<\/strong><span>Admin review and cleaner assignment support a controlled workflow.<\/span><\/div>\n          <div class=\"shm-value\"><strong>Customer Confidence<\/strong><span>Simple navigation, service clarity and visible actions build trust.<\/span><\/div>\n        <\/div>\n      <\/article>\n    <\/div>\n  <\/div>\n\n  <section id=\"how-it-works\" class=\"shm-section\" aria-labelledby=\"shm-how-title\">\n    <div class=\"shm-wrap\">\n      <div class=\"shm-head shm-reveal\">\n        <span class=\"shm-kicker\">How It Works<\/span>\n        <h2 id=\"shm-how-title\" class=\"shm-heading\">A smooth service flow from quote request to completed cleaning.<\/h2>\n        <p>\n          The process is intentionally simple. Each step moves the customer closer to a confirmed service while giving the business the information needed to manage the request professionally.\n        <\/p>\n      <\/div>\n\n      <ol class=\"shm-timeline\">\n        <li class=\"shm-step shm-reveal shm-delay-1\">\n          <div class=\"shm-step-img\"><img src=\"https:\/\/2026s1j.winproject.com.au\/wp-content\/uploads\/2026\/06\/pexels-karola-g-4239124-scaled.jpg\" alt=\"Cleaner wiping a glass surface during service preparation\" loading=\"lazy\" decoding=\"async\"><\/div>\n          <div class=\"shm-marker\">01<\/div>\n          <article class=\"shm-step-card\" tabindex=\"0\">\n            <small>Request<\/small>\n            <h3>Customer submits a quote request<\/h3>\n            <p>The customer selects the required cleaning service, preferred date, location, cleaning frequency and any special instructions.<\/p>\n            <div class=\"shm-extra\"><p>This reduces incomplete enquiries and gives the admin team enough information to review the request properly before confirming the next step.<\/p><\/div>\n          <\/article>\n        <\/li>\n\n        <li class=\"shm-step shm-reveal shm-delay-2\">\n          <div class=\"shm-step-img\"><img src=\"https:\/\/2026s1j.winproject.com.au\/wp-content\/uploads\/2026\/06\/pexels-karola-g-4239031-scaled.jpg\" alt=\"Cleaner dusting a bathroom mirror and confirming service quality\" loading=\"lazy\" decoding=\"async\"><\/div>\n          <div class=\"shm-marker\">02<\/div>\n          <article class=\"shm-step-card\" tabindex=\"0\">\n            <small>Review<\/small>\n            <h3>Admin reviews the request<\/h3>\n            <p>The admin team checks the quote details, clarifies any missing information and prepares the request for confirmation.<\/p>\n            <div class=\"shm-extra\"><p>Admin review helps prevent misunderstandings and keeps service handling consistent before assigning resources or confirming a booking.<\/p><\/div>\n          <\/article>\n        <\/li>\n\n        <li class=\"shm-step shm-reveal shm-delay-3\">\n          <div class=\"shm-step-img\"><img src=\"https:\/\/2026s1j.winproject.com.au\/wp-content\/uploads\/2026\/06\/pexels-tima-miroshnichenko-6195122-scaled.jpg\" alt=\"Vacuum and cleaning equipment ready for confirmed cleaning work\" loading=\"lazy\" decoding=\"async\"><\/div>\n          <div class=\"shm-marker\">03<\/div>\n          <article class=\"shm-step-card\" tabindex=\"0\">\n            <small>Confirm<\/small>\n            <h3>Booking is confirmed and prepared<\/h3>\n            <p>Once the request is reviewed, the service can be confirmed with the correct customer, property and cleaning information.<\/p>\n            <div class=\"shm-extra\"><p>Confirmation gives the customer confidence and helps the business plan timing, equipment, staff allocation and communication more effectively.<\/p><\/div>\n          <\/article>\n        <\/li>\n\n        <li class=\"shm-step shm-reveal shm-delay-4\">\n          <div class=\"shm-step-img\"><img src=\"https:\/\/2026s1j.winproject.com.au\/wp-content\/uploads\/2026\/06\/pexels-tima-miroshnichenko-6197121-scaled.jpg\" alt=\"Professional cleaners completing assigned cleaning work\" loading=\"lazy\" decoding=\"async\"><\/div>\n          <div class=\"shm-marker\">04<\/div>\n          <article class=\"shm-step-card\" tabindex=\"0\">\n            <small>Assign<\/small>\n            <h3>Cleaner is assigned to the job<\/h3>\n            <p>The admin allocates the right cleaner based on the service type, availability and job requirements.<\/p>\n            <div class=\"shm-extra\"><p>Role-based access keeps cleaner information focused. Cleaners receive job-related information without exposing unrelated customer or admin functions.<\/p><\/div>\n          <\/article>\n        <\/li>\n\n        <li class=\"shm-step shm-reveal shm-delay-5\">\n          <div class=\"shm-step-img\"><img src=\"https:\/\/2026s1j.winproject.com.au\/wp-content\/uploads\/2026\/06\/pexels-thirdman-7653461-scaled.jpg\" alt=\"Cleaning equipment in a service vehicle ready for job completion\" loading=\"lazy\" decoding=\"async\"><\/div>\n          <div class=\"shm-marker\">05<\/div>\n          <article class=\"shm-step-card\" tabindex=\"0\">\n            <small>Complete<\/small>\n            <h3>Service is completed and recorded<\/h3>\n            <p>The cleaning work is completed, and the final service status can be updated for admin and customer visibility.<\/p>\n            <div class=\"shm-extra\"><p>Status tracking supports a better service history for bookings, documents, payments, messages and future follow-up.<\/p><\/div>\n          <\/article>\n        <\/li>\n      <\/ol>\n\n      <div class=\"shm-info-ribbon\">\n        <div class=\"shm-info-card\">\n          <strong>Less manual follow-up<\/strong>\n          <p>Service details are captured from the beginning, reducing repeated calls and missed information.<\/p>\n        <\/div>\n        <div class=\"shm-info-card\">\n          <strong>Role-based clarity<\/strong>\n          <p>Customers, cleaners and admin users access the functions relevant to their own responsibilities.<\/p>\n        <\/div>\n        <div class=\"shm-info-card\">\n          <strong>Better service control<\/strong>\n          <p>Quotes, bookings, messages, payments and documents can be managed more consistently.<\/p>\n        <\/div>\n      <\/div>\n\n      <div class=\"shm-gallery\" aria-label=\"Additional Shambala service visuals\">\n        <div class=\"shm-gallery-card\">\n          <img src=\"https:\/\/2026s1j.winproject.com.au\/wp-content\/uploads\/2026\/06\/pexels-cottonbro-6804580-scaled.jpg\" alt=\"Office team environment representing organised digital service coordination\" loading=\"lazy\" decoding=\"async\">\n          <div class=\"shm-gallery-caption\"><strong>Structured coordination<\/strong><span>Designed to support admin review, scheduling and customer communication.<\/span><\/div>\n        <\/div>\n        <div class=\"shm-gallery-card\">\n          <img src=\"https:\/\/2026s1j.winproject.com.au\/wp-content\/uploads\/2026\/06\/pexels-olly-3769711-scaled.jpg\" alt=\"Customer support and service communication\" loading=\"lazy\" decoding=\"async\">\n          <div class=\"shm-gallery-caption\"><strong>Customer-focused experience<\/strong><span>Clear actions help visitors understand services and request quotes confidently.<\/span><\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"shm-quote-strip\">\n        <div>\n          <h3>Ready to request a cleaning quote?<\/h3>\n          <p>Use the online quote form to share your service type, location, timing and cleaning needs so the team can review your request properly.<\/p>\n        <\/div>\n        <a class=\"shm-btn shm-btn-primary\" href=\"https:\/\/2026s1j.winproject.com.au\/?page_id=40\">Get a Quote<\/a>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <section id=\"meet-the-team\" class=\"shm-section\" aria-labelledby=\"shm-team-title\">\n    <div class=\"shm-wrap\">\n      <div class=\"shm-head shm-reveal\">\n        <span class=\"shm-kicker\">Meet the Team<\/span>\n        <h2 id=\"shm-team-title\" class=\"shm-heading\">The project team behind the Shambala digital experience.<\/h2>\n        <p>\n          The project was delivered through an agile structure, with each team member contributing to planning, design, development, testing, documentation and quality assurance.\n        <\/p>\n      <\/div>\n\n      <div class=\"shm-team-grid\">\n        <article class=\"shm-team-card shm-reveal shm-delay-1\" tabindex=\"0\">\n          <div class=\"shm-team-photo\"><img src=\"https:\/\/2026s1j.winproject.com.au\/wp-content\/uploads\/2026\/06\/woman-with-braided-hair-illustration_1308-174675.avif\" alt=\"Illustrated avatar for Dawa Dema, Project Manager\" loading=\"lazy\" decoding=\"async\"><\/div>\n          <div class=\"shm-team-body\">\n            <h3>Dawa Dema<\/h3><span class=\"shm-role\">Project Manager<\/span>\n            <p>Leads planning, team coordination, scheduling and project communication.<\/p>\n            <div class=\"shm-more\"><span>Focus area: Keeping the project aligned with scope, milestones, team progress and stakeholder expectations.<\/span><\/div>\n          <\/div>\n        <\/article>\n\n        <article class=\"shm-team-card shm-reveal shm-delay-2\" tabindex=\"0\">\n          <div class=\"shm-team-photo\"><img src=\"https:\/\/2026s1j.winproject.com.au\/wp-content\/uploads\/2026\/06\/images-5.jpeg\" alt=\"Illustrated avatar for Biran Rai, UI\/UX and Testing Lead\" loading=\"lazy\" decoding=\"async\"><\/div>\n          <div class=\"shm-team-body\">\n            <h3>Biran Rai<\/h3><span class=\"shm-role\">UI\/UX &#038; Testing Lead<\/span>\n            <p>Researches user needs, prepares wireframes and prototypes, and conducts testing.<\/p>\n            <div class=\"shm-more\"><span>Focus area: Making sure the website is clear, responsive, usable and easy for visitors to act on.<\/span><\/div>\n          <\/div>\n        <\/article>\n\n        <article class=\"shm-team-card shm-reveal shm-delay-3\" tabindex=\"0\">\n          <div class=\"shm-team-photo\"><img src=\"https:\/\/2026s1j.winproject.com.au\/wp-content\/uploads\/2026\/06\/memoji-emoji-handsome-smiling-man-white-background_826801-6987.avif\" alt=\"Illustrated avatar for Dorji, Web Developer\" loading=\"lazy\" decoding=\"async\"><\/div>\n          <div class=\"shm-team-body\">\n            <h3>Dorji<\/h3><span class=\"shm-role\">Web Developer<\/span>\n            <p>Handles WordPress installation, plugin setup and functional integration.<\/p>\n            <div class=\"shm-more\"><span>Focus area: Connecting the website, dashboard functions, shortcodes and service workflows into one working system.<\/span><\/div>\n          <\/div>\n        <\/article>\n\n        <article class=\"shm-team-card shm-reveal shm-delay-4\" tabindex=\"0\">\n          <div class=\"shm-team-photo\"><img src=\"https:\/\/2026s1j.winproject.com.au\/wp-content\/uploads\/2026\/06\/smiling-redhaired-boy-illustration_1308-176664.avif\" alt=\"Illustrated avatar for Tshering Damche Dorji, Documentation and QA Support\" loading=\"lazy\" decoding=\"async\"><\/div>\n          <div class=\"shm-team-body\">\n            <h3>Tshering Damche Dorji<\/h3><span class=\"shm-role\">Documentation &#038; QA Support<\/span>\n            <p>Maintains project files, documentation and quality assurance support.<\/p>\n            <div class=\"shm-more\"><span>Focus area: Supporting traceability, final checking, documentation quality and project readiness before delivery.<\/span><\/div>\n          <\/div>\n        <\/article>\n      <\/div>\n\n      <nav class=\"shm-bottom-nav\" aria-label=\"Page section links\">\n        <a href=\"#about-us\">About Us<\/a>\n        <a href=\"#how-it-works\">How It Works<\/a>\n        <a href=\"#meet-the-team\">Meet the Team<\/a>\n        <a href=\"https:\/\/2026s1j.winproject.com.au\/?page_id=40\">Get a Quote<\/a>\n      <\/nav>\n    <\/div>\n  <\/section>\n\n  <script>\n    (function () {\n      var root = document.getElementById('shambala-flow-page');\n      if (!root) return;\n\n      var reduceMotion = window.matchMedia && window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n      var items = root.querySelectorAll('.shm-reveal');\n\n      if (!('IntersectionObserver' in window) || reduceMotion) {\n        items.forEach(function (item) {\n          item.style.animationPlayState = 'running';\n        });\n        return;\n      }\n\n      items.forEach(function (item) {\n        item.style.animationPlayState = 'paused';\n      });\n\n      var observer = new IntersectionObserver(function (entries) {\n        entries.forEach(function (entry) {\n          if (entry.isIntersecting) {\n            entry.target.style.animationPlayState = 'running';\n            observer.unobserve(entry.target);\n          }\n        });\n      }, {\n        threshold: 0.12,\n        rootMargin: '0px 0px -40px 0px'\n      });\n\n      items.forEach(function (item) {\n        observer.observe(item);\n      });\n    })();\n  <\/script>\n<\/section>\n","protected":false},"excerpt":{"rendered":"<p>Shambala Cleaning Services Professional cleaning support for Canberra homes and businesses About Us A cleaner, simpler way to request and [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","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":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"","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-88","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/2026s1j.winproject.com.au\/index.php?rest_route=\/wp\/v2\/pages\/88","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/2026s1j.winproject.com.au\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/2026s1j.winproject.com.au\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/2026s1j.winproject.com.au\/index.php?rest_route=\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/2026s1j.winproject.com.au\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=88"}],"version-history":[{"count":5,"href":"https:\/\/2026s1j.winproject.com.au\/index.php?rest_route=\/wp\/v2\/pages\/88\/revisions"}],"predecessor-version":[{"id":160,"href":"https:\/\/2026s1j.winproject.com.au\/index.php?rest_route=\/wp\/v2\/pages\/88\/revisions\/160"}],"wp:attachment":[{"href":"https:\/\/2026s1j.winproject.com.au\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=88"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}