{"id":437,"date":"2024-06-28T05:39:28","date_gmt":"2024-06-28T05:39:28","guid":{"rendered":"https:\/\/richierich.com.my\/staging\/?page_id=437"},"modified":"2026-10-16T09:45:13","modified_gmt":"2026-10-16T09:45:13","slug":"about-us","status":"publish","type":"page","link":"https:\/\/richierich.com.my\/staging\/about-us\/","title":{"rendered":"About Us"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"437\" class=\"elementor elementor-437\">\n\t\t\t\t<div class=\"elementor-element elementor-element-aa531d9 e-con-full e-flex e-con e-parent\" data-id=\"aa531d9\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-dcc7b9c elementor-widget elementor-widget-html\" data-id=\"dcc7b9c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\nbody,\n#page,\n#content,\n.site-content,\n.ast-separate-container {\n    background-color: var(--rr-bg, #050505) !important;\n}\n\n.site-content > .ast-container {\n    max-width: 100% !important;\n    width: 100% !important;\n    padding-left: 0 !important;\n    padding-right: 0 !important;\n    display: block !important;\n}\n\n#primary {\n    width: 100% !important;\n    max-width: 100% !important;\n    margin: 0 !important;\n    padding: 0 !important;\n}\n\n\/* HERO *\/\n.rr-pk-hero {\n    background-color: var(--rr-bg, #050505);\n    padding: 130px 5vw 90px;\n    min-height: 100vh;\n    box-sizing: border-box;\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n}\n\n.rr-pk-eyebrow {\n    font-family: 'Montserrat', sans-serif;\n    font-weight: 700;\n    font-size: 0.85rem;\n    letter-spacing: 0.25em;\n    text-transform: uppercase;\n    color: var(--rr-accent3, #ccff00);\n    margin: 0 0 1.5rem;\n}\n\n.rr-pk-title {\n    margin: 0 0 2rem;\n    font-family: 'Anton', sans-serif !important;\n    text-transform: uppercase;\n    font-size: clamp(3rem, min(9vw, 13vh), 10rem);\n    line-height: 0.95;\n    font-weight: 400;\n    color: var(--rr-text, #f0f0f0) !important;\n}\n\n.rr-pk-title .rr-line {\n    display: block;\n    overflow: hidden;\n}\n\n.rr-pk-title .rr-line > span {\n    display: inline-block;\n}\n\n.rr-pk-title .rr-accent {\n    color: var(--rr-accent3, #ccff00);\n}\n\n.rr-pk-sub {\n    font-family: 'Inter', sans-serif;\n    font-size: clamp(1rem, 1.6vw, 1.4rem);\n    font-weight: 300;\n    line-height: 1.6;\n    max-width: 640px;\n    color: var(--rr-text, #f0f0f0);\n    opacity: 0.75;\n    margin: 0 0 3rem;\n}\n\n.rr-pk-hero-btns {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 1rem;\n}\n\n.rr-pk-hbtn {\n    display: inline-block;\n    padding: 20px 44px;\n    border-radius: 100px;\n    border: 1px solid rgba(255, 255, 255, 0.3);\n    font-family: 'Montserrat', sans-serif;\n    font-weight: 700;\n    font-size: 0.95rem;\n    letter-spacing: 0.1em;\n    text-transform: uppercase;\n    text-decoration: none;\n    color: var(--rr-text, #f0f0f0);\n    transition: background-color 0.3s, color 0.3s, border-color 0.3s;\n}\n\n.rr-pk-hbtn:hover {\n    border-color: var(--rr-accent3, #ccff00);\n    color: var(--rr-accent3, #ccff00);\n}\n\n.rr-pk-hbtn.rr-primary {\n    background-color: var(--rr-accent3, #ccff00);\n    border-color: var(--rr-accent3, #ccff00);\n    color: var(--rr-bg, #050505);\n}\n\n.rr-pk-hbtn.rr-primary:hover {\n    background-color: transparent;\n    color: var(--rr-accent3, #ccff00);\n}\n\n.rr-pk-hero-inner {\n    will-change: filter, opacity;\n}\n\n\/* Lets the story section scroll OVER the pinned hero *\/\n.rr-ab-story {\n    position: relative;\n    z-index: 2;\n    background-color: transparent !important;\n}\n\n\/* Frosted panel (already styled in the story widget), so the blurred hero text doesn't show through it *\/\n.rr-ab-panel {\n    -webkit-backdrop-filter: blur(18px);\n    backdrop-filter: blur(18px);\n}\n<\/style>\n\n<section class=\"rr-pk-hero\">\n  <div class=\"rr-pk-hero-inner\">\n    <p class=\"rr-pk-eyebrow\">About Us<\/p>\n\n    <h1 class=\"rr-pk-title\">\n        <span class=\"rr-line\"><span>We turn ideas<\/span><\/span>\n        <span class=\"rr-line\"><span>into brands<\/span><\/span>\n        <span class=\"rr-line\"><span class=\"rr-accent\">people remember.<\/span><\/span>\n    <\/h1>\n\n    <p class=\"rr-pk-sub\">Rich Media is a creative and digital agency. We combine design, strategy and technology to help businesses grow.<\/p>\n\n    <div class=\"rr-pk-hero-btns\">\n        <a class=\"rr-pk-hbtn rr-primary rr-hoverable\" href=\"#story\">Our story<\/a>\n        <a class=\"rr-pk-hbtn rr-hoverable\" href=\"\/staging\/contact-us\/\">Work with us<\/a>\n    <\/div>\n  <\/div>\n<\/section>\n\n<script>\n(function () {\n    function rrInitPkHero() {\n        if (typeof gsap === 'undefined' || typeof ScrollTrigger === 'undefined') {\n            setTimeout(rrInitPkHero, 200);\n            return;\n        }\n        if (typeof window.rrBindHoverables === 'function') window.rrBindHoverables();\n        if (window.matchMedia('(prefers-reduced-motion: reduce)').matches) return;\n\n        gsap.from('.rr-pk-eyebrow', { opacity: 0, y: 20, duration: 0.8, ease: 'power3.out', delay: 0.2 });\n        gsap.from('.rr-pk-title .rr-line > span', {\n            yPercent: 110,\n            duration: 1.2,\n            ease: 'power4.out',\n            stagger: 0.12,\n            delay: 0.35\n        });\n        gsap.from('.rr-pk-sub', { opacity: 0, y: 30, duration: 1, ease: 'power3.out', delay: 1 });\n        gsap.from('.rr-pk-hero-btns', { opacity: 0, y: 30, duration: 1, ease: 'power3.out', delay: 1.2 });\n\n        \/\/ ---- Scroll effect: blur + dim, pinned behind the story section ----\n        var hero = document.querySelector('.rr-pk-hero');\n        var inner = document.querySelector('.rr-pk-hero-inner');\n        if (!hero || !inner) return;\n\n        \/\/ Phase 1: blur and dim as you start scrolling\n        gsap.fromTo(inner,\n            { filter: 'blur(0px)', opacity: 1 },\n            {\n                filter: 'blur(16px)',\n                opacity: 0.3,\n                ease: 'none',\n                scrollTrigger: {\n                    trigger: hero,\n                    start: 'top top',\n                    end: function () { return '+=' + (window.innerHeight * 0.7); },\n                    scrub: true,\n                    invalidateOnRefresh: true,\n                    \/\/ buttons stop being clickable once they're blurred out\n                    onUpdate: function (self) {\n                        inner.style.pointerEvents = self.progress > 0.3 ? 'none' : '';\n                    }\n                }\n            }\n        );\n\n        \/\/ Phase 2: stay pinned until the story section ends, then fade out\n        var story = document.querySelector('.rr-ab-story');\n        if (story) {\n            ScrollTrigger.create({\n                trigger: hero,\n                start: 'top top',\n                endTrigger: story,\n                end: 'bottom bottom',\n                pin: true,\n                pinSpacing: false\n            });\n\n            gsap.fromTo(inner,\n                { opacity: 0.3 },\n                {\n                    opacity: 0,\n                    ease: 'none',\n                    immediateRender: false,\n                    scrollTrigger: {\n                        trigger: story,\n                        start: 'bottom 150%',\n                        end: 'bottom 100%',\n                        scrub: true\n                    }\n                }\n            );\n        }\n    }\n    rrInitPkHero();\n})();\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-31a047d e-con-full e-flex e-con e-parent\" data-id=\"31a047d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a272215 elementor-widget elementor-widget-html\" data-id=\"a272215\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\n.rr-ab-story {\n    position: relative;\n    z-index: 2;\n    background-color: transparent;\n    padding: 8vh 5vw 12vh;\n}\n\n.rr-ab-panel {\n    max-width: 1300px;\n    margin: 0 auto;\n    padding: clamp(2rem, 5vw, 5rem);\n    background: rgba(255, 255, 255, 0.04);\n    border: 1px solid rgba(255, 255, 255, 0.12);\n    border-radius: 24px;\n    -webkit-backdrop-filter: blur(18px);\n    backdrop-filter: blur(18px);\n}\n\n.rr-ab-cols {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 5vw;\n    align-items: start;\n}\n\n.rr-ab-label {\n    font-family: 'Montserrat', sans-serif;\n    font-weight: 700;\n    font-size: 0.85rem;\n    letter-spacing: 0.25em;\n    text-transform: uppercase;\n    color: var(--rr-accent3, #ccff00);\n    margin: 0 0 1rem;\n}\n\n.rr-ab-heading {\n    margin: 0;\n    font-family: 'Anton', sans-serif !important;\n    font-weight: 400;\n    text-transform: uppercase;\n    font-size: clamp(2.5rem, 5.5vw, 5.5rem);\n    line-height: 1;\n    color: var(--rr-text, #f0f0f0) !important;\n}\n\n.rr-ab-right p {\n    margin: 0 0 1.4rem;\n    font-family: 'Inter', sans-serif;\n    font-size: clamp(1rem, 1.3vw, 1.2rem);\n    line-height: 1.7;\n    color: var(--rr-text, #f0f0f0);\n    opacity: 0.75;\n}\n\n.rr-ab-right p:last-child {\n    margin-bottom: 0;\n}\n\n.rr-ab-stats {\n    display: grid;\n    grid-template-columns: repeat(4, 1fr);\n    gap: 2vw;\n    margin-top: clamp(3rem, 7vh, 5rem);\n    padding-top: clamp(2rem, 5vh, 3.5rem);\n    border-top: 1px solid rgba(255, 255, 255, 0.15);\n}\n\n.rr-ab-stat-num {\n    font-family: 'Anton', sans-serif;\n    font-size: clamp(3rem, 6vw, 6rem);\n    line-height: 1;\n    color: var(--rr-accent3, #ccff00);\n}\n\n.rr-ab-stat p {\n    margin: 0.6rem 0 0;\n    font-family: 'Montserrat', sans-serif;\n    font-weight: 600;\n    font-size: 0.8rem;\n    letter-spacing: 0.12em;\n    text-transform: uppercase;\n    color: var(--rr-text, #f0f0f0);\n    opacity: 0.7;\n}\n\n@media (max-width: 900px) {\n    .rr-ab-cols { grid-template-columns: 1fr; gap: 3vh; }\n    .rr-ab-stats { grid-template-columns: repeat(2, 1fr); gap: 4vh 4vw; }\n}\n<\/style>\n\n<section class=\"rr-ab-story\" id=\"story\">\n    <div class=\"rr-ab-panel\">\n\n        <div class=\"rr-ab-cols\">\n            <div class=\"rr-ab-left\">\n                <p class=\"rr-ab-label\">Our story<\/p>\n                <h2 class=\"rr-ab-heading\">Built on ideas,<br>driven by results<\/h2>\n            <\/div>\n            <div class=\"rr-ab-right\">\n                <p>Rich Media Sdn Bhd started with a simple belief: businesses deserve design and marketing that actually works. Today we bring designers, developers and strategists together to turn ideas into brands people remember.<\/p>\n                <p>We work with businesses of every size, and we treat every project as if it were our own. Replace this text with your real company story.<\/p>\n            <\/div>\n        <\/div>\n\n        <div class=\"rr-ab-stats\">\n            <div class=\"rr-ab-stat\">\n                <div class=\"rr-ab-stat-num\"><span class=\"rr-ab-count\" data-target=\"10\">10<\/span>+<\/div>\n                <p>Years of experience<\/p>\n            <\/div>\n            <div class=\"rr-ab-stat\">\n                <div class=\"rr-ab-stat-num\"><span class=\"rr-ab-count\" data-target=\"100\">100<\/span>+<\/div>\n                <p>Projects delivered<\/p>\n            <\/div>\n            <div class=\"rr-ab-stat\">\n                <div class=\"rr-ab-stat-num\"><span class=\"rr-ab-count\" data-target=\"50\">50<\/span>+<\/div>\n                <p>Happy clients<\/p>\n            <\/div>\n            <div class=\"rr-ab-stat\">\n                <div class=\"rr-ab-stat-num\"><span class=\"rr-ab-count\" data-target=\"5\">5<\/span><\/div>\n                <p>Core services<\/p>\n            <\/div>\n        <\/div>\n\n    <\/div>\n<\/section>\n\n<script>\n(function () {\n    function rrInitAbStory() {\n        if (typeof gsap === 'undefined' || typeof ScrollTrigger === 'undefined') {\n            setTimeout(rrInitAbStory, 200);\n            return;\n        }\n        \/\/ Reduced motion: the real numbers are already in the HTML, so just stop\n        if (window.matchMedia('(prefers-reduced-motion: reduce)').matches) return;\n\n        gsap.from('.rr-ab-panel', {\n            y: 70, opacity: 0, duration: 1, ease: 'power3.out',\n            clearProps: 'transform,opacity',\n            scrollTrigger: { trigger: '.rr-ab-panel', start: 'top 90%' }\n        });\n\n        document.querySelectorAll('.rr-ab-count').forEach(function (el) {\n            var target = parseFloat(el.getAttribute('data-target')) || 0;\n            var counter = { val: 0 };\n            el.textContent = '0';\n\n            gsap.to(counter, {\n                val: target,\n                duration: 2,\n                ease: 'power2.out',\n                onUpdate: function () { el.textContent = Math.round(counter.val); },\n                scrollTrigger: { trigger: '.rr-ab-stats', start: 'top 85%', once: true }\n            });\n        });\n    }\n    rrInitAbStory();\n})();\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ba5a79d e-con-full e-flex e-con e-parent\" data-id=\"ba5a79d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-98a3ebf elementor-widget elementor-widget-html\" data-id=\"98a3ebf\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\n.rr-ab-values {\n    background-color: var(--rr-bg, #050505);\n    padding: 10vh 5vw 12vh;\n}\n\n.rr-ab-vwrap {\n    max-width: 1300px;\n    margin: 0 auto;\n}\n\n.rr-ab-vlabel {\n    font-family: 'Montserrat', sans-serif;\n    font-weight: 700;\n    font-size: 0.85rem;\n    letter-spacing: 0.25em;\n    text-transform: uppercase;\n    color: var(--rr-accent3, #ccff00);\n    margin: 0 0 1rem;\n}\n\n.rr-ab-vheading {\n    margin: 0 0 6vh;\n    font-family: 'Anton', sans-serif !important;\n    font-weight: 400;\n    text-transform: uppercase;\n    font-size: clamp(2.5rem, 6vw, 6rem);\n    line-height: 1;\n    color: var(--rr-text, #f0f0f0) !important;\n}\n\n.rr-ab-val {\n    display: grid;\n    grid-template-columns: minmax(120px, 22%) 1fr;\n    gap: 3vw;\n    align-items: center;\n    padding: 4vh 0;\n    border-top: 1px solid rgba(255, 255, 255, 0.2);\n}\n\n.rr-ab-val:last-child {\n    border-bottom: 1px solid rgba(255, 255, 255, 0.2);\n}\n\n.rr-ab-vnum {\n    font-family: 'Anton', sans-serif;\n    font-size: clamp(4.5rem, 11vw, 11rem);\n    line-height: 1;\n    color: transparent;\n    -webkit-text-stroke: 2px rgba(255, 255, 255, 0.35);\n    transition: -webkit-text-stroke-color 0.4s ease;\n}\n\n.rr-ab-val:hover .rr-ab-vnum {\n    -webkit-text-stroke-color: var(--rr-accent3, #ccff00);\n}\n\n.rr-ab-vtext h3 {\n    margin: 0 0 0.8rem;\n    font-family: 'Anton', sans-serif !important;\n    font-weight: 400;\n    text-transform: uppercase;\n    font-size: clamp(1.8rem, 3.4vw, 3.4rem);\n    color: var(--rr-text, #f0f0f0) !important;\n    transition: transform 0.4s ease;\n}\n\n.rr-ab-val:hover .rr-ab-vtext h3 {\n    transform: translateX(12px);\n}\n\n.rr-ab-vtext p {\n    margin: 0;\n    max-width: 560px;\n    font-family: 'Inter', sans-serif;\n    font-size: clamp(0.95rem, 1.2vw, 1.15rem);\n    line-height: 1.6;\n    color: var(--rr-text, #f0f0f0);\n    opacity: 0.7;\n}\n\n@media (max-width: 600px) {\n    .rr-ab-val { grid-template-columns: 1fr; gap: 1rem; }\n}\n<\/style>\n\n<section class=\"rr-ab-values\">\n    <div class=\"rr-ab-vwrap\">\n\n        <p class=\"rr-ab-vlabel\">Our values<\/p>\n        <h2 class=\"rr-ab-vheading\">What drives us<\/h2>\n\n        <div class=\"rr-ab-val\">\n            <div class=\"rr-ab-vnum\">01<\/div>\n            <div class=\"rr-ab-vtext\">\n                <h3>Creativity<\/h3>\n                <p>We start with fresh ideas and never settle for the obvious.<\/p>\n            <\/div>\n        <\/div>\n\n        <div class=\"rr-ab-val\">\n            <div class=\"rr-ab-vnum\">02<\/div>\n            <div class=\"rr-ab-vtext\">\n                <h3>Honesty<\/h3>\n                <p>Clear communication, honest advice and no surprises along the way.<\/p>\n            <\/div>\n        <\/div>\n\n        <div class=\"rr-ab-val\">\n            <div class=\"rr-ab-vnum\">03<\/div>\n            <div class=\"rr-ab-vtext\">\n                <h3>Results<\/h3>\n                <p>Good design should look great and work hard for your business.<\/p>\n            <\/div>\n        <\/div>\n\n        <div class=\"rr-ab-val\">\n            <div class=\"rr-ab-vnum\">04<\/div>\n            <div class=\"rr-ab-vtext\">\n                <h3>Partnership<\/h3>\n                <p>We work with you, not just for you, from the first call to long after launch.<\/p>\n            <\/div>\n        <\/div>\n\n    <\/div>\n<\/section>\n\n<script>\n(function () {\n    function rrInitAbValues() {\n        if (typeof gsap === 'undefined' || typeof ScrollTrigger === 'undefined') {\n            setTimeout(rrInitAbValues, 200);\n            return;\n        }\n        if (window.matchMedia('(prefers-reduced-motion: reduce)').matches) return;\n\n        gsap.from('.rr-ab-vlabel, .rr-ab-vheading', {\n            y: 40, opacity: 0, duration: 1, ease: 'power3.out', stagger: 0.1,\n            scrollTrigger: { trigger: '.rr-ab-vheading', start: 'top 88%' }\n        });\n\n        gsap.utils.toArray('.rr-ab-val').forEach(function (row) {\n            gsap.from(row, {\n                y: 60, opacity: 0, duration: 1, ease: 'power3.out',\n                clearProps: 'transform,opacity',\n                scrollTrigger: { trigger: row, start: 'top 88%' }\n            });\n        });\n    }\n    rrInitAbValues();\n})();\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-cf73f93 e-con-full e-flex e-con e-parent\" data-id=\"cf73f93\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a889bd3 elementor-widget elementor-widget-html\" data-id=\"a889bd3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\n.rr-ab-team {\n    background-color: var(--rr-bg, #050505);\n    padding: 8vh 5vw 14vh;\n}\n\n.rr-ab-twrap {\n    max-width: 1300px;\n    margin: 0 auto;\n}\n\n.rr-ab-tlabel {\n    font-family: 'Montserrat', sans-serif;\n    font-weight: 700;\n    font-size: 0.85rem;\n    letter-spacing: 0.25em;\n    text-transform: uppercase;\n    color: var(--rr-accent3, #ccff00);\n    margin: 0 0 1rem;\n}\n\n.rr-ab-theading {\n    margin: 0 0 6vh;\n    font-family: 'Anton', sans-serif !important;\n    font-weight: 400;\n    text-transform: uppercase;\n    font-size: clamp(2.5rem, 6vw, 6rem);\n    line-height: 1;\n    color: var(--rr-text, #f0f0f0) !important;\n}\n\n.rr-ab-tgrid {\n    display: grid;\n    grid-template-columns: repeat(4, 1fr);\n    gap: 4vh 2vw;\n}\n\n.rr-ab-photo {\n    position: relative;\n    overflow: hidden;\n    aspect-ratio: 4 \/ 5;\n    border-radius: 14px;\n    background-color: #111;\n}\n\n.rr-ab-photo-inner {\n    position: absolute;\n    inset: 0;\n    background-size: cover;\n    background-position: center top;\n    transition: transform 0.6s cubic-bezier(0.22, 1, 0.36, 1);\n}\n\n.rr-ab-member:hover .rr-ab-photo-inner {\n    transform: scale(1.06);\n}\n\n.rr-ab-member h3 {\n    margin: 1.2rem 0 0.3rem;\n    font-family: 'Anton', sans-serif !important;\n    font-weight: 400;\n    text-transform: uppercase;\n    font-size: clamp(1.3rem, 1.8vw, 1.8rem);\n    line-height: 1.1;\n    color: var(--rr-text, #f0f0f0) !important;\n}\n\n.rr-ab-member p {\n    margin: 0;\n    font-family: 'Montserrat', sans-serif;\n    font-weight: 600;\n    font-size: 0.78rem;\n    letter-spacing: 0.12em;\n    text-transform: uppercase;\n    color: var(--rr-accent3, #ccff00);\n}\n\n@media (max-width: 900px) {\n    .rr-ab-tgrid { grid-template-columns: repeat(2, 1fr); gap: 5vh 4vw; }\n}\n<\/style>\n\n<section class=\"rr-ab-team\">\n    <div class=\"rr-ab-twrap\">\n\n        <p class=\"rr-ab-tlabel\">The people<\/p>\n        <h2 class=\"rr-ab-theading\">Meet the team<\/h2>\n\n        <div class=\"rr-ab-tgrid\">\n\n            <div class=\"rr-ab-member\">\n                <div class=\"rr-ab-photo\">\n                    <div class=\"rr-ab-photo-inner\" style=\"background-image: url('REPLACE_PHOTO_1'), linear-gradient(160deg, #ff0055, #4d4dff);\"><\/div>\n                <\/div>\n                <h3>Team Member Name<\/h3>\n                <p>Role \/ Title<\/p>\n            <\/div>\n\n            <div class=\"rr-ab-member\">\n                <div class=\"rr-ab-photo\">\n                    <div class=\"rr-ab-photo-inner\" style=\"background-image: url('REPLACE_PHOTO_2'), linear-gradient(160deg, #4d4dff, #00c2ff);\"><\/div>\n                <\/div>\n                <h3>Team Member Name<\/h3>\n                <p>Role \/ Title<\/p>\n            <\/div>\n\n            <div class=\"rr-ab-member\">\n                <div class=\"rr-ab-photo\">\n                    <div class=\"rr-ab-photo-inner\" style=\"background-image: url('REPLACE_PHOTO_3'), linear-gradient(160deg, #ccff00, #00a86b);\"><\/div>\n                <\/div>\n                <h3>Team Member Name<\/h3>\n                <p>Role \/ Title<\/p>\n            <\/div>\n\n            <div class=\"rr-ab-member\">\n                <div class=\"rr-ab-photo\">\n                    <div class=\"rr-ab-photo-inner\" style=\"background-image: url('REPLACE_PHOTO_4'), linear-gradient(160deg, #ff9a00, #ff0055);\"><\/div>\n                <\/div>\n                <h3>Team Member Name<\/h3>\n                <p>Role \/ Title<\/p>\n            <\/div>\n\n        <\/div>\n    <\/div>\n<\/section>\n\n<script>\n(function () {\n    function rrInitAbTeam() {\n        if (typeof gsap === 'undefined' || typeof ScrollTrigger === 'undefined') {\n            setTimeout(rrInitAbTeam, 200);\n            return;\n        }\n        if (window.matchMedia('(prefers-reduced-motion: reduce)').matches) return;\n\n        gsap.from('.rr-ab-tlabel, .rr-ab-theading', {\n            y: 40, opacity: 0, duration: 1, ease: 'power3.out', stagger: 0.1,\n            scrollTrigger: { trigger: '.rr-ab-theading', start: 'top 88%' }\n        });\n\n        gsap.from('.rr-ab-member', {\n            y: 70, opacity: 0, duration: 0.9, ease: 'power3.out', stagger: 0.12,\n            clearProps: 'transform,opacity',\n            scrollTrigger: { trigger: '.rr-ab-tgrid', start: 'top 85%' }\n        });\n    }\n    rrInitAbTeam();\n})();\n<\/script>\n\t\t\t\t<\/div>\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>About Us We turn ideas into brands people remember. Rich Media is a creative and digital agency. We combine design, [&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":{"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-437","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/richierich.com.my\/staging\/wp-json\/wp\/v2\/pages\/437","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/richierich.com.my\/staging\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/richierich.com.my\/staging\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/richierich.com.my\/staging\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/richierich.com.my\/staging\/wp-json\/wp\/v2\/comments?post=437"}],"version-history":[{"count":21,"href":"https:\/\/richierich.com.my\/staging\/wp-json\/wp\/v2\/pages\/437\/revisions"}],"predecessor-version":[{"id":1909,"href":"https:\/\/richierich.com.my\/staging\/wp-json\/wp\/v2\/pages\/437\/revisions\/1909"}],"wp:attachment":[{"href":"https:\/\/richierich.com.my\/staging\/wp-json\/wp\/v2\/media?parent=437"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}