{"id":12,"date":"2026-08-21T05:28:55","date_gmt":"2026-08-21T05:28:55","guid":{"rendered":"https:\/\/teknr36.thestackly.in\/?page_id=12"},"modified":"2026-09-10T06:20:11","modified_gmt":"2026-09-10T06:20:11","slug":"about-us","status":"publish","type":"page","link":"https:\/\/teknr36.thestackly.in\/?page_id=12","title":{"rendered":"About Us"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"12\" class=\"elementor elementor-12\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a38c4ea e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-parent\" data-id=\"a38c4ea\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f6499f0 elementor-widget elementor-widget-html\" data-id=\"f6499f0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Enriqueta:wght@400;500;600;700&family=Poly:ital@0;1&display=swap\" rel=\"stylesheet\">\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.1\/css\/all.min.css\">\n\n<section class=\"t36about-banner\">\n\n    <div class=\"t36about-banner-overlay\"><\/div>\n\n    <div class=\"t36about-banner-content t36about-banner-reveal\">\n\n        <h1>About Us<\/h1>\n\n        \n\n    <\/div>\n\n<\/section>\n\n<style>\n.t36about-banner,\n.t36about-banner *,\n.t36about-banner *::before,\n.t36about-banner *::after{\n    box-sizing:border-box;\n}\n\n.t36about-banner{\n    position:relative;\n    width:100%;\n    min-height:570px;\n    padding:110px 60px;\n    overflow:hidden;\n\n    background:\n        url(\"https:\/\/images.unsplash.com\/photo-1517782902678-70c53f6dd2b9?q=80&w=1169&auto=format&fit=crop&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D\")\n        center\/cover no-repeat;\n\n    display:flex;\n    align-items:center;\n    justify-content:center;\n\n    font-family:\"Poly\",serif;\n}\n\n.t36about-banner-overlay{\n    position:absolute;\n    inset:0;\n\n    background:\n        linear-gradient(\n            90deg,\n            rgba(0,0,0,.62),\n            rgba(0,0,0,.34),\n            rgba(0,0,0,.48)\n        );\n}\n\n.t36about-banner-content{\n    position:relative;\n    z-index:2;\n\n    width:100%;\n    max-width:850px;\n\n    text-align:center;\n}\n\n.t36about-banner h1{\n    margin:0!important;\n\n    color:#ffffff!important;\n    -webkit-text-fill-color:#ffffff!important;\n\n    font-family:\"Enriqueta\",serif!important;\n    font-size:60px!important;\n    line-height:1.12!important;\n    font-weight:500!important;\n}\n\n.t36about-banner p{\n    max-width:720px;\n\n    margin:14px auto 0!important;\n\n    color:#ffffff!important;\n    -webkit-text-fill-color:#ffffff!important;\n\n    font-size:17px!important;\n    line-height:1.65!important;\n}\n\n\n\/* BUTTON *\/\n\n.t36about-banner a,\n.t36about-banner a:link,\n.t36about-banner a:visited,\n.t36about-banner a:hover,\n.t36about-banner a:focus,\n.t36about-banner a:active{\n    min-height:48px;\n\n    margin:24px auto 0!important;\n    padding:0 22px!important;\n\n    border:0!important;\n    border-radius:5px!important;\n\n    background:#BAC8B1!important;\n\n    color:#111111!important;\n    -webkit-text-fill-color:#111111!important;\n\n    display:inline-flex!important;\n    align-items:center!important;\n    justify-content:center!important;\n\n    gap:10px;\n\n    font-family:\"Poly\",serif!important;\n    font-size:16px!important;\n    line-height:1!important;\n\n    text-decoration:none!important;\n    box-shadow:none!important;\n}\n\n.t36about-banner a:hover{\n    background:#AAB9A1!important;\n}\n\n.t36about-banner a span,\n.t36about-banner a i{\n    color:#111111!important;\n}\n\n\n\/* REVEAL *\/\n\n.t36about-banner-reveal{\n    opacity:1;\n    transform:none;\n}\n\n.t36about-banner.t36about-banner-motion .t36about-banner-reveal{\n    opacity:0;\n    transform:translateY(24px) scale(.94);\n\n    transition:\n        opacity 1.4s ease,\n        transform 1.4s cubic-bezier(.22,1,.36,1);\n}\n\n.t36about-banner.t36about-banner-motion .t36about-banner-reveal.is-visible{\n    opacity:1;\n    transform:none;\n}\n\n\n\/* TABLET *\/\n\n@media(max-width:1024px){\n\n    .t36about-banner{\n        min-height:480px;\n        padding:90px 40px;\n    }\n\n    .t36about-banner h1{\n        font-size:40px!important;\n    }\n\n    .t36about-banner p{\n        font-size:16px!important;\n    }\n}\n\n\n\/* MOBILE *\/\n\n@media(max-width:767px){\n\n    .t36about-banner{\n        min-height:400px;\n        padding:75px 20px;\n    }\n\n    .t36about-banner h1{\n        font-size:30px!important;\n    }\n}\n\n@media(prefers-reduced-motion:reduce){\n    .t36about-banner.t36about-banner-motion .t36about-banner-reveal{\n        opacity:1;\n        transform:none;\n        transition:none;\n    }\n}\n<\/style>\n\n<script>\n(function(){\n\n    document.querySelectorAll(\".t36about-banner\").forEach(function(section){\n\n        const item=section.querySelector(\".t36about-banner-reveal\");\n\n        if(\n            !item ||\n            !(\"IntersectionObserver\" in window) ||\n            window.matchMedia(\"(prefers-reduced-motion: reduce)\").matches\n        ){\n            if(item) item.classList.add(\"is-visible\");\n            return;\n        }\n\n        section.classList.add(\"t36about-banner-motion\");\n\n        const observer=new IntersectionObserver(function(entries){\n\n            entries.forEach(function(entry){\n\n                if(!entry.isIntersecting) return;\n\n                entry.target.classList.add(\"is-visible\");\n                observer.unobserve(entry.target);\n\n            });\n\n        },{threshold:.08});\n\n        observer.observe(item);\n\n    });\n\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-a01c975 e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-parent\" data-id=\"a01c975\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6887346 elementor-widget elementor-widget-html\" data-id=\"6887346\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Enriqueta:wght@400;500;600;700&family=Poly:ital@0;1&display=swap\" rel=\"stylesheet\">\n\n<section class=\"t36who-section\" id=\"t36-about-story\">\n\n    <div class=\"t36who-shell\">\n\n        <div class=\"t36who-top t36who-reveal\">\n\n            <div class=\"t36who-title\">\n\n                <span>Who We Are<\/span>\n\n                <h2>\n                    Built Around Better Choices,\n                    <em>Not More Listings.<\/em>\n                <\/h2>\n\n            <\/div>\n\n\n            <div class=\"t36who-intro\">\n\n                <p>\n                    We created a more focused property experience for people who\n                    value good architecture, useful context, and decisions that\n                    make sense beyond the photographs.\n                <\/p>\n\n                <p>\n                    Instead of beginning with an endless catalogue, we begin with\n                    how you want to live and build the search around that.\n                <\/p>\n\n            <\/div>\n\n        <\/div>\n\n\n        <figure class=\"t36who-image t36who-reveal\">\n\n            <img decoding=\"async\"\n                src=\"https:\/\/images.unsplash.com\/photo-1485705129954-3cf72945b22b?q=80&w=1170&auto=format&fit=crop&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D\"\n                alt=\"Modern residential interior\">\n\n            <figcaption>\n                <span>Considered Real Estate<\/span>\n                <strong>Property. Place. Perspective.<\/strong>\n            <\/figcaption>\n\n        <\/figure>\n\n\n        <div class=\"t36who-rail t36who-reveal\">\n\n            <article>\n                <strong>01<\/strong>\n                <span>Understand the brief<\/span>\n            <\/article>\n\n            <article>\n                <strong>02<\/strong>\n                <span>Refine the possibilities<\/span>\n            <\/article>\n\n            <article>\n                <strong>03<\/strong>\n                <span>Compare with context<\/span>\n            <\/article>\n\n            <article>\n                <strong>04<\/strong>\n                <span>Decide with clarity<\/span>\n            <\/article>\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n<style>\n.t36who-section,\n.t36who-section *,\n.t36who-section *::before,\n.t36who-section *::after{\n    box-sizing:border-box;\n}\n\n.t36who-section{\n    width:100%;\n    padding:60px;\n    overflow:hidden;\n    background:#ffffff;\n    font-family:\"Poly\",serif;\n}\n\n.t36who-shell{\n    width:100%;\n    max-width:1420px;\n    margin:0 auto;\n}\n\n\n\/* TOP *\/\n\n.t36who-top{\n    display:grid;\n    grid-template-columns:1.1fr .9fr;\n    align-items:end;\n    gap:80px;\n    margin-bottom:28px;\n}\n\n.t36who-title > span{\n    display:inline-flex;\n    padding:8px 14px;\n    border-radius:18px;\n    background:#F1F5EF;\n    color:#111111!important;\n    font-size:15px!important;\n}\n\n.t36who-title h2{\n    max-width:700px;\n    margin:13px 0 0!important;\n\n    color:#111111!important;\n\n    font-family:\"Enriqueta\",serif!important;\n    font-size:42px!important;\n    line-height:1.18!important;\n    font-weight:500!important;\n}\n\n.t36who-title h2 em{\n    color:#111111!important;\n    font-weight:400!important;\n}\n\n.t36who-intro{\n    max-width:560px;\n    justify-self:end;\n}\n\n.t36who-intro p{\n    margin:0!important;\n    color:#111111!important;\n    font-size:17px!important;\n    line-height:1.62!important;\n}\n\n.t36who-intro p + p{\n    margin-top:10px!important;\n}\n\n\n\/* IMAGE *\/\n\n.t36who-image{\n    position:relative;\n    height:480px;\n    margin:0;\n    overflow:hidden;\n    border-radius:25px;\n}\n\n.t36who-image img{\n    width:100%;\n    height:100%;\n    display:block;\n    object-fit:cover;\n    transition:transform .6s ease;\n}\n\n@media(hover:hover) and (pointer:fine){\n    .t36who-image:hover img{\n        transform:scale(1.025);\n    }\n}\n\n.t36who-image::after{\n    content:\"\";\n    position:absolute;\n    inset:55% 0 0;\n    background:linear-gradient(transparent,rgba(0,0,0,.68));\n}\n\n.t36who-image figcaption{\n    position:absolute;\n    z-index:2;\n    left:25px;\n    bottom:23px;\n}\n\n.t36who-image figcaption span{\n    display:block;\n    color:#ffffff!important;\n    -webkit-text-fill-color:#ffffff!important;\n    font-size:14px!important;\n}\n\n.t36who-image figcaption strong{\n    display:block;\n    margin-top:4px;\n    color:#ffffff!important;\n    -webkit-text-fill-color:#ffffff!important;\n    font-family:\"Enriqueta\",serif!important;\n    font-size:24px!important;\n    font-weight:500!important;\n}\n\n\n\/* RAIL *\/\n\n.t36who-rail{\n    margin-top:7px;\n    display:grid;\n    grid-template-columns:repeat(4,1fr);\n    border-radius:22px;\n    overflow:hidden;\n    background:#F1F5EF;\n}\n\n.t36who-rail article{\n    min-height:112px;\n    padding:21px 24px;\n    display:flex;\n    flex-direction:column;\n    justify-content:center;\n}\n\n.t36who-rail article + article{\n    border-left:1px solid rgba(0,0,0,.10);\n}\n\n.t36who-rail strong{\n    color:#111111!important;\n    font-family:\"Enriqueta\",serif!important;\n    font-size:24px!important;\n    font-weight:500!important;\n}\n\n.t36who-rail span{\n    margin-top:5px;\n    color:#111111!important;\n    font-size:15px!important;\n}\n\n\n\/* REVEAL *\/\n\n.t36who-reveal{\n    opacity:1;\n    transform:none;\n}\n\n.t36who-section.t36who-motion .t36who-reveal{\n    opacity:0;\n    transform:translateY(24px) scale(.94);\n    transition:\n        opacity 1.4s ease,\n        transform 1.4s cubic-bezier(.22,1,.36,1);\n}\n\n.t36who-section.t36who-motion .t36who-reveal.is-visible{\n    opacity:1;\n    transform:none;\n}\n\n\n\/* TABLET *\/\n\n@media(max-width:1024px) and (min-width:768px){\n\n    .t36who-section{\n        padding:40px;\n    }\n\n    .t36who-top{\n        grid-template-columns:1fr 1fr;\n        gap:35px;\n    }\n\n    .t36who-title h2{\n        font-size:34px!important;\n    }\n\n    .t36who-intro p{\n        font-size:16px!important;\n    }\n\n    .t36who-image{\n        height:400px;\n    }\n\n    .t36who-rail article{\n        min-height:95px;\n        padding:17px;\n    }\n\n    .t36who-rail strong{\n        font-size:21px!important;\n    }\n}\n\n\n\/* MOBILE *\/\n\n@media(max-width:767px){\n\n    .t36who-section{\n        padding:30px 20px;\n    }\n\n    .t36who-top{\n        grid-template-columns:1fr;\n        gap:15px;\n        margin-bottom:20px;\n    }\n\n    .t36who-title h2{\n        font-size:29px!important;\n    }\n\n    .t36who-intro{\n        justify-self:start;\n    }\n\n    .t36who-intro p{\n        font-size:16px!important;\n    }\n\n    .t36who-image{\n        height:330px;\n        border-radius:20px;\n    }\n\n    .t36who-image figcaption strong{\n        font-size:19px!important;\n    }\n\n    .t36who-rail{\n        grid-template-columns:1fr 1fr;\n    }\n\n    .t36who-rail article{\n        min-height:90px;\n        padding:16px;\n    }\n\n    .t36who-rail article:nth-child(3),\n    .t36who-rail article:nth-child(4){\n        border-top:1px solid rgba(0,0,0,.10);\n    }\n\n    .t36who-rail article:nth-child(3){\n        border-left:0;\n    }\n\n    .t36who-rail strong{\n        font-size:19px!important;\n    }\n}\n<\/style>\n\n<script>\n(function(){\n\n    document.querySelectorAll(\".t36who-section\").forEach(function(section){\n\n        const items=section.querySelectorAll(\".t36who-reveal\");\n\n        if(!(\"IntersectionObserver\" in window)){\n            items.forEach(item=>item.classList.add(\"is-visible\"));\n            return;\n        }\n\n        section.classList.add(\"t36who-motion\");\n\n        const observer=new IntersectionObserver(function(entries){\n\n            entries.forEach(function(entry){\n\n                if(!entry.isIntersecting) return;\n\n                entry.target.classList.add(\"is-visible\");\n                observer.unobserve(entry.target);\n\n            });\n\n        },{threshold:.08});\n\n        items.forEach(item=>observer.observe(item));\n\n    });\n\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-07e1795 e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-parent\" data-id=\"07e1795\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4225214 elementor-widget elementor-widget-html\" data-id=\"4225214\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Enriqueta:wght@400;500;600;700&family=Poly:ital@0;1&display=swap\" rel=\"stylesheet\">\n\n<section class=\"t36drive6-section\">\n\n    <!-- CURVED ILLUSTRATION LINES -->\n    <div class=\"t36drive6-orbit t36drive6-orbit-one\"><\/div>\n    <div class=\"t36drive6-orbit t36drive6-orbit-two\"><\/div>\n\n\n    <!-- CONTENT -->\n    <div class=\"t36drive6-content t36drive6-reveal\">\n\n        <span class=\"t36drive6-label\">\n            What Drives Us\n        <\/span>\n\n        <h2>\n            \u201cThe right home is rarely the one with the longest specification.\n            It is the one where the property, the place, and the way you live\n            finally make sense together.\u201d\n        <\/h2>\n\n    <\/div>\n\n<\/section>\n\n\n<style>\n\/* =========================================================\n   BASE\n========================================================= *\/\n\n.t36drive6-section,\n.t36drive6-section *,\n.t36drive6-section *::before,\n.t36drive6-section *::after{\n    box-sizing:border-box;\n}\n\n.t36drive6-section{\n    position:relative;\n\n    width:100%;\n    min-height:480px;\n\n    padding:70px 60px;\n\n    overflow:hidden;\n\n    background:#181818;\n\n    display:flex;\n    align-items:center;\n    justify-content:center;\n\n    font-family:\"Poly\",serif;\n}\n\n\n\/* =========================================================\n   CURVED ORBITS ONLY\n========================================================= *\/\n\n.t36drive6-orbit{\n    position:absolute;\n\n    pointer-events:none;\n\n    border:1px solid rgba(255,255,255,.13);\n\n    border-radius:50%;\n}\n\n\n\/* OUTER *\/\n\n.t36drive6-orbit-one{\n    width:1350px;\n    height:720px;\n\n    left:50%;\n    top:50%;\n\n    transform:\n        translate(-50%,-50%)\n        rotate(-4deg);\n}\n\n\n\/* INNER *\/\n\n.t36drive6-orbit-two{\n    width:950px;\n    height:950px;\n\n    left:50%;\n    top:50%;\n\n    transform:\n        translate(-50%,-50%)\n        rotate(8deg);\n}\n\n\n\/* =========================================================\n   CONTENT\n========================================================= *\/\n\n.t36drive6-content{\n    position:relative;\n    z-index:3;\n\n    width:min(940px,100%);\n\n    margin:0 auto;\n\n    text-align:center;\n}\n\n\n.t36drive6-label{\n    display:inline-flex;\n\n    align-items:center;\n    justify-content:center;\n\n    padding:8px 14px;\n\n    border-radius:18px;\n\n    background:#BAC8B1;\n\n    color:#111111!important;\n    -webkit-text-fill-color:#111111!important;\n\n    font-family:\"Poly\",serif!important;\n\n    font-size:15px!important;\n    line-height:1!important;\n}\n\n\n.t36drive6-content h2{\n    max-width:940px;\n\n    margin:22px auto 0!important;\n\n    color:#ffffff!important;\n    -webkit-text-fill-color:#ffffff!important;\n\n    font-family:\"Enriqueta\",serif!important;\n\n    font-size:36px!important;\n    line-height:1.35!important;\n    font-weight:500!important;\n\n    text-align:center;\n}\n\n\n\/* =========================================================\n   REVEAL\n========================================================= *\/\n\n.t36drive6-reveal{\n    opacity:1;\n\n    transform:none;\n}\n\n.t36drive6-section.t36drive6-motion\n.t36drive6-reveal{\n    opacity:0;\n\n    transform:\n        translateY(24px)\n        scale(.94);\n\n    transition:\n        opacity 1.4s ease,\n        transform 1.4s cubic-bezier(.22,1,.36,1);\n}\n\n.t36drive6-section.t36drive6-motion\n.t36drive6-reveal.is-visible{\n    opacity:1;\n\n    transform:none;\n}\n\n\n\/* =========================================================\n   TABLET\n   768PX \u2014 1024PX\n\n   REBALANCED:\n   Curves sit between the previous \"too close\"\n   and \"too far\" versions.\n========================================================= *\/\n\n@media(max-width:1024px) and (min-width:768px){\n\n    .t36drive6-section{\n        min-height:410px;\n\n        padding:60px 40px;\n    }\n\n\n    .t36drive6-orbit{\n        border-color:\n            rgba(255,255,255,.145);\n    }\n\n\n    \/* =====================================================\n       OUTER CURVE\n\n       Responsive rather than oversized fixed width.\n\n       768px viewport  \u2192 approx 980px\n       1024px viewport \u2192 approx 1105px\n    ====================================================== *\/\n\n    .t36drive6-orbit-one{\n        width:\n            clamp(\n                980px,\n                108vw,\n                1110px\n            );\n\n        height:\n            clamp(\n                515px,\n                55vw,\n                560px\n            );\n\n        left:50%;\n        top:50%;\n\n        transform:\n            translate(-50%,-50%)\n            rotate(-4deg);\n    }\n\n\n    \/* =====================================================\n       INNER CURVE\n\n       This is the important adjustment.\n\n       Previous:\n       620px = too close\n       920px = too far\n\n       New:\n       roughly 720px \u2014 840px depending\n       on tablet width.\n    ====================================================== *\/\n\n    .t36drive6-orbit-two{\n        width:\n            clamp(\n                720px,\n                82vw,\n                840px\n            );\n\n        height:\n            clamp(\n                650px,\n                70vw,\n                720px\n            );\n\n        left:50%;\n        top:50%;\n\n        transform:\n            translate(-50%,-50%)\n            rotate(7deg);\n    }\n\n\n    \/* =====================================================\n       CONTENT\n    ====================================================== *\/\n\n    .t36drive6-content{\n        width:min(680px,100%);\n    }\n\n\n    .t36drive6-label{\n        font-size:14px!important;\n    }\n\n\n    .t36drive6-content h2{\n        max-width:680px;\n\n        margin-top:20px!important;\n\n        font-size:29px!important;\n        line-height:1.38!important;\n    }\n\n}\n\n\n\/* =========================================================\n   NARROW TABLET\n   768PX \u2014 850PX\n\n   Slight extra protection without pushing\n   the curves all the way out.\n========================================================= *\/\n\n@media(max-width:850px) and (min-width:768px){\n\n    .t36drive6-orbit-one{\n        width:980px;\n        height:515px;\n    }\n\n\n    .t36drive6-orbit-two{\n        width:720px;\n        height:650px;\n\n        transform:\n            translate(-50%,-50%)\n            rotate(6deg);\n    }\n\n\n    .t36drive6-content{\n        width:min(640px,100%);\n    }\n\n\n    .t36drive6-content h2{\n        max-width:640px;\n\n        font-size:27px!important;\n        line-height:1.4!important;\n    }\n\n}\n\n\n\/* =========================================================\n   MOBILE\n   UNCHANGED\n========================================================= *\/\n\n@media(max-width:767px){\n\n    .t36drive6-section{\n        min-height:370px;\n\n        padding:50px 20px;\n    }\n\n\n    .t36drive6-orbit{\n        border-color:\n            rgba(255,255,255,.16);\n    }\n\n\n    .t36drive6-orbit-one{\n        width:620px;\n        height:330px;\n\n        left:50%;\n        top:49%;\n\n        transform:\n            translate(-50%,-50%)\n            rotate(-6deg);\n    }\n\n\n    .t36drive6-orbit-two{\n        width:390px;\n        height:510px;\n\n        left:50%;\n        top:50%;\n\n        transform:\n            translate(-50%,-50%)\n            rotate(10deg);\n    }\n\n\n    .t36drive6-content{\n        width:100%;\n        max-width:100%;\n\n        padding:0 10px;\n    }\n\n\n    .t36drive6-label{\n        font-size:14px!important;\n    }\n\n\n    .t36drive6-content h2{\n        width:100%;\n        max-width:100%;\n\n        margin-top:20px!important;\n\n        font-size:24px!important;\n        line-height:1.42!important;\n    }\n\n}\n\n\n\/* =========================================================\n   SMALL MOBILE\n========================================================= *\/\n\n@media(max-width:390px){\n\n    .t36drive6-section{\n        min-height:360px;\n\n        padding:44px 20px;\n    }\n\n\n    .t36drive6-orbit-one{\n        width:545px;\n        height:305px;\n    }\n\n\n    .t36drive6-orbit-two{\n        width:345px;\n        height:470px;\n    }\n\n\n    .t36drive6-content{\n        padding:0 8px;\n    }\n\n\n    .t36drive6-content h2{\n        font-size:22px!important;\n        line-height:1.42!important;\n    }\n\n}\n\n\n\/* =========================================================\n   REDUCED MOTION\n========================================================= *\/\n\n@media(prefers-reduced-motion:reduce){\n\n    .t36drive6-section.t36drive6-motion\n    .t36drive6-reveal{\n        opacity:1;\n\n        transform:none;\n\n        transition:none;\n    }\n\n}\n<\/style>\n\n\n<script>\n(function(){\n\n    document\n        .querySelectorAll(\".t36drive6-section\")\n        .forEach(function(section){\n\n            const item =\n                section.querySelector(\n                    \".t36drive6-reveal\"\n                );\n\n\n            if(\n                !(\"IntersectionObserver\" in window) ||\n                window.matchMedia(\n                    \"(prefers-reduced-motion: reduce)\"\n                ).matches\n            ){\n\n                item.classList.add(\n                    \"is-visible\"\n                );\n\n                return;\n            }\n\n\n            section.classList.add(\n                \"t36drive6-motion\"\n            );\n\n\n            const observer =\n                new IntersectionObserver(\n                    function(entries){\n\n                        entries.forEach(function(entry){\n\n                            if(!entry.isIntersecting){\n                                return;\n                            }\n\n\n                            entry.target\n                                .classList\n                                .add(\"is-visible\");\n\n\n                            observer.unobserve(\n                                entry.target\n                            );\n\n                        });\n\n                    },\n                    {\n                        threshold:.08\n                    }\n                );\n\n\n            observer.observe(item);\n\n        });\n\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-0077121 e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-parent\" data-id=\"0077121\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9600de6 elementor-widget elementor-widget-html\" data-id=\"9600de6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Enriqueta:wght@400;500;600;700&family=Poly:ital@0;1&display=swap\" rel=\"stylesheet\">\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.1\/css\/all.min.css\">\n\n<section class=\"t36process-section\">\n\n    <div class=\"t36process-shell\">\n\n        <header class=\"t36process-heading t36process-reveal\">\n\n            <span>How We Work<\/span>\n\n            <h2>\n                A Property Search That\n                <em>Feels More Personal.<\/em>\n            <\/h2>\n\n            <p>\n                Each stage narrows the search without losing sight of the\n                things that made you begin looking in the first place.\n            <\/p>\n\n        <\/header>\n\n\n        <div class=\"t36process-row\">\n\n            <article class=\"t36process-card t36process-reveal\">\n\n                <span class=\"t36process-step\">Step \u2014 01<\/span>\n\n                <h3>Understand the Brief<\/h3>\n\n                <p>\n                    We begin with your priorities, lifestyle, preferred setting,\n                    space requirements, and timing.\n                <\/p>\n\n                <span class=\"t36process-tag\">\n                    Start With You\n                <\/span>\n\n            <\/article>\n\n\n            <span class=\"t36process-arrow t36process-reveal\">\n                <i class=\"fa-solid fa-chevron-right\"><\/i>\n            <\/span>\n\n\n            <article class=\"t36process-card t36process-reveal\">\n\n                <span class=\"t36process-step\">Step \u2014 02<\/span>\n\n                <h3>Refine the Search<\/h3>\n\n                <p>\n                    We reduce unnecessary options and focus on residences that\n                    genuinely respond to the brief.\n                <\/p>\n\n                <span class=\"t36process-tag\">\n                    Less Noise\n                <\/span>\n\n            <\/article>\n\n\n            <span class=\"t36process-arrow t36process-reveal\">\n                <i class=\"fa-solid fa-chevron-right\"><\/i>\n            <\/span>\n\n\n            <article class=\"t36process-card t36process-reveal\">\n\n                <span class=\"t36process-step\">Step \u2014 03<\/span>\n\n                <h3>Compare in Context<\/h3>\n\n                <p>\n                    Property, location, layout, character, and everyday usability\n                    are considered together.\n                <\/p>\n\n                <span class=\"t36process-tag\">\n                    Better Context\n                <\/span>\n\n            <\/article>\n\n\n            <span class=\"t36process-arrow t36process-reveal\">\n                <i class=\"fa-solid fa-chevron-right\"><\/i>\n            <\/span>\n\n\n            <article class=\"t36process-card t36process-reveal\">\n\n                <span class=\"t36process-step\">Step \u2014 04<\/span>\n\n                <h3>Move With Clarity<\/h3>\n\n                <p>\n                    Once the right property becomes clear, we help keep the\n                    next steps composed and straightforward.\n                <\/p>\n\n                <span class=\"t36process-tag\">\n                    Clear Decision\n                <\/span>\n\n            <\/article>\n\n        <\/div>\n\n\n        <div class=\"t36process-bottom t36process-reveal\">\n\n            <p>\n                Ready to begin with a clearer brief?\n            <\/p>\n\n            <a href=\"https:\/\/teknr36.thestackly.in\/?page_id=27\">\n                Start a Conversation\n            <\/a>\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n<style>\n.t36process-section,\n.t36process-section *,\n.t36process-section *::before,\n.t36process-section *::after{\n    box-sizing:border-box;\n}\n\n.t36process-section{\n    width:100%;\n    padding:60px;\n    overflow:hidden;\n    background:#F1F5EF;\n    font-family:\"Poly\",serif;\n}\n\n.t36process-shell{\n    width:100%;\n    max-width:1420px;\n    margin:0 auto;\n}\n\n\n\/* HEADING *\/\n\n.t36process-heading{\n    width:min(840px,100%);\n    margin:0 auto 35px;\n    text-align:center;\n}\n\n.t36process-heading > span{\n    display:inline-flex;\n    padding:8px 14px;\n    border-radius:18px;\n    background:#ffffff;\n    color:#111111!important;\n    font-size:15px!important;\n}\n\n.t36process-heading h2{\n    margin:13px 0 0!important;\n    color:#111111!important;\n    font-family:\"Enriqueta\",serif!important;\n    font-size:42px!important;\n    line-height:1.2!important;\n    font-weight:500!important;\n}\n\n.t36process-heading h2 em{\n    color:#111111!important;\n    font-weight:400!important;\n}\n\n.t36process-heading p{\n    max-width:720px;\n    margin:8px auto 0!important;\n    color:#111111!important;\n    font-size:17px!important;\n    line-height:1.6!important;\n}\n\n\n\/* ROW *\/\n\n.t36process-row{\n    display:grid;\n\n    grid-template-columns:\n        minmax(0,1fr)\n        46px\n        minmax(0,1fr)\n        46px\n        minmax(0,1fr)\n        46px\n        minmax(0,1fr);\n\n    align-items:center;\n}\n\n.t36process-card{\n    min-height:330px;\n    padding:30px;\n    border-radius:28px;\n    background:#ffffff;\n    display:flex;\n    flex-direction:column;\n}\n\n.t36process-step{\n    color:#111111!important;\n    font-family:\"Enriqueta\",serif!important;\n    font-size:17px!important;\n}\n\n.t36process-card h3{\n    margin:36px 0 9px!important;\n    color:#111111!important;\n    font-family:\"Enriqueta\",serif!important;\n    font-size:24px!important;\n    line-height:1.28!important;\n    font-weight:600!important;\n}\n\n.t36process-card p{\n    margin:0!important;\n    color:#111111!important;\n    font-size:17px!important;\n    line-height:1.55!important;\n}\n\n.t36process-tag{\n    width:max-content;\n    max-width:100%;\n    margin-top:auto;\n    padding:7px 11px;\n    border-radius:12px;\n    background:#F1F5EF;\n    color:#111111!important;\n    font-size:14px!important;\n}\n\n\n\/* ARROWS *\/\n\n.t36process-arrow{\n    position:relative;\n    z-index:2;\n\n    width:52px;\n    height:52px;\n\n    margin-left:-3px;\n    margin-right:-3px;\n\n    border:7px solid #F1F5EF;\n    border-radius:50%;\n    background:#171717;\n\n    color:#ffffff!important;\n\n    display:flex;\n    align-items:center;\n    justify-content:center;\n\n    font-size:13px;\n}\n\n\n\/* BOTTOM *\/\n\n.t36process-bottom{\n    width:max-content;\n    max-width:100%;\n    min-height:60px;\n\n    margin:28px auto 0;\n    padding:10px 18px;\n\n    border-radius:20px;\n    background:#ffffff;\n\n    display:flex;\n    align-items:center;\n    gap:8px;\n}\n\n.t36process-bottom p{\n    margin:0!important;\n    color:#111111!important;\n    font-size:17px!important;\n}\n\n.t36process-bottom a,\n.t36process-bottom a:visited,\n.t36process-bottom a:hover{\n    color:#111111!important;\n    -webkit-text-fill-color:#111111!important;\n    font-size:16px!important;\n    text-decoration:underline!important;\n}\n\n\n\/* REVEAL *\/\n\n.t36process-reveal{\n    opacity:1;\n    transform:none;\n}\n\n.t36process-section.t36process-motion .t36process-reveal{\n    opacity:0;\n    transform:translateY(24px) scale(.94);\n    transition:\n        opacity 1.4s ease,\n        transform 1.4s cubic-bezier(.22,1,.36,1);\n}\n\n.t36process-section.t36process-motion .t36process-reveal.is-visible{\n    opacity:1;\n    transform:none;\n}\n\n\n\/* TABLET *\/\n\n@media(max-width:1024px) and (min-width:768px){\n\n    .t36process-section{\n        padding:40px;\n    }\n\n    .t36process-heading h2{\n        font-size:34px!important;\n    }\n\n    .t36process-heading p,\n    .t36process-card p{\n        font-size:16px!important;\n    }\n\n    .t36process-row{\n        grid-template-columns:1fr 1fr;\n        gap:8px;\n    }\n\n    .t36process-arrow{\n        display:none;\n    }\n\n    .t36process-card{\n        min-height:260px;\n        padding:25px;\n    }\n\n    .t36process-card h3{\n        margin-top:23px!important;\n        font-size:21px!important;\n    }\n}\n\n\n\/* MOBILE *\/\n\n@media(max-width:767px){\n\n    .t36process-section{\n        padding:30px 20px;\n    }\n\n    .t36process-heading h2{\n        font-size:29px!important;\n    }\n\n    .t36process-heading p,\n    .t36process-card p,\n    .t36process-bottom p{\n        font-size:16px!important;\n    }\n\n    .t36process-row{\n        grid-template-columns:1fr;\n        gap:7px;\n    }\n\n    .t36process-arrow{\n        display:none;\n    }\n\n    .t36process-card{\n        min-height:240px;\n        padding:23px 21px;\n        border-radius:22px;\n    }\n\n    .t36process-card h3{\n        margin-top:21px!important;\n        font-size:19px!important;\n    }\n\n    .t36process-bottom{\n        width:100%;\n        flex-direction:column;\n        text-align:center;\n    }\n}\n<\/style>\n\n<script>\n(function(){\n\n    document.querySelectorAll(\".t36process-section\").forEach(function(section){\n\n        const items=section.querySelectorAll(\".t36process-reveal\");\n\n        if(!(\"IntersectionObserver\" in window)){\n            items.forEach(item=>item.classList.add(\"is-visible\"));\n            return;\n        }\n\n        section.classList.add(\"t36process-motion\");\n\n        const observer=new IntersectionObserver(function(entries){\n\n            entries.forEach(function(entry){\n\n                if(!entry.isIntersecting) return;\n\n                entry.target.classList.add(\"is-visible\");\n                observer.unobserve(entry.target);\n\n            });\n\n        },{threshold:.08});\n\n        items.forEach(item=>observer.observe(item));\n\n    });\n\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2351b02 e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-parent\" data-id=\"2351b02\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-cdf8e87 elementor-widget elementor-widget-html\" data-id=\"cdf8e87\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Enriqueta:wght@400;500;600;700&family=Poly:ital@0;1&display=swap\" rel=\"stylesheet\">\n\n<section class=\"t36mv2-section\">\n\n    <div class=\"t36mv2-shell\">\n\n        <!-- =====================================================\n             HEADING\n        ====================================================== -->\n\n        <header class=\"t36mv2-heading t36mv2-reveal\">\n\n            <span>\n                Our Mission &amp; Vision\n            <\/span>\n\n            <h2>\n                What We Believe Property\n                <em>Should Feel Like.<\/em>\n            <\/h2>\n\n            <p>\n                Our mission shapes the way we work today. Our vision defines\n                the kind of property experience we want that work to create.\n            <\/p>\n\n        <\/header>\n\n\n        <!-- =====================================================\n             MAIN COMPOSITION\n        ====================================================== -->\n\n        <div class=\"t36mv2-stage\">\n\n\n            <!-- =================================================\n                 MISSION\n            ================================================== -->\n\n            <article class=\"t36mv2-block t36mv2-mission t36mv2-reveal\">\n\n                <div class=\"t36mv2-number\">\n                    01\n                <\/div>\n\n\n                <div class=\"t36mv2-copy\">\n\n                    <span>\n                        Our Mission\n                    <\/span>\n\n                    <h3>\n                        Make Property Decisions\n                        More Considered.\n                    <\/h3>\n\n                    <p>\n                        Our mission is to replace unnecessary searching with\n                        a more focused property experience built around what\n                        genuinely matters to each client.\n                    <\/p>\n\n                    <p>\n                        We bring the residence, its setting, everyday usability,\n                        and personal priorities into the same conversation so\n                        every option has a clearer reason for being considered.\n                    <\/p>\n\n                <\/div>\n\n            <\/article>\n\n\n            <!-- =================================================\n                 CENTRAL IMAGE\n                 FLAGGED CAPTION REMOVED COMPLETELY\n            ================================================== -->\n\n            <figure class=\"t36mv2-image t36mv2-reveal\">\n\n                <img decoding=\"async\"\n                    src=\"https:\/\/images.unsplash.com\/photo-1585297681479-576d958e30a4?q=80&w=1170&auto=format&fit=crop&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D\"\n                    alt=\"Contemporary residential architecture\">\n\n            <\/figure>\n\n\n            <!-- =================================================\n                 VISION\n            ================================================== -->\n\n            <article class=\"t36mv2-block t36mv2-vision t36mv2-reveal\">\n\n                <div class=\"t36mv2-number\">\n                    02\n                <\/div>\n\n\n                <div class=\"t36mv2-copy\">\n\n                    <span>\n                        Our Vision\n                    <\/span>\n\n                    <h3>\n                        A Better Way to Find\n                        Where You Belong.\n                    <\/h3>\n\n                    <p>\n                        We want property search to feel less like filtering\n                        through inventory and more like understanding which\n                        homes genuinely fit a person's life.\n                    <\/p>\n\n                    <p>\n                        Our vision is a more thoughtful real-estate experience\n                        where relevance, context, and clarity matter as much\n                        as the property itself.\n                    <\/p>\n\n                <\/div>\n\n            <\/article>\n\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n\n<style>\n\/* =========================================================\n   BASE\n========================================================= *\/\n\n.t36mv2-section,\n.t36mv2-section *,\n.t36mv2-section *::before,\n.t36mv2-section *::after{\n    box-sizing:border-box;\n}\n\n.t36mv2-section{\n    width:100%;\n\n    margin:0;\n\n    padding:60px;\n\n    overflow:hidden;\n\n    background:#ffffff;\n\n    font-family:\"Poly\",serif;\n}\n\n.t36mv2-shell{\n    width:100%;\n    max-width:1420px;\n\n    margin:0 auto;\n}\n\n\n\/* =========================================================\n   HEADING\n========================================================= *\/\n\n.t36mv2-heading{\n    width:min(820px,100%);\n\n    margin:0 auto 30px;\n\n    text-align:center;\n}\n\n.t36mv2-heading > span{\n    display:inline-flex;\n\n    align-items:center;\n    justify-content:center;\n\n    padding:8px 14px;\n\n    border-radius:18px;\n\n    background:#F1F5EF;\n\n    color:#111111!important;\n    -webkit-text-fill-color:#111111!important;\n\n    font-size:15px!important;\n    line-height:1!important;\n}\n\n.t36mv2-heading h2{\n    margin:13px 0 0!important;\n\n    color:#111111!important;\n    -webkit-text-fill-color:#111111!important;\n\n    font-family:\"Enriqueta\",serif!important;\n\n    font-size:42px!important;\n    line-height:1.2!important;\n    font-weight:500!important;\n}\n\n.t36mv2-heading h2 em{\n    color:#111111!important;\n    -webkit-text-fill-color:#111111!important;\n\n    font-weight:400!important;\n}\n\n.t36mv2-heading p{\n    max-width:720px;\n\n    margin:8px auto 0!important;\n\n    color:#111111!important;\n    -webkit-text-fill-color:#111111!important;\n\n    font-family:\"Poly\",serif!important;\n\n    font-size:17px!important;\n    line-height:1.6!important;\n}\n\n\n\/* =========================================================\n   MAIN STAGE\n========================================================= *\/\n\n.t36mv2-stage{\n    width:100%;\n\n    display:grid;\n\n    grid-template-columns:\n        minmax(0,1fr)\n        245px\n        minmax(0,1fr);\n\n    gap:6px;\n\n    align-items:stretch;\n}\n\n\n\/* =========================================================\n   COMMON TEXT BLOCK\n========================================================= *\/\n\n.t36mv2-block{\n    min-width:0;\n\n    min-height:470px;\n\n    padding:32px;\n\n    display:flex;\n\n    flex-direction:column;\n    justify-content:space-between;\n}\n\n\n\/* =========================================================\n   MISSION\n========================================================= *\/\n\n.t36mv2-mission{\n    background:#F1F5EF;\n}\n\n\n\/* =========================================================\n   VISION\n========================================================= *\/\n\n.t36mv2-vision{\n    background:#171717;\n}\n\n\n\/* =========================================================\n   NUMBERS\n========================================================= *\/\n\n.t36mv2-number{\n    font-family:\"Enriqueta\",serif!important;\n\n    font-size:30px!important;\n    line-height:1!important;\n    font-weight:500!important;\n}\n\n.t36mv2-mission .t36mv2-number{\n    color:#111111!important;\n    -webkit-text-fill-color:#111111!important;\n}\n\n.t36mv2-vision .t36mv2-number{\n    color:#ffffff!important;\n    -webkit-text-fill-color:#ffffff!important;\n}\n\n\n\/* =========================================================\n   COPY LABEL\n========================================================= *\/\n\n.t36mv2-copy > span{\n    display:block;\n\n    margin-bottom:8px;\n\n    font-size:14px!important;\n    line-height:1.3!important;\n}\n\n.t36mv2-mission .t36mv2-copy > span{\n    color:#111111!important;\n    -webkit-text-fill-color:#111111!important;\n}\n\n.t36mv2-vision .t36mv2-copy > span{\n    color:#ffffff!important;\n    -webkit-text-fill-color:#ffffff!important;\n}\n\n\n\/* =========================================================\n   COPY TITLE\n========================================================= *\/\n\n.t36mv2-copy h3{\n    max-width:440px;\n\n    margin:0 0 13px!important;\n\n    font-family:\"Enriqueta\",serif!important;\n\n    font-size:24px!important;\n    line-height:1.3!important;\n    font-weight:600!important;\n}\n\n.t36mv2-mission .t36mv2-copy h3{\n    color:#111111!important;\n    -webkit-text-fill-color:#111111!important;\n}\n\n.t36mv2-vision .t36mv2-copy h3{\n    color:#ffffff!important;\n    -webkit-text-fill-color:#ffffff!important;\n}\n\n\n\/* =========================================================\n   BODY\n========================================================= *\/\n\n.t36mv2-copy p{\n    max-width:470px;\n\n    margin:0!important;\n\n    font-family:\"Poly\",serif!important;\n\n    font-size:17px!important;\n    line-height:1.6!important;\n}\n\n.t36mv2-copy p + p{\n    margin-top:10px!important;\n}\n\n.t36mv2-mission .t36mv2-copy p{\n    color:#111111!important;\n    -webkit-text-fill-color:#111111!important;\n}\n\n.t36mv2-vision .t36mv2-copy p{\n    color:#ffffff!important;\n    -webkit-text-fill-color:#ffffff!important;\n}\n\n\n\/* =========================================================\n   CENTRAL IMAGE\n   CLEAN \u2014 NO TEXT\/CAPTION OVERLAY\n========================================================= *\/\n\n.t36mv2-image{\n    position:relative;\n\n    min-width:0;\n    min-height:470px;\n\n    margin:0;\n\n    overflow:hidden;\n\n    background:#e6e8e4;\n}\n\n.t36mv2-image img{\n    width:100%;\n    height:100%;\n\n    display:block;\n\n    object-fit:cover;\n    object-position:center;\n\n    transition:\n        transform .6s ease;\n}\n\n\n\/* Slight shading retained only for image depth.\n   No text sits over it anymore. *\/\n\n.t36mv2-image::after{\n    content:\"\";\n\n    position:absolute;\n\n    inset:0;\n\n    background:\n        linear-gradient(\n            to bottom,\n            rgba(0,0,0,.04),\n            rgba(0,0,0,.14)\n        );\n\n    pointer-events:none;\n}\n\n\n@media(hover:hover) and (pointer:fine){\n\n    .t36mv2-image:hover img{\n        transform:scale(1.025);\n    }\n\n}\n\n\n\/* =========================================================\n   REVEAL\n========================================================= *\/\n\n.t36mv2-reveal{\n    opacity:1;\n\n    transform:none;\n}\n\n.t36mv2-section.t36mv2-motion\n.t36mv2-reveal{\n    opacity:0;\n\n    transform:\n        translateY(24px)\n        scale(.94);\n\n    transition:\n        opacity 1.4s ease,\n        transform 1.4s cubic-bezier(.22,1,.36,1);\n}\n\n.t36mv2-section.t36mv2-motion\n.t36mv2-reveal.is-visible{\n    opacity:1;\n\n    transform:none;\n}\n\n\n\/* =========================================================\n   TABLET\n   768PX \u2014 1024PX\n========================================================= *\/\n\n@media(max-width:1024px) and (min-width:768px){\n\n    .t36mv2-section{\n        padding:40px;\n    }\n\n\n    .t36mv2-heading{\n        margin-bottom:25px;\n    }\n\n\n    .t36mv2-heading h2{\n        font-size:34px!important;\n    }\n\n\n    .t36mv2-heading p,\n    .t36mv2-copy p{\n        font-size:16px!important;\n    }\n\n\n    \/*\n       Image remains full-width across top.\n       Mission and Vision remain equal below.\n    *\/\n\n    .t36mv2-stage{\n        grid-template-columns:\n            repeat(2,minmax(0,1fr));\n\n        gap:6px;\n    }\n\n\n    .t36mv2-image{\n        grid-column:1 \/ -1;\n        grid-row:1;\n\n        width:100%;\n\n        min-height:260px;\n        height:260px;\n    }\n\n\n    .t36mv2-mission{\n        grid-column:1;\n        grid-row:2;\n    }\n\n\n    .t36mv2-vision{\n        grid-column:2;\n        grid-row:2;\n    }\n\n\n    .t36mv2-block{\n        min-height:390px;\n\n        padding:\n            27px\n            25px;\n    }\n\n\n    .t36mv2-copy h3{\n        font-size:21px!important;\n    }\n\n\n    .t36mv2-number{\n        font-size:26px!important;\n    }\n\n}\n\n\n\/* =========================================================\n   MOBILE\n========================================================= *\/\n\n@media(max-width:767px){\n\n    .t36mv2-section{\n        padding:30px 20px;\n    }\n\n\n    .t36mv2-heading{\n        margin-bottom:20px;\n    }\n\n\n    .t36mv2-heading h2{\n        font-size:29px!important;\n    }\n\n\n    .t36mv2-heading p,\n    .t36mv2-copy p{\n        font-size:16px!important;\n    }\n\n\n    .t36mv2-stage{\n        grid-template-columns:1fr;\n\n        gap:6px;\n    }\n\n\n    \/*\n       Clean image.\n       No caption, text or arrow occupying\n       the central part of the photo.\n    *\/\n\n    .t36mv2-image{\n        grid-column:auto;\n        grid-row:auto;\n\n        width:100%;\n\n        min-height:270px;\n        height:270px;\n    }\n\n\n    .t36mv2-image img{\n        object-position:center;\n    }\n\n\n    .t36mv2-mission,\n    .t36mv2-vision{\n        grid-column:auto;\n        grid-row:auto;\n    }\n\n\n    .t36mv2-block{\n        min-height:330px;\n\n        padding:\n            24px\n            21px;\n    }\n\n\n    .t36mv2-number{\n        font-size:24px!important;\n    }\n\n\n    .t36mv2-copy h3{\n        font-size:19px!important;\n    }\n\n\n    \/*\n       No hover zoom on touch\/mobile.\n    *\/\n\n    .t36mv2-image:hover img{\n        transform:none;\n    }\n\n}\n\n\n\/* =========================================================\n   SMALL MOBILE\n========================================================= *\/\n\n@media(max-width:390px){\n\n    .t36mv2-image{\n        height:250px;\n        min-height:250px;\n    }\n\n\n    .t36mv2-block{\n        min-height:0;\n\n        padding:\n            22px\n            18px;\n    }\n\n}\n\n\n\/* =========================================================\n   REDUCED MOTION\n========================================================= *\/\n\n@media(prefers-reduced-motion:reduce){\n\n    .t36mv2-image img{\n        transition:none;\n    }\n\n\n    .t36mv2-section.t36mv2-motion\n    .t36mv2-reveal{\n        opacity:1;\n\n        transform:none;\n\n        transition:none;\n    }\n\n}\n<\/style>\n\n\n<script>\n(function(){\n\n    document\n        .querySelectorAll(\".t36mv2-section\")\n        .forEach(function(section){\n\n            const items =\n                section.querySelectorAll(\n                    \".t36mv2-reveal\"\n                );\n\n\n            if(\n                !(\"IntersectionObserver\" in window) ||\n                window.matchMedia(\n                    \"(prefers-reduced-motion: reduce)\"\n                ).matches\n            ){\n\n                items.forEach(function(item){\n\n                    item.classList.add(\n                        \"is-visible\"\n                    );\n\n                });\n\n                return;\n            }\n\n\n            section.classList.add(\n                \"t36mv2-motion\"\n            );\n\n\n            const observer =\n                new IntersectionObserver(\n                    function(entries){\n\n                        entries.forEach(function(entry){\n\n                            if(!entry.isIntersecting){\n                                return;\n                            }\n\n\n                            entry.target\n                                .classList\n                                .add(\n                                    \"is-visible\"\n                                );\n\n\n                            observer.unobserve(\n                                entry.target\n                            );\n\n                        });\n\n                    },\n                    {\n                        threshold:.08\n                    }\n                );\n\n\n            items.forEach(function(item){\n\n                observer.observe(item);\n\n            });\n\n        });\n\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-bcc6844 e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-parent\" data-id=\"bcc6844\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ac94319 elementor-widget elementor-widget-html\" data-id=\"ac94319\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Enriqueta:wght@400;500;600;700&family=Poly:ital@0;1&display=swap\" rel=\"stylesheet\">\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.1\/css\/all.min.css\">\n\n<section class=\"t36aboutpeople-section\">\n\n    <div class=\"t36aboutpeople-shell\">\n\n        <!-- =====================================================\n             HEADING\n        ====================================================== -->\n\n        <header class=\"t36aboutpeople-heading t36aboutpeople-reveal\">\n\n            <span>Our People<\/span>\n\n            <h2>\n                The People Behind\n                <em>Your Property Search.<\/em>\n            <\/h2>\n\n            <p>\n                Different areas of expertise, working together around one\n                clearer property conversation.\n            <\/p>\n\n        <\/header>\n\n\n        <!-- =====================================================\n             TEAM SLIDER \/ GRID\n        ====================================================== -->\n\n        <div class=\"t36aboutpeople-viewport t36aboutpeople-reveal\">\n\n            <div class=\"t36aboutpeople-track\">\n\n\n                <!-- =============================================\n                     MEMBER 01\n                ============================================== -->\n\n                <article class=\"t36aboutpeople-card\">\n\n                    <figure>\n\n                        <img decoding=\"async\"\n                            src=\"https:\/\/images.unsplash.com\/photo-1654879401601-08e4b850885c?q=80&w=1170&auto=format&fit=crop&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D\"\n                            alt=\"Daniel Mercer\">\n\n                    <\/figure>\n\n\n                    <div class=\"t36aboutpeople-copy\">\n\n                        <h3>Daniel Mercer<\/h3>\n\n                        <p>\n                            Residential Advisory\n                        <\/p>\n\n                        <span>\n                            Property Search \u00b7 Client Guidance\n                        <\/span>\n\n\n                        <a href=\"https:\/\/teknr36.thestackly.in\/?page_id=27\">\n\n                            <i class=\"fa-solid fa-arrow-right\"><\/i>\n\n                        <\/a>\n\n                    <\/div>\n\n                <\/article>\n\n\n                <!-- =============================================\n                     MEMBER 02\n                ============================================== -->\n\n                <article class=\"t36aboutpeople-card\">\n\n                    <figure>\n\n                        <img decoding=\"async\"\n                            src=\"https:\/\/images.unsplash.com\/photo-1662113237863-348555faadbd?q=80&w=871&auto=format&fit=crop&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D\"\n                            alt=\"Sophia Bennett\">\n\n                    <\/figure>\n\n\n                    <div class=\"t36aboutpeople-copy\">\n\n                        <h3>Sophia Bennett<\/h3>\n\n                        <p>\n                            Property Strategy\n                        <\/p>\n\n                        <span>\n                            Positioning \u00b7 Property Context\n                        <\/span>\n\n\n                        <a href=\"https:\/\/teknr36.thestackly.in\/?page_id=27\">\n\n                            <i class=\"fa-solid fa-arrow-right\"><\/i>\n\n                        <\/a>\n\n                    <\/div>\n\n                <\/article>\n\n\n                <!-- =============================================\n                     MEMBER 03\n                ============================================== -->\n\n                <article class=\"t36aboutpeople-card\">\n\n                    <figure>\n\n                        <img decoding=\"async\"\n                            src=\"https:\/\/images.unsplash.com\/photo-1618747060881-70e63872ba89?q=80&w=1170&auto=format&fit=crop&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D\"\n                            alt=\"Ethan Cole\">\n\n                    <\/figure>\n\n\n                    <div class=\"t36aboutpeople-copy\">\n\n                        <h3>Ethan Cole<\/h3>\n\n                        <p>\n                            Market Advisory\n                        <\/p>\n\n                        <span>\n                            Market Context \u00b7 Opportunity Review\n                        <\/span>\n\n\n                        <a href=\"https:\/\/teknr36.thestackly.in\/?page_id=27\">\n\n                            <i class=\"fa-solid fa-arrow-right\"><\/i>\n\n                        <\/a>\n\n                    <\/div>\n\n                <\/article>\n\n\n            <\/div>\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n\n<style>\n\/* =========================================================\n   BASE\n========================================================= *\/\n\n.t36aboutpeople-section,\n.t36aboutpeople-section *,\n.t36aboutpeople-section *::before,\n.t36aboutpeople-section *::after{\n    box-sizing:border-box;\n}\n\n.t36aboutpeople-section{\n    width:100%;\n\n    margin:0;\n    padding:60px;\n\n    overflow:hidden;\n\n    background:#F1F5EF;\n\n    font-family:\"Poly\",serif;\n}\n\n.t36aboutpeople-shell{\n    width:100%;\n    max-width:1420px;\n\n    margin:0 auto;\n}\n\n\n\/* =========================================================\n   HEADING\n========================================================= *\/\n\n.t36aboutpeople-heading{\n    width:min(800px,100%);\n\n    margin:0 auto 31px;\n\n    text-align:center;\n}\n\n.t36aboutpeople-heading > span{\n    display:inline-flex;\n    align-items:center;\n    justify-content:center;\n\n    padding:8px 14px;\n\n    border-radius:18px;\n\n    background:#ffffff;\n\n    color:#111111!important;\n    -webkit-text-fill-color:#111111!important;\n\n    font-size:15px!important;\n    line-height:1!important;\n}\n\n.t36aboutpeople-heading h2{\n    margin:13px 0 0!important;\n\n    color:#111111!important;\n    -webkit-text-fill-color:#111111!important;\n\n    font-family:\"Enriqueta\",serif!important;\n\n    font-size:42px!important;\n    line-height:1.2!important;\n    font-weight:500!important;\n}\n\n.t36aboutpeople-heading h2 em{\n    color:#111111!important;\n    -webkit-text-fill-color:#111111!important;\n\n    font-weight:400!important;\n}\n\n.t36aboutpeople-heading p{\n    max-width:690px;\n\n    margin:8px auto 0!important;\n\n    color:#111111!important;\n    -webkit-text-fill-color:#111111!important;\n\n    font-size:17px!important;\n    line-height:1.6!important;\n}\n\n\n\/* =========================================================\n   DESKTOP VIEWPORT \/ TRACK\n========================================================= *\/\n\n.t36aboutpeople-viewport{\n    width:100%;\n}\n\n.t36aboutpeople-track{\n    width:100%;\n\n    display:grid;\n\n    grid-template-columns:\n        repeat(3,minmax(0,1fr));\n\n    gap:18px;\n}\n\n\n\/* =========================================================\n   TEAM CARD\n========================================================= *\/\n\n.t36aboutpeople-card{\n    min-width:0;\n    min-height:275px;\n\n    border-radius:25px;\n\n    overflow:hidden;\n\n    background:#ffffff;\n\n    display:grid;\n\n    grid-template-columns:\n        .92fr\n        1.08fr;\n}\n\n\n\/* =========================================================\n   IMAGE\n========================================================= *\/\n\n.t36aboutpeople-card figure{\n    min-width:0;\n\n    margin:0;\n\n    overflow:hidden;\n}\n\n.t36aboutpeople-card figure img{\n    width:100%;\n    height:100%;\n\n    display:block;\n\n    object-fit:cover;\n\n    transition:\n        transform .55s ease;\n}\n\n@media(hover:hover) and (pointer:fine){\n\n    .t36aboutpeople-card:hover figure img{\n        transform:scale(1.025);\n    }\n\n}\n\n\n\/* =========================================================\n   CONTENT\n========================================================= *\/\n\n.t36aboutpeople-copy{\n    position:relative;\n\n    min-width:0;\n\n    padding:28px 23px;\n\n    display:flex;\n    flex-direction:column;\n    justify-content:center;\n}\n\n.t36aboutpeople-copy h3{\n    margin:0!important;\n\n    color:#111111!important;\n    -webkit-text-fill-color:#111111!important;\n\n    font-family:\"Enriqueta\",serif!important;\n\n    font-size:24px!important;\n    line-height:1.3!important;\n    font-weight:600!important;\n}\n\n.t36aboutpeople-copy p{\n    margin:7px 0 0!important;\n\n    color:#111111!important;\n    -webkit-text-fill-color:#111111!important;\n\n    font-size:17px!important;\n    line-height:1.4!important;\n}\n\n.t36aboutpeople-copy > span{\n    display:block;\n\n    margin-top:10px;\n\n    color:#111111!important;\n    -webkit-text-fill-color:#111111!important;\n\n    font-size:14px!important;\n    line-height:1.4!important;\n}\n\n\n\/* =========================================================\n   ARROW BUTTON\n========================================================= *\/\n\n.t36aboutpeople-copy a,\n.t36aboutpeople-copy a:link,\n.t36aboutpeople-copy a:visited,\n.t36aboutpeople-copy a:hover,\n.t36aboutpeople-copy a:focus,\n.t36aboutpeople-copy a:focus-visible,\n.t36aboutpeople-copy a:active{\n    width:42px;\n    height:42px;\n\n    min-width:42px;\n    min-height:42px;\n\n    margin-top:24px;\n    padding:0!important;\n\n    border:0!important;\n    border-radius:50%!important;\n\n    outline:0!important;\n\n    background:#BAC8B1!important;\n    background-image:none!important;\n\n    color:#111111!important;\n    -webkit-text-fill-color:#111111!important;\n\n    display:flex!important;\n    align-items:center!important;\n    justify-content:center!important;\n\n    text-decoration:none!important;\n\n    box-shadow:none!important;\n}\n\n.t36aboutpeople-copy a i{\n    margin:0!important;\n    padding:0!important;\n\n    color:#111111!important;\n    -webkit-text-fill-color:#111111!important;\n\n    font-size:11px;\n\n    line-height:1!important;\n}\n\n\n\/* =========================================================\n   REVEAL\n========================================================= *\/\n\n.t36aboutpeople-reveal{\n    opacity:1;\n\n    transform:none;\n}\n\n.t36aboutpeople-section.t36aboutpeople-motion\n.t36aboutpeople-reveal{\n    opacity:0;\n\n    transform:\n        translateY(24px)\n        scale(.94);\n\n    transition:\n        opacity 1.4s ease,\n        transform 1.4s cubic-bezier(.22,1,.36,1);\n}\n\n.t36aboutpeople-section.t36aboutpeople-motion\n.t36aboutpeople-reveal.is-visible{\n    opacity:1;\n\n    transform:none;\n}\n\n\n\/* =========================================================\n   TABLET\n   768px \u2014 1024px\n   ONE CARD AT A TIME \/ AUTO SLIDE\n========================================================= *\/\n\n@media(max-width:1024px) and (min-width:768px){\n\n    .t36aboutpeople-section{\n        padding:40px;\n    }\n\n\n    .t36aboutpeople-heading{\n        margin-bottom:25px;\n    }\n\n\n    .t36aboutpeople-heading h2{\n        font-size:34px!important;\n    }\n\n\n    .t36aboutpeople-heading p,\n    .t36aboutpeople-copy p{\n        font-size:16px!important;\n    }\n\n\n    \/* -----------------------------------------\n       SLIDER VIEWPORT\n    ----------------------------------------- *\/\n\n    .t36aboutpeople-viewport{\n        width:100%;\n\n        overflow:hidden;\n\n        border-radius:25px;\n    }\n\n\n    \/* -----------------------------------------\n       HORIZONTAL TRACK\n    ----------------------------------------- *\/\n\n    .t36aboutpeople-track{\n        width:100%;\n\n        display:flex;\n\n        gap:0;\n\n        transition:\n            transform .75s cubic-bezier(.22,1,.36,1);\n\n        will-change:transform;\n    }\n\n\n    \/* -----------------------------------------\n       EACH SLIDE = 100%\n    ----------------------------------------- *\/\n\n    .t36aboutpeople-card{\n        width:100%;\n\n        min-width:100%;\n        flex:0 0 100%;\n\n        min-height:330px;\n\n        border-radius:25px;\n\n        grid-template-columns:\n            minmax(0,1fr)\n            minmax(0,1fr);\n    }\n\n\n    .t36aboutpeople-card figure{\n        height:330px;\n    }\n\n\n    .t36aboutpeople-copy{\n        padding:35px 32px;\n    }\n\n\n    .t36aboutpeople-copy h3{\n        font-size:21px!important;\n    }\n\n\n    .t36aboutpeople-copy > span{\n        font-size:14px!important;\n    }\n\n}\n\n\n\/* =========================================================\n   MOBILE\n   ORIGINAL STACKED LAYOUT\n========================================================= *\/\n\n@media(max-width:767px){\n\n    .t36aboutpeople-section{\n        padding:30px 20px;\n    }\n\n\n    .t36aboutpeople-heading{\n        margin-bottom:20px;\n    }\n\n\n    .t36aboutpeople-heading h2{\n        font-size:29px!important;\n    }\n\n\n    .t36aboutpeople-heading p,\n    .t36aboutpeople-copy p{\n        font-size:16px!important;\n    }\n\n\n    .t36aboutpeople-viewport{\n        overflow:visible;\n\n        border-radius:0;\n    }\n\n\n    .t36aboutpeople-track{\n        display:grid;\n\n        grid-template-columns:1fr;\n\n        gap:7px;\n\n        transform:none!important;\n    }\n\n\n    .t36aboutpeople-card{\n        width:100%;\n\n        min-width:0;\n\n        min-height:230px;\n\n        border-radius:22px;\n\n        grid-template-columns:\n            .92fr\n            1.08fr;\n    }\n\n\n    .t36aboutpeople-card figure{\n        height:auto;\n    }\n\n\n    .t36aboutpeople-copy{\n        padding:22px 18px;\n    }\n\n\n    .t36aboutpeople-copy h3{\n        font-size:19px!important;\n    }\n\n}\n\n\n\/* =========================================================\n   REDUCED MOTION\n========================================================= *\/\n\n@media(prefers-reduced-motion:reduce){\n\n    .t36aboutpeople-track,\n    .t36aboutpeople-card figure img{\n        transition:none!important;\n    }\n\n\n    .t36aboutpeople-section.t36aboutpeople-motion\n    .t36aboutpeople-reveal{\n        opacity:1;\n\n        transform:none;\n\n        transition:none;\n    }\n\n}\n<\/style>\n\n\n<script>\n(function(){\n\n    document\n    .querySelectorAll(\".t36aboutpeople-section\")\n    .forEach(function(section){\n\n        if(section.dataset.teamReady === \"true\"){\n            return;\n        }\n\n        section.dataset.teamReady = \"true\";\n\n\n        const viewport =\n            section.querySelector(\n                \".t36aboutpeople-viewport\"\n            );\n\n        const track =\n            section.querySelector(\n                \".t36aboutpeople-track\"\n            );\n\n        const cards =\n            Array.from(\n                section.querySelectorAll(\n                    \".t36aboutpeople-card\"\n                )\n            );\n\n\n        let currentIndex = 0;\n        let sliderTimer = null;\n\n\n        \/* =====================================================\n           TABLET CHECK\n        ====================================================== *\/\n\n        function isTablet(){\n\n            return window.matchMedia(\n                \"(min-width:768px) and (max-width:1024px)\"\n            ).matches;\n\n        }\n\n\n        \/* =====================================================\n           SHOW CARD\n        ====================================================== *\/\n\n        function showCard(index){\n\n            if(!track || !cards.length){\n                return;\n            }\n\n\n            currentIndex = index;\n\n\n            track.style.transform =\n                \"translate3d(-\" +\n                (currentIndex * 100) +\n                \"%,0,0)\";\n\n        }\n\n\n        \/* =====================================================\n           NEXT CARD\n        ====================================================== *\/\n\n        function nextCard(){\n\n            if(!isTablet()){\n                return;\n            }\n\n\n            currentIndex =\n                (currentIndex + 1) %\n                cards.length;\n\n\n            showCard(currentIndex);\n\n        }\n\n\n        \/* =====================================================\n           START AUTO SLIDER\n        ====================================================== *\/\n\n        function startSlider(){\n\n            stopSlider();\n\n\n            if(\n                !isTablet() ||\n                cards.length < 2 ||\n                window.matchMedia(\n                    \"(prefers-reduced-motion: reduce)\"\n                ).matches\n            ){\n                return;\n            }\n\n\n            sliderTimer =\n                setInterval(\n                    nextCard,\n                    3200\n                );\n\n        }\n\n\n        \/* =====================================================\n           STOP\n        ====================================================== *\/\n\n        function stopSlider(){\n\n            if(sliderTimer){\n\n                clearInterval(sliderTimer);\n\n                sliderTimer = null;\n\n            }\n\n        }\n\n\n        \/* =====================================================\n           RESPONSIVE RESET\n        ====================================================== *\/\n\n        function handleResize(){\n\n            if(isTablet()){\n\n                if(currentIndex >= cards.length){\n                    currentIndex = 0;\n                }\n\n\n                showCard(currentIndex);\n\n                startSlider();\n\n            }\n            else{\n\n                stopSlider();\n\n                currentIndex = 0;\n\n                if(track){\n                    track.style.transform = \"\";\n                }\n\n            }\n\n        }\n\n\n        \/* =====================================================\n           PAUSE WHEN USER INTERACTS\n        ====================================================== *\/\n\n        if(viewport){\n\n            viewport.addEventListener(\n                \"mouseenter\",\n                function(){\n\n                    if(isTablet()){\n                        stopSlider();\n                    }\n\n                }\n            );\n\n\n            viewport.addEventListener(\n                \"mouseleave\",\n                function(){\n\n                    if(isTablet()){\n                        startSlider();\n                    }\n\n                }\n            );\n\n\n            viewport.addEventListener(\n                \"focusin\",\n                function(){\n\n                    if(isTablet()){\n                        stopSlider();\n                    }\n\n                }\n            );\n\n\n            viewport.addEventListener(\n                \"focusout\",\n                function(){\n\n                    if(isTablet()){\n                        startSlider();\n                    }\n\n                }\n            );\n\n        }\n\n\n        window.addEventListener(\n            \"resize\",\n            handleResize\n        );\n\n\n        document.addEventListener(\n            \"visibilitychange\",\n            function(){\n\n                if(document.hidden){\n\n                    stopSlider();\n\n                }\n                else{\n\n                    startSlider();\n\n                }\n\n            }\n        );\n\n\n        handleResize();\n\n\n        \/* =====================================================\n           REVEAL\n        ====================================================== *\/\n\n        const revealItems =\n            section.querySelectorAll(\n                \".t36aboutpeople-reveal\"\n            );\n\n\n        if(\n            !(\"IntersectionObserver\" in window) ||\n            window.matchMedia(\n                \"(prefers-reduced-motion: reduce)\"\n            ).matches\n        ){\n\n            revealItems.forEach(\n                function(item){\n\n                    item.classList.add(\n                        \"is-visible\"\n                    );\n\n                }\n            );\n\n            return;\n        }\n\n\n        section.classList.add(\n            \"t36aboutpeople-motion\"\n        );\n\n\n        const observer =\n            new IntersectionObserver(\n                function(entries){\n\n                    entries.forEach(\n                        function(entry){\n\n                            if(!entry.isIntersecting){\n                                return;\n                            }\n\n\n                            entry.target\n                            .classList\n                            .add(\n                                \"is-visible\"\n                            );\n\n\n                            observer.unobserve(\n                                entry.target\n                            );\n\n                        }\n                    );\n\n                },\n                {\n                    threshold:.08\n                }\n            );\n\n\n        revealItems.forEach(\n            function(item){\n\n                observer.observe(item);\n\n            }\n        );\n\n    });\n\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5e31d4f e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-parent\" data-id=\"5e31d4f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-73b2133 elementor-widget elementor-widget-html\" data-id=\"73b2133\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Enriqueta:wght@400;500;600;700&family=Poly:ital@0;1&display=swap\" rel=\"stylesheet\">\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.1\/css\/all.min.css\">\n\n<section class=\"t36aboutcta-section\">\n\n    <div class=\"t36aboutcta-stage t36aboutcta-reveal\">\n\n        <div class=\"t36aboutcta-copy\">\n\n            <span>Start With a Conversation<\/span>\n\n            <h2>\n                The Right Property Search Starts\n                <em>Before the Listings.<\/em>\n            <\/h2>\n\n            <p>\n                Tell us what matters to you and we can begin shaping a\n                clearer route toward the right property.\n            <\/p>\n\n\n            <a href=\"https:\/\/teknr36.thestackly.in\/?page_id=27\">\n\n                <span>Talk With Our Team<\/span>\n\n                <i class=\"fa-solid fa-arrow-right\"><\/i>\n\n            <\/a>\n\n        <\/div>\n\n\n        <div class=\"t36aboutcta-image\">\n\n            <img decoding=\"async\"\n                src=\"https:\/\/images.unsplash.com\/photo-1571856975545-119703c5225c?q=80&w=1074&auto=format&fit=crop&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D\"\n                alt=\"Modern residential property\">\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n<style>\n.t36aboutcta-section,\n.t36aboutcta-section *,\n.t36aboutcta-section *::before,\n.t36aboutcta-section *::after{\n    box-sizing:border-box;\n}\n\n.t36aboutcta-section{\n    width:100%;\n    padding:60px 60px 0; \n    overflow:hidden;\n    background:#ffffff;\n    font-family:\"Poly\",serif;\n}\n\n.t36aboutcta-stage{\n    width:100%;\n    max-width:1420px;\n    margin:0 auto;\n    padding:55px 58px;\n    border-radius:28px;\n    background:#171717;\n\n    display:grid;\n    grid-template-columns:1.15fr .85fr;\n    align-items:center;\n    gap:45px;\n}\n\n.t36aboutcta-copy > span{\n    color:#ffffff!important;\n    -webkit-text-fill-color:#ffffff!important;\n    font-size:15px!important;\n}\n\n.t36aboutcta-copy h2{\n    max-width:680px;\n    margin:9px 0 14px!important;\n\n    color:#ffffff!important;\n    -webkit-text-fill-color:#ffffff!important;\n\n    font-family:\"Enriqueta\",serif!important;\n    font-size:42px!important;\n    line-height:1.2!important;\n    font-weight:500!important;\n}\n\n.t36aboutcta-copy h2 em{\n    color:#ffffff!important;\n    -webkit-text-fill-color:#ffffff!important;\n    font-weight:400!important;\n}\n\n.t36aboutcta-copy p{\n    max-width:620px;\n    margin:0!important;\n    color:#ffffff!important;\n    -webkit-text-fill-color:#ffffff!important;\n    font-size:17px!important;\n    line-height:1.6!important;\n}\n\n.t36aboutcta-copy a,\n.t36aboutcta-copy a:visited,\n.t36aboutcta-copy a:hover{\n    min-height:49px;\n    margin-top:23px;\n    padding:0 23px!important;\n    border-radius:25px;\n    background:#BAC8B1!important;\n    color:#111111!important;\n    -webkit-text-fill-color:#111111!important;\n    display:inline-flex!important;\n    align-items:center!important;\n    justify-content:center!important;\n    gap:9px;\n    font-size:16px!important;\n    text-decoration:none!important;\n}\n\n.t36aboutcta-copy a span,\n.t36aboutcta-copy a i{\n    color:#111111!important;\n}\n\n.t36aboutcta-image{\n    width:min(370px,100%);\n    aspect-ratio:1;\n    justify-self:center;\n    border-radius:50%;\n    overflow:hidden;\n}\n\n.t36aboutcta-image img{\n    width:100%;\n    height:100%;\n    display:block;\n    object-fit:cover;\n}\n\n\n\/* REVEAL *\/\n\n.t36aboutcta-reveal{\n    opacity:1;\n    transform:none;\n}\n\n.t36aboutcta-section.t36aboutcta-motion .t36aboutcta-reveal{\n    opacity:0;\n    transform:translateY(24px) scale(.94);\n    transition:\n        opacity 1.4s ease,\n        transform 1.4s cubic-bezier(.22,1,.36,1);\n}\n\n.t36aboutcta-section.t36aboutcta-motion .t36aboutcta-reveal.is-visible{\n    opacity:1;\n    transform:none;\n}\n\n\n\/* TABLET *\/\n\n@media(max-width:1024px){\n\n    .t36aboutcta-section{\n        padding:40px 40px 0;\n    }\n\n    .t36aboutcta-stage{\n        grid-template-columns:1fr;\n        padding:45px 48px;\n        text-align:center;\n    }\n\n    .t36aboutcta-image{\n        display:none;\n    }\n\n    .t36aboutcta-copy{\n        max-width:720px;\n        margin:0 auto;\n    }\n\n    .t36aboutcta-copy h2{\n        margin-left:auto!important;\n        margin-right:auto!important;\n        font-size:34px!important;\n    }\n\n    .t36aboutcta-copy p{\n        margin-left:auto!important;\n        margin-right:auto!important;\n        font-size:16px!important;\n    }\n\n    .t36aboutcta-copy a{\n        margin-left:auto!important;\n        margin-right:auto!important;\n    }\n}\n\n\n\/* MOBILE *\/\n\n@media(max-width:767px){\n\n    .t36aboutcta-section{\n        padding:30px 20px 0;\n    }\n\n    .t36aboutcta-stage{\n        padding:34px 22px;\n        border-radius:23px;\n    }\n\n    .t36aboutcta-copy h2{\n        font-size:29px!important;\n    }\n}\n<\/style>\n\n<script>\n(function(){\n\n    document.querySelectorAll(\".t36aboutcta-section\").forEach(function(section){\n\n        const item=section.querySelector(\".t36aboutcta-reveal\");\n\n        if(!(\"IntersectionObserver\" in window)){\n            item.classList.add(\"is-visible\");\n            return;\n        }\n\n        section.classList.add(\"t36aboutcta-motion\");\n\n        const observer=new IntersectionObserver(function(entries){\n\n            entries.forEach(function(entry){\n\n                if(!entry.isIntersecting) return;\n\n                entry.target.classList.add(\"is-visible\");\n                observer.unobserve(entry.target);\n\n            });\n\n        },{threshold:.08});\n\n        observer.observe(item);\n\n    });\n\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>About Us Who We Are Built Around Better Choices, Not More Listings. We created a more focused property experience for people who value good architecture, useful context, and decisions that make sense beyond the photographs. Instead of beginning with an endless catalogue, we begin with how you want to live and build the search around that. Considered Real Estate Property. Place. Perspective. 01 Understand the brief 02 Refine the possibilities 03 Compare with context 04 Decide with clarity What Drives Us \u201cThe right home is rarely the one with the longest specification. It is the one where the property, the place, and the way you live finally make sense together.\u201d How We Work A Property Search That Feels More Personal. Each stage narrows the search without losing sight of the things that made you begin looking in the first place. Step \u2014 01 Understand the Brief We begin with your priorities, lifestyle, preferred setting, space requirements, and timing. Start With You Step \u2014 02 Refine the Search We reduce unnecessary options and focus on residences that genuinely respond to the brief. Less Noise Step \u2014 03 Compare in Context Property, location, layout, character, and everyday usability are considered together. Better Context Step \u2014 04 Move With Clarity Once the right property becomes clear, we help keep the next steps composed and straightforward. Clear Decision Ready to begin with a clearer brief? Start a Conversation Our Mission &amp; Vision What We Believe Property Should Feel Like. Our mission shapes the way we work today. Our vision defines the kind of property experience we want that work to create. 01 Our Mission Make Property Decisions More Considered. Our mission is to replace unnecessary searching with a more focused property experience built around what genuinely matters to each client. We bring the residence, its setting, everyday usability, and personal priorities into the same conversation so every option has a clearer reason for being considered. 02 Our Vision A Better Way to Find Where You Belong. We want property search to feel less like filtering through inventory and more like understanding which homes genuinely fit a person&#8217;s life. Our vision is a more thoughtful real-estate experience where relevance, context, and clarity matter as much as the property itself. Our People The People Behind Your Property Search. Different areas of expertise, working together around one clearer property conversation. Daniel Mercer Residential Advisory Property Search \u00b7 Client Guidance Sophia Bennett Property Strategy Positioning \u00b7 Property Context Ethan Cole Market Advisory Market Context \u00b7 Opportunity Review Start With a Conversation The Right Property Search Starts Before the Listings. Tell us what matters to you and we can begin shaping a clearer route toward the right property. Talk With Our Team<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"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":"disabled","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-12","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/teknr36.thestackly.in\/index.php?rest_route=\/wp\/v2\/pages\/12","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/teknr36.thestackly.in\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/teknr36.thestackly.in\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/teknr36.thestackly.in\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/teknr36.thestackly.in\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=12"}],"version-history":[{"count":5,"href":"https:\/\/teknr36.thestackly.in\/index.php?rest_route=\/wp\/v2\/pages\/12\/revisions"}],"predecessor-version":[{"id":274,"href":"https:\/\/teknr36.thestackly.in\/index.php?rest_route=\/wp\/v2\/pages\/12\/revisions\/274"}],"wp:attachment":[{"href":"https:\/\/teknr36.thestackly.in\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=12"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}