{"id":6,"date":"2026-08-22T04:53:19","date_gmt":"2026-08-22T04:53:19","guid":{"rendered":"https:\/\/teknr39.thestackly.in\/?page_id=6"},"modified":"2026-09-10T06:33:14","modified_gmt":"2026-09-10T06:33:14","slug":"home","status":"publish","type":"page","link":"https:\/\/teknr39.thestackly.in\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"6\" class=\"elementor elementor-6\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f3a1503 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=\"f3a1503\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a7b6659 elementor-widget elementor-widget-html\" data-id=\"a7b6659\" 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=Buda:wght@300&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=\"t39hero-section\">\n\n    <div class=\"t39hero-overlay\"><\/div>\n\n    <div class=\"t39hero-content t39hero-reveal\">\n\n        <span class=\"t39hero-label\">Considered Real Estate<\/span>\n\n        <h1>\n            Homes With Presence.<br>\n            Places With Purpose.\n        <\/h1>\n\n        <p>\n            A more thoughtful way to discover residences shaped by\n            architecture, location, and the way you want to live.\n        <\/p>\n\n        <div class=\"t39hero-actions\">\n\n            <a href=\"https:\/\/teknr39.thestackly.in\/?page_id=17\"\n               class=\"t39hero-primary\">\n\n                <span>Explore Properties<\/span>\n\n                <i class=\"fa-solid fa-arrow-right\"><\/i>\n\n            <\/a>\n\n            <a href=\"https:\/\/teknr39.thestackly.in\/?page_id=12\"\n               class=\"t39hero-secondary\">\n\n                <span>Our Approach<\/span>\n\n                <i class=\"fa-solid fa-arrow-down\"><\/i>\n\n            <\/a>\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n<style>\n.t39hero-section,\n.t39hero-section *,\n.t39hero-section *::before,\n.t39hero-section *::after{\n    box-sizing:border-box;\n}\n\n.t39hero-section{\n    position:relative;\n\n    width:100%;\n    min-height:680px;\n\n    padding:110px 60px;\n\n    overflow:hidden;\n\n    background:\n        url(\"https:\/\/images.unsplash.com\/photo-1516630294856-68665df1db49?q=80&w=939&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:Tahoma,Arial,sans-serif;\n}\n\n.t39hero-overlay{\n    position:absolute;\n    inset:0;\n\n    background:\n        linear-gradient(\n            90deg,\n            rgba(11,18,22,.55),\n            rgba(11,18,22,.23),\n            rgba(11,18,22,.44)\n        );\n}\n\n.t39hero-content{\n    position:relative;\n    z-index:2;\n\n    width:min(1180px,100%);\n\n    text-align:center;\n}\n\n.t39hero-label{\n    display:inline-flex;\n    align-items:center;\n    justify-content:center;\n\n    min-height:36px;\n\n    padding:0 15px;\n\n    border:1px solid rgba(255,255,255,.55);\n    border-radius:20px;\n\n    color:#ffffff!important;\n    -webkit-text-fill-color:#ffffff!important;\n\n    font-size:14px!important;\n    line-height:1!important;\n}\n\n.t39hero-content h1{\n    margin:19px 0 0!important;\n\n    color:#ffffff!important;\n    -webkit-text-fill-color:#ffffff!important;\n\n    font-family:\"Buda\",serif!important;\n\n    font-size:78px!important;\n    line-height:1.02!important;\n    font-weight:300!important;\n\n    letter-spacing:-.025em;\n}\n\n.t39hero-content p{\n    max-width:760px;\n\n    margin:20px auto 0!important;\n\n    color:#ffffff!important;\n    -webkit-text-fill-color:#ffffff!important;\n\n    font-family:Tahoma,Arial,sans-serif!important;\n\n    font-size:18px!important;\n    line-height:1.65!important;\n}\n\n.t39hero-actions{\n    margin-top:29px;\n\n    display:flex;\n    align-items:center;\n    justify-content:center;\n\n    gap:12px;\n\n    flex-wrap:wrap;\n}\n\n.t39hero-actions a,\n.t39hero-actions a:link,\n.t39hero-actions a:visited,\n.t39hero-actions a:hover,\n.t39hero-actions a:focus,\n.t39hero-actions a:active{\n    min-height:50px;\n\n    padding:0 22px!important;\n\n    border-radius:3px!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:Tahoma,Arial,sans-serif!important;\n\n    font-size:15px!important;\n    line-height:1!important;\n\n    text-decoration:none!important;\n\n    box-shadow:none!important;\n}\n\n.t39hero-primary{\n    background:#456478!important;\n\n    color:#ffffff!important;\n    -webkit-text-fill-color:#ffffff!important;\n}\n\n.t39hero-secondary{\n    border:1px solid rgba(255,255,255,.75)!important;\n\n    background:rgba(255,255,255,.08)!important;\n\n    color:#ffffff!important;\n    -webkit-text-fill-color:#ffffff!important;\n}\n\n.t39hero-actions a span,\n.t39hero-actions a i{\n    color:inherit!important;\n    -webkit-text-fill-color:inherit!important;\n}\n\n\n\/* REVEAL *\/\n\n.t39hero-reveal{\n    opacity:1;\n    transform:none;\n}\n\n.t39hero-section.t39hero-motion .t39hero-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.t39hero-section.t39hero-motion .t39hero-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    .t39hero-section{\n        min-height:570px;\n\n        padding:90px 40px;\n    }\n\n    .t39hero-content h1{\n        font-size:56px!important;\n    }\n\n    .t39hero-content p{\n        font-size:16px!important;\n    }\n\n}\n\n\n\/* MOBILE *\/\n\n@media(max-width:767px){\n\n    .t39hero-section{\n        min-height:510px;\n\n        padding:75px 20px;\n    }\n\n    .t39hero-content h1{\n        font-size:41px!important;\n        line-height:1.08!important;\n    }\n\n    .t39hero-content p{\n        font-size:16px!important;\n    }\n\n    .t39hero-actions{\n        margin-top:24px;\n    }\n\n}\n\n\n@media(prefers-reduced-motion:reduce){\n\n    .t39hero-section.t39hero-motion .t39hero-reveal{\n        opacity:1;\n        transform:none;\n        transition:none;\n    }\n\n}\n<\/style>\n\n<script>\n(function(){\n\n    document.querySelectorAll(\".t39hero-section\").forEach(function(section){\n\n        const item=section.querySelector(\".t39hero-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(\"t39hero-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-6ae5d62 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=\"6ae5d62\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-fccb6ea elementor-widget elementor-widget-html\" data-id=\"fccb6ea\" 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=Buda:wght@300&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=\"t39about-section\">\n\n    <div class=\"t39about-shell\">\n\n        <div class=\"t39about-top t39about-reveal\">\n\n            <span>About Us<\/span>\n\n            <a href=\"https:\/\/teknr39.thestackly.in\/?page_id=12\">\n\n                <span>Discover Our Approach<\/span>\n\n                <i class=\"fa-solid fa-arrow-right\"><\/i>\n\n            <\/a>\n\n        <\/div>\n\n\n        <div class=\"t39about-line\"><\/div>\n\n\n        <div class=\"t39about-stage\">\n\n\n            <div class=\"t39about-copy t39about-reveal\">\n\n                <h2>\n                    Real Estate<br>\n                    With More Context.\n                <\/h2>\n\n                <p>\n                    We believe the right property decision comes from understanding\n                    more than bedrooms, square footage, and price.\n                <\/p>\n\n                <p>\n                    Architecture, location, privacy, usability, and the rhythm\n                    of everyday life all matter when deciding where you belong.\n                <\/p>\n\n                <a href=\"https:\/\/teknr39.thestackly.in\/?page_id=12\">\n\n                    <span>Read Our Story<\/span>\n\n                    <i class=\"fa-solid fa-arrow-up-right-from-square\"><\/i>\n\n                <\/a>\n\n            <\/div>\n\n\n            <div class=\"t39about-images t39about-reveal\">\n\n                <figure class=\"t39about-small\">\n\n                    <img decoding=\"async\"\n                        src=\"https:\/\/images.unsplash.com\/photo-1772567733061-f7b44c0587b0?q=80&w=1170&auto=format&fit=crop&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D\"\n                        alt=\"Modern residence detail\">\n\n                <\/figure>\n\n\n                <figure class=\"t39about-large\">\n\n                    <img decoding=\"async\"\n                        src=\"https:\/\/images.unsplash.com\/photo-1489749798305-4fea3ae63d43?q=80&w=1167&auto=format&fit=crop&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D\"\n                        alt=\"Contemporary luxury residence\">\n\n                <\/figure>\n\n            <\/div>\n\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n<style>\n.t39about-section,\n.t39about-section *,\n.t39about-section *::before,\n.t39about-section *::after{\n    box-sizing:border-box;\n}\n\n.t39about-section{\n    width:100%;\n\n    padding:60px 60px 0;\n\n    overflow:hidden;\n\n    background:#F4F6F7;\n\n    font-family:Tahoma,Arial,sans-serif;\n}\n\n.t39about-shell{\n    width:100%;\n    max-width:1420px;\n\n    margin:0 auto;\n}\n\n.t39about-top{\n    display:flex;\n    align-items:center;\n    justify-content:space-between;\n\n    gap:30px;\n}\n\n.t39about-top > span{\n    color:#111111!important;\n    -webkit-text-fill-color:#111111!important;\n\n    font-family:\"Buda\",serif!important;\n\n    font-size:29px!important;\n    line-height:1!important;\n}\n\n.t39about-top > a,\n.t39about-top > a:visited,\n.t39about-top > a:hover{\n    min-height:44px;\n\n    padding:0 17px!important;\n\n    background:#456478!important;\n\n    color:#ffffff!important;\n    -webkit-text-fill-color:#ffffff!important;\n\n    display:inline-flex!important;\n    align-items:center!important;\n    justify-content:center!important;\n\n    gap:9px;\n\n    font-size:14px!important;\n\n    text-decoration:none!important;\n}\n\n.t39about-top a span,\n.t39about-top a i{\n    color:#ffffff!important;\n}\n\n.t39about-line{\n    width:100%;\n    height:1px;\n\n    margin:29px 0 32px;\n\n    background:rgba(0,0,0,.13);\n}\n\n\n\/* STAGE *\/\n\n.t39about-stage{\n    display:grid;\n\n    grid-template-columns:\n        .82fr\n        1.18fr;\n\n    align-items:end;\n\n    gap:70px;\n}\n\n.t39about-copy h2{\n    margin:0!important;\n\n    color:#111111!important;\n\n    font-family:\"Buda\",serif!important;\n\n    font-size:58px!important;\n    line-height:1.08!important;\n    font-weight:300!important;\n}\n\n.t39about-copy p{\n    max-width:460px;\n\n    margin:22px 0 0!important;\n\n    color:#333333!important;\n\n    font-size:17px!important;\n    line-height:1.65!important;\n}\n\n.t39about-copy p + p{\n    margin-top:10px!important;\n}\n\n.t39about-copy > a,\n.t39about-copy > a:visited,\n.t39about-copy > a:hover{\n    margin-top:34px;\n\n    color:#111111!important;\n    -webkit-text-fill-color:#111111!important;\n\n    display:inline-flex!important;\n    align-items:center!important;\n\n    gap:8px;\n\n    font-size:15px!important;\n\n    text-decoration:none!important;\n}\n\n\n\/* IMAGES *\/\n\n.t39about-images{\n    display:grid;\n\n    grid-template-columns:\n        .28fr\n        .72fr;\n\n    align-items:end;\n\n    gap:20px;\n}\n\n.t39about-images figure{\n    margin:0;\n\n    overflow:hidden;\n}\n\n.t39about-small{\n    height:185px;\n}\n\n.t39about-large{\n    height:425px;\n}\n\n.t39about-images img{\n    width:100%;\n    height:100%;\n\n    display:block;\n\n    object-fit:cover;\n\n    transition:transform .6s ease;\n}\n\n@media(hover:hover) and (pointer:fine){\n\n    .t39about-images figure:hover img{\n        transform:scale(1.025);\n    }\n\n}\n\n\n\/* REVEAL *\/\n\n.t39about-reveal{\n    opacity:1;\n    transform:none;\n}\n\n.t39about-section.t39about-motion .t39about-reveal{\n    opacity:0;\n\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.t39about-section.t39about-motion .t39about-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    .t39about-section{\n        padding:40px 40px 0;\n    }\n\n    .t39about-stage{\n        grid-template-columns:.85fr 1.15fr;\n\n        gap:35px;\n    }\n\n    .t39about-copy h2{\n        font-size:44px!important;\n    }\n\n    .t39about-copy p{\n        font-size:16px!important;\n    }\n\n    .t39about-small{\n        height:150px;\n    }\n\n    .t39about-large{\n        height:350px;\n    }\n\n}\n\n\n\/* MOBILE *\/\n\n@media(max-width:767px){\n\n    .t39about-section{\n        padding:30px 20px 0;\n    }\n\n    .t39about-top{\n        align-items:flex-start;\n    }\n\n    .t39about-top > span{\n        font-size:24px!important;\n    }\n\n    .t39about-top > a{\n        min-height:40px;\n\n        padding:0 13px!important;\n    }\n\n    .t39about-stage{\n        grid-template-columns:1fr;\n\n        gap:28px;\n    }\n\n    .t39about-copy h2{\n        font-size:37px!important;\n    }\n\n    .t39about-copy p{\n        font-size:16px!important;\n    }\n\n    .t39about-images{\n        grid-template-columns:.36fr .64fr;\n\n        gap:7px;\n    }\n\n    .t39about-small{\n        height:150px;\n    }\n\n    .t39about-large{\n        height:290px;\n    }\n\n}\n\n@media(prefers-reduced-motion:reduce){\n\n    .t39about-section.t39about-motion .t39about-reveal{\n        opacity:1;\n        transform:none;\n        transition:none;\n    }\n\n}\n<\/style>\n\n<script>\n(function(){\n\n    document.querySelectorAll(\".t39about-section\").forEach(function(section){\n\n        const items=section.querySelectorAll(\".t39about-reveal\");\n\n        if(!(\"IntersectionObserver\" in window)){\n            items.forEach(item=>item.classList.add(\"is-visible\"));\n            return;\n        }\n\n        section.classList.add(\"t39about-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-03d59ae 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=\"03d59ae\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-43191d0 elementor-widget elementor-widget-html\" data-id=\"43191d0\" 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=Buda:wght@300&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=\"t39svc6-section\">\n\n    <div class=\"t39svc6-shell\">\n\n\n        <!-- =====================================================\n             INTRO\n        ====================================================== -->\n\n        <header class=\"t39svc6-head t39svc6-reveal\">\n\n            <div>\n\n                <span>Our Services<\/span>\n\n                <h2>\n                    Guidance for Every Part<br>\n                    of the Property Journey.\n                <\/h2>\n\n            <\/div>\n\n\n            <p>\n                From narrowing the search to positioning a residence,\n                comparing opportunities, or arranging a private viewing,\n                each service is built around a clearer property decision.\n            <\/p>\n\n        <\/header>\n\n\n        <!-- =====================================================\n             MAIN COMPOSITION\n        ====================================================== -->\n\n        <div class=\"t39svc6-stage\">\n\n\n            <!-- =================================================\n                 LEFT SERVICES\n            ================================================== -->\n\n            <div class=\"t39svc6-column t39svc6-left\">\n\n\n                <!-- 01 -->\n\n                <article class=\"t39svc6-service t39svc6-service-a t39svc6-reveal\">\n\n                    <div class=\"t39svc6-meta\">\n\n                        <span>01<\/span>\n\n                        <small>For Buyers<\/small>\n\n                    <\/div>\n\n\n                    <h3>\n                        Property Search\n                    <\/h3>\n\n\n                    <p>\n                        A focused search shaped around location, architecture,\n                        privacy, space, budget, and how you want to live.\n                    <\/p>\n\n\n                    <a href=\"https:\/\/teknr39.thestackly.in\/?page_id=17\">\n\n                        <span>Explore Properties<\/span>\n\n                        <i class=\"fa-solid fa-arrow-up-right\"><\/i>\n\n                    <\/a>\n\n                <\/article>\n\n\n                <!-- 02 -->\n\n                <article class=\"t39svc6-service t39svc6-service-b t39svc6-reveal\">\n\n                    <div class=\"t39svc6-meta\">\n\n                        <span>02<\/span>\n\n                        <small>For Sellers<\/small>\n\n                    <\/div>\n\n\n                    <h3>\n                        Selling Strategy\n                    <\/h3>\n\n\n                    <p>\n                        Positioning and presentation that communicate the\n                        character and value of a residence more clearly.\n                    <\/p>\n\n\n                    <a href=\"https:\/\/teknr39.thestackly.in\/?page_id=27\">\n\n                        <span>Discuss Your Property<\/span>\n\n                        <i class=\"fa-solid fa-arrow-up-right\"><\/i>\n\n                    <\/a>\n\n                <\/article>\n\n\n            <\/div>\n\n\n            <!-- =================================================\n                 CENTRAL TRIPTYCH\n            ================================================== -->\n\n            <div class=\"t39svc6-visual t39svc6-reveal\">\n\n\n                <figure class=\"t39svc6-photo t39svc6-photo-one\">\n\n                    <img decoding=\"async\"\n                        src=\"https:\/\/images.unsplash.com\/photo-1569383746724-6f1b882b8f46?q=80&w=1170&auto=format&fit=crop&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D\"\n                        alt=\"Contemporary property interior\">\n\n                <\/figure>\n\n\n                <figure class=\"t39svc6-photo t39svc6-photo-two\">\n\n                    <img decoding=\"async\"\n                        src=\"https:\/\/images.unsplash.com\/photo-1597212618440-806262de4f6b?q=80&w=873&auto=format&fit=crop&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D\"\n                        alt=\"Modern luxury residence\">\n\n                <\/figure>\n\n\n                <figure class=\"t39svc6-photo t39svc6-photo-three\">\n\n                    <img decoding=\"async\"\n                        src=\"https:\/\/images.unsplash.com\/photo-1619597361591-989175044e48?q=80&w=1170&auto=format&fit=crop&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D\"\n                        alt=\"Architectural residence\">\n\n                <\/figure>\n\n\n                <div class=\"t39svc6-caption\">\n\n                    <span>How We Help<\/span>\n\n                    <strong>\n                        Property.<br>\n                        Place.<br>\n                        Perspective.\n                    <\/strong>\n\n                <\/div>\n\n\n            <\/div>\n\n\n            <!-- =================================================\n                 RIGHT SERVICES\n            ================================================== -->\n\n            <div class=\"t39svc6-column t39svc6-right\">\n\n\n                <!-- 03 -->\n\n                <article class=\"t39svc6-service t39svc6-service-c t39svc6-reveal\">\n\n                    <div class=\"t39svc6-meta\">\n\n                        <span>03<\/span>\n\n                        <small>For Decisions<\/small>\n\n                    <\/div>\n\n\n                    <h3>\n                        Property Advisory\n                    <\/h3>\n\n\n                    <p>\n                        Compare residences with better context around\n                        quality, setting, usability, market position,\n                        and personal fit.\n                    <\/p>\n\n\n                    <a href=\"https:\/\/teknr39.thestackly.in\/?page_id=27\">\n\n                        <span>Talk With Our Team<\/span>\n\n                        <i class=\"fa-solid fa-arrow-up-right\"><\/i>\n\n                    <\/a>\n\n                <\/article>\n\n\n                <!-- 04 -->\n\n                <article class=\"t39svc6-service t39svc6-service-d t39svc6-reveal\">\n\n                    <div class=\"t39svc6-meta\">\n\n                        <span>04<\/span>\n\n                        <small>For Viewings<\/small>\n\n                    <\/div>\n\n\n                    <h3>\n                        Private Viewings\n                    <\/h3>\n\n\n                    <p>\n                        Experience selected residences properly with\n                        appointments coordinated around the property\n                        and your preferred timing.\n                    <\/p>\n\n\n                    <a href=\"https:\/\/teknr39.thestackly.in\/?page_id=27\">\n\n                        <span>Arrange a Viewing<\/span>\n\n                        <i class=\"fa-solid fa-arrow-up-right\"><\/i>\n\n                    <\/a>\n\n                <\/article>\n\n\n            <\/div>\n\n\n        <\/div>\n\n\n        <!-- =====================================================\n             FOOTER LINE\n        ====================================================== -->\n\n        <div class=\"t39svc6-footer t39svc6-reveal\">\n\n\n            <span>\n                Search\n            <\/span>\n\n            <span>\n                Position\n            <\/span>\n\n            <span>\n                Compare\n            <\/span>\n\n            <span>\n                Experience\n            <\/span>\n\n\n            <a href=\"https:\/\/teknr39.thestackly.in\/?page_id=12\">\n\n                <span>Discover Our Approach<\/span>\n\n                <i class=\"fa-solid fa-arrow-right\"><\/i>\n\n            <\/a>\n\n\n        <\/div>\n\n\n    <\/div>\n\n<\/section>\n\n\n<style>\n\/* =========================================================\n   BASE\n========================================================= *\/\n\n.t39svc6-section,\n.t39svc6-section *,\n.t39svc6-section *::before,\n.t39svc6-section *::after{\n    box-sizing:border-box;\n}\n\n.t39svc6-section{\n    width:100%;\n\n    padding:60px 60px 0;\n\n    overflow:hidden;\n\n    background:#F4F6F7;\n\n    font-family:Tahoma,Arial,sans-serif;\n}\n\n.t39svc6-shell{\n    width:100%;\n    max-width:1420px;\n\n    margin:0 auto;\n}\n\n\n\/* =========================================================\n   INTRO\n========================================================= *\/\n\n.t39svc6-head{\n    margin-bottom:38px;\n\n    display:grid;\n\n    grid-template-columns:\n        minmax(0,1.08fr)\n        minmax(300px,.65fr);\n\n    align-items:end;\n\n    gap:70px;\n}\n\n.t39svc6-head > div > span{\n    display:block;\n\n    margin-bottom:9px;\n\n    color:#5d5d5d!important;\n    -webkit-text-fill-color:#5d5d5d!important;\n\n    font-size:14px!important;\n    line-height:1.3!important;\n}\n\n.t39svc6-head h2{\n    margin:0!important;\n\n    color:#111111!important;\n    -webkit-text-fill-color:#111111!important;\n\n    font-family:\"Buda\",serif!important;\n\n    font-size:48px!important;\n    line-height:1.08!important;\n    font-weight:300!important;\n\n    letter-spacing:-.015em;\n}\n\n.t39svc6-head > p{\n    max-width:540px;\n\n    margin:0 0 3px auto!important;\n\n    color:#414141!important;\n    -webkit-text-fill-color:#414141!important;\n\n    font-size:17px!important;\n    line-height:1.65!important;\n}\n\n\n\/* =========================================================\n   STAGE\n========================================================= *\/\n\n.t39svc6-stage{\n    width:100%;\n\n    min-height:620px;\n\n    display:grid;\n\n    grid-template-columns:\n        minmax(220px,.68fr)\n        minmax(460px,1.34fr)\n        minmax(220px,.68fr);\n\n    align-items:stretch;\n\n    gap:55px;\n}\n\n\n\/* =========================================================\n   SERVICE COLUMNS\n========================================================= *\/\n\n.t39svc6-column{\n    min-width:0;\n\n    display:flex;\n    flex-direction:column;\n}\n\n\n\/*\n   Intentionally asymmetrical instead of\n   four perfectly mirrored quadrants.\n*\/\n\n.t39svc6-left{\n    padding-top:35px;\n\n    gap:84px;\n}\n\n.t39svc6-right{\n    padding-top:100px;\n\n    gap:72px;\n}\n\n\n\/* =========================================================\n   SERVICE\n========================================================= *\/\n\n.t39svc6-service{\n    min-width:0;\n}\n\n\n\/* META *\/\n\n.t39svc6-meta{\n    padding-bottom:10px;\n\n    border-bottom:1px solid rgba(0,0,0,.16);\n\n    display:flex;\n    align-items:center;\n    justify-content:space-between;\n\n    gap:16px;\n}\n\n.t39svc6-meta > span{\n    color:#111111!important;\n    -webkit-text-fill-color:#111111!important;\n\n    font-family:\"Buda\",serif!important;\n\n    font-size:20px!important;\n    line-height:1!important;\n    font-weight:300!important;\n}\n\n.t39svc6-meta small{\n    color:#696969!important;\n    -webkit-text-fill-color:#696969!important;\n\n    font-size:12px!important;\n    line-height:1.2!important;\n}\n\n\n\/* TITLE *\/\n\n.t39svc6-service h3{\n    margin:16px 0 0!important;\n\n    color:#111111!important;\n    -webkit-text-fill-color:#111111!important;\n\n    font-family:\"Buda\",serif!important;\n\n    font-size:31px!important;\n    line-height:1.08!important;\n    font-weight:300!important;\n}\n\n\n\/* COPY *\/\n\n.t39svc6-service p{\n    margin:12px 0 0!important;\n\n    color:#444444!important;\n    -webkit-text-fill-color:#444444!important;\n\n    font-size:16px!important;\n    line-height:1.58!important;\n}\n\n\n\/* LINK *\/\n\n.t39svc6-service > a,\n.t39svc6-service > a:link,\n.t39svc6-service > a:visited,\n.t39svc6-service > a:hover,\n.t39svc6-service > a:focus,\n.t39svc6-service > a:active{\n    margin-top:15px;\n\n    color:#111111!important;\n    -webkit-text-fill-color:#111111!important;\n\n    display:inline-flex!important;\n    align-items:center!important;\n\n    gap:7px;\n\n    font-size:13px!important;\n    line-height:1.3!important;\n\n    text-decoration:none!important;\n}\n\n.t39svc6-service > a span,\n.t39svc6-service > a i{\n    color:#111111!important;\n    -webkit-text-fill-color:#111111!important;\n}\n\n.t39svc6-service > a i{\n    font-size:9px;\n}\n\n\n\/* =========================================================\n   TRIPTYCH\n========================================================= *\/\n\n.t39svc6-visual{\n    position:relative;\n\n    min-width:0;\n\n    display:grid;\n\n    grid-template-columns:\n        .78fr\n        1.18fr\n        .72fr;\n\n    align-items:end;\n\n    gap:8px;\n}\n\n\n\/* FIGURES *\/\n\n.t39svc6-photo{\n    position:relative;\n\n    min-width:0;\n\n    margin:0;\n\n    overflow:hidden;\n}\n\n.t39svc6-photo-one{\n    height:400px;\n\n    margin-bottom:42px;\n}\n\n.t39svc6-photo-two{\n    height:590px;\n}\n\n.t39svc6-photo-three{\n    height:330px;\n\n    margin-bottom:100px;\n}\n\n.t39svc6-photo img{\n    width:100%;\n    height:100%;\n\n    display:block;\n\n    object-fit:cover;\n\n    transition:\n        transform .65s cubic-bezier(.22,1,.36,1);\n}\n\n@media(hover:hover) and (pointer:fine){\n\n    .t39svc6-photo:hover img{\n        transform:scale(1.025);\n    }\n\n}\n\n\n\/* =========================================================\n   VISUAL CAPTION\n========================================================= *\/\n\n.t39svc6-caption{\n    position:absolute;\n    z-index:4;\n\n    left:14%;\n    bottom:9px;\n\n    padding:16px 18px;\n\n    background:#456478;\n}\n\n.t39svc6-caption > span{\n    display:block;\n\n    margin-bottom:5px;\n\n    color:#ffffff!important;\n    -webkit-text-fill-color:#ffffff!important;\n\n    font-size:11px!important;\n    line-height:1.2!important;\n\n    text-transform:uppercase;\n\n    letter-spacing:.08em;\n}\n\n.t39svc6-caption strong{\n    display:block;\n\n    color:#ffffff!important;\n    -webkit-text-fill-color:#ffffff!important;\n\n    font-family:\"Buda\",serif!important;\n\n    font-size:23px!important;\n    line-height:1.05!important;\n    font-weight:300!important;\n}\n\n\n\/* =========================================================\n   FOOTER\n========================================================= *\/\n\n.t39svc6-footer{\n    margin-top:37px;\n    padding-top:19px;\n\n    border-top:1px solid rgba(0,0,0,.15);\n\n    display:grid;\n\n    grid-template-columns:\n        repeat(4,auto)\n        1fr;\n\n    align-items:center;\n\n    gap:24px;\n}\n\n.t39svc6-footer > span{\n    color:#666666!important;\n    -webkit-text-fill-color:#666666!important;\n\n    font-size:12px!important;\n    line-height:1.2!important;\n\n    text-transform:uppercase;\n\n    letter-spacing:.07em;\n}\n\n\n\/* FOOTER BUTTON *\/\n\n.t39svc6-footer > a,\n.t39svc6-footer > a:link,\n.t39svc6-footer > a:visited,\n.t39svc6-footer > a:hover,\n.t39svc6-footer > a:focus,\n.t39svc6-footer > a:active{\n    min-height:44px;\n\n    padding:0 17px!important;\n\n    justify-self:end;\n\n    background:#456478!important;\n\n    color:#ffffff!important;\n    -webkit-text-fill-color:#ffffff!important;\n\n    display:inline-flex!important;\n    align-items:center!important;\n    justify-content:center!important;\n\n    gap:8px;\n\n    font-size:13px!important;\n    line-height:1!important;\n\n    text-decoration:none!important;\n\n    box-shadow:none!important;\n}\n\n.t39svc6-footer > a span,\n.t39svc6-footer > a i{\n    color:#ffffff!important;\n    -webkit-text-fill-color:#ffffff!important;\n}\n\n\n\/* =========================================================\n   REVEAL\n========================================================= *\/\n\n.t39svc6-reveal{\n    opacity:1;\n\n    transform:none;\n}\n\n.t39svc6-section.t39svc6-motion\n.t39svc6-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.t39svc6-section.t39svc6-motion\n.t39svc6-reveal.is-visible{\n    opacity:1;\n\n    transform:none;\n}\n\n\n\/* =========================================================\n   TABLET\n========================================================= *\/\n\n@media(max-width:1024px) and (min-width:768px){\n\n    .t39svc6-section{\n        padding:40px 40px 0;\n    }\n\n\n    .t39svc6-head{\n        grid-template-columns:\n            minmax(0,1fr)\n            minmax(250px,.8fr);\n\n        gap:35px;\n    }\n\n\n    .t39svc6-head h2{\n        font-size:38px!important;\n    }\n\n\n    .t39svc6-head > p{\n        font-size:16px!important;\n    }\n\n\n    \/*\n       Completely release desktop 3-column stage.\n    *\/\n\n    .t39svc6-stage{\n        min-height:0;\n\n        display:flex;\n\n        flex-direction:column;\n\n        gap:29px;\n    }\n\n\n    \/*\n       TRIPTYCH FIRST\n    *\/\n\n    .t39svc6-visual{\n        order:1;\n\n        width:100%;\n        height:360px;\n\n        grid-template-columns:\n            .8fr\n            1.2fr\n            .78fr;\n\n        align-items:end;\n\n        gap:7px;\n    }\n\n\n    .t39svc6-photo-one{\n        height:255px;\n\n        margin-bottom:25px;\n    }\n\n\n    .t39svc6-photo-two{\n        height:350px;\n    }\n\n\n    .t39svc6-photo-three{\n        height:220px;\n\n        margin-bottom:63px;\n    }\n\n\n    .t39svc6-caption{\n        left:11%;\n        bottom:0;\n    }\n\n\n    \/*\n       SERVICES BELOW IN CLEAN 2 \u00d7 2\n       without forced equal-height boxes.\n    *\/\n\n    .t39svc6-left,\n    .t39svc6-right{\n        padding:0;\n\n        display:grid;\n\n        grid-template-columns:\n            repeat(2,minmax(0,1fr));\n\n        gap:28px;\n    }\n\n\n    .t39svc6-left{\n        order:2;\n    }\n\n\n    .t39svc6-right{\n        order:3;\n    }\n\n\n    .t39svc6-service{\n        min-height:0;\n    }\n\n\n    .t39svc6-service h3{\n        font-size:26px!important;\n    }\n\n\n    .t39svc6-service p{\n        font-size:16px!important;\n    }\n\n\n    .t39svc6-footer{\n        grid-template-columns:\n            repeat(4,auto);\n\n        gap:14px 20px;\n    }\n\n\n    .t39svc6-footer > a{\n        grid-column:1 \/ -1;\n\n        justify-self:start;\n\n        margin-top:2px;\n    }\n\n}\n\n\n\/* =========================================================\n   MOBILE\n========================================================= *\/\n\n@media(max-width:767px){\n\n    .t39svc6-section{\n        padding:30px 20px 0;\n    }\n\n\n    .t39svc6-head{\n        margin-bottom:25px;\n\n        grid-template-columns:1fr;\n\n        gap:10px;\n    }\n\n\n    .t39svc6-head h2{\n        max-width:100%;\n\n        font-size:34px!important;\n    }\n\n\n    .t39svc6-head > p{\n        max-width:100%;\n\n        margin:0!important;\n\n        font-size:16px!important;\n    }\n\n\n    .t39svc6-stage{\n        min-height:0;\n\n        display:flex;\n\n        flex-direction:column;\n\n        gap:0;\n    }\n\n\n    \/* =====================================================\n       MOBILE TRIPTYCH\n    ====================================================== *\/\n\n    .t39svc6-visual{\n        order:1;\n\n        width:100%;\n        height:300px;\n\n        margin-bottom:25px;\n\n        grid-template-columns:\n            .75fr\n            1.25fr\n            .72fr;\n\n        gap:5px;\n    }\n\n\n    .t39svc6-photo-one{\n        height:205px;\n\n        margin-bottom:22px;\n    }\n\n\n    .t39svc6-photo-two{\n        height:290px;\n    }\n\n\n    .t39svc6-photo-three{\n        height:180px;\n\n        margin-bottom:55px;\n    }\n\n\n    .t39svc6-caption{\n        left:7px;\n        bottom:0;\n\n        padding:12px 13px;\n    }\n\n\n    .t39svc6-caption strong{\n        font-size:19px!important;\n    }\n\n\n    \/*\n       Every service becomes a natural-height entry.\n    *\/\n\n    .t39svc6-left,\n    .t39svc6-right{\n        padding:0;\n\n        display:flex;\n\n        flex-direction:column;\n\n        gap:0;\n    }\n\n\n    .t39svc6-left{\n        order:2;\n    }\n\n\n    .t39svc6-right{\n        order:3;\n    }\n\n\n    .t39svc6-service{\n        padding:\n            20px\n            0\n            22px;\n\n        border-top:1px solid rgba(0,0,0,.14);\n    }\n\n\n    .t39svc6-right\n    .t39svc6-service:last-child{\n        border-bottom:1px solid rgba(0,0,0,.14);\n    }\n\n\n    .t39svc6-meta{\n        padding-bottom:0;\n\n        border-bottom:0;\n    }\n\n\n    .t39svc6-service h3{\n        margin-top:12px!important;\n\n        font-size:26px!important;\n    }\n\n\n    .t39svc6-service p{\n        max-width:100%;\n\n        font-size:16px!important;\n    }\n\n\n    .t39svc6-footer{\n        margin-top:25px;\n\n        grid-template-columns:\n            repeat(2,1fr);\n\n        gap:11px;\n    }\n\n\n    .t39svc6-footer > a{\n        grid-column:1 \/ -1;\n\n        justify-self:start;\n\n        margin-top:5px;\n    }\n\n}\n\n\n\/* =========================================================\n   SMALL MOBILE\n========================================================= *\/\n\n@media(max-width:390px){\n\n    .t39svc6-head h2{\n        font-size:32px!important;\n    }\n\n\n    .t39svc6-visual{\n        height:280px;\n    }\n\n\n    .t39svc6-photo-one{\n        height:190px;\n    }\n\n\n    .t39svc6-photo-two{\n        height:270px;\n    }\n\n\n    .t39svc6-photo-three{\n        height:165px;\n    }\n\n}\n\n\n\/* =========================================================\n   REDUCED MOTION\n========================================================= *\/\n\n@media(prefers-reduced-motion:reduce){\n\n    .t39svc6-photo img{\n        transition:none;\n    }\n\n\n    .t39svc6-section.t39svc6-motion\n    .t39svc6-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(\".t39svc6-section\")\n    .forEach(function(section){\n\n        const items =\n            section.querySelectorAll(\n                \".t39svc6-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            \"t39svc6-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:.07\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-eeef4c4 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=\"eeef4c4\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e6f2863 elementor-widget elementor-widget-html\" data-id=\"e6f2863\" 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=Buda:wght@300&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=\"t39featfinal-section\">\n\n    <div class=\"t39featfinal-shell\">\n\n\n        <!-- =====================================================\n             TOP\n        ====================================================== -->\n\n        <header class=\"t39featfinal-top t39featfinal-reveal\">\n\n            <div>\n\n                <span>\n                    Selected Residences\n                <\/span>\n\n                <h2>\n                    Featured Listings\n                <\/h2>\n\n            <\/div>\n\n\n            <a href=\"https:\/\/teknr39.thestackly.in\/?page_id=17\">\n\n                <span>\n                    View All Properties\n                <\/span>\n\n                <i class=\"fa-solid fa-arrow-right\"><\/i>\n\n            <\/a>\n\n        <\/header>\n\n\n        <!-- =====================================================\n             MAIN STAGE\n        ====================================================== -->\n\n        <div class=\"t39featfinal-stage\">\n\n\n            <!-- =================================================\n                 LEFT PROPERTY AREA\n            ================================================== -->\n\n            <div class=\"t39featfinal-left t39featfinal-reveal\">\n\n\n                <!-- PROPERTY 01 -->\n\n                <article\n                    class=\"t39featfinal-item is-active\"\n                    data-index=\"0\">\n\n                    <button\n                        type=\"button\"\n                        aria-expanded=\"true\">\n\n                        <span class=\"t39featfinal-index\">\n                            01\n                        <\/span>\n\n\n                        <div>\n\n                            <h3>\n                                Terrace Grove Villa\n                            <\/h3>\n\n                            <small>\n                                Beverly Hills \u00b7 Private Villa\n                            <\/small>\n\n                        <\/div>\n\n\n                        <i class=\"fa-solid fa-minus\"><\/i>\n\n                    <\/button>\n\n\n                    <div class=\"t39featfinal-detail\">\n\n                        <div class=\"t39featfinal-detail-inner\">\n\n                            <p>\n                                A contemporary residence shaped around privacy,\n                                expansive terraces, and seamless indoor-outdoor living.\n                            <\/p>\n\n\n                            <div class=\"t39featfinal-meta\">\n\n                                <span>\n                                    5 Bedrooms\n                                <\/span>\n\n                                <span>\n                                    7,850 Sq. Ft.\n                                <\/span>\n\n                                <strong>\n                                    $8.5M\n                                <\/strong>\n\n                            <\/div>\n\n                        <\/div>\n\n                    <\/div>\n\n                <\/article>\n\n\n                <!-- PROPERTY 02 -->\n\n                <article\n                    class=\"t39featfinal-item\"\n                    data-index=\"1\">\n\n                    <button\n                        type=\"button\"\n                        aria-expanded=\"false\">\n\n                        <span class=\"t39featfinal-index\">\n                            02\n                        <\/span>\n\n\n                        <div>\n\n                            <h3>\n                                Arbor Penthouse\n                            <\/h3>\n\n                            <small>\n                                Tribeca \u00b7 City Residence\n                            <\/small>\n\n                        <\/div>\n\n\n                        <i class=\"fa-solid fa-plus\"><\/i>\n\n                    <\/button>\n\n\n                    <div class=\"t39featfinal-detail\">\n\n                        <div class=\"t39featfinal-detail-inner\">\n\n                            <p>\n                                Full-floor living with generous daylight,\n                                composed interiors, and a private city outlook.\n                            <\/p>\n\n\n                            <div class=\"t39featfinal-meta\">\n\n                                <span>\n                                    4 Bedrooms\n                                <\/span>\n\n                                <span>\n                                    5,400 Sq. Ft.\n                                <\/span>\n\n                                <strong>\n                                    $12.4M\n                                <\/strong>\n\n                            <\/div>\n\n                        <\/div>\n\n                    <\/div>\n\n                <\/article>\n\n\n                <!-- PROPERTY 03 -->\n\n                <article\n                    class=\"t39featfinal-item\"\n                    data-index=\"2\">\n\n                    <button\n                        type=\"button\"\n                        aria-expanded=\"false\">\n\n                        <span class=\"t39featfinal-index\">\n                            03\n                        <\/span>\n\n\n                        <div>\n\n                            <h3>\n                                Marina Crest House\n                            <\/h3>\n\n                            <small>\n                                Newport Beach \u00b7 Coastal Residence\n                            <\/small>\n\n                        <\/div>\n\n\n                        <i class=\"fa-solid fa-plus\"><\/i>\n\n                    <\/button>\n\n\n                    <div class=\"t39featfinal-detail\">\n\n                        <div class=\"t39featfinal-detail-inner\">\n\n                            <p>\n                                Relaxed coastal architecture centred around\n                                daylight, entertaining, and connection outdoors.\n                            <\/p>\n\n\n                            <div class=\"t39featfinal-meta\">\n\n                                <span>\n                                    4 Bedrooms\n                                <\/span>\n\n                                <span>\n                                    5,950 Sq. Ft.\n                                <\/span>\n\n                                <strong>\n                                    $7.8M\n                                <\/strong>\n\n                            <\/div>\n\n                        <\/div>\n\n                    <\/div>\n\n                <\/article>\n\n\n                <!-- BOTTOM CTA -->\n\n                <a\n                    href=\"https:\/\/teknr39.thestackly.in\/?page_id=17\"\n                    class=\"t39featfinal-collection\">\n\n                    <span>\n                        Explore the Collection\n                    <\/span>\n\n                    <i class=\"fa-solid fa-arrow-right\"><\/i>\n\n                <\/a>\n\n\n            <\/div>\n\n\n            <!-- =================================================\n                 CLEAN RIGHT PROPERTY VISUAL\n            ================================================== -->\n\n            <div class=\"t39featfinal-visual t39featfinal-reveal\">\n\n\n                <figure class=\"t39featfinal-photo\">\n\n                    <img decoding=\"async\"\n                        class=\"t39featfinal-main-img\"\n                        src=\"https:\/\/images.unsplash.com\/photo-1523217582562-09d0def993a6?q=80&w=880&auto=format&fit=crop&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D\"\n                        alt=\"Terrace Grove Villa\">\n\n                <\/figure>\n\n\n                <!-- TOP PROPERTY CTA -->\n\n                <a\n                    href=\"https:\/\/teknr39.thestackly.in\/?page_id=22\"\n                    class=\"t39featfinal-view\">\n\n                    <span>\n                        View Property\n                    <\/span>\n\n                    <i class=\"fa-solid fa-arrow-up-right-from-square\"><\/i>\n\n                <\/a>\n\n\n                <!-- BOTTOM ATTACHED INFO -->\n\n                <div class=\"t39featfinal-caption\">\n\n                    <div>\n\n                        <span class=\"t39featfinal-active-number\">\n                            01\n                        <\/span>\n\n                        <small class=\"t39featfinal-active-location\">\n                            Beverly Hills \u00b7 Private Villa\n                        <\/small>\n\n                    <\/div>\n\n\n                    <h3 class=\"t39featfinal-active-title\">\n                        Terrace Grove Villa\n                    <\/h3>\n\n                <\/div>\n\n\n            <\/div>\n\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n\n<style>\n\/* =========================================================\n   BASE\n========================================================= *\/\n\n.t39featfinal-section,\n.t39featfinal-section *,\n.t39featfinal-section *::before,\n.t39featfinal-section *::after{\n    box-sizing:border-box;\n}\n\n.t39featfinal-section{\n    width:100%;\n\n    margin:0;\n\n    padding:60px;\n\n    overflow:hidden;\n\n    background:#F4F6F7;\n\n    font-family:Tahoma,Arial,sans-serif;\n}\n\n.t39featfinal-shell{\n    width:100%;\n    max-width:1420px;\n\n    margin:0 auto;\n}\n\n\n\/* =========================================================\n   TOP\n========================================================= *\/\n\n.t39featfinal-top{\n    margin-bottom:30px;\n\n    display:flex;\n\n    align-items:flex-end;\n    justify-content:space-between;\n\n    gap:30px;\n}\n\n.t39featfinal-top > div{\n    min-width:0;\n}\n\n.t39featfinal-top > div > span{\n    display:block;\n\n    margin-bottom:6px;\n\n    color:#555555!important;\n    -webkit-text-fill-color:#555555!important;\n\n    font-size:13px!important;\n    line-height:1.35!important;\n}\n\n.t39featfinal-top h2{\n    margin:0!important;\n\n    color:#111111!important;\n    -webkit-text-fill-color:#111111!important;\n\n    font-family:\"Buda\",serif!important;\n\n    font-size:42px!important;\n    line-height:1.08!important;\n    font-weight:300!important;\n}\n\n\n\/* TOP CTA *\/\n\n.t39featfinal-top > a,\n.t39featfinal-top > a:link,\n.t39featfinal-top > a:visited,\n.t39featfinal-top > a:hover,\n.t39featfinal-top > a:focus,\n.t39featfinal-top > a:active{\n    min-height:44px;\n\n    padding:0 18px!important;\n\n    background:#456478!important;\n\n    color:#ffffff!important;\n    -webkit-text-fill-color:#ffffff!important;\n\n    display:inline-flex!important;\n\n    align-items:center!important;\n    justify-content:center!important;\n\n    gap:9px;\n\n    flex:0 0 auto;\n\n    font-size:14px!important;\n\n    text-decoration:none!important;\n\n    box-shadow:none!important;\n}\n\n.t39featfinal-top > a span,\n.t39featfinal-top > a i{\n    color:#ffffff!important;\n    -webkit-text-fill-color:#ffffff!important;\n}\n\n\n\/* =========================================================\n   MAIN STAGE\n\n   KEY ALIGNMENT FIX:\n\n   Both children stretch through the SAME grid row.\n\n   Left content determines its natural size.\n   Right image follows the exact same row height.\n========================================================= *\/\n\n.t39featfinal-stage{\n    width:100%;\n\n    display:grid;\n\n    grid-template-columns:\n        minmax(350px,.80fr)\n        minmax(0,1.20fr);\n\n    gap:48px;\n\n    align-items:stretch;\n}\n\n\n\/* =========================================================\n   LEFT SIDE\n========================================================= *\/\n\n.t39featfinal-left{\n    width:100%;\n    min-width:0;\n\n    \/*\n       Slight inset so the first text line doesn't\n       feel vertically disconnected from the photo.\n    *\/\n\n    padding-top:8px;\n\n    display:flex;\n\n    flex-direction:column;\n}\n\n\n\/* =========================================================\n   ITEM\n========================================================= *\/\n\n.t39featfinal-item{\n    width:100%;\n\n    border-top:\n        1px solid rgba(0,0,0,.16);\n}\n\n.t39featfinal-item:last-of-type{\n    border-bottom:\n        1px solid rgba(0,0,0,.16);\n}\n\n\n\/* =========================================================\n   ITEM BUTTON\n========================================================= *\/\n\n.t39featfinal-item > button{\n    width:100%;\n\n    min-height:88px;\n\n    margin:0!important;\n\n    padding:0!important;\n\n    border:0!important;\n    border-radius:0!important;\n\n    outline:0!important;\n\n    background:transparent!important;\n\n    display:grid!important;\n\n    grid-template-columns:\n        38px\n        minmax(0,1fr)\n        24px;\n\n    align-items:center;\n\n    gap:14px;\n\n    cursor:pointer;\n\n    text-align:left!important;\n\n    box-shadow:none!important;\n}\n\n.t39featfinal-index{\n    color:#777777!important;\n    -webkit-text-fill-color:#777777!important;\n\n    font-size:13px!important;\n}\n\n.t39featfinal-item > button > div{\n    min-width:0;\n}\n\n.t39featfinal-item h3{\n    margin:0!important;\n\n    color:#111111!important;\n    -webkit-text-fill-color:#111111!important;\n\n    font-family:\"Buda\",serif!important;\n\n    font-size:28px!important;\n    line-height:1.15!important;\n    font-weight:300!important;\n\n    text-align:left!important;\n}\n\n.t39featfinal-item small{\n    display:block;\n\n    margin-top:5px;\n\n    color:#555555!important;\n    -webkit-text-fill-color:#555555!important;\n\n    font-size:13px!important;\n    line-height:1.4!important;\n\n    text-align:left!important;\n}\n\n.t39featfinal-item > button > i{\n    color:#111111!important;\n    -webkit-text-fill-color:#111111!important;\n\n    font-size:11px;\n}\n\n\n\/* =========================================================\n   DETAILS\n========================================================= *\/\n\n.t39featfinal-detail{\n    display:grid;\n\n    grid-template-rows:0fr;\n\n    opacity:0;\n\n    transition:\n        grid-template-rows .45s cubic-bezier(.22,1,.36,1),\n        opacity .34s ease;\n}\n\n.t39featfinal-detail-inner{\n    min-height:0;\n\n    overflow:hidden;\n}\n\n.t39featfinal-item.is-active\n.t39featfinal-detail{\n    grid-template-rows:1fr;\n\n    opacity:1;\n}\n\n.t39featfinal-item.is-active\n.t39featfinal-detail-inner{\n    padding:\n        0\n        22px\n        23px\n        52px;\n}\n\n\n\/* DETAIL COPY *\/\n\n.t39featfinal-detail p{\n    max-width:490px;\n\n    margin:0!important;\n\n    color:#444444!important;\n    -webkit-text-fill-color:#444444!important;\n\n    font-family:Tahoma,Arial,sans-serif!important;\n\n    font-size:16px!important;\n    line-height:1.6!important;\n}\n\n\n\/* =========================================================\n   META\n========================================================= *\/\n\n.t39featfinal-meta{\n    margin-top:15px;\n\n    display:flex;\n\n    align-items:center;\n\n    gap:\n        8px\n        15px;\n\n    flex-wrap:wrap;\n}\n\n.t39featfinal-meta span{\n    color:#444444!important;\n    -webkit-text-fill-color:#444444!important;\n\n    font-size:13px!important;\n}\n\n.t39featfinal-meta strong{\n    color:#111111!important;\n    -webkit-text-fill-color:#111111!important;\n\n    font-family:\"Buda\",serif!important;\n\n    font-size:21px!important;\n    line-height:1!important;\n    font-weight:300!important;\n}\n\n\n\/* =========================================================\n   COLLECTION CTA\n\n   Slightly closer to the final row so the left\n   composition feels more compact and aligned\n   with the image.\n========================================================= *\/\n\n.t39featfinal-collection,\n.t39featfinal-collection:link,\n.t39featfinal-collection:visited,\n.t39featfinal-collection:hover,\n.t39featfinal-collection:focus,\n.t39featfinal-collection:active{\n    width:max-content;\n    max-width:100%;\n\n    min-height:46px;\n\n    margin-top:24px;\n\n    padding:0 18px!important;\n\n    border-radius:23px!important;\n\n    background:#ffffff!important;\n\n    color:#111111!important;\n    -webkit-text-fill-color:#111111!important;\n\n    display:inline-flex!important;\n\n    align-items:center!important;\n    justify-content:center!important;\n\n    gap:9px;\n\n    font-size:14px!important;\n\n    text-decoration:none!important;\n\n    box-shadow:none!important;\n}\n\n.t39featfinal-collection span,\n.t39featfinal-collection i{\n    color:#111111!important;\n    -webkit-text-fill-color:#111111!important;\n}\n\n\n\/* =========================================================\n   RIGHT VISUAL\n\n   No fixed 555px height.\n\n   It stretches with the same grid row as the left\n   property selector, producing matching top\/bottom\n   alignment.\n========================================================= *\/\n\n.t39featfinal-visual{\n    position:relative;\n\n    width:100%;\n    min-width:0;\n\n    height:auto;\n    min-height:505px;\n\n    align-self:stretch;\n\n    overflow:hidden;\n\n    border-radius:20px;\n\n    background:#dfe3e5;\n}\n\n\n\/* =========================================================\n   IMAGE\n========================================================= *\/\n\n.t39featfinal-photo{\n    position:absolute;\n\n    inset:0;\n\n    width:100%;\n    height:100%;\n\n    margin:0;\n\n    overflow:hidden;\n}\n\n.t39featfinal-photo::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,.015) 35%,\n            rgba(0,0,0,.08) 58%,\n            rgba(0,0,0,.48) 100%\n        );\n\n    pointer-events:none;\n}\n\n.t39featfinal-photo img{\n    width:100%;\n    height:100%;\n\n    display:block;\n\n    object-fit:cover;\n    object-position:center;\n\n    opacity:1;\n\n    transition:\n        opacity .3s ease,\n        transform .65s cubic-bezier(.22,1,.36,1);\n}\n\n\n\/* =========================================================\n   VIEW PROPERTY\n========================================================= *\/\n\n.t39featfinal-view,\n.t39featfinal-view:link,\n.t39featfinal-view:visited,\n.t39featfinal-view:hover,\n.t39featfinal-view:focus,\n.t39featfinal-view:active{\n    position:absolute;\n    z-index:5;\n\n    top:18px;\n    right:18px;\n\n    min-height:43px;\n\n    padding:0 15px!important;\n\n    background:#456478!important;\n\n    color:#ffffff!important;\n    -webkit-text-fill-color:#ffffff!important;\n\n    display:inline-flex!important;\n\n    align-items:center!important;\n    justify-content:center!important;\n\n    gap:8px;\n\n    font-size:13px!important;\n    line-height:1!important;\n\n    text-decoration:none!important;\n\n    box-shadow:none!important;\n}\n\n.t39featfinal-view span,\n.t39featfinal-view i{\n    color:#ffffff!important;\n    -webkit-text-fill-color:#ffffff!important;\n}\n\n\n\/* =========================================================\n   BOTTOM IMAGE INFORMATION\n========================================================= *\/\n\n.t39featfinal-caption{\n    position:absolute;\n    z-index:4;\n\n    left:0;\n    right:0;\n    bottom:0;\n\n    padding:\n        22px\n        23px;\n\n    display:grid;\n\n    grid-template-columns:\n        minmax(170px,.5fr)\n        minmax(0,1fr);\n\n    align-items:end;\n\n    gap:30px;\n}\n\n.t39featfinal-caption > div{\n    min-width:0;\n}\n\n\n\/* NUMBER *\/\n\n.t39featfinal-active-number{\n    display:block;\n\n    margin-bottom:5px;\n\n    color:#ffffff!important;\n    -webkit-text-fill-color:#ffffff!important;\n\n    font-family:\"Buda\",serif!important;\n\n    font-size:22px!important;\n    line-height:1!important;\n    font-weight:300!important;\n}\n\n\n\/* LOCATION *\/\n\n.t39featfinal-active-location{\n    display:block;\n\n    color:#ffffff!important;\n    -webkit-text-fill-color:#ffffff!important;\n\n    font-size:13px!important;\n    line-height:1.4!important;\n}\n\n\n\/* TITLE *\/\n\n.t39featfinal-caption h3{\n    min-width:0;\n\n    margin:0!important;\n\n    color:#ffffff!important;\n    -webkit-text-fill-color:#ffffff!important;\n\n    font-family:\"Buda\",serif!important;\n\n    font-size:31px!important;\n    line-height:1.15!important;\n    font-weight:300!important;\n\n    text-align:right;\n}\n\n\n\/* =========================================================\n   HOVER\n========================================================= *\/\n\n@media(hover:hover) and (pointer:fine){\n\n    .t39featfinal-visual:hover\n    .t39featfinal-photo img{\n        transform:scale(1.025);\n    }\n\n}\n\n\n\/* =========================================================\n   REVEAL\n========================================================= *\/\n\n.t39featfinal-reveal{\n    opacity:1;\n\n    transform:none;\n}\n\n.t39featfinal-section.t39featfinal-motion\n.t39featfinal-reveal{\n    opacity:0;\n\n    transform:\n        translateY(24px)\n        scale(.94);\n\n    transition:\n        opacity 1.35s ease,\n        transform 1.35s cubic-bezier(.22,1,.36,1);\n}\n\n.t39featfinal-section.t39featfinal-motion\n.t39featfinal-reveal.is-visible{\n    opacity:1;\n\n    transform:none;\n}\n\n\n\/* =========================================================\n   TABLET\n   768PX \u2014 1024PX\n\n   Keep two columns, but align both blocks exactly\n   through the shared grid row.\n========================================================= *\/\n\n@media(max-width:1024px) and (min-width:768px){\n\n    .t39featfinal-section{\n        padding:40px;\n    }\n\n\n    .t39featfinal-top{\n        margin-bottom:25px;\n    }\n\n\n    .t39featfinal-top h2{\n        font-size:34px!important;\n    }\n\n\n    .t39featfinal-stage{\n        grid-template-columns:\n            minmax(275px,.88fr)\n            minmax(0,1.12fr);\n\n        gap:26px;\n\n        align-items:stretch;\n    }\n\n\n    .t39featfinal-left{\n        padding-top:5px;\n    }\n\n\n    \/* ITEM *\/\n\n    .t39featfinal-item > button{\n        min-height:79px;\n\n        grid-template-columns:\n            30px\n            minmax(0,1fr)\n            19px;\n\n        gap:9px;\n    }\n\n\n    .t39featfinal-item h3{\n        font-size:23px!important;\n    }\n\n\n    .t39featfinal-item small{\n        font-size:12px!important;\n    }\n\n\n    \/* ACTIVE COPY *\/\n\n    .t39featfinal-item.is-active\n    .t39featfinal-detail-inner{\n        padding:\n            0\n            12px\n            19px\n            39px;\n    }\n\n\n    .t39featfinal-detail p{\n        font-size:14px!important;\n        line-height:1.55!important;\n    }\n\n\n    .t39featfinal-meta{\n        margin-top:12px;\n\n        gap:\n            6px\n            10px;\n    }\n\n\n    .t39featfinal-meta span{\n        font-size:11px!important;\n    }\n\n\n    .t39featfinal-meta strong{\n        font-size:18px!important;\n    }\n\n\n    .t39featfinal-collection{\n        min-height:43px;\n\n        margin-top:20px;\n\n        font-size:13px!important;\n    }\n\n\n    \/* =====================================================\n       IMAGE MATCHES LEFT COLUMN HEIGHT\n    ====================================================== *\/\n\n    .t39featfinal-visual{\n        min-height:440px;\n\n        height:auto;\n\n        border-radius:17px;\n\n        align-self:stretch;\n    }\n\n\n    .t39featfinal-view{\n        top:13px;\n        right:13px;\n\n        min-height:39px;\n\n        padding:\n            0\n            12px!important;\n\n        font-size:12px!important;\n    }\n\n\n    .t39featfinal-caption{\n        padding:\n            17px\n            17px;\n\n        grid-template-columns:\n            minmax(105px,.45fr)\n            minmax(0,1fr);\n\n        gap:16px;\n    }\n\n\n    .t39featfinal-active-number{\n        font-size:19px!important;\n    }\n\n\n    .t39featfinal-active-location{\n        font-size:11px!important;\n    }\n\n\n    .t39featfinal-caption h3{\n        font-size:24px!important;\n    }\n\n}\n\n\n\/* =========================================================\n   MOBILE\n========================================================= *\/\n\n@media(max-width:767px){\n\n    .t39featfinal-section{\n        padding:\n            30px\n            20px;\n    }\n\n\n    \/* =====================================================\n       TOP\n    ====================================================== *\/\n\n    .t39featfinal-top{\n        margin-bottom:21px;\n\n        align-items:center;\n\n        gap:16px;\n    }\n\n\n    .t39featfinal-top > div > span{\n        font-size:12px!important;\n    }\n\n\n    .t39featfinal-top h2{\n        font-size:29px!important;\n    }\n\n\n    .t39featfinal-top > a{\n        min-height:40px;\n\n        padding:\n            0\n            12px!important;\n\n        font-size:12px!important;\n    }\n\n\n    \/* =====================================================\n       STACK\n\n       Natural flow on mobile prevents alignment forcing.\n    ====================================================== *\/\n\n    .t39featfinal-stage{\n        display:flex;\n\n        flex-direction:column;\n\n        gap:24px;\n    }\n\n\n    .t39featfinal-left{\n        width:100%;\n\n        padding-top:0;\n    }\n\n\n    \/* ITEM *\/\n\n    .t39featfinal-item > button{\n        min-height:77px;\n\n        grid-template-columns:\n            30px\n            minmax(0,1fr)\n            19px;\n\n        gap:9px;\n    }\n\n\n    .t39featfinal-item h3{\n        font-size:22px!important;\n    }\n\n\n    .t39featfinal-item small{\n        font-size:12px!important;\n    }\n\n\n    .t39featfinal-item.is-active\n    .t39featfinal-detail-inner{\n        padding:\n            0\n            12px\n            19px\n            39px;\n    }\n\n\n    .t39featfinal-detail p{\n        font-size:15px!important;\n        line-height:1.55!important;\n    }\n\n\n    .t39featfinal-meta span{\n        font-size:12px!important;\n    }\n\n\n    .t39featfinal-meta strong{\n        font-size:19px!important;\n    }\n\n\n    .t39featfinal-collection{\n        margin-top:21px;\n    }\n\n\n    \/* =====================================================\n       IMAGE\n    ====================================================== *\/\n\n    .t39featfinal-visual{\n        width:100%;\n\n        min-height:0;\n        height:355px;\n\n        border-radius:15px;\n    }\n\n\n    .t39featfinal-photo img{\n        object-position:center;\n    }\n\n\n    .t39featfinal-view{\n        top:12px;\n        right:12px;\n\n        min-height:39px;\n\n        padding:\n            0\n            12px!important;\n\n        font-size:12px!important;\n    }\n\n\n    \/* =====================================================\n       CAPTION\n    ====================================================== *\/\n\n    .t39featfinal-caption{\n        padding:\n            17px\n            16px;\n\n        display:block;\n    }\n\n\n    .t39featfinal-active-number{\n        display:inline-block;\n\n        margin:\n            0\n            8px\n            0\n            0;\n\n        font-size:19px!important;\n    }\n\n\n    .t39featfinal-active-location{\n        display:inline;\n\n        font-size:12px!important;\n    }\n\n\n    .t39featfinal-caption h3{\n        margin-top:7px!important;\n\n        font-size:23px!important;\n\n        text-align:left;\n    }\n\n\n    .t39featfinal-visual:hover\n    .t39featfinal-photo img{\n        transform:none;\n    }\n\n}\n\n\n\/* =========================================================\n   SMALL MOBILE\n========================================================= *\/\n\n@media(max-width:390px){\n\n    .t39featfinal-top{\n        align-items:flex-start;\n    }\n\n\n    .t39featfinal-top > a{\n        padding:\n            0\n            10px!important;\n    }\n\n\n    .t39featfinal-top > a span{\n        max-width:82px;\n\n        white-space:normal;\n\n        line-height:1.15;\n    }\n\n\n    .t39featfinal-item h3{\n        font-size:20px!important;\n    }\n\n\n    .t39featfinal-visual{\n        height:325px;\n    }\n\n\n    .t39featfinal-caption{\n        padding:\n            15px\n            14px;\n    }\n\n\n    .t39featfinal-caption h3{\n        font-size:21px!important;\n    }\n\n}\n\n\n\/* =========================================================\n   REDUCED MOTION\n========================================================= *\/\n\n@media(prefers-reduced-motion:reduce){\n\n    .t39featfinal-photo img{\n        transition:none;\n    }\n\n\n    .t39featfinal-section.t39featfinal-motion\n    .t39featfinal-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(\".t39featfinal-section\")\n        .forEach(function(section){\n\n\n            \/* =================================================\n               ORIGINAL PROPERTY IMAGE SET\n            ================================================= *\/\n\n            const properties = [\n\n                {\n                    number:\"01\",\n\n                    title:\"Terrace Grove Villa\",\n\n                    location:\n                    \"Beverly Hills \u00b7 Private Villa\",\n\n                    image:\n                    \"https:\/\/images.unsplash.com\/photo-1523217582562-09d0def993a6?q=80&w=880&auto=format&fit=crop&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D\",\n\n                    alt:\n                    \"Terrace Grove Villa\"\n                },\n\n                {\n                    number:\"02\",\n\n                    title:\"Arbor Penthouse\",\n\n                    location:\n                    \"Tribeca \u00b7 City Residence\",\n\n                    image:\n                    \"https:\/\/images.unsplash.com\/photo-1705960468506-5b2de3586d8d?q=80&w=1170&auto=format&fit=crop&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D\",\n\n                    alt:\n                    \"Arbor Penthouse\"\n                },\n\n                {\n                    number:\"03\",\n\n                    title:\"Marina Crest House\",\n\n                    location:\n                    \"Newport Beach \u00b7 Coastal Residence\",\n\n                    image:\n                    \"https:\/\/images.unsplash.com\/photo-1548120611-fe6576b934e1?q=80&w=1170&auto=format&fit=crop&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D\",\n\n                    alt:\n                    \"Marina Crest House\"\n                }\n\n            ];\n\n\n            const items =\n                Array.from(\n                    section.querySelectorAll(\n                        \".t39featfinal-item\"\n                    )\n                );\n\n\n            const image =\n                section.querySelector(\n                    \".t39featfinal-main-img\"\n                );\n\n\n            const number =\n                section.querySelector(\n                    \".t39featfinal-active-number\"\n                );\n\n\n            const location =\n                section.querySelector(\n                    \".t39featfinal-active-location\"\n                );\n\n\n            const title =\n                section.querySelector(\n                    \".t39featfinal-active-title\"\n                );\n\n\n            \/* =================================================\n               PRELOAD IMAGES\n            ================================================= *\/\n\n            properties.forEach(function(property){\n\n                const preload =\n                    new Image();\n\n                preload.src =\n                    property.image;\n\n            });\n\n\n            \/* =================================================\n               PROPERTY INTERACTION\n            ================================================= *\/\n\n            items.forEach(function(item){\n\n                const button =\n                    item.querySelector(\n                        \"button\"\n                    );\n\n\n                button.addEventListener(\n                    \"click\",\n                    function(){\n\n                        const index =\n                            Number(\n                                item.dataset.index\n                            );\n\n\n                        const property =\n                            properties[index];\n\n\n                        if(!property){\n                            return;\n                        }\n\n\n                        \/* -----------------------------\n                           ACTIVE ITEM\n                        ------------------------------ *\/\n\n                        items.forEach(\n                            function(other){\n\n                                const active =\n                                    other === item;\n\n\n                                other.classList.toggle(\n                                    \"is-active\",\n                                    active\n                                );\n\n\n                                const otherButton =\n                                    other.querySelector(\n                                        \"button\"\n                                    );\n\n\n                                if(otherButton){\n\n                                    otherButton.setAttribute(\n                                        \"aria-expanded\",\n                                        active\n                                            ? \"true\"\n                                            : \"false\"\n                                    );\n\n                                }\n\n\n                                const icon =\n                                    other.querySelector(\n                                        \"button i\"\n                                    );\n\n\n                                if(icon){\n\n                                    icon.className =\n                                        active\n                                            ? \"fa-solid fa-minus\"\n                                            : \"fa-solid fa-plus\";\n\n                                }\n\n                            }\n                        );\n\n\n                        \/* -----------------------------\n                           UPDATE TEXT\n                        ------------------------------ *\/\n\n                        if(number){\n\n                            number.textContent =\n                                property.number;\n\n                        }\n\n\n                        if(location){\n\n                            location.textContent =\n                                property.location;\n\n                        }\n\n\n                        if(title){\n\n                            title.textContent =\n                                property.title;\n\n                        }\n\n\n                        \/* -----------------------------\n                           UPDATE ORIGINAL IMAGE\n                        ------------------------------ *\/\n\n                        if(image){\n\n                            image.style.opacity =\n                                \"0\";\n\n\n                            setTimeout(\n                                function(){\n\n                                    image.src =\n                                        property.image;\n\n\n                                    image.alt =\n                                        property.alt;\n\n\n                                    image.style.opacity =\n                                        \"1\";\n\n                                },\n                                180\n                            );\n\n                        }\n\n                    }\n                );\n\n            });\n\n\n            \/* =================================================\n               REVEAL\n            ================================================= *\/\n\n            const reveals =\n                section.querySelectorAll(\n                    \".t39featfinal-reveal\"\n                );\n\n\n            if(\n                !(\"IntersectionObserver\" in window) ||\n                window.matchMedia(\n                    \"(prefers-reduced-motion: reduce)\"\n                ).matches\n            ){\n\n                reveals.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                \"t39featfinal-motion\"\n            );\n\n\n            const observer =\n                new IntersectionObserver(\n                    function(entries){\n\n                        entries.forEach(\n                            function(entry){\n\n                                if(\n                                    !entry.isIntersecting\n                                ){\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            reveals.forEach(\n                function(item){\n\n                    observer.observe(\n                        item\n                    );\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-51cc5be 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=\"51cc5be\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-bde6e0f elementor-widget elementor-widget-html\" data-id=\"bde6e0f\" 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=Buda:wght@300&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=\"t39approach-section\">\n\n    <div class=\"t39approach-shell\">\n\n        <div class=\"t39approach-top t39approach-reveal\">\n\n            <div>\n\n                <span>Our Approach<\/span>\n\n                <h2>\n                    What We Look At<br>\n                    Before We Recommend.\n                <\/h2>\n\n            <\/div>\n\n\n            <a href=\"https:\/\/teknr39.thestackly.in\/?page_id=12\">\n\n                <span>About Our Approach<\/span>\n\n                <i class=\"fa-solid fa-arrow-right\"><\/i>\n\n            <\/a>\n\n        <\/div>\n\n\n        <div class=\"t39approach-list t39approach-reveal\">\n\n\n            <article>\n\n                <span>01<\/span>\n\n                <h3>Architecture &amp; Proportion<\/h3>\n\n                <p>\n                    How the residence is designed, connected and experienced.\n                <\/p>\n\n                <i class=\"fa-solid fa-arrow-up-right-from-square\"><\/i>\n\n            <\/article>\n\n\n            <article>\n\n                <span>02<\/span>\n\n                <h3>Location &amp; Setting<\/h3>\n\n                <p>\n                    Privacy, surroundings, access and the character of the place.\n                <\/p>\n\n                <i class=\"fa-solid fa-arrow-up-right-from-square\"><\/i>\n\n            <\/article>\n\n\n            <article>\n\n                <span>03<\/span>\n\n                <h3>Everyday Usability<\/h3>\n\n                <p>\n                    Whether the spaces work naturally beyond the viewing itself.\n                <\/p>\n\n                <i class=\"fa-solid fa-arrow-up-right-from-square\"><\/i>\n\n            <\/article>\n\n\n            <article>\n\n                <span>04<\/span>\n\n                <h3>Personal Fit<\/h3>\n\n                <p>\n                    How the property connects with your priorities and lifestyle.\n                <\/p>\n\n                <i class=\"fa-solid fa-arrow-up-right-from-square\"><\/i>\n\n            <\/article>\n\n\n            <article>\n\n                <span>05<\/span>\n\n                <h3>Decision Context<\/h3>\n\n                <p>\n                    The information needed to compare opportunities more clearly.\n                <\/p>\n\n                <i class=\"fa-solid fa-arrow-up-right-from-square\"><\/i>\n\n            <\/article>\n\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n<style>\n.t39approach-section,\n.t39approach-section *,\n.t39approach-section *::before,\n.t39approach-section *::after{\n    box-sizing:border-box;\n}\n\n.t39approach-section{\n    position:relative;\n\n    width:100%;\n\n    padding:60px;\n\n    overflow:hidden;\n\n    background:#456478;\n\n    font-family:Tahoma,Arial,sans-serif;\n}\n\n.t39approach-section::before{\n    content:\"\";\n\n    position:absolute;\n\n    inset:-20%;\n\n    opacity:.12;\n\n    background:\n        repeating-radial-gradient(\n            ellipse at 30% 30%,\n            transparent 0,\n            transparent 42px,\n            rgba(255,255,255,.4) 43px,\n            transparent 45px\n        );\n\n    pointer-events:none;\n}\n\n.t39approach-shell{\n    position:relative;\n    z-index:2;\n\n    width:100%;\n    max-width:1420px;\n\n    margin:0 auto;\n}\n\n.t39approach-top{\n    display:flex;\n    align-items:flex-start;\n    justify-content:space-between;\n\n    gap:50px;\n\n    margin-bottom:45px;\n}\n\n.t39approach-top > div > span{\n    color:#ffffff!important;\n    -webkit-text-fill-color:#ffffff!important;\n\n    font-size:14px!important;\n}\n\n.t39approach-top h2{\n    margin:10px 0 0!important;\n\n    color:#ffffff!important;\n    -webkit-text-fill-color:#ffffff!important;\n\n    font-family:\"Buda\",serif!important;\n\n    font-size:48px!important;\n    line-height:1.1!important;\n    font-weight:300!important;\n}\n\n.t39approach-top > a,\n.t39approach-top > a:visited,\n.t39approach-top > a:hover{\n    min-height:46px;\n\n    padding:0 18px!important;\n\n    background:#ffffff!important;\n\n    color:#111111!important;\n\n    display:inline-flex!important;\n    align-items:center!important;\n    justify-content:center!important;\n\n    gap:9px;\n\n    font-size:14px!important;\n\n    text-decoration:none!important;\n}\n\n\n\/* ROWS *\/\n\n.t39approach-list{\n    border-top:1px solid rgba(255,255,255,.3);\n}\n\n.t39approach-list article{\n    min-height:104px;\n\n    border-bottom:1px solid rgba(255,255,255,.3);\n\n    display:grid;\n\n    grid-template-columns:\n        .35fr\n        1.1fr\n        1.4fr\n        40px;\n\n    align-items:center;\n\n    gap:25px;\n}\n\n.t39approach-list article > span{\n    color:#ffffff!important;\n\n    font-size:14px!important;\n}\n\n.t39approach-list h3{\n    margin:0!important;\n\n    color:#ffffff!important;\n\n    font-family:\"Buda\",serif!important;\n\n    font-size:25px!important;\n    line-height:1.25!important;\n    font-weight:300!important;\n}\n\n.t39approach-list p{\n    margin:0!important;\n\n    color:#ffffff!important;\n\n    font-size:16px!important;\n    line-height:1.5!important;\n}\n\n.t39approach-list article > i{\n    color:#ffffff!important;\n\n    font-size:16px;\n}\n\n\n\/* REVEAL *\/\n\n.t39approach-reveal{\n    opacity:1;\n    transform:none;\n}\n\n.t39approach-section.t39approach-motion .t39approach-reveal{\n    opacity:0;\n\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.t39approach-section.t39approach-motion .t39approach-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    .t39approach-section{\n        padding:40px;\n    }\n\n    .t39approach-top h2{\n        font-size:38px!important;\n    }\n\n    .t39approach-list article{\n        grid-template-columns:\n            40px\n            .85fr\n            1.2fr\n            28px;\n\n        gap:18px;\n    }\n\n    .t39approach-list h3{\n        font-size:21px!important;\n    }\n\n    .t39approach-list p{\n        font-size:15px!important;\n    }\n\n}\n\n\n\/* MOBILE *\/\n\n@media(max-width:767px){\n\n    .t39approach-section{\n        padding:30px 20px;\n    }\n\n    .t39approach-top{\n        flex-direction:column;\n\n        gap:22px;\n    }\n\n    .t39approach-top h2{\n        font-size:34px!important;\n    }\n\n    .t39approach-list article{\n        min-height:0;\n\n        padding:20px 0;\n\n        grid-template-columns:\n            32px\n            1fr\n            22px;\n\n        gap:12px;\n    }\n\n    .t39approach-list article > span{\n        grid-column:1;\n        grid-row:1;\n    }\n\n    .t39approach-list h3{\n        grid-column:2;\n        grid-row:1;\n\n        font-size:20px!important;\n    }\n\n    .t39approach-list p{\n        grid-column:2;\n        grid-row:2;\n\n        font-size:15px!important;\n    }\n\n    .t39approach-list article > i{\n        grid-column:3;\n        grid-row:1;\n    }\n\n}\n<\/style>\n\n<script>\n(function(){\n\n    document.querySelectorAll(\".t39approach-section\").forEach(function(section){\n\n        const items=section.querySelectorAll(\".t39approach-reveal\");\n\n        if(!(\"IntersectionObserver\" in window)){\n\n            items.forEach(item=>item.classList.add(\"is-visible\"));\n            return;\n        }\n\n        section.classList.add(\"t39approach-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-37dd579 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=\"37dd579\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-535d7a5 elementor-widget elementor-widget-html\" data-id=\"535d7a5\" 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=Buda:wght@300&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=\"t39stories2-section\">\n\n    <div class=\"t39stories2-shell\">\n\n\n        <!-- =====================================================\n             TOP\n        ====================================================== -->\n\n        <header class=\"t39stories2-top t39stories2-reveal\">\n\n            <h2>\n                Client Stories\n            <\/h2>\n\n            <span>\n                Property decisions, made with more clarity.\n            <\/span>\n\n        <\/header>\n\n\n        <!-- =====================================================\n             STORY\n        ====================================================== -->\n\n        <div class=\"t39stories2-stage t39stories2-reveal\">\n\n\n            <!-- =================================================\n                 CIRCLE\n            ================================================== -->\n\n            <div class=\"t39stories2-badge\">\n\n                <div class=\"t39stories2-badge-inner\">\n\n\n                    <span class=\"t39stories2-badge-top\">\n                        Trusted By\n                    <\/span>\n\n\n                    <strong class=\"t39stories2-mark\">\n                        \u201c\n                    <\/strong>\n\n\n                    <span class=\"t39stories2-badge-bottom\">\n                        Client Stories\n                    <\/span>\n\n\n                <\/div>\n\n            <\/div>\n\n\n            <!-- =================================================\n                 CONTENT\n            ================================================== -->\n\n            <div class=\"t39stories2-content\">\n\n\n                <blockquote class=\"t39stories2-quote\">\n\n                    \u201cThey helped us stop looking at everything and focus\n                    on the properties that genuinely made sense for our\n                    lifestyle.\u201d\n\n                <\/blockquote>\n\n\n                <div class=\"t39stories2-lower\">\n\n\n                    <!-- CLIENT -->\n\n                    <div class=\"t39stories2-person\">\n\n                        <strong class=\"t39stories2-name\">\n                            Amelia Foster\n                        <\/strong>\n\n                        <span class=\"t39stories2-role\">\n                            Home Buyer\n                        <\/span>\n\n                    <\/div>\n\n\n                    <!-- CONTROLS -->\n\n                    <div class=\"t39stories2-controls\">\n\n                        <button\n                            class=\"t39stories2-prev\"\n                            type=\"button\"\n                            aria-label=\"Previous testimonial\">\n\n                            <i class=\"fa-solid fa-chevron-left\"><\/i>\n\n                        <\/button>\n\n\n                        <span class=\"t39stories2-count\">\n                            1 \/ 3\n                        <\/span>\n\n\n                        <button\n                            class=\"t39stories2-next\"\n                            type=\"button\"\n                            aria-label=\"Next testimonial\">\n\n                            <i class=\"fa-solid fa-chevron-right\"><\/i>\n\n                        <\/button>\n\n                    <\/div>\n\n\n                <\/div>\n\n            <\/div>\n\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n\n<style>\n\/* =========================================================\n   BASE\n========================================================= *\/\n\n.t39stories2-section,\n.t39stories2-section *,\n.t39stories2-section *::before,\n.t39stories2-section *::after{\n    box-sizing:border-box;\n}\n\n.t39stories2-section{\n    width:100%;\n\n    padding:60px 60px 0;\n\n    overflow:hidden;\n\n    background:#ffffff;\n\n    font-family:Tahoma,Arial,sans-serif;\n}\n\n.t39stories2-shell{\n    width:100%;\n    max-width:1420px;\n\n    margin:0 auto;\n}\n\n\n\/* =========================================================\n   TOP\n========================================================= *\/\n\n.t39stories2-top{\n    display:flex;\n\n    align-items:center;\n    justify-content:space-between;\n\n    gap:30px;\n}\n\n.t39stories2-top h2{\n    margin:0!important;\n\n    color:#111111!important;\n    -webkit-text-fill-color:#111111!important;\n\n    font-family:\"Buda\",serif!important;\n\n    font-size:32px!important;\n    line-height:1!important;\n    font-weight:300!important;\n}\n\n.t39stories2-top > span{\n    color:#555555!important;\n    -webkit-text-fill-color:#555555!important;\n\n    font-size:14px!important;\n    line-height:1.4!important;\n}\n\n\n\/* =========================================================\n   STAGE\n========================================================= *\/\n\n.t39stories2-stage{\n    margin-top:45px;\n\n    display:grid;\n\n    grid-template-columns:\n        minmax(270px,.52fr)\n        minmax(0,1.48fr);\n\n    align-items:center;\n\n    gap:70px;\n}\n\n\n\/* =========================================================\n   CIRCLE\n========================================================= *\/\n\n.t39stories2-badge{\n    width:min(290px,100%);\n\n    aspect-ratio:1;\n\n    margin:0 auto;\n\n    padding:17px;\n\n    border:1px solid rgba(0,0,0,.16);\n\n    border-radius:50%;\n\n    display:flex;\n\n    align-items:center;\n    justify-content:center;\n}\n\n\n\/* INNER CIRCLE *\/\n\n.t39stories2-badge-inner{\n    position:relative;\n\n    width:100%;\n    height:100%;\n\n    border:1px solid rgba(69,100,120,.28);\n\n    border-radius:50%;\n\n    display:flex;\n    flex-direction:column;\n\n    align-items:center;\n    justify-content:center;\n\n    text-align:center;\n\n    overflow:hidden;\n}\n\n\n\/* TOP TEXT *\/\n\n.t39stories2-badge-top{\n    position:absolute;\n\n    top:22%;\n    left:50%;\n\n    transform:translateX(-50%);\n\n    width:80%;\n\n    color:#111111!important;\n    -webkit-text-fill-color:#111111!important;\n\n    font-size:12px!important;\n    line-height:1!important;\n\n    letter-spacing:.24em;\n\n    text-transform:uppercase;\n\n    white-space:nowrap;\n}\n\n\n\/* QUOTE MARK *\/\n\n.t39stories2-mark{\n    position:absolute;\n\n    left:50%;\n    top:50%;\n\n    transform:\n        translate(-50%,-42%);\n\n    margin:0!important;\n\n    color:#456478!important;\n    -webkit-text-fill-color:#456478!important;\n\n    font-family:\"Buda\",serif!important;\n\n    font-size:128px!important;\n    line-height:.6!important;\n    font-weight:300!important;\n}\n\n\n\/* BOTTOM TEXT *\/\n\n.t39stories2-badge-bottom{\n    position:absolute;\n\n    bottom:21%;\n    left:50%;\n\n    transform:translateX(-50%);\n\n    width:80%;\n\n    color:#111111!important;\n    -webkit-text-fill-color:#111111!important;\n\n    font-size:12px!important;\n    line-height:1!important;\n\n    letter-spacing:.22em;\n\n    text-transform:uppercase;\n\n    white-space:nowrap;\n}\n\n\n\/* =========================================================\n   CONTENT\n========================================================= *\/\n\n.t39stories2-content{\n    min-width:0;\n}\n\n.t39stories2-quote{\n    width:100%;\n\n    margin:0!important;\n\n    color:#111111!important;\n    -webkit-text-fill-color:#111111!important;\n\n    font-family:\"Buda\",serif!important;\n\n    font-size:45px!important;\n    line-height:1.24!important;\n    font-weight:300!important;\n\n    overflow-wrap:anywhere;\n}\n\n\n\/* =========================================================\n   LOWER ROW\n========================================================= *\/\n\n.t39stories2-lower{\n    margin-top:37px;\n\n    padding-top:23px;\n\n    border-top:1px solid rgba(0,0,0,.14);\n\n    display:flex;\n\n    align-items:center;\n    justify-content:space-between;\n\n    gap:25px;\n}\n\n\n\/* =========================================================\n   CLIENT\n========================================================= *\/\n\n.t39stories2-person{\n    min-width:0;\n}\n\n.t39stories2-name{\n    display:block;\n\n    color:#111111!important;\n    -webkit-text-fill-color:#111111!important;\n\n    font-size:16px!important;\n    line-height:1.3!important;\n}\n\n.t39stories2-role{\n    display:block;\n\n    margin-top:3px;\n\n    color:#666666!important;\n    -webkit-text-fill-color:#666666!important;\n\n    font-size:13px!important;\n    line-height:1.3!important;\n}\n\n\n\/* =========================================================\n   CONTROLS\n========================================================= *\/\n\n.t39stories2-controls{\n    min-height:45px;\n\n    padding:0 8px;\n\n    border:1px solid rgba(0,0,0,.18);\n\n    border-radius:24px;\n\n    display:flex;\n\n    align-items:center;\n    justify-content:center;\n\n    gap:13px;\n\n    flex:0 0 auto;\n}\n\n.t39stories2-controls button{\n    width:32px;\n    height:32px;\n\n    padding:0!important;\n\n    border:0!important;\n\n    background:transparent!important;\n\n    color:#111111!important;\n    -webkit-text-fill-color:#111111!important;\n\n    display:flex!important;\n\n    align-items:center!important;\n    justify-content:center!important;\n\n    cursor:pointer;\n\n    box-shadow:none!important;\n}\n\n.t39stories2-controls i{\n    color:#111111!important;\n    -webkit-text-fill-color:#111111!important;\n\n    font-size:10px;\n}\n\n.t39stories2-count{\n    min-width:42px;\n\n    color:#111111!important;\n    -webkit-text-fill-color:#111111!important;\n\n    font-size:13px!important;\n\n    text-align:center;\n}\n\n\n\/* =========================================================\n   REVEAL\n========================================================= *\/\n\n.t39stories2-reveal{\n    opacity:1;\n\n    transform:none;\n}\n\n.t39stories2-section.t39stories2-motion\n.t39stories2-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.t39stories2-section.t39stories2-motion\n.t39stories2-reveal.is-visible{\n    opacity:1;\n\n    transform:none;\n}\n\n\n\/* =========================================================\n   TABLET\n========================================================= *\/\n\n@media(max-width:1024px) and (min-width:768px){\n\n    .t39stories2-section{\n        padding:40px 40px 0;\n    }\n\n\n    .t39stories2-stage{\n        margin-top:36px;\n\n        grid-template-columns:\n            210px\n            minmax(0,1fr);\n\n        gap:38px;\n    }\n\n\n    .t39stories2-badge{\n        width:200px;\n\n        padding:12px;\n    }\n\n\n    .t39stories2-badge-top,\n    .t39stories2-badge-bottom{\n        font-size:9px!important;\n\n        letter-spacing:.16em;\n    }\n\n\n    .t39stories2-mark{\n        font-size:95px!important;\n    }\n\n\n    .t39stories2-quote{\n        font-size:34px!important;\n    }\n\n}\n\n\n\/* =========================================================\n   MOBILE\n========================================================= *\/\n\n@media(max-width:767px){\n\n    .t39stories2-section{\n        padding:30px 20px 0;\n    }\n\n\n    .t39stories2-top{\n        align-items:flex-start;\n\n        gap:20px;\n    }\n\n\n    .t39stories2-top h2{\n        font-size:26px!important;\n    }\n\n\n    .t39stories2-top > span{\n        max-width:145px;\n\n        font-size:12px!important;\n\n        text-align:right;\n    }\n\n\n    .t39stories2-stage{\n        margin-top:30px;\n\n        grid-template-columns:1fr;\n\n        gap:27px;\n    }\n\n\n    .t39stories2-badge{\n        width:165px;\n\n        padding:10px;\n    }\n\n\n    .t39stories2-badge-top,\n    .t39stories2-badge-bottom{\n        font-size:8px!important;\n\n        letter-spacing:.12em;\n    }\n\n\n    .t39stories2-mark{\n        font-size:82px!important;\n    }\n\n\n    .t39stories2-quote{\n        max-width:100%;\n\n        font-size:28px!important;\n\n        line-height:1.3!important;\n\n        text-align:center;\n    }\n\n\n    .t39stories2-lower{\n        margin-top:28px;\n\n        flex-direction:column;\n\n        align-items:center;\n\n        gap:18px;\n\n        text-align:center;\n    }\n\n}\n\n\n\/* =========================================================\n   REDUCED MOTION\n========================================================= *\/\n\n@media(prefers-reduced-motion:reduce){\n\n    .t39stories2-section.t39stories2-motion\n    .t39stories2-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(\".t39stories2-section\")\n    .forEach(function(section){\n\n\n        \/* =====================================================\n           STORIES\n        ====================================================== *\/\n\n        const stories = [\n\n            {\n                quote:\n                    \"\u201cThey helped us stop looking at everything and focus on the properties that genuinely made sense for our lifestyle.\u201d\",\n\n                name:\n                    \"Amelia Foster\",\n\n                role:\n                    \"Home Buyer\"\n            },\n\n            {\n                quote:\n                    \"\u201cThe difference was context. We understood why each property was worth considering instead of simply seeing another list of homes.\u201d\",\n\n                name:\n                    \"Daniel Brooks\",\n\n                role:\n                    \"Property Investor\"\n            },\n\n            {\n                quote:\n                    \"\u201cThe process felt calm, focused and personal. By the time we viewed our home, we already understood why it suited us.\u201d\",\n\n                name:\n                    \"Sophie Turner\",\n\n                role:\n                    \"Home Buyer\"\n            }\n\n        ];\n\n\n        let index = 0;\n\n\n        const quote =\n            section.querySelector(\n                \".t39stories2-quote\"\n            );\n\n\n        const name =\n            section.querySelector(\n                \".t39stories2-name\"\n            );\n\n\n        const role =\n            section.querySelector(\n                \".t39stories2-role\"\n            );\n\n\n        const count =\n            section.querySelector(\n                \".t39stories2-count\"\n            );\n\n\n        \/* =====================================================\n           RENDER\n        ====================================================== *\/\n\n        function render(){\n\n            const item =\n                stories[index];\n\n\n            quote.textContent =\n                item.quote;\n\n\n            name.textContent =\n                item.name;\n\n\n            role.textContent =\n                item.role;\n\n\n            count.textContent =\n                (index + 1) +\n                \" \/ \" +\n                stories.length;\n\n        }\n\n\n        \/* =====================================================\n           NEXT\n        ====================================================== *\/\n\n        section\n        .querySelector(\n            \".t39stories2-next\"\n        )\n        .addEventListener(\n            \"click\",\n            function(){\n\n                index =\n                    (index + 1) %\n                    stories.length;\n\n\n                render();\n\n            }\n        );\n\n\n        \/* =====================================================\n           PREVIOUS\n        ====================================================== *\/\n\n        section\n        .querySelector(\n            \".t39stories2-prev\"\n        )\n        .addEventListener(\n            \"click\",\n            function(){\n\n                index =\n                    (\n                        index -\n                        1 +\n                        stories.length\n                    ) %\n                    stories.length;\n\n\n                render();\n\n            }\n        );\n\n\n        \/* =====================================================\n           REVEAL\n        ====================================================== *\/\n\n        const revealItems =\n            section.querySelectorAll(\n                \".t39stories2-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(function(item){\n\n                item.classList.add(\n                    \"is-visible\"\n                );\n\n            });\n\n            return;\n        }\n\n\n        section.classList.add(\n            \"t39stories2-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        revealItems.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-e685ef3 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=\"e685ef3\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-852230a elementor-widget elementor-widget-html\" data-id=\"852230a\" 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=Buda:wght@300&display=swap\" rel=\"stylesheet\">\n\n<section class=\"t39team-section\">\n\n    <div class=\"t39team-shell\">\n\n\n        <!-- =====================================================\n             HEADING\n        ====================================================== -->\n\n        <div class=\"t39team-top t39team-reveal\">\n\n            <div>\n\n                <span>Our Team<\/span>\n\n                <h2>\n                    People Behind<br>\n                    Better Property Decisions.\n                <\/h2>\n\n            <\/div>\n\n\n            <p>\n                A collaborative team bringing together property search,\n                market context, strategy, and client guidance.\n            <\/p>\n\n        <\/div>\n\n\n        <!-- =====================================================\n             TEAM\n        ====================================================== -->\n\n        <div class=\"t39team-grid t39team-reveal\">\n\n\n            <!-- 01 -->\n\n            <article>\n\n                <figure>\n\n                    <img decoding=\"async\"\n                        src=\"https:\/\/images.unsplash.com\/photo-1552405523-773122013bc7?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                <h3>\n                    Daniel Mercer\n                <\/h3>\n\n                <p>\n                    Residential Advisory\n                <\/p>\n\n            <\/article>\n\n\n            <!-- 02 -->\n\n            <article>\n\n                <figure>\n\n                    <img decoding=\"async\"\n                        src=\"https:\/\/images.unsplash.com\/photo-1576781027139-9a0769c8d05d?q=80&w=1170&auto=format&fit=crop&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D\"\n                        alt=\"Sophia Bennett\">\n\n                <\/figure>\n\n\n                <h3>\n                    Sophia Bennett\n                <\/h3>\n\n                <p>\n                    Property Strategy\n                <\/p>\n\n            <\/article>\n\n\n            <!-- 03 -->\n\n            <article>\n\n                <figure>\n\n                    <img decoding=\"async\"\n                        src=\"https:\/\/images.unsplash.com\/photo-1581614270639-26d4cf0212e0?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                <h3>\n                    Ethan Cole\n                <\/h3>\n\n                <p>\n                    Market Advisory\n                <\/p>\n\n            <\/article>\n\n\n            <!-- 04 -->\n\n            <article>\n\n                <figure>\n\n                    <img decoding=\"async\"\n                        src=\"https:\/\/images.unsplash.com\/photo-1576869667173-4f5cfcdb17f7?q=80&w=873&auto=format&fit=crop&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D\"\n                        alt=\"Maya Laurent\">\n\n                <\/figure>\n\n\n                <h3>\n                    Maya Laurent\n                <\/h3>\n\n                <p>\n                    Client Relations\n                <\/p>\n\n            <\/article>\n\n\n        <\/div>\n\n\n        <!-- =====================================================\n             LINK\n        ====================================================== -->\n\n        <a\n            href=\"https:\/\/teknr39.thestackly.in\/?page_id=12\"\n            class=\"t39team-link t39team-reveal\">\n\n            <span>Meet the Team<\/span>\n\n        <\/a>\n\n\n    <\/div>\n\n<\/section>\n\n\n<style>\n\/* =========================================================\n   BASE\n========================================================= *\/\n\n.t39team-section,\n.t39team-section *,\n.t39team-section *::before,\n.t39team-section *::after{\n    box-sizing:border-box;\n}\n\n.t39team-section{\n    width:100%;\n\n    padding:60px;\n\n    overflow:hidden;\n\n    background:#ffffff;\n\n    font-family:Tahoma,Arial,sans-serif;\n}\n\n.t39team-shell{\n    width:100%;\n    max-width:1420px;\n\n    margin:0 auto;\n}\n\n\n\/* =========================================================\n   HEADING\n========================================================= *\/\n\n.t39team-top{\n    width:100%;\n\n    display:grid;\n\n    grid-template-columns:\n        minmax(0,1fr)\n        minmax(0,.65fr);\n\n    align-items:end;\n\n    gap:50px;\n}\n\n.t39team-top > div,\n.t39team-top > p{\n    min-width:0;\n}\n\n.t39team-top > div > span{\n    display:block;\n\n    color:#555555!important;\n    -webkit-text-fill-color:#555555!important;\n\n    font-size:14px!important;\n    line-height:1.3!important;\n}\n\n.t39team-top h2{\n    margin:8px 0 0!important;\n\n    color:#111111!important;\n    -webkit-text-fill-color:#111111!important;\n\n    font-family:\"Buda\",serif!important;\n\n    font-size:48px!important;\n    line-height:1.1!important;\n    font-weight:300!important;\n}\n\n.t39team-top > p{\n    width:100%;\n    max-width:520px;\n\n    margin:0 0 4px auto!important;\n\n    color:#444444!important;\n    -webkit-text-fill-color:#444444!important;\n\n    font-size:17px!important;\n    line-height:1.6!important;\n\n    overflow-wrap:anywhere;\n}\n\n\n\/* =========================================================\n   TEAM GRID\n========================================================= *\/\n\n.t39team-grid{\n    width:100%;\n\n    margin:48px 0 0;\n\n    display:grid;\n\n    grid-template-columns:\n        repeat(4,minmax(0,1fr));\n\n    gap:35px;\n}\n\n\n\/* =========================================================\n   PERSON\n========================================================= *\/\n\n.t39team-grid article{\n    width:100%;\n    min-width:0;\n\n    display:flex;\n    flex-direction:column;\n\n    align-items:center;\n\n    text-align:center;\n}\n\n\n\/* =========================================================\n   IMAGE\n========================================================= *\/\n\n.t39team-grid figure{\n    width:min(240px,100%);\n\n    aspect-ratio:.78;\n\n    margin:0;\n\n    border:1px solid rgba(0,0,0,.15);\n    border-radius:50%;\n\n    overflow:hidden;\n}\n\n.t39team-grid img{\n    width:100%;\n    height:100%;\n\n    display:block;\n\n    object-fit:cover;\n\n    filter:grayscale(100%);\n\n    transition:\n        filter .45s ease,\n        transform .55s ease;\n}\n\n@media(hover:hover) and (pointer:fine){\n\n    .t39team-grid article:hover img{\n        filter:grayscale(0);\n\n        transform:scale(1.025);\n    }\n\n}\n\n\n\/* =========================================================\n   NAME\n========================================================= *\/\n\n.t39team-grid h3{\n    width:100%;\n\n    margin:17px 0 0!important;\n\n    color:#111111!important;\n    -webkit-text-fill-color:#111111!important;\n\n    font-family:\"Buda\",serif!important;\n\n    font-size:24px!important;\n    line-height:1.2!important;\n    font-weight:300!important;\n\n    text-align:center;\n}\n\n\n\/* =========================================================\n   ROLE\n========================================================= *\/\n\n.t39team-grid p{\n    width:100%;\n\n    margin:5px 0 0!important;\n\n    color:#555555!important;\n    -webkit-text-fill-color:#555555!important;\n\n    font-family:Tahoma,Arial,sans-serif!important;\n\n    font-size:15px!important;\n    line-height:1.4!important;\n\n    text-align:center;\n}\n\n\n\/* =========================================================\n   BUTTON\n========================================================= *\/\n\n.t39team-link,\n.t39team-link:link,\n.t39team-link:visited,\n.t39team-link:hover,\n.t39team-link:focus,\n.t39team-link:active{\n    width:max-content;\n    max-width:100%;\n\n    min-height:45px;\n\n    margin:35px auto 0;\n    padding:0 19px!important;\n\n    border:1px solid rgba(0,0,0,.18)!important;\n    border-radius:23px;\n\n    background:#ffffff!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    font-family:Tahoma,Arial,sans-serif!important;\n\n    font-size:14px!important;\n    line-height:1!important;\n\n    text-decoration:none!important;\n\n    box-shadow:none!important;\n}\n\n\n\/* =========================================================\n   REVEAL\n========================================================= *\/\n\n.t39team-reveal{\n    opacity:1;\n\n    transform:none;\n}\n\n.t39team-section.t39team-motion\n.t39team-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.t39team-section.t39team-motion\n.t39team-reveal.is-visible{\n    opacity:1;\n\n    transform:none;\n}\n\n\n\/* =========================================================\n   TABLET\n========================================================= *\/\n\n@media(max-width:1024px) and (min-width:768px){\n\n    .t39team-section{\n        width:100%;\n\n        padding:40px;\n\n        overflow:hidden;\n    }\n\n\n    .t39team-shell{\n        width:100%;\n        max-width:none;\n\n        margin:0;\n    }\n\n\n    \/* =============================================\n       HEADING ALIGNMENT\n    ============================================== *\/\n\n    .t39team-top{\n        width:100%;\n\n        grid-template-columns:\n            minmax(0,1.08fr)\n            minmax(0,.92fr);\n\n        gap:32px;\n\n        align-items:end;\n    }\n\n\n    .t39team-top h2{\n        font-size:38px!important;\n    }\n\n\n    .t39team-top > p{\n        width:100%;\n        max-width:100%;\n\n        margin:0 0 3px!important;\n\n        font-size:16px!important;\n    }\n\n\n    \/* =============================================\n       MAIN TABLET FIX\n       \n       Both columns now stretch across the entire\n       available width instead of visually grouping\n       toward the left.\n    ============================================== *\/\n\n    .t39team-grid{\n        width:100%;\n\n        margin:42px 0 0;\n\n        padding:0;\n\n        display:grid;\n\n        grid-template-columns:\n            minmax(0,1fr)\n            minmax(0,1fr);\n\n        column-gap:32px;\n        row-gap:38px;\n\n        justify-content:stretch;\n        align-items:start;\n    }\n\n\n    .t39team-grid article{\n        width:100%;\n        min-width:0;\n\n        margin:0;\n        padding:0;\n\n        display:flex;\n\n        flex-direction:column;\n\n        align-items:center;\n        justify-content:flex-start;\n\n        text-align:center;\n    }\n\n\n    .t39team-grid figure{\n        width:min(220px,82%);\n\n        max-width:220px;\n\n        margin:0 auto;\n\n        flex:none;\n    }\n\n\n    .t39team-grid h3{\n        margin-top:15px!important;\n\n        font-size:22px!important;\n\n        text-align:center;\n    }\n\n\n    .t39team-grid p{\n        margin-top:5px!important;\n\n        font-size:14px!important;\n\n        text-align:center;\n    }\n\n\n    .t39team-link{\n        margin-top:32px;\n    }\n\n}\n\n\n\/* =========================================================\n   MOBILE\n========================================================= *\/\n\n@media(max-width:767px){\n\n    .t39team-section{\n        width:100%;\n\n        padding:30px 20px;\n\n        overflow:hidden;\n    }\n\n\n    .t39team-shell{\n        width:100%;\n    }\n\n\n    \/* =============================================\n       HEADING\n    ============================================== *\/\n\n    .t39team-top{\n        width:100%;\n\n        grid-template-columns:1fr;\n\n        gap:12px;\n    }\n\n\n    .t39team-top h2{\n        font-size:34px!important;\n    }\n\n\n    .t39team-top > p{\n        width:100%;\n        max-width:100%;\n\n        margin:0!important;\n\n        font-size:16px!important;\n    }\n\n\n    \/* =============================================\n       TEAM\n    ============================================== *\/\n\n    .t39team-grid{\n        width:100%;\n\n        margin:32px 0 0;\n\n        grid-template-columns:\n            repeat(2,minmax(0,1fr));\n\n        column-gap:16px;\n        row-gap:28px;\n    }\n\n\n    .t39team-grid article{\n        width:100%;\n        min-width:0;\n    }\n\n\n    .t39team-grid figure{\n        width:min(155px,100%);\n\n        max-width:155px;\n\n        margin:0 auto;\n    }\n\n\n    .t39team-grid h3{\n        margin-top:13px!important;\n\n        font-size:19px!important;\n\n        overflow-wrap:anywhere;\n    }\n\n\n    .t39team-grid p{\n        font-size:13px!important;\n\n        overflow-wrap:anywhere;\n    }\n\n\n    .t39team-link{\n        margin-top:29px;\n    }\n\n}\n\n\n\/* =========================================================\n   SMALL MOBILE\n========================================================= *\/\n\n@media(max-width:390px){\n\n    .t39team-grid{\n        column-gap:12px;\n    }\n\n\n    .t39team-grid figure{\n        width:min(145px,100%);\n    }\n\n\n    .t39team-grid h3{\n        font-size:18px!important;\n    }\n\n}\n\n\n\/* =========================================================\n   REDUCED MOTION\n========================================================= *\/\n\n@media(prefers-reduced-motion:reduce){\n\n    .t39team-grid img{\n        transition:none;\n    }\n\n\n    .t39team-section.t39team-motion\n    .t39team-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(\".t39team-section\")\n    .forEach(function(section){\n\n        const items =\n            section.querySelectorAll(\n                \".t39team-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            \"t39team-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        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-3d1b544 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=\"3d1b544\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e22f45b elementor-widget elementor-widget-html\" data-id=\"e22f45b\" 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=Buda:wght@300&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=\"t39journal-section\">\n\n    <div class=\"t39journal-shell\">\n\n        <div class=\"t39journal-top t39journal-reveal\">\n\n            <h2>Property Journal<\/h2>\n\n            <a href=\"https:\/\/teknr39.thestackly.in\/?page_id=17\">\n                Explore Properties\n            <\/a>\n\n        <\/div>\n\n\n        <div class=\"t39journal-grid t39journal-reveal\">\n\n\n            <article>\n\n                <a href=\"https:\/\/teknr39.thestackly.in\/?page_id=17\"\n                   class=\"t39journal-image\">\n\n                    <img decoding=\"async\"\n                        src=\"https:\/\/images.unsplash.com\/photo-1600566753190-17f0baa2a6c3?q=85&w=1300&auto=format&fit=crop\"\n                        alt=\"Contemporary home\">\n\n                <\/a>\n\n\n                <div class=\"t39journal-info\">\n\n                    <div class=\"t39journal-date\">\n\n                        <strong>18<\/strong>\n\n                        <span>AUG 2026<\/span>\n\n                    <\/div>\n\n\n                    <div>\n\n                        <span>Property Perspective<\/span>\n\n                        <h3>\n                            Why Architecture Matters Beyond First Impressions\n                        <\/h3>\n\n                    <\/div>\n\n                <\/div>\n\n            <\/article>\n\n\n            <article>\n\n                <a href=\"https:\/\/teknr39.thestackly.in\/?page_id=17\"\n                   class=\"t39journal-image\">\n\n                    <img decoding=\"async\"\n                        src=\"https:\/\/images.unsplash.com\/photo-1600047509358-9dc75507daeb?q=85&w=1300&auto=format&fit=crop\"\n                        alt=\"Coastal residence\">\n\n                <\/a>\n\n\n                <div class=\"t39journal-info\">\n\n                    <div class=\"t39journal-date\">\n\n                        <strong>11<\/strong>\n\n                        <span>AUG 2026<\/span>\n\n                    <\/div>\n\n\n                    <div>\n\n                        <span>Location &amp; Lifestyle<\/span>\n\n                        <h3>\n                            What Actually Makes a Neighbourhood Feel Right\n                        <\/h3>\n\n                    <\/div>\n\n                <\/div>\n\n            <\/article>\n\n\n        <\/div>\n\n\n        <a href=\"https:\/\/teknr39.thestackly.in\/?page_id=17\"\n           class=\"t39journal-more t39journal-reveal\">\n\n            <span>View the Collection<\/span>\n\n            <i class=\"fa-solid fa-arrow-right\"><\/i>\n\n        <\/a>\n\n    <\/div>\n\n<\/section>\n\n<style>\n.t39journal-section,\n.t39journal-section *,\n.t39journal-section *::before,\n.t39journal-section *::after{\n    box-sizing:border-box;\n}\n\n.t39journal-section{\n    width:100%;\n\n    padding:60px;\n\n    overflow:hidden;\n\n    background:#F4F6F7;\n\n    font-family:Tahoma,Arial,sans-serif;\n}\n\n.t39journal-shell{\n    width:100%;\n    max-width:1420px;\n\n    margin:0 auto;\n}\n\n.t39journal-top{\n    display:flex;\n    align-items:center;\n    justify-content:space-between;\n\n    gap:30px;\n\n    margin-bottom:38px;\n}\n\n.t39journal-top h2{\n    margin:0!important;\n\n    color:#111111!important;\n\n    font-family:\"Buda\",serif!important;\n\n    font-size:32px!important;\n    font-weight:300!important;\n}\n\n.t39journal-top > a,\n.t39journal-top > a:visited,\n.t39journal-top > a:hover{\n    min-height:44px;\n\n    padding:0 18px!important;\n\n    background:#456478!important;\n\n    color:#ffffff!important;\n\n    display:inline-flex!important;\n    align-items:center!important;\n    justify-content:center!important;\n\n    font-size:14px!important;\n\n    text-decoration:none!important;\n}\n\n\n\/* GRID *\/\n\n.t39journal-grid{\n    display:grid;\n\n    grid-template-columns:\n        repeat(2,minmax(0,1fr));\n\n    gap:75px;\n}\n\n.t39journal-image{\n    width:100%;\n    height:420px;\n\n    border-radius:24px;\n\n    overflow:hidden;\n\n    display:block;\n}\n\n.t39journal-image img{\n    width:100%;\n    height:100%;\n\n    display:block;\n\n    object-fit:cover;\n\n    transition:transform .6s ease;\n}\n\n@media(hover:hover) and (pointer:fine){\n\n    .t39journal-image:hover img{\n        transform:scale(1.025);\n    }\n\n}\n\n\n\/* INFO *\/\n\n.t39journal-info{\n    margin-top:25px;\n\n    display:grid;\n\n    grid-template-columns:\n        135px\n        1fr;\n\n    align-items:start;\n\n    gap:35px;\n}\n\n.t39journal-date strong{\n    display:block;\n\n    color:#111111!important;\n\n    font-family:\"Buda\",serif!important;\n\n    font-size:56px!important;\n    line-height:.9!important;\n    font-weight:300!important;\n}\n\n.t39journal-date span{\n    display:block;\n\n    margin-top:6px;\n\n    color:#666666!important;\n\n    font-size:12px!important;\n}\n\n.t39journal-info > div:last-child > span{\n    color:#666666!important;\n\n    font-size:13px!important;\n}\n\n.t39journal-info h3{\n    margin:6px 0 0!important;\n\n    color:#111111!important;\n\n    font-family:\"Buda\",serif!important;\n\n    font-size:27px!important;\n    line-height:1.25!important;\n    font-weight:300!important;\n}\n\n\n\/* BOTTOM LINK *\/\n\n.t39journal-more,\n.t39journal-more:visited,\n.t39journal-more:hover{\n    width:max-content;\n\n    min-height:45px;\n\n    margin:40px auto 0;\n    padding:0 19px!important;\n\n    border:1px solid rgba(0,0,0,.18);\n    border-radius:23px;\n\n    color:#111111!important;\n\n    display:flex!important;\n    align-items:center!important;\n    justify-content:center!important;\n\n    gap:9px;\n\n    font-size:14px!important;\n\n    text-decoration:none!important;\n}\n\n\n\/* REVEAL *\/\n\n.t39journal-reveal{\n    opacity:1;\n    transform:none;\n}\n\n.t39journal-section.t39journal-motion .t39journal-reveal{\n    opacity:0;\n\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.t39journal-section.t39journal-motion .t39journal-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    .t39journal-section{\n        padding:40px;\n    }\n\n    .t39journal-grid{\n        gap:25px;\n    }\n\n    .t39journal-image{\n        height:330px;\n    }\n\n    .t39journal-info{\n        grid-template-columns:90px 1fr;\n\n        gap:18px;\n    }\n\n    .t39journal-date strong{\n        font-size:45px!important;\n    }\n\n    .t39journal-info h3{\n        font-size:22px!important;\n    }\n\n}\n\n\n\/* MOBILE *\/\n\n@media(max-width:767px){\n\n    .t39journal-section{\n        padding:30px 20px;\n    }\n\n    .t39journal-top h2{\n        font-size:26px!important;\n    }\n\n    .t39journal-grid{\n        grid-template-columns:1fr;\n\n        gap:35px;\n    }\n\n    .t39journal-image{\n        height:290px;\n\n        border-radius:19px;\n    }\n\n    .t39journal-info{\n        grid-template-columns:78px 1fr;\n\n        gap:15px;\n    }\n\n    .t39journal-date strong{\n        font-size:40px!important;\n    }\n\n    .t39journal-info h3{\n        font-size:21px!important;\n    }\n\n}\n<\/style>\n\n<script>\n(function(){\n\n    document.querySelectorAll(\".t39journal-section\").forEach(function(section){\n\n        const items=section.querySelectorAll(\".t39journal-reveal\");\n\n        if(!(\"IntersectionObserver\" in window)){\n\n            items.forEach(item=>item.classList.add(\"is-visible\"));\n            return;\n        }\n\n        section.classList.add(\"t39journal-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-c0360e3 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=\"c0360e3\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-074c285 elementor-widget elementor-widget-html\" data-id=\"074c285\" 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=Buda:wght@300&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=\"t39cta3-section\">\n\n    <div class=\"t39cta3-shell t39cta3-reveal\">\n\n        <span>Start a Conversation<\/span>\n\n        <h2>\n            Looking for the Right Property?\n        <\/h2>\n\n        <p>\n            Tell us what matters to you and we\u2019ll help make the search\n            more focused from the beginning.\n        <\/p>\n\n        <a href=\"https:\/\/teknr39.thestackly.in\/?page_id=27\">\n\n            <span>Contact Our Team<\/span>\n\n            <i class=\"fa-solid fa-arrow-right\"><\/i>\n\n        <\/a>\n\n    <\/div>\n\n<\/section>\n\n\n<style>\n\/* =========================================================\n   BASE\n========================================================= *\/\n\n.t39cta3-section,\n.t39cta3-section *,\n.t39cta3-section *::before,\n.t39cta3-section *::after{\n    box-sizing:border-box;\n}\n\n.t39cta3-section{\n    width:100%;\n\n    padding:60px 60px 0;\n\n    overflow:hidden;\n\n    background:#ffffff;\n\n    font-family:Tahoma,Arial,sans-serif;\n}\n\n.t39cta3-shell{\n    width:100%;\n    max-width:1420px;\n\n    margin:0 auto;\n\n    padding:60px 40px;\n\n    background:#456478;\n\n    text-align:center;\n}\n\n\n\/* LABEL *\/\n\n.t39cta3-shell > span{\n    display:block;\n\n    color:#ffffff!important;\n    -webkit-text-fill-color:#ffffff!important;\n\n    font-size:14px!important;\n    line-height:1.3!important;\n}\n\n\n\/* TITLE *\/\n\n.t39cta3-shell h2{\n    max-width:850px;\n\n    margin:11px auto 0!important;\n\n    color:#ffffff!important;\n    -webkit-text-fill-color:#ffffff!important;\n\n    font-family:\"Buda\",serif!important;\n\n    font-size:48px!important;\n    line-height:1.1!important;\n    font-weight:300!important;\n}\n\n\n\/* COPY *\/\n\n.t39cta3-shell p{\n    max-width:620px;\n\n    margin:13px auto 0!important;\n\n    color:#ffffff!important;\n    -webkit-text-fill-color:#ffffff!important;\n\n    font-family:Tahoma,Arial,sans-serif!important;\n\n    font-size:17px!important;\n    line-height:1.6!important;\n}\n\n\n\/* BUTTON *\/\n\n.t39cta3-shell > a,\n.t39cta3-shell > a:link,\n.t39cta3-shell > a:visited,\n.t39cta3-shell > a:hover,\n.t39cta3-shell > a:focus,\n.t39cta3-shell > a:active{\n    min-height:48px;\n\n    margin:24px auto 0;\n    padding:0 20px!important;\n\n    border:0!important;\n\n    background:#ffffff!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:9px;\n\n    font-family:Tahoma,Arial,sans-serif!important;\n\n    font-size:15px!important;\n    line-height:1!important;\n\n    text-decoration:none!important;\n\n    box-shadow:none!important;\n}\n\n.t39cta3-shell > a span,\n.t39cta3-shell > a i{\n    color:#111111!important;\n    -webkit-text-fill-color:#111111!important;\n}\n\n\n\/* =========================================================\n   REVEAL\n========================================================= *\/\n\n.t39cta3-reveal{\n    opacity:1;\n    transform:none;\n}\n\n.t39cta3-section.t39cta3-motion\n.t39cta3-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.t39cta3-section.t39cta3-motion\n.t39cta3-reveal.is-visible{\n    opacity:1;\n    transform:none;\n}\n\n\n\/* =========================================================\n   TABLET\n========================================================= *\/\n\n@media(max-width:1024px) and (min-width:768px){\n\n    .t39cta3-section{\n        padding:40px 40px 0;\n    }\n\n    .t39cta3-shell{\n        padding:50px 35px;\n    }\n\n    .t39cta3-shell h2{\n        font-size:38px!important;\n    }\n\n    .t39cta3-shell p{\n        font-size:16px!important;\n    }\n\n}\n\n\n\/* =========================================================\n   MOBILE\n========================================================= *\/\n\n@media(max-width:767px){\n\n    .t39cta3-section{\n        padding:30px 20px 0;\n    }\n\n    .t39cta3-shell{\n        padding:40px 21px;\n    }\n\n    .t39cta3-shell h2{\n        max-width:100%;\n\n        font-size:34px!important;\n    }\n\n    .t39cta3-shell p{\n        max-width:100%;\n\n        font-size:16px!important;\n    }\n\n}\n\n\n\/* =========================================================\n   REDUCED MOTION\n========================================================= *\/\n\n@media(prefers-reduced-motion:reduce){\n\n    .t39cta3-section.t39cta3-motion\n    .t39cta3-reveal{\n        opacity:1;\n        transform:none;\n        transition:none;\n    }\n\n}\n<\/style>\n\n\n<script>\n(function(){\n\n    document\n    .querySelectorAll(\".t39cta3-section\")\n    .forEach(function(section){\n\n        const item =\n            section.querySelector(\n                \".t39cta3-reveal\"\n            );\n\n        if(\n            !item ||\n            !(\"IntersectionObserver\" in window) ||\n            window.matchMedia(\n                \"(prefers-reduced-motion: reduce)\"\n            ).matches\n        ){\n\n            if(item){\n                item.classList.add(\"is-visible\");\n            }\n\n            return;\n        }\n\n        section.classList.add(\n            \"t39cta3-motion\"\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                        entry.target\n                            .classList\n                            .add(\"is-visible\");\n\n                        observer.unobserve(\n                            entry.target\n                        );\n\n                    });\n\n                },\n                {\n                    threshold:.08\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\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Considered Real Estate Homes With Presence. Places With Purpose. A more thoughtful way to discover residences shaped by architecture, location, and the way you want to live. Explore Properties Our Approach About Us Discover Our Approach Real Estate With More Context. We believe the right property decision comes from understanding more than bedrooms, square footage, and price. Architecture, location, privacy, usability, and the rhythm of everyday life all matter when deciding where you belong. Read Our Story Our Services Guidance for Every Part of the Property Journey. From narrowing the search to positioning a residence, comparing opportunities, or arranging a private viewing, each service is built around a clearer property decision. 01 For Buyers Property Search A focused search shaped around location, architecture, privacy, space, budget, and how you want to live. Explore Properties 02 For Sellers Selling Strategy Positioning and presentation that communicate the character and value of a residence more clearly. Discuss Your Property How We Help Property. Place. Perspective. 03 For Decisions Property Advisory Compare residences with better context around quality, setting, usability, market position, and personal fit. Talk With Our Team 04 For Viewings Private Viewings Experience selected residences properly with appointments coordinated around the property and your preferred timing. Arrange a Viewing Search Position Compare Experience Discover Our Approach Selected Residences Featured Listings View All Properties 01 Terrace Grove Villa Beverly Hills \u00b7 Private Villa A contemporary residence shaped around privacy, expansive terraces, and seamless indoor-outdoor living. 5 Bedrooms 7,850 Sq. Ft. $8.5M 02 Arbor Penthouse Tribeca \u00b7 City Residence Full-floor living with generous daylight, composed interiors, and a private city outlook. 4 Bedrooms 5,400 Sq. Ft. $12.4M 03 Marina Crest House Newport Beach \u00b7 Coastal Residence Relaxed coastal architecture centred around daylight, entertaining, and connection outdoors. 4 Bedrooms 5,950 Sq. Ft. $7.8M Explore the Collection View Property 01 Beverly Hills \u00b7 Private Villa Terrace Grove Villa Our Approach What We Look At Before We Recommend. About Our Approach 01 Architecture &amp; Proportion How the residence is designed, connected and experienced. 02 Location &amp; Setting Privacy, surroundings, access and the character of the place. 03 Everyday Usability Whether the spaces work naturally beyond the viewing itself. 04 Personal Fit How the property connects with your priorities and lifestyle. 05 Decision Context The information needed to compare opportunities more clearly. Client Stories Property decisions, made with more clarity. Trusted By \u201c Client Stories \u201cThey helped us stop looking at everything and focus on the properties that genuinely made sense for our lifestyle.\u201d Amelia Foster Home Buyer 1 \/ 3 Our Team People Behind Better Property Decisions. A collaborative team bringing together property search, market context, strategy, and client guidance. Daniel Mercer Residential Advisory Sophia Bennett Property Strategy Ethan Cole Market Advisory Maya Laurent Client Relations Meet the Team Property Journal Explore Properties 18 AUG 2026 Property Perspective Why Architecture Matters Beyond First Impressions 11 AUG 2026 Location &amp; Lifestyle What Actually Makes a Neighbourhood Feel Right View the Collection Start a Conversation Looking for the Right Property? Tell us what matters to you and we\u2019ll help make the search more focused from the beginning. Contact 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-6","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/teknr39.thestackly.in\/index.php?rest_route=\/wp\/v2\/pages\/6","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/teknr39.thestackly.in\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/teknr39.thestackly.in\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/teknr39.thestackly.in\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/teknr39.thestackly.in\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=6"}],"version-history":[{"count":5,"href":"https:\/\/teknr39.thestackly.in\/index.php?rest_route=\/wp\/v2\/pages\/6\/revisions"}],"predecessor-version":[{"id":307,"href":"https:\/\/teknr39.thestackly.in\/index.php?rest_route=\/wp\/v2\/pages\/6\/revisions\/307"}],"wp:attachment":[{"href":"https:\/\/teknr39.thestackly.in\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=6"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}