{"id":17,"date":"2026-08-24T08:13:32","date_gmt":"2026-08-24T08:13:32","guid":{"rendered":"https:\/\/teknr42.thestackly.in\/?page_id=17"},"modified":"2026-09-11T10:55:29","modified_gmt":"2026-09-11T10:55:29","slug":"featured-listings","status":"publish","type":"page","link":"https:\/\/teknr42.thestackly.in\/?page_id=17","title":{"rendered":"Featured Listings"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"17\" class=\"elementor elementor-17\">\n\t\t\t\t<div class=\"elementor-element elementor-element-987d183 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=\"987d183\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9e09e85 elementor-widget elementor-widget-html\" data-id=\"9e09e85\" 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=Tienne:wght@400;700&family=Lato:wght@300;400;700&display=swap\" rel=\"stylesheet\">\n\n<section class=\"t42flhero2-section\">\n\n    <div class=\"t42flhero2-overlay\"><\/div>\n\n    <div class=\"t42flhero2-content t42flhero2-reveal\">\n\n        <h1>\n            Featured Listings\n        <\/h1>\n\n    <\/div>\n\n<\/section>\n\n\n<style>\n\/* =========================================================\n   BASE\n========================================================= *\/\n\n.t42flhero2-section,\n.t42flhero2-section *,\n.t42flhero2-section *::before,\n.t42flhero2-section *::after{\n    box-sizing:border-box;\n}\n\n.t42flhero2-section{\n    position:relative;\n\n    width:100%;\n    min-height:530px;\n\n    padding:70px 60px;\n\n    overflow:hidden;\n\n    background:\n        url(\"https:\/\/images.unsplash.com\/photo-1600585154340-be6161a56a0c?q=88&w=2100&auto=format&fit=crop\")\n        center\/cover no-repeat;\n\n    display:flex;\n\n    align-items:center;\n    justify-content:center;\n\n    font-family:\"Lato\",sans-serif;\n}\n\n\n\/* =========================================================\n   OVERLAY\n========================================================= *\/\n\n.t42flhero2-overlay{\n    position:absolute;\n\n    inset:0;\n\n    background:\n        rgba(7,11,14,.40);\n}\n\n\n\/* =========================================================\n   CONTENT\n========================================================= *\/\n\n.t42flhero2-content{\n    position:relative;\n    z-index:2;\n\n    width:100%;\n\n    text-align:center;\n}\n\n.t42flhero2-content h1{\n    margin:0!important;\n\n    color:#ffffff!important;\n    -webkit-text-fill-color:#ffffff!important;\n\n    font-family:\"Tienne\",serif!important;\n\n    font-size:68px!important;\n    line-height:1.05!important;\n    font-weight:400!important;\n}\n\n\n\/* =========================================================\n   REVEAL\n========================================================= *\/\n\n.t42flhero2-reveal{\n    opacity:1;\n\n    transform:none;\n}\n\n.t42flhero2-section.t42flhero2-motion\n.t42flhero2-reveal{\n    opacity:0;\n\n    transform:\n        translateY(24px)\n        scale(.95);\n\n    transition:\n        opacity 1.4s ease,\n        transform 1.4s cubic-bezier(.22,1,.36,1);\n}\n\n.t42flhero2-section.t42flhero2-motion\n.t42flhero2-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    .t42flhero2-section{\n        min-height:450px;\n\n        padding:60px 40px;\n    }\n\n\n    .t42flhero2-content h1{\n        font-size:48px!important;\n    }\n\n}\n\n\n\/* =========================================================\n   MOBILE\n========================================================= *\/\n\n@media(max-width:767px){\n\n    .t42flhero2-section{\n        min-height:390px;\n\n        padding:50px 20px;\n    }\n\n\n    .t42flhero2-content h1{\n        font-size:38px!important;\n    }\n\n}\n\n\n\/* =========================================================\n   REDUCED MOTION\n========================================================= *\/\n\n@media(prefers-reduced-motion:reduce){\n\n    .t42flhero2-section.t42flhero2-motion\n    .t42flhero2-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(\".t42flhero2-section\")\n        .forEach(function(section){\n\n            const item =\n                section.querySelector(\n                    \".t42flhero2-reveal\"\n                );\n\n\n            if(\n                !(\"IntersectionObserver\" in window) ||\n                window.matchMedia(\n                    \"(prefers-reduced-motion: reduce)\"\n                ).matches\n            ){\n\n                item.classList.add(\n                    \"is-visible\"\n                );\n\n                return;\n            }\n\n\n            section.classList.add(\n                \"t42flhero2-motion\"\n            );\n\n\n            const observer =\n                new IntersectionObserver(\n                    function(entries){\n\n                        entries.forEach(function(entry){\n\n                            if(!entry.isIntersecting){\n                                return;\n                            }\n\n\n                            entry.target\n                                .classList\n                                .add(\n                                    \"is-visible\"\n                                );\n\n\n                            observer.unobserve(\n                                entry.target\n                            );\n\n                        });\n\n                    },\n                    {\n                        threshold:.08\n                    }\n                );\n\n\n            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-c703399 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=\"c703399\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4b25de5 elementor-widget elementor-widget-html\" data-id=\"4b25de5\" 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=Tienne:wght@400;700&family=Lato:wght@300;400;700&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=\"t42arc3-section\">\n\n    <div class=\"t42arc3-fluid t42arc3-fluid-one\"><\/div>\n    <div class=\"t42arc3-fluid t42arc3-fluid-two\"><\/div>\n\n\n    <div class=\"t42arc3-shell\">\n\n\n        <!-- =====================================================\n             HEADER\n        ====================================================== -->\n\n        <header class=\"t42arc3-head t42arc3-reveal\">\n\n            <div>\n\n                <span>\n                    Curated Residences\n                <\/span>\n\n                <h2>\n                    A Collection Worth<br>\n                    Looking Into.\n                <\/h2>\n\n            <\/div>\n\n\n            <div class=\"t42arc3-intro\">\n\n                <p>\n                    Six distinctive residences selected for architecture,\n                    setting and the way each property approaches everyday\n                    living differently.\n                <\/p>\n\n\n                <div class=\"t42arc3-collection-line\">\n\n                    <span>\n                        Residence Collection\n                    <\/span>\n\n                    <i><\/i>\n\n                    <strong>\n                        01\u201406\n                    <\/strong>\n\n                <\/div>\n\n            <\/div>\n\n        <\/header>\n\n\n        <!-- =====================================================\n             ARCHIVE\n        ====================================================== -->\n\n        <div class=\"t42arc3-list\">\n\n\n            <!-- =================================================\n                 01\n            ================================================== -->\n\n            <details\n                class=\"t42arc3-property t42arc3-reveal\"\n                open>\n\n                <summary class=\"t42arc3-summary\">\n\n                    <span class=\"t42arc3-number\">\n                        01\n                    <\/span>\n\n\n                    <div class=\"t42arc3-property-name\">\n\n                        <small>\n                            Beverly Hills\n                        <\/small>\n\n                        <h3>\n                            Terrace Grove Villa\n                        <\/h3>\n\n                    <\/div>\n\n\n                    <span class=\"t42arc3-property-type\">\n                        Private Villa\n                    <\/span>\n\n\n                    <strong class=\"t42arc3-property-price\">\n                        $8.5M\n                    <\/strong>\n\n\n                    <span class=\"t42arc3-toggle\">\n\n                        <i class=\"fa-solid fa-plus\"><\/i>\n\n                    <\/span>\n\n                <\/summary>\n\n\n                <div class=\"t42arc3-open\">\n\n\n                    <a\n                        href=\"https:\/\/teknr42.thestackly.in\/?page_id=22\"\n                        class=\"t42arc3-image\">\n\n                        <img decoding=\"async\"\n                            src=\"https:\/\/images.unsplash.com\/photo-1600585154340-be6161a56a0c?q=88&w=1700&auto=format&fit=crop\"\n                            alt=\"Terrace Grove Villa\">\n\n\n                        <div class=\"t42arc3-image-overlay\"><\/div>\n\n\n                        <div class=\"t42arc3-image-caption\">\n\n                            <span>\n                                Residence 01\n                            <\/span>\n\n                            <strong>\n                                Beverly Hills\n                            <\/strong>\n\n                        <\/div>\n\n                    <\/a>\n\n\n                    <div class=\"t42arc3-content\">\n\n                        <div class=\"t42arc3-content-top\">\n\n                            <span>\n                                Residence Notes\n                            <\/span>\n\n                            <small>\n                                Private Villa\n                            <\/small>\n\n                        <\/div>\n\n\n                        <h4>\n                            Designed Around\n                            Indoor-Outdoor Living.\n                        <\/h4>\n\n\n                        <p>\n                            A warm contemporary villa with generous\n                            proportions, established landscaping and\n                            spaces that extend naturally toward the garden.\n                        <\/p>\n\n\n                        <div class=\"t42arc3-specs\">\n\n                            <div>\n                                <small>Bedrooms<\/small>\n                                <strong>5<\/strong>\n                            <\/div>\n\n                            <div>\n                                <small>Bathrooms<\/small>\n                                <strong>6<\/strong>\n                            <\/div>\n\n                            <div>\n                                <small>Area<\/small>\n                                <strong>7,850 Sq. Ft.<\/strong>\n                            <\/div>\n\n                            <div>\n                                <small>Price<\/small>\n                                <strong>$8.5M<\/strong>\n                            <\/div>\n\n                        <\/div>\n\n\n                        <a\n                            href=\"https:\/\/teknr42.thestackly.in\/?page_id=22\"\n                            class=\"t42arc3-button\">\n\n                            View Residence\n\n                            <i class=\"fa-solid fa-arrow-right\"><\/i>\n\n                        <\/a>\n\n                    <\/div>\n\n\n                <\/div>\n\n            <\/details>\n\n\n            <!-- =================================================\n                 02\n            ================================================== -->\n\n            <details\n                class=\"t42arc3-property t42arc3-reveal\">\n\n                <summary class=\"t42arc3-summary\">\n\n                    <span class=\"t42arc3-number\">\n                        02\n                    <\/span>\n\n\n                    <div class=\"t42arc3-property-name\">\n\n                        <small>\n                            Tribeca\n                        <\/small>\n\n                        <h3>\n                            Arbor Penthouse\n                        <\/h3>\n\n                    <\/div>\n\n\n                    <span class=\"t42arc3-property-type\">\n                        City Residence\n                    <\/span>\n\n\n                    <strong class=\"t42arc3-property-price\">\n                        $12.4M\n                    <\/strong>\n\n\n                    <span class=\"t42arc3-toggle\">\n\n                        <i class=\"fa-solid fa-plus\"><\/i>\n\n                    <\/span>\n\n                <\/summary>\n\n\n                <div class=\"t42arc3-open\">\n\n\n                    <a\n                        href=\"https:\/\/teknr42.thestackly.in\/?page_id=22\"\n                        class=\"t42arc3-image\">\n\n                        <img decoding=\"async\"\n                            src=\"https:\/\/images.unsplash.com\/photo-1600607688969-a5bfcd646154?q=88&w=1700&auto=format&fit=crop\"\n                            alt=\"Arbor Penthouse\">\n\n\n                        <div class=\"t42arc3-image-overlay\"><\/div>\n\n\n                        <div class=\"t42arc3-image-caption\">\n\n                            <span>\n                                Residence 02\n                            <\/span>\n\n                            <strong>\n                                Tribeca\n                            <\/strong>\n\n                        <\/div>\n\n                    <\/a>\n\n\n                    <div class=\"t42arc3-content\">\n\n                        <div class=\"t42arc3-content-top\">\n\n                            <span>\n                                Residence Notes\n                            <\/span>\n\n                            <small>\n                                City Residence\n                            <\/small>\n\n                        <\/div>\n\n\n                        <h4>\n                            City Scale Without\n                            Losing Calm.\n                        <\/h4>\n\n\n                        <p>\n                            Generous urban proportions, a refined material\n                            palette and natural light create a quieter\n                            experience within the city.\n                        <\/p>\n\n\n                        <div class=\"t42arc3-specs\">\n\n                            <div>\n                                <small>Bedrooms<\/small>\n                                <strong>4<\/strong>\n                            <\/div>\n\n                            <div>\n                                <small>Bathrooms<\/small>\n                                <strong>5<\/strong>\n                            <\/div>\n\n                            <div>\n                                <small>Area<\/small>\n                                <strong>5,400 Sq. Ft.<\/strong>\n                            <\/div>\n\n                            <div>\n                                <small>Price<\/small>\n                                <strong>$12.4M<\/strong>\n                            <\/div>\n\n                        <\/div>\n\n\n                        <a\n                            href=\"https:\/\/teknr42.thestackly.in\/?page_id=22\"\n                            class=\"t42arc3-button\">\n\n                            View Residence\n\n                            <i class=\"fa-solid fa-arrow-right\"><\/i>\n\n                        <\/a>\n\n                    <\/div>\n\n\n                <\/div>\n\n            <\/details>\n\n\n            <!-- =================================================\n                 03\n            ================================================== -->\n\n            <details\n                class=\"t42arc3-property t42arc3-reveal\">\n\n                <summary class=\"t42arc3-summary\">\n\n                    <span class=\"t42arc3-number\">\n                        03\n                    <\/span>\n\n\n                    <div class=\"t42arc3-property-name\">\n\n                        <small>\n                            Newport Beach\n                        <\/small>\n\n                        <h3>\n                            Marina Crest House\n                        <\/h3>\n\n                    <\/div>\n\n\n                    <span class=\"t42arc3-property-type\">\n                        Coastal Residence\n                    <\/span>\n\n\n                    <strong class=\"t42arc3-property-price\">\n                        $7.8M\n                    <\/strong>\n\n\n                    <span class=\"t42arc3-toggle\">\n\n                        <i class=\"fa-solid fa-plus\"><\/i>\n\n                    <\/span>\n\n                <\/summary>\n\n\n                <div class=\"t42arc3-open\">\n\n\n                    <a\n                        href=\"https:\/\/teknr42.thestackly.in\/?page_id=22\"\n                        class=\"t42arc3-image\">\n\n                        <img decoding=\"async\"\n                            src=\"https:\/\/images.unsplash.com\/photo-1600047509358-9dc75507daeb?q=88&w=1700&auto=format&fit=crop\"\n                            alt=\"Marina Crest House\">\n\n\n                        <div class=\"t42arc3-image-overlay\"><\/div>\n\n\n                        <div class=\"t42arc3-image-caption\">\n\n                            <span>\n                                Residence 03\n                            <\/span>\n\n                            <strong>\n                                Newport Beach\n                            <\/strong>\n\n                        <\/div>\n\n                    <\/a>\n\n\n                    <div class=\"t42arc3-content\">\n\n                        <div class=\"t42arc3-content-top\">\n\n                            <span>\n                                Residence Notes\n                            <\/span>\n\n                            <small>\n                                Coastal Residence\n                            <\/small>\n\n                        <\/div>\n\n\n                        <h4>\n                            A Softer Way\n                            to Live by the Coast.\n                        <\/h4>\n\n\n                        <p>\n                            Open interiors, framed views and natural daylight\n                            create a residence with a relaxed relationship\n                            to its coastal surroundings.\n                        <\/p>\n\n\n                        <div class=\"t42arc3-specs\">\n\n                            <div>\n                                <small>Bedrooms<\/small>\n                                <strong>4<\/strong>\n                            <\/div>\n\n                            <div>\n                                <small>Bathrooms<\/small>\n                                <strong>4<\/strong>\n                            <\/div>\n\n                            <div>\n                                <small>Area<\/small>\n                                <strong>5,950 Sq. Ft.<\/strong>\n                            <\/div>\n\n                            <div>\n                                <small>Price<\/small>\n                                <strong>$7.8M<\/strong>\n                            <\/div>\n\n                        <\/div>\n\n\n                        <a\n                            href=\"https:\/\/teknr42.thestackly.in\/?page_id=22\"\n                            class=\"t42arc3-button\">\n\n                            View Residence\n\n                            <i class=\"fa-solid fa-arrow-right\"><\/i>\n\n                        <\/a>\n\n                    <\/div>\n\n\n                <\/div>\n\n            <\/details>\n\n\n            <!-- =================================================\n                 04\n            ================================================== -->\n\n            <details\n                class=\"t42arc3-property t42arc3-reveal\">\n\n                <summary class=\"t42arc3-summary\">\n\n                    <span class=\"t42arc3-number\">\n                        04\n                    <\/span>\n\n\n                    <div class=\"t42arc3-property-name\">\n\n                        <small>\n                            Pacific Palisades\n                        <\/small>\n\n                        <h3>\n                            Cedar Court Residence\n                        <\/h3>\n\n                    <\/div>\n\n\n                    <span class=\"t42arc3-property-type\">\n                        Family Residence\n                    <\/span>\n\n\n                    <strong class=\"t42arc3-property-price\">\n                        $6.9M\n                    <\/strong>\n\n\n                    <span class=\"t42arc3-toggle\">\n\n                        <i class=\"fa-solid fa-plus\"><\/i>\n\n                    <\/span>\n\n                <\/summary>\n\n\n                <div class=\"t42arc3-open\">\n\n\n                    <a\n                        href=\"https:\/\/teknr42.thestackly.in\/?page_id=22\"\n                        class=\"t42arc3-image\">\n\n                        <img decoding=\"async\"\n                            src=\"https:\/\/images.unsplash.com\/photo-1600573472550-8090b5e0745e?q=88&w=1700&auto=format&fit=crop\"\n                            alt=\"Cedar Court Residence\">\n\n\n                        <div class=\"t42arc3-image-overlay\"><\/div>\n\n\n                        <div class=\"t42arc3-image-caption\">\n\n                            <span>\n                                Residence 04\n                            <\/span>\n\n                            <strong>\n                                Pacific Palisades\n                            <\/strong>\n\n                        <\/div>\n\n                    <\/a>\n\n\n                    <div class=\"t42arc3-content\">\n\n                        <div class=\"t42arc3-content-top\">\n\n                            <span>\n                                Residence Notes\n                            <\/span>\n\n                            <small>\n                                Family Residence\n                            <\/small>\n\n                        <\/div>\n\n\n                        <h4>\n                            Generous Space\n                            Without Excess.\n                        <\/h4>\n\n\n                        <p>\n                            Useful proportions, natural materials and\n                            comfortable everyday spaces make this residence\n                            particularly suited to family life.\n                        <\/p>\n\n\n                        <div class=\"t42arc3-specs\">\n\n                            <div>\n                                <small>Bedrooms<\/small>\n                                <strong>5<\/strong>\n                            <\/div>\n\n                            <div>\n                                <small>Bathrooms<\/small>\n                                <strong>5<\/strong>\n                            <\/div>\n\n                            <div>\n                                <small>Area<\/small>\n                                <strong>6,300 Sq. Ft.<\/strong>\n                            <\/div>\n\n                            <div>\n                                <small>Price<\/small>\n                                <strong>$6.9M<\/strong>\n                            <\/div>\n\n                        <\/div>\n\n\n                        <a\n                            href=\"https:\/\/teknr42.thestackly.in\/?page_id=22\"\n                            class=\"t42arc3-button\">\n\n                            View Residence\n\n                            <i class=\"fa-solid fa-arrow-right\"><\/i>\n\n                        <\/a>\n\n                    <\/div>\n\n\n                <\/div>\n\n            <\/details>\n\n\n            <!-- =================================================\n                 05\n            ================================================== -->\n\n            <details\n                class=\"t42arc3-property t42arc3-reveal\">\n\n                <summary class=\"t42arc3-summary\">\n\n                    <span class=\"t42arc3-number\">\n                        05\n                    <\/span>\n\n\n                    <div class=\"t42arc3-property-name\">\n\n                        <small>\n                            Malibu\n                        <\/small>\n\n                        <h3>\n                            Stone Ridge House\n                        <\/h3>\n\n                    <\/div>\n\n\n                    <span class=\"t42arc3-property-type\">\n                        Ocean Residence\n                    <\/span>\n\n\n                    <strong class=\"t42arc3-property-price\">\n                        $9.2M\n                    <\/strong>\n\n\n                    <span class=\"t42arc3-toggle\">\n\n                        <i class=\"fa-solid fa-plus\"><\/i>\n\n                    <\/span>\n\n                <\/summary>\n\n\n                <div class=\"t42arc3-open\">\n\n\n                    <a\n                        href=\"https:\/\/teknr42.thestackly.in\/?page_id=22\"\n                        class=\"t42arc3-image\">\n\n                        <img decoding=\"async\"\n                            src=\"https:\/\/images.unsplash.com\/photo-1600607687920-4e2a09cf159d?q=88&w=1700&auto=format&fit=crop\"\n                            alt=\"Stone Ridge House\">\n\n\n                        <div class=\"t42arc3-image-overlay\"><\/div>\n\n\n                        <div class=\"t42arc3-image-caption\">\n\n                            <span>\n                                Residence 05\n                            <\/span>\n\n                            <strong>\n                                Malibu\n                            <\/strong>\n\n                        <\/div>\n\n                    <\/a>\n\n\n                    <div class=\"t42arc3-content\">\n\n                        <div class=\"t42arc3-content-top\">\n\n                            <span>\n                                Residence Notes\n                            <\/span>\n\n                            <small>\n                                Ocean Residence\n                            <\/small>\n\n                        <\/div>\n\n\n                        <h4>\n                            A More Private\n                            Coastal Experience.\n                        <\/h4>\n\n\n                        <p>\n                            Elevated outlooks, natural finishes and protected\n                            exterior spaces create a more intimate relationship\n                            with the coast.\n                        <\/p>\n\n\n                        <div class=\"t42arc3-specs\">\n\n                            <div>\n                                <small>Bedrooms<\/small>\n                                <strong>4<\/strong>\n                            <\/div>\n\n                            <div>\n                                <small>Bathrooms<\/small>\n                                <strong>5<\/strong>\n                            <\/div>\n\n                            <div>\n                                <small>Area<\/small>\n                                <strong>5,720 Sq. Ft.<\/strong>\n                            <\/div>\n\n                            <div>\n                                <small>Price<\/small>\n                                <strong>$9.2M<\/strong>\n                            <\/div>\n\n                        <\/div>\n\n\n                        <a\n                            href=\"https:\/\/teknr42.thestackly.in\/?page_id=22\"\n                            class=\"t42arc3-button\">\n\n                            View Residence\n\n                            <i class=\"fa-solid fa-arrow-right\"><\/i>\n\n                        <\/a>\n\n                    <\/div>\n\n\n                <\/div>\n\n            <\/details>\n\n\n            <!-- =================================================\n                 06\n            ================================================== -->\n\n            <details\n                class=\"t42arc3-property t42arc3-reveal\">\n\n                <summary class=\"t42arc3-summary\">\n\n                    <span class=\"t42arc3-number\">\n                        06\n                    <\/span>\n\n\n                    <div class=\"t42arc3-property-name\">\n\n                        <small>\n                            Bel Air\n                        <\/small>\n\n                        <h3>\n                            Haven Park Residence\n                        <\/h3>\n\n                    <\/div>\n\n\n                    <span class=\"t42arc3-property-type\">\n                        Modern Estate\n                    <\/span>\n\n\n                    <strong class=\"t42arc3-property-price\">\n                        $14.1M\n                    <\/strong>\n\n\n                    <span class=\"t42arc3-toggle\">\n\n                        <i class=\"fa-solid fa-plus\"><\/i>\n\n                    <\/span>\n\n                <\/summary>\n\n\n                <div class=\"t42arc3-open\">\n\n\n                    <a\n                        href=\"https:\/\/teknr42.thestackly.in\/?page_id=22\"\n                        class=\"t42arc3-image\">\n\n                        <img decoding=\"async\"\n                            src=\"https:\/\/images.unsplash.com\/photo-1600566753190-17f0baa2a6c3?q=88&w=1700&auto=format&fit=crop\"\n                            alt=\"Haven Park Residence\">\n\n\n                        <div class=\"t42arc3-image-overlay\"><\/div>\n\n\n                        <div class=\"t42arc3-image-caption\">\n\n                            <span>\n                                Residence 06\n                            <\/span>\n\n                            <strong>\n                                Bel Air\n                            <\/strong>\n\n                        <\/div>\n\n                    <\/a>\n\n\n                    <div class=\"t42arc3-content\">\n\n                        <div class=\"t42arc3-content-top\">\n\n                            <span>\n                                Residence Notes\n                            <\/span>\n\n                            <small>\n                                Modern Estate\n                            <\/small>\n\n                        <\/div>\n\n\n                        <h4>\n                            Privacy at a More\n                            Architectural Scale.\n                        <\/h4>\n\n\n                        <p>\n                            Mature landscaping, generous entertaining areas\n                            and clear spatial flow define this private\n                            contemporary estate.\n                        <\/p>\n\n\n                        <div class=\"t42arc3-specs\">\n\n                            <div>\n                                <small>Bedrooms<\/small>\n                                <strong>6<\/strong>\n                            <\/div>\n\n                            <div>\n                                <small>Bathrooms<\/small>\n                                <strong>8<\/strong>\n                            <\/div>\n\n                            <div>\n                                <small>Area<\/small>\n                                <strong>9,100 Sq. Ft.<\/strong>\n                            <\/div>\n\n                            <div>\n                                <small>Price<\/small>\n                                <strong>$14.1M<\/strong>\n                            <\/div>\n\n                        <\/div>\n\n\n                        <a\n                            href=\"https:\/\/teknr42.thestackly.in\/?page_id=22\"\n                            class=\"t42arc3-button\">\n\n                            View Residence\n\n                            <i class=\"fa-solid fa-arrow-right\"><\/i>\n\n                        <\/a>\n\n                    <\/div>\n\n\n                <\/div>\n\n            <\/details>\n\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n\n<style>\n\/* =========================================================\n   BASE\n========================================================= *\/\n\n.t42arc3-section,\n.t42arc3-section *,\n.t42arc3-section *::before,\n.t42arc3-section *::after{\n    box-sizing:border-box;\n}\n\n.t42arc3-section{\n    position:relative;\n\n    width:100%;\n\n    padding:60px 60px ;\n\n    overflow:hidden;\n\n    background:#ffffff;\n\n    font-family:\"Lato\",sans-serif;\n}\n\n.t42arc3-shell{\n    position:relative;\n    z-index:3;\n\n    width:100%;\n    max-width:1420px;\n\n    margin:0 auto;\n}\n\n\n\/* =========================================================\n   FLUID BACKGROUND\n========================================================= *\/\n\n.t42arc3-fluid{\n    position:absolute;\n\n    border-radius:50%;\n\n    filter:blur(75px);\n\n    pointer-events:none;\n}\n\n.t42arc3-fluid-one{\n    width:520px;\n    height:500px;\n\n    left:-260px;\n    top:24%;\n\n    background:\n        rgba(108,132,148,.15);\n}\n\n.t42arc3-fluid-two{\n    width:580px;\n    height:540px;\n\n    right:-290px;\n    bottom:5%;\n\n    background:\n        rgba(184,169,205,.14);\n}\n\n\n\/* =========================================================\n   HEADER\n========================================================= *\/\n\n.t42arc3-head{\n    width:100%;\n\n    margin-bottom:31px;\n\n    display:grid;\n\n    grid-template-columns:\n        minmax(0,1fr)\n        minmax(320px,.64fr);\n\n    align-items:end;\n\n    gap:60px;\n}\n\n.t42arc3-head > div{\n    min-width:0;\n}\n\n.t42arc3-head > div:first-child > span{\n    display:block;\n\n    margin-bottom:8px;\n\n    color:#555555!important;\n    -webkit-text-fill-color:#555555!important;\n\n    font-size:14px!important;\n}\n\n.t42arc3-head h2{\n    margin:0!important;\n\n    color:#111111!important;\n    -webkit-text-fill-color:#111111!important;\n\n    font-family:\"Tienne\",serif!important;\n\n    font-size:48px!important;\n    line-height:1.08!important;\n    font-weight:400!important;\n}\n\n.t42arc3-intro p{\n    max-width:550px;\n\n    margin:0!important;\n\n    color:#444444!important;\n    -webkit-text-fill-color:#444444!important;\n\n    font-size:17px!important;\n    line-height:1.65!important;\n}\n\n\n\/* COLLECTION LINE *\/\n\n.t42arc3-collection-line{\n    margin-top:16px;\n\n    display:grid;\n\n    grid-template-columns:\n        auto\n        minmax(40px,1fr)\n        auto;\n\n    align-items:center;\n\n    gap:12px;\n}\n\n.t42arc3-collection-line span,\n.t42arc3-collection-line strong{\n    color:#666666!important;\n    -webkit-text-fill-color:#666666!important;\n\n    font-size:11px!important;\n    font-weight:400!important;\n}\n\n.t42arc3-collection-line i{\n    width:100%;\n    height:1px;\n\n    background:rgba(0,0,0,.16);\n}\n\n\n\/* =========================================================\n   ARCHIVE LIST\n========================================================= *\/\n\n.t42arc3-list{\n    width:100%;\n\n    border-top:1px solid rgba(0,0,0,.15);\n}\n\n.t42arc3-property{\n    width:100%;\n\n    margin:0;\n\n    border-bottom:1px solid rgba(0,0,0,.15);\n}\n\n\n\/* REMOVE NATIVE MARKER *\/\n\n.t42arc3-summary{\n    list-style:none;\n}\n\n.t42arc3-summary::-webkit-details-marker{\n    display:none;\n}\n\n\n\/* =========================================================\n   SUMMARY\n========================================================= *\/\n\n.t42arc3-summary{\n    width:100%;\n    min-height:94px;\n\n    padding:0;\n\n    cursor:pointer;\n\n    display:grid;\n\n    grid-template-columns:\n        55px\n        minmax(0,1fr)\n        175px\n        105px\n        40px;\n\n    align-items:center;\n\n    gap:20px;\n\n    transition:\n        background .35s ease,\n        padding .35s ease;\n}\n\n.t42arc3-property[open]\n.t42arc3-summary{\n    background:#F3F5F6;\n}\n\n\n\/* NUMBER *\/\n\n.t42arc3-number{\n    color:#666666!important;\n    -webkit-text-fill-color:#666666!important;\n\n    font-family:\"Tienne\",serif!important;\n\n    font-size:20px!important;\n}\n\n\n\/* PROPERTY NAME *\/\n\n.t42arc3-property-name{\n    min-width:0;\n}\n\n.t42arc3-property-name small{\n    display:block;\n\n    margin-bottom:4px;\n\n    color:#666666!important;\n    -webkit-text-fill-color:#666666!important;\n\n    font-size:11px!important;\n}\n\n.t42arc3-property-name h3{\n    margin:0!important;\n\n    color:#111111!important;\n    -webkit-text-fill-color:#111111!important;\n\n    font-family:\"Tienne\",serif!important;\n\n    font-size:28px!important;\n    line-height:1.15!important;\n    font-weight:400!important;\n}\n\n\n\/* TYPE *\/\n\n.t42arc3-property-type{\n    color:#4f4f4f!important;\n    -webkit-text-fill-color:#4f4f4f!important;\n\n    font-size:13px!important;\n}\n\n\n\/* PRICE *\/\n\n.t42arc3-property-price{\n    color:#111111!important;\n    -webkit-text-fill-color:#111111!important;\n\n    font-family:\"Tienne\",serif!important;\n\n    font-size:18px!important;\n    font-weight:400!important;\n\n    text-align:right;\n\n    white-space:nowrap;\n}\n\n\n\/* TOGGLE *\/\n\n.t42arc3-toggle{\n    width:37px;\n    height:37px;\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    justify-self:end;\n}\n\n.t42arc3-toggle i{\n    color:#111111!important;\n    -webkit-text-fill-color:#111111!important;\n\n    font-size:11px;\n\n    transition:\n        transform .35s ease;\n}\n\n.t42arc3-property[open]\n.t42arc3-toggle i{\n    transform:rotate(45deg);\n}\n\n\n\/* =========================================================\n   OPEN AREA\n========================================================= *\/\n\n.t42arc3-open{\n    width:100%;\n\n    display:grid;\n\n    grid-template-columns:\n        minmax(0,1.42fr)\n        minmax(330px,.58fr);\n\n    background:#F3F5F6;\n}\n\n\n\/* =========================================================\n   IMAGE\n========================================================= *\/\n\n.t42arc3-image,\n.t42arc3-image:link,\n.t42arc3-image:visited,\n.t42arc3-image:hover,\n.t42arc3-image:focus,\n.t42arc3-image:active{\n    position:relative;\n\n    width:100%;\n    min-width:0;\n    height:425px;\n\n    overflow:hidden;\n\n    display:block;\n\n    text-decoration:none!important;\n}\n\n.t42arc3-image img{\n    width:100%;\n    height:100%;\n\n    display:block;\n\n    object-fit:cover;\n\n    transition:\n        transform .75s cubic-bezier(.22,1,.36,1);\n}\n\n@media(hover:hover) and (pointer:fine){\n\n    .t42arc3-image:hover img{\n        transform:scale(1.025);\n    }\n\n}\n\n.t42arc3-image-overlay{\n    position:absolute;\n\n    inset:0;\n\n    background:\n        linear-gradient(\n            180deg,\n            rgba(0,0,0,.02) 52%,\n            rgba(0,0,0,.56) 100%\n        );\n\n    pointer-events:none;\n}\n\n\n\/* IMAGE CAPTION *\/\n\n.t42arc3-image-caption{\n    position:absolute;\n    z-index:2;\n\n    left:20px;\n    right:20px;\n    bottom:17px;\n\n    display:flex;\n\n    align-items:flex-end;\n    justify-content:space-between;\n\n    gap:20px;\n}\n\n.t42arc3-image-caption span,\n.t42arc3-image-caption strong{\n    color:#ffffff!important;\n    -webkit-text-fill-color:#ffffff!important;\n}\n\n.t42arc3-image-caption span{\n    font-size:11px!important;\n\n    text-transform:uppercase;\n\n    letter-spacing:.06em;\n}\n\n.t42arc3-image-caption strong{\n    font-family:\"Tienne\",serif!important;\n\n    font-size:18px!important;\n    font-weight:400!important;\n}\n\n\n\/* =========================================================\n   CONTENT\n========================================================= *\/\n\n.t42arc3-content{\n    min-width:0;\n\n    padding:26px;\n\n    display:flex;\n\n    flex-direction:column;\n\n    background:\n        radial-gradient(\n            circle at 100% 0%,\n            rgba(184,169,205,.20),\n            transparent 42%\n        ),\n        radial-gradient(\n            circle at 0% 100%,\n            rgba(108,132,148,.18),\n            transparent 43%\n        ),\n        #F3F5F6;\n}\n\n\n\/* CONTENT TOP *\/\n\n.t42arc3-content-top{\n    display:flex;\n\n    align-items:center;\n    justify-content:space-between;\n\n    gap:15px;\n}\n\n.t42arc3-content-top > span{\n    color:#5c5c5c!important;\n    -webkit-text-fill-color:#5c5c5c!important;\n\n    font-size:10px!important;\n\n    text-transform:uppercase;\n\n    letter-spacing:.07em;\n}\n\n.t42arc3-content-top > small{\n    color:#666666!important;\n    -webkit-text-fill-color:#666666!important;\n\n    font-size:11px!important;\n}\n\n\n\/* TITLE *\/\n\n.t42arc3-content h4{\n    margin:14px 0 0!important;\n\n    color:#111111!important;\n    -webkit-text-fill-color:#111111!important;\n\n    font-family:\"Tienne\",serif!important;\n\n    font-size:29px!important;\n    line-height:1.16!important;\n    font-weight:400!important;\n}\n\n\n\/* COPY *\/\n\n.t42arc3-content > p{\n    margin:15px 0 0!important;\n\n    color:#3f3f3f!important;\n    -webkit-text-fill-color:#3f3f3f!important;\n\n    font-size:15px!important;\n    line-height:1.62!important;\n}\n\n\n\/* =========================================================\n   SPECS\n========================================================= *\/\n\n.t42arc3-specs{\n    margin-top:22px;\n\n    padding:15px 0;\n\n    border-top:1px solid rgba(0,0,0,.12);\n    border-bottom:1px solid rgba(0,0,0,.12);\n\n    display:grid;\n\n    grid-template-columns:\n        repeat(2,minmax(0,1fr));\n\n    gap:15px 12px;\n}\n\n.t42arc3-specs > div{\n    min-width:0;\n}\n\n.t42arc3-specs small{\n    display:block;\n\n    color:#707070!important;\n    -webkit-text-fill-color:#707070!important;\n\n    font-size:9px!important;\n\n    text-transform:uppercase;\n\n    letter-spacing:.05em;\n}\n\n.t42arc3-specs strong{\n    display:block;\n\n    margin-top:4px;\n\n    color:#111111!important;\n    -webkit-text-fill-color:#111111!important;\n\n    font-size:13px!important;\n    line-height:1.3!important;\n    font-weight:400!important;\n}\n\n\n\/* =========================================================\n   VIEW BUTTON\n========================================================= *\/\n\n.t42arc3-button,\n.t42arc3-button:link,\n.t42arc3-button:visited,\n.t42arc3-button:hover,\n.t42arc3-button:focus,\n.t42arc3-button:active{\n    width:100%;\n    min-height:45px;\n\n    margin-top:auto;\n    padding:0 15px!important;\n\n    background:#6C8494!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:space-between!important;\n\n    gap:12px;\n\n    font-size:13px!important;\n    line-height:1!important;\n\n    text-decoration:none!important;\n}\n\n.t42arc3-button i{\n    color:#ffffff!important;\n    -webkit-text-fill-color:#ffffff!important;\n}\n\n\n\/* =========================================================\n   DESKTOP HOVER\n========================================================= *\/\n\n@media(min-width:1025px) and (hover:hover){\n\n    .t42arc3-property:not([open])\n    .t42arc3-summary:hover{\n        padding-left:12px;\n        padding-right:12px;\n\n        background:\n            rgba(243,245,246,.72);\n    }\n\n}\n\n\n\/* =========================================================\n   REVEAL\n========================================================= *\/\n\n.t42arc3-reveal{\n    opacity:1;\n\n    transform:none;\n}\n\n.t42arc3-section.t42arc3-motion\n.t42arc3-reveal{\n    opacity:0;\n\n    transform:\n        translateY(24px)\n        scale(.97);\n\n    transition:\n        opacity 1.3s ease,\n        transform 1.3s cubic-bezier(.22,1,.36,1);\n}\n\n.t42arc3-section.t42arc3-motion\n.t42arc3-reveal.is-visible{\n    opacity:1;\n\n    transform:none;\n}\n\n\n\/* =========================================================\n   TABLET\n   768px \u2014 1024px\n========================================================= *\/\n\n@media(max-width:1024px) and (min-width:768px){\n\n    .t42arc3-section{\n        padding:40px 40px ;\n    }\n\n\n    .t42arc3-shell,\n    .t42arc3-head,\n    .t42arc3-list,\n    .t42arc3-property,\n    .t42arc3-summary,\n    .t42arc3-open,\n    .t42arc3-content,\n    .t42arc3-image{\n        width:100%;\n        max-width:100%;\n\n        min-width:0;\n    }\n\n\n    \/* HEADER *\/\n\n    .t42arc3-head{\n        display:block;\n\n        margin-bottom:26px;\n    }\n\n\n    .t42arc3-head h2{\n        max-width:720px;\n\n        font-size:38px!important;\n    }\n\n\n    .t42arc3-head h2 br{\n        display:none;\n    }\n\n\n    .t42arc3-intro{\n        margin-top:9px;\n    }\n\n\n    .t42arc3-intro p{\n        max-width:720px;\n\n        font-size:16px!important;\n    }\n\n\n    \/* -----------------------------\n       TABLET ARCHIVE ROW\n\n       Number\n       Property info\n       Toggle\n\n       Nothing else competes\n       for horizontal width.\n    ------------------------------ *\/\n\n    .t42arc3-summary{\n        min-height:105px;\n\n        padding:0 16px;\n\n        grid-template-columns:\n            38px\n            minmax(0,1fr)\n            37px;\n\n        gap:14px;\n    }\n\n\n    .t42arc3-number{\n        font-size:18px!important;\n    }\n\n\n    .t42arc3-property-name{\n        min-width:0;\n    }\n\n\n    .t42arc3-property-name small{\n        font-size:11px!important;\n    }\n\n\n    .t42arc3-property-name h3{\n        max-width:100%;\n\n        font-size:24px!important;\n\n        overflow-wrap:normal;\n        word-break:normal;\n    }\n\n\n    \/*\n       Type + price are intentionally removed\n       from the tablet summary.\n\n       Both remain visible once opened.\n    *\/\n\n    .t42arc3-property-type,\n    .t42arc3-property-price{\n        display:none;\n    }\n\n\n    .t42arc3-toggle{\n        width:36px;\n        height:36px;\n\n        justify-self:end;\n    }\n\n\n    \/* -----------------------------\n       TABLET OPEN PROPERTY\n       Natural vertical flow.\n    ------------------------------ *\/\n\n    .t42arc3-open{\n        display:flex;\n\n        flex-direction:column;\n    }\n\n\n    .t42arc3-image{\n        flex:none;\n\n        height:380px;\n    }\n\n\n    .t42arc3-content{\n        padding:23px;\n\n        display:block;\n    }\n\n\n    .t42arc3-content-top{\n        width:100%;\n    }\n\n\n    .t42arc3-content h4{\n        max-width:650px;\n\n        font-size:27px!important;\n    }\n\n\n    .t42arc3-content > p{\n        max-width:720px;\n\n        font-size:15px!important;\n    }\n\n\n    .t42arc3-specs{\n        grid-template-columns:\n            repeat(4,minmax(0,1fr));\n\n        gap:12px;\n    }\n\n\n    .t42arc3-button{\n        width:max-content;\n        max-width:100%;\n\n        min-width:175px;\n\n        margin-top:20px;\n    }\n\n}\n\n\n\/* =========================================================\n   MOBILE\n========================================================= *\/\n\n@media(max-width:767px){\n\n    .t42arc3-section{\n        padding:30px 20px ;\n    }\n\n\n    .t42arc3-shell,\n    .t42arc3-head,\n    .t42arc3-list,\n    .t42arc3-property,\n    .t42arc3-summary,\n    .t42arc3-open,\n    .t42arc3-image,\n    .t42arc3-content{\n        width:100%;\n        max-width:100%;\n\n        min-width:0;\n    }\n\n\n    \/* HEADER *\/\n\n    .t42arc3-head{\n        display:block;\n\n        margin-bottom:22px;\n    }\n\n\n    .t42arc3-head h2{\n        font-size:32px!important;\n    }\n\n\n    .t42arc3-head h2 br{\n        display:none;\n    }\n\n\n    .t42arc3-intro{\n        margin-top:9px;\n    }\n\n\n    .t42arc3-intro p{\n        font-size:16px!important;\n    }\n\n\n    .t42arc3-collection-line{\n        margin-top:13px;\n    }\n\n\n    \/* -----------------------------\n       MOBILE SUMMARY\n    ------------------------------ *\/\n\n    .t42arc3-summary{\n        min-height:96px;\n\n        padding:0 10px;\n\n        grid-template-columns:\n            30px\n            minmax(0,1fr)\n            34px;\n\n        gap:10px;\n    }\n\n\n    .t42arc3-number{\n        font-size:16px!important;\n    }\n\n\n    .t42arc3-property-name{\n        min-width:0;\n    }\n\n\n    .t42arc3-property-name small{\n        font-size:10px!important;\n    }\n\n\n    .t42arc3-property-name h3{\n        max-width:100%;\n\n        font-size:21px!important;\n        line-height:1.17!important;\n\n        word-break:normal;\n        overflow-wrap:break-word;\n    }\n\n\n    .t42arc3-property-type,\n    .t42arc3-property-price{\n        display:none;\n    }\n\n\n    .t42arc3-toggle{\n        width:33px;\n        height:33px;\n    }\n\n\n    \/* -----------------------------\n       MOBILE OPEN\n    ------------------------------ *\/\n\n    .t42arc3-open{\n        display:flex;\n\n        flex-direction:column;\n    }\n\n\n    .t42arc3-image{\n        height:285px;\n\n        flex:none;\n    }\n\n\n    .t42arc3-image-caption{\n        left:15px;\n        right:15px;\n        bottom:14px;\n    }\n\n\n    .t42arc3-content{\n        padding:19px 17px;\n    }\n\n\n    .t42arc3-content-top{\n        align-items:flex-start;\n\n        gap:10px;\n    }\n\n\n    .t42arc3-content h4{\n        font-size:25px!important;\n    }\n\n\n    .t42arc3-content > p{\n        font-size:15px!important;\n    }\n\n\n    .t42arc3-specs{\n        grid-template-columns:\n            repeat(2,minmax(0,1fr));\n\n        gap:14px 10px;\n    }\n\n\n    .t42arc3-button{\n        margin-top:20px;\n    }\n\n}\n\n\n\/* =========================================================\n   SMALL MOBILE\n========================================================= *\/\n\n@media(max-width:390px){\n\n    .t42arc3-section{\n        padding-left:20px;\n        padding-right:20px;\n    }\n\n\n    .t42arc3-summary{\n        padding-left:7px;\n        padding-right:7px;\n\n        grid-template-columns:\n            27px\n            minmax(0,1fr)\n            31px;\n\n        gap:8px;\n    }\n\n\n    .t42arc3-property-name h3{\n        font-size:19px!important;\n    }\n\n\n    .t42arc3-image{\n        height:255px;\n    }\n\n\n    .t42arc3-image-caption strong{\n        font-size:16px!important;\n    }\n\n\n    .t42arc3-content{\n        padding:18px 15px;\n    }\n\n}\n\n\n\/* =========================================================\n   REDUCED MOTION\n========================================================= *\/\n\n@media(prefers-reduced-motion:reduce){\n\n    .t42arc3-image img{\n        transition:none;\n    }\n\n\n    .t42arc3-section.t42arc3-motion\n    .t42arc3-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(\".t42arc3-section\")\n        .forEach(function(section){\n\n            const properties =\n                section.querySelectorAll(\n                    \".t42arc3-property\"\n                );\n\n\n            \/* =================================================\n               KEEP ONLY ONE PROPERTY OPEN\n            ================================================== *\/\n\n            properties.forEach(function(property){\n\n                property.addEventListener(\n                    \"toggle\",\n                    function(){\n\n                        if(!property.open){\n                            return;\n                        }\n\n\n                        properties.forEach(function(other){\n\n                            if(\n                                other !== property &&\n                                other.open\n                            ){\n                                other.open = false;\n                            }\n\n                        });\n\n                    }\n                );\n\n            });\n\n\n            \/* =================================================\n               REVEAL\n            ================================================== *\/\n\n            const items =\n                section.querySelectorAll(\n                    \".t42arc3-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                \"t42arc3-motion\"\n            );\n\n\n            const observer =\n                new IntersectionObserver(\n                    function(entries){\n\n                        entries.forEach(function(entry){\n\n                            if(!entry.isIntersecting){\n                                return;\n                            }\n\n\n                            entry.target\n                                .classList\n                                .add(\n                                    \"is-visible\"\n                                );\n\n\n                            observer.unobserve(\n                                entry.target\n                            );\n\n                        });\n\n                    },\n                    {\n                        threshold:.05\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-1bf85a4 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=\"1bf85a4\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2344136 elementor-widget elementor-widget-html\" data-id=\"2344136\" 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=Tienne:wght@400;700&family=Lato:wght@300;400;700&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=\"t42viewing2-section\">\n\n    <div class=\"t42viewing2-shell\">\n\n\n        <!-- =====================================================\n             MAIN COPY\n        ====================================================== -->\n\n        <div class=\"t42viewing2-main t42viewing2-reveal\">\n\n            <span>\n                Private Viewings\n            <\/span>\n\n            <h2>\n                Some Properties Are Better\n                Understood in Person.\n            <\/h2>\n\n            <p>\n                Arrange time to experience selected residences\n                without rushing through the details that matter.\n            <\/p>\n\n\n            <a href=\"https:\/\/teknr42.thestackly.in\/?page_id=27\">\n\n                Arrange a Viewing\n\n                <i class=\"fa-solid fa-arrow-right\"><\/i>\n\n            <\/a>\n\n        <\/div>\n\n\n        <!-- =====================================================\n             VIEWING STEPS\n        ====================================================== -->\n\n        <div class=\"t42viewing2-route t42viewing2-reveal\">\n\n\n            <!-- 01 -->\n\n            <div>\n\n                <span>\n                    01\n                <\/span>\n\n                <strong>\n                    Select\n                <\/strong>\n\n                <p>\n                    Tell us which residence interests you.\n                <\/p>\n\n            <\/div>\n\n\n            <!-- 02 -->\n\n            <div>\n\n                <span>\n                    02\n                <\/span>\n\n                <strong>\n                    Arrange\n                <\/strong>\n\n                <p>\n                    We coordinate a suitable private appointment.\n                <\/p>\n\n            <\/div>\n\n\n            <!-- 03 -->\n\n            <div>\n\n                <span>\n                    03\n                <\/span>\n\n                <strong>\n                    Experience\n                <\/strong>\n\n                <p>\n                    Take time to understand the property properly.\n                <\/p>\n\n            <\/div>\n\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n\n<style>\n\/* =========================================================\n   BASE\n========================================================= *\/\n\n.t42viewing2-section,\n.t42viewing2-section *,\n.t42viewing2-section *::before,\n.t42viewing2-section *::after{\n    box-sizing:border-box;\n}\n\n.t42viewing2-section{\n    width:100%;\n\n    padding:60px;\n\n    overflow:hidden;\n\n    background:\n        radial-gradient(\n            circle at 5% 90%,\n            rgba(193,169,207,.32),\n            transparent 30%\n        ),\n        radial-gradient(\n            circle at 94% 12%,\n            rgba(127,181,200,.30),\n            transparent 30%\n        ),\n        #6C8494;\n\n    font-family:\"Lato\",sans-serif;\n}\n\n.t42viewing2-shell{\n    width:100%;\n    max-width:1420px;\n\n    margin:0 auto;\n\n    display:grid;\n\n    grid-template-columns:\n        minmax(0,1fr)\n        minmax(430px,.78fr);\n\n    align-items:center;\n\n    gap:65px;\n}\n\n\n\/* =========================================================\n   MAIN\n========================================================= *\/\n\n.t42viewing2-main{\n    min-width:0;\n}\n\n.t42viewing2-main > span{\n    display:block;\n\n    color:#ffffff!important;\n    -webkit-text-fill-color:#ffffff!important;\n\n    font-size:14px!important;\n}\n\n.t42viewing2-main h2{\n    max-width:750px;\n\n    margin:10px 0 0!important;\n\n    color:#ffffff!important;\n    -webkit-text-fill-color:#ffffff!important;\n\n    font-family:\"Tienne\",serif!important;\n\n    font-size:48px!important;\n    line-height:1.08!important;\n    font-weight:400!important;\n}\n\n.t42viewing2-main p{\n    max-width:600px;\n\n    margin:15px 0 0!important;\n\n    color:#ffffff!important;\n    -webkit-text-fill-color:#ffffff!important;\n\n    font-size:17px!important;\n    line-height:1.6!important;\n}\n\n\n\/* BUTTON *\/\n\n.t42viewing2-main a,\n.t42viewing2-main a:link,\n.t42viewing2-main a:visited,\n.t42viewing2-main a:hover,\n.t42viewing2-main a:focus,\n.t42viewing2-main a:active{\n    width:max-content;\n    max-width:100%;\n\n    min-height:46px;\n\n    margin-top:22px;\n    padding:0 17px!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:8px;\n\n    font-size:13px!important;\n    line-height:1!important;\n\n    text-decoration:none!important;\n}\n\n\n\/* =========================================================\n   ROUTE\n========================================================= *\/\n\n.t42viewing2-route{\n    min-width:0;\n\n    border-top:1px solid rgba(255,255,255,.35);\n}\n\n.t42viewing2-route > div{\n    width:100%;\n    min-height:115px;\n\n    padding:18px 0;\n\n    border-bottom:1px solid rgba(255,255,255,.35);\n\n    display:grid;\n\n    \/*\n       Wider middle column keeps:\n       Select\n       Arrange\n       Experience\n       completely on one line.\n    *\/\n\n    grid-template-columns:\n        35px\n        125px\n        minmax(0,1fr);\n\n    align-items:center;\n\n    gap:16px;\n}\n\n\n\/* NUMBER *\/\n\n.t42viewing2-route > div > span{\n    color:#ffffff!important;\n    -webkit-text-fill-color:#ffffff!important;\n\n    font-family:\"Tienne\",serif!important;\n\n    font-size:18px!important;\n}\n\n\n\/* STAGE NAME *\/\n\n.t42viewing2-route strong{\n    color:#ffffff!important;\n    -webkit-text-fill-color:#ffffff!important;\n\n    font-family:\"Tienne\",serif!important;\n\n    font-size:20px!important;\n    line-height:1!important;\n    font-weight:400!important;\n\n    \/*\n       Critical fix:\n       never split Arrange \/ Experience.\n    *\/\n\n    white-space:nowrap!important;\n    word-break:keep-all!important;\n    overflow-wrap:normal!important;\n}\n\n\n\/* DESCRIPTION *\/\n\n.t42viewing2-route p{\n    min-width:0;\n\n    margin:0!important;\n\n    color:#ffffff!important;\n    -webkit-text-fill-color:#ffffff!important;\n\n    font-size:14px!important;\n    line-height:1.5!important;\n}\n\n\n\/* =========================================================\n   REVEAL\n========================================================= *\/\n\n.t42viewing2-reveal{\n    opacity:1;\n\n    transform:none;\n}\n\n.t42viewing2-section.t42viewing2-motion\n.t42viewing2-reveal{\n    opacity:0;\n\n    transform:\n        translateY(24px)\n        scale(.95);\n\n    transition:\n        opacity 1.4s ease,\n        transform 1.4s cubic-bezier(.22,1,.36,1);\n}\n\n.t42viewing2-section.t42viewing2-motion\n.t42viewing2-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    .t42viewing2-section{\n        padding:40px;\n    }\n\n\n    .t42viewing2-shell{\n        grid-template-columns:\n            minmax(0,1fr)\n            minmax(340px,.86fr);\n\n        gap:35px;\n    }\n\n\n    .t42viewing2-main h2{\n        font-size:38px!important;\n    }\n\n\n    .t42viewing2-main p{\n        font-size:16px!important;\n    }\n\n\n    .t42viewing2-route > div{\n        min-height:110px;\n\n        \/*\n           118px is enough for Experience\n           without squeezing the description.\n        *\/\n\n        grid-template-columns:\n            30px\n            118px\n            minmax(0,1fr);\n\n        gap:12px;\n    }\n\n\n    .t42viewing2-route strong{\n        font-size:18px!important;\n\n        white-space:nowrap!important;\n    }\n\n\n    .t42viewing2-route p{\n        font-size:13px!important;\n        line-height:1.45!important;\n    }\n\n}\n\n\n\/* =========================================================\n   MOBILE\n========================================================= *\/\n\n@media(max-width:767px){\n\n    .t42viewing2-section{\n        padding:30px 20px;\n    }\n\n\n    .t42viewing2-shell{\n        display:block;\n    }\n\n\n    .t42viewing2-main h2{\n        font-size:32px!important;\n    }\n\n\n    .t42viewing2-main p{\n        font-size:16px!important;\n    }\n\n\n    .t42viewing2-route{\n        margin-top:30px;\n    }\n\n\n    .t42viewing2-route > div{\n        min-height:105px;\n\n        padding:17px 0;\n\n        grid-template-columns:\n            30px\n            105px\n            minmax(0,1fr);\n\n        gap:10px;\n    }\n\n\n    .t42viewing2-route strong{\n        font-size:17px!important;\n\n        white-space:nowrap!important;\n    }\n\n\n    .t42viewing2-route p{\n        font-size:13px!important;\n        line-height:1.42!important;\n    }\n\n}\n\n\n\/* =========================================================\n   SMALL MOBILE\n========================================================= *\/\n\n@media(max-width:390px){\n\n    .t42viewing2-route > div{\n        \/*\n           Still enough room for Experience,\n           but description moves beneath to avoid\n           squeezing the overall width.\n        *\/\n\n        grid-template-columns:\n            28px\n            minmax(0,1fr);\n\n        gap:6px 10px;\n    }\n\n\n    .t42viewing2-route strong{\n        grid-column:2;\n\n        font-size:18px!important;\n\n        white-space:nowrap!important;\n    }\n\n\n    .t42viewing2-route p{\n        grid-column:2;\n\n        margin-top:2px!important;\n\n        font-size:14px!important;\n    }\n\n}\n\n\n\/* =========================================================\n   REDUCED MOTION\n========================================================= *\/\n\n@media(prefers-reduced-motion:reduce){\n\n    .t42viewing2-section.t42viewing2-motion\n    .t42viewing2-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(\".t42viewing2-section\")\n        .forEach(function(section){\n\n            const items =\n                section.querySelectorAll(\n                    \".t42viewing2-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                \"t42viewing2-motion\"\n            );\n\n\n            const observer =\n                new IntersectionObserver(\n                    function(entries){\n\n                        entries.forEach(function(entry){\n\n                            if(!entry.isIntersecting){\n                                return;\n                            }\n\n\n                            entry.target\n                                .classList\n                                .add(\n                                    \"is-visible\"\n                                );\n\n\n                            observer.unobserve(\n                                entry.target\n                            );\n\n                        });\n\n                    },\n                    {\n                        threshold:.08\n                    }\n                );\n\n\n            items.forEach(function(item){\n\n                observer.observe(item);\n\n            });\n\n        });\n\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-eda018a 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=\"eda018a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9ba0bda elementor-widget elementor-widget-html\" data-id=\"9ba0bda\" 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=Tienne:wght@400;700&family=Lato:wght@300;400;700&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=\"t42lens-section\">\n\n    <div class=\"t42lens-shell\">\n\n        <header class=\"t42lens-head t42lens-reveal\">\n\n            <span>Neighbourhood Lens<\/span>\n\n            <h2>\n                The Address Changes<br>\n                the Property.\n            <\/h2>\n\n        <\/header>\n\n\n        <div class=\"t42lens-layout t42lens-reveal\">\n\n\n            <!-- LOCATION INDEX -->\n\n            <div class=\"t42lens-list\">\n\n                <button class=\"active\" data-index=\"0\">\n                    <span>01<\/span>\n                    <strong>Beverly <\/strong>\n                    <small>Private estates<\/small>\n                <\/button>\n\n                <button data-index=\"1\">\n                    <span>02<\/span>\n                    <strong>Malibu<\/strong>\n                    <small>Coastal living<\/small>\n                <\/button>\n\n                <button data-index=\"2\">\n                    <span>03<\/span>\n                    <strong>Tribeca<\/strong>\n                    <small>City residences<\/small>\n                <\/button>\n\n                <button data-index=\"3\">\n                    <span>04<\/span>\n                    <strong>Bel Air<\/strong>\n                    <small>Modern estates<\/small>\n                <\/button>\n\n            <\/div>\n\n\n            <!-- VISUAL -->\n\n            <div class=\"t42lens-visual\">\n\n                <figure>\n                    <img decoding=\"async\" class=\"t42lens-image\"\n                         src=\"https:\/\/images.unsplash.com\/photo-1600585154340-be6161a56a0c?q=88&w=1500&auto=format&fit=crop\"\n                         alt=\"Beverly Hills residence\">\n                <\/figure>\n\n\n                <div class=\"t42lens-caption\">\n\n                    <span class=\"t42lens-caption-index\">\n                        01 \/ Beverly Hills\n                    <\/span>\n\n                    <h3 class=\"t42lens-caption-title\">\n                        Quiet streets. Strong architecture.\n                    <\/h3>\n\n                    <p class=\"t42lens-caption-copy\">\n                        Known for private estates, established landscaping\n                        and residences with generous space and privacy.\n                    <\/p>\n\n                    <a href=\"https:\/\/teknr42.thestackly.in\/?page_id=27\">\n                        Ask About the Area\n                        <i class=\"fa-solid fa-arrow-right\"><\/i>\n                    <\/a>\n\n                <\/div>\n\n            <\/div>\n\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n<style>\n.t42lens-section,\n.t42lens-section *,\n.t42lens-section *::before,\n.t42lens-section *::after{\n    box-sizing:border-box;\n}\n\n.t42lens-section{\n    width:100%;\n\n    padding:60px 60px 0;\n\n    overflow:hidden;\n\n    background:#fff;\n\n    font-family:\"Lato\",sans-serif;\n}\n\n.t42lens-shell{\n    width:100%;\n    max-width:1420px;\n    margin:0 auto;\n}\n\n.t42lens-head{\n    margin-bottom:28px;\n}\n\n.t42lens-head span{\n    display:block;\n    margin-bottom:8px;\n\n    color:#555!important;\n    -webkit-text-fill-color:#555!important;\n\n    font-size:14px!important;\n}\n\n.t42lens-head h2{\n    margin:0!important;\n\n    color:#111!important;\n    -webkit-text-fill-color:#111!important;\n\n    font-family:\"Tienne\",serif!important;\n\n    font-size:48px!important;\n    line-height:1.08!important;\n    font-weight:400!important;\n}\n\n\n\/* LAYOUT *\/\n\n.t42lens-layout{\n    display:grid;\n\n    grid-template-columns:\n        minmax(310px,.7fr)\n        minmax(0,1.3fr);\n\n    gap:7px;\n}\n\n\n\/* LIST *\/\n\n.t42lens-list{\n    background:\n        radial-gradient(circle at 10% 90%,rgba(108,132,148,.27),transparent 40%),\n        radial-gradient(circle at 95% 5%,rgba(187,171,205,.19),transparent 42%),\n        #F3F5F6;\n}\n\n.t42lens-list button{\n    width:100%;\n    min-height:115px;\n\n    padding:20px!important;\n\n    border:0!important;\n    border-bottom:1px solid rgba(0,0,0,.13)!important;\n\n    background:transparent!important;\n\n    display:grid!important;\n\n    grid-template-columns:40px minmax(0,1fr) auto;\n\n    align-items:center;\n    gap:15px;\n\n    cursor:pointer;\n\n    text-align:left;\n\n    box-shadow:none!important;\n\n    transition:background .35s ease;\n}\n\n.t42lens-list button:last-child{\n    border-bottom:0!important;\n}\n\n.t42lens-list button.active{\n    background:#fff!important;\n}\n\n.t42lens-list button > span{\n    color:#777!important;\n    -webkit-text-fill-color:#777!important;\n\n    font-family:\"Tienne\",serif!important;\n\n    font-size:18px!important;\n}\n\n.t42lens-list strong{\n    color:#111!important;\n    -webkit-text-fill-color:#111!important;\n\n    font-family:\"Tienne\",serif!important;\n\n    font-size:25px!important;\n    font-weight:400!important;\n}\n\n.t42lens-list small{\n    color:#555!important;\n    -webkit-text-fill-color:#555!important;\n\n    font-size:12px!important;\n}\n\n\n\/* VISUAL *\/\n\n.t42lens-visual{\n    position:relative;\n    min-height:460px;\n}\n\n.t42lens-visual figure{\n    width:100%;\n    height:460px;\n\n    margin:0;\n    overflow:hidden;\n}\n\n.t42lens-visual img{\n    width:100%;\n    height:100%;\n\n    display:block;\n    object-fit:cover;\n\n    transition:opacity .35s ease,transform .65s ease;\n}\n\n.t42lens-caption{\n    position:absolute;\n\n    left:22px;\n    bottom:22px;\n\n    width:min(430px,calc(100% - 44px));\n\n    padding:22px;\n\n    background:rgba(255,255,255,.94);\n\n    backdrop-filter:blur(12px);\n}\n\n.t42lens-caption-index{\n    color:#555!important;\n    -webkit-text-fill-color:#555!important;\n\n    font-size:11px!important;\n}\n\n.t42lens-caption h3{\n    margin:9px 0 0!important;\n\n    color:#111!important;\n    -webkit-text-fill-color:#111!important;\n\n    font-family:\"Tienne\",serif!important;\n\n    font-size:27px!important;\n    line-height:1.17!important;\n    font-weight:400!important;\n}\n\n.t42lens-caption p{\n    margin:10px 0 0!important;\n\n    color:#444!important;\n    -webkit-text-fill-color:#444!important;\n\n    font-size:14px!important;\n    line-height:1.55!important;\n}\n\n.t42lens-caption a,\n.t42lens-caption a:link,\n.t42lens-caption a:visited,\n.t42lens-caption a:hover,\n.t42lens-caption a:focus,\n.t42lens-caption a:active{\n    min-height:40px;\n\n    margin-top:15px;\n    padding:0 14px!important;\n\n    background:#6C8494!important;\n\n    color:#fff!important;\n    -webkit-text-fill-color:#fff!important;\n\n    display:inline-flex!important;\n    align-items:center!important;\n    justify-content:center!important;\n\n    gap:7px;\n\n    font-size:12px!important;\n\n    text-decoration:none!important;\n}\n\n\n\/* REVEAL *\/\n\n.t42lens-reveal{opacity:1;transform:none}\n\n.t42lens-section.t42lens-motion .t42lens-reveal{\n    opacity:0;\n    transform:translateY(25px) scale(.95);\n    transition:opacity 1.4s ease,transform 1.4s cubic-bezier(.22,1,.36,1);\n}\n\n.t42lens-section.t42lens-motion .t42lens-reveal.is-visible{\n    opacity:1;\n    transform:none;\n}\n\n\n\/* TABLET *\/\n\n@media(max-width:1024px){\n\n    .t42lens-section{\n        padding:40px 40px 0;\n    }\n\n    .t42lens-head h2{\n        font-size:38px!important;\n    }\n\n    .t42lens-head h2 br{\n        display:none;\n    }\n\n    .t42lens-layout{\n        grid-template-columns:minmax(250px,.8fr) minmax(0,1.2fr);\n    }\n\n    .t42lens-list button{\n        min-height:100px;\n\n        grid-template-columns:32px minmax(0,1fr);\n    }\n\n    .t42lens-list small{\n        grid-column:2;\n    }\n\n    .t42lens-list strong{\n        font-size:21px!important;\n    }\n\n    .t42lens-visual,\n    .t42lens-visual figure{\n        min-height:430px;\n        height:430px;\n    }\n}\n\n\n\/* MOBILE *\/\n\n@media(max-width:767px){\n\n    .t42lens-section{\n        padding:30px 20px 0;\n    }\n\n    .t42lens-head h2{\n        font-size:32px!important;\n    }\n\n    .t42lens-layout{\n        display:flex;\n        flex-direction:column;\n    }\n\n    .t42lens-list{\n        display:grid;\n        grid-template-columns:repeat(2,minmax(0,1fr));\n    }\n\n    .t42lens-list button{\n        min-height:100px;\n\n        padding:15px!important;\n\n        grid-template-columns:28px minmax(0,1fr);\n\n        border-right:1px solid rgba(0,0,0,.13)!important;\n    }\n\n    .t42lens-list strong{\n        font-size:18px!important;\n    }\n\n    .t42lens-list small{\n        font-size:11px!important;\n    }\n\n    .t42lens-visual,\n    .t42lens-visual figure{\n        min-height:420px;\n        height:420px;\n    }\n\n    .t42lens-caption{\n        left:14px;\n        bottom:14px;\n\n        width:calc(100% - 28px);\n\n        padding:19px;\n    }\n\n    .t42lens-caption h3{\n        font-size:24px!important;\n    }\n}\n<\/style>\n\n<script>\n(function(){\n\n    document.querySelectorAll(\".t42lens-section\").forEach(function(section){\n\n        const areas=[\n\n            {\n                name:\"01 \/ Beverly Hills\",\n                title:\"Quiet streets. Strong architecture.\",\n                copy:\"Known for private estates, established landscaping and residences with generous space and privacy.\",\n                image:\"https:\/\/images.unsplash.com\/photo-1600585154340-be6161a56a0c?q=88&w=1500&auto=format&fit=crop\"\n            },\n\n            {\n                name:\"02 \/ Malibu\",\n                title:\"Coastal living with fewer boundaries.\",\n                copy:\"Open horizons, natural light and residences shaped closely around the landscape and ocean.\",\n                image:\"https:\/\/images.unsplash.com\/photo-1600607687920-4e2a09cf159d?q=88&w=1500&auto=format&fit=crop\"\n            },\n\n            {\n                name:\"03 \/ Tribeca\",\n                title:\"Space and character inside the city.\",\n                copy:\"Generous urban residences, strong architectural identity and immediate access to city life.\",\n                image:\"https:\/\/images.unsplash.com\/photo-1600607688969-a5bfcd646154?q=88&w=1500&auto=format&fit=crop\"\n            },\n\n            {\n                name:\"04 \/ Bel Air\",\n                title:\"Privacy with a more contemporary edge.\",\n                copy:\"Modern estates, mature landscapes and hillside properties designed around space and discretion.\",\n                image:\"https:\/\/images.unsplash.com\/photo-1600047509358-9dc75507daeb?q=88&w=1500&auto=format&fit=crop\"\n            }\n\n        ];\n\n\n        const buttons=section.querySelectorAll(\".t42lens-list button\");\n        const image=section.querySelector(\".t42lens-image\");\n        const index=section.querySelector(\".t42lens-caption-index\");\n        const title=section.querySelector(\".t42lens-caption-title\");\n        const copy=section.querySelector(\".t42lens-caption-copy\");\n\n\n        function show(i){\n\n            const item=areas[i];\n\n            image.style.opacity=\"0\";\n\n            setTimeout(function(){\n                image.src=item.image;\n                index.textContent=item.name;\n                title.textContent=item.title;\n                copy.textContent=item.copy;\n                image.style.opacity=\"1\";\n            },180);\n\n            buttons.forEach(function(button,j){\n                button.classList.toggle(\"active\",i===j);\n            });\n\n        }\n\n\n        buttons.forEach(function(button,i){\n\n            button.addEventListener(\"mouseenter\",function(){\n                if(window.matchMedia(\"(hover:hover)\").matches){\n                    show(i);\n                }\n            });\n\n            button.addEventListener(\"click\",function(){\n                show(i);\n            });\n\n        });\n\n\n        const reveal=section.querySelectorAll(\".t42lens-reveal\");\n\n        if(!(\"IntersectionObserver\" in window) ||\n           window.matchMedia(\"(prefers-reduced-motion: reduce)\").matches){\n\n            reveal.forEach(item=>item.classList.add(\"is-visible\"));\n            return;\n        }\n\n        section.classList.add(\"t42lens-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        reveal.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-7028302 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=\"7028302\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4c711f8 elementor-widget elementor-widget-html\" data-id=\"4c711f8\" 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=Tienne:wght@400;700&family=Lato:wght@300;400;700&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=\"t42flcta-section\">\n\n    <div class=\"t42flcta-shell\">\n\n        <div class=\"t42flcta-glow t42flcta-glow-one\"><\/div>\n        <div class=\"t42flcta-glow t42flcta-glow-two\"><\/div>\n\n\n        <div class=\"t42flcta-content t42flcta-reveal\">\n\n            <span>\n                Looking for Something Different?\n            <\/span>\n\n            <h2>\n                Not Every Property Needs to Be Publicly Listed.\n            <\/h2>\n\n            <p>\n                Tell us what you are looking for and we can help\n                refine the search beyond the current collection.\n            <\/p>\n\n            <a href=\"https:\/\/teknr42.thestackly.in\/?page_id=27\">\n                Start a Property Search\n                <i class=\"fa-solid fa-arrow-right\"><\/i>\n            <\/a>\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n<style>\n.t42flcta-section,\n.t42flcta-section *,\n.t42flcta-section *::before,\n.t42flcta-section *::after{\n    box-sizing:border-box;\n}\n\n.t42flcta-section{\n    width:100%;\n\n    padding:60px;\n\n    overflow:hidden;\n\n    background:#fff;\n\n    font-family:\"Lato\",sans-serif;\n}\n\n.t42flcta-shell{\n    position:relative;\n\n    width:100%;\n    max-width:1420px;\n    min-height:355px;\n\n    margin:0 auto;\n    padding:45px 35px;\n\n    overflow:hidden;\n\n    background:#6C8494;\n\n    display:flex;\n    align-items:center;\n    justify-content:center;\n\n    text-align:center;\n}\n\n.t42flcta-content{\n    position:relative;\n    z-index:3;\n\n    max-width:820px;\n}\n\n.t42flcta-content > span{\n    color:#fff!important;\n    -webkit-text-fill-color:#fff!important;\n\n    font-size:14px!important;\n}\n\n.t42flcta-content h2{\n    margin:10px 0 0!important;\n\n    color:#fff!important;\n    -webkit-text-fill-color:#fff!important;\n\n    font-family:\"Tienne\",serif!important;\n\n    font-size:48px!important;\n    line-height:1.08!important;\n    font-weight:400!important;\n}\n\n.t42flcta-content p{\n    max-width:630px;\n\n    margin:13px auto 0!important;\n\n    color:#fff!important;\n    -webkit-text-fill-color:#fff!important;\n\n    font-size:17px!important;\n    line-height:1.6!important;\n}\n\n.t42flcta-content a,\n.t42flcta-content a:link,\n.t42flcta-content a:visited,\n.t42flcta-content a:hover,\n.t42flcta-content a:focus,\n.t42flcta-content a:active{\n    min-height:47px;\n\n    margin-top:22px;\n    padding:0 18px!important;\n\n    background:#fff!important;\n\n    color:#111!important;\n    -webkit-text-fill-color:#111!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\n    text-decoration:none!important;\n}\n\n\n\/* FLUID LIGHT *\/\n\n.t42flcta-glow{\n    position:absolute;\n\n    border-radius:50%;\n\n    filter:blur(45px);\n\n    pointer-events:none;\n}\n\n.t42flcta-glow-one{\n    width:390px;\n    height:390px;\n\n    left:-120px;\n    bottom:-190px;\n\n    background:rgba(199,169,211,.55);\n}\n\n.t42flcta-glow-two{\n    width:350px;\n    height:350px;\n\n    right:-110px;\n    top:-160px;\n\n    background:rgba(139,190,211,.50);\n}\n\n\n\/* REVEAL *\/\n\n.t42flcta-reveal{opacity:1;transform:none}\n\n.t42flcta-section.t42flcta-motion .t42flcta-reveal{\n    opacity:0;\n    transform:translateY(24px) scale(.95);\n    transition:opacity 1.4s ease,transform 1.4s cubic-bezier(.22,1,.36,1);\n}\n\n.t42flcta-section.t42flcta-motion .t42flcta-reveal.is-visible{\n    opacity:1;\n    transform:none;\n}\n\n\n\/* TABLET *\/\n\n@media(max-width:1024px){\n\n    .t42flcta-section{\n        padding:40px;\n    }\n\n    .t42flcta-shell{\n        min-height:325px;\n    }\n\n    .t42flcta-content h2{\n        font-size:38px!important;\n    }\n\n    .t42flcta-content p{\n        font-size:16px!important;\n    }\n}\n\n\n\/* MOBILE *\/\n\n@media(max-width:767px){\n\n    .t42flcta-section{\n        padding:30px 20px;\n    }\n\n    .t42flcta-shell{\n        min-height:310px;\n        padding:38px 20px;\n    }\n\n    .t42flcta-content h2{\n        font-size:32px!important;\n    }\n\n    .t42flcta-content p{\n        font-size:16px!important;\n    }\n}\n<\/style>\n\n<script>\n(function(){\n\n    document.querySelectorAll(\".t42flcta-section\").forEach(function(section){\n\n        const item=section.querySelector(\".t42flcta-reveal\");\n\n        if(!(\"IntersectionObserver\" in window) ||\n           window.matchMedia(\"(prefers-reduced-motion: reduce)\").matches){\n            item.classList.add(\"is-visible\");\n            return;\n        }\n\n        section.classList.add(\"t42flcta-motion\");\n\n        const observer=new IntersectionObserver(function(entries){\n\n            entries.forEach(function(entry){\n\n                if(!entry.isIntersecting)return;\n\n                entry.target.classList.add(\"is-visible\");\n                observer.unobserve(entry.target);\n\n            });\n\n        },{threshold:.08});\n\n        observer.observe(item);\n\n    });\n\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Featured Listings Curated Residences A Collection Worth Looking Into. Six distinctive residences selected for architecture, setting and the way each property approaches everyday living differently. Residence Collection 01\u201406 01 Beverly Hills Terrace Grove Villa Private Villa $8.5M Residence 01 Beverly Hills Residence Notes Private Villa Designed Around Indoor-Outdoor Living. A warm contemporary villa with generous proportions, established landscaping and spaces that extend naturally toward the garden. Bedrooms 5 Bathrooms 6 Area 7,850 Sq. Ft. Price $8.5M View Residence 02 Tribeca Arbor Penthouse City Residence $12.4M Residence 02 Tribeca Residence Notes City Residence City Scale Without Losing Calm. Generous urban proportions, a refined material palette and natural light create a quieter experience within the city. Bedrooms 4 Bathrooms 5 Area 5,400 Sq. Ft. Price $12.4M View Residence 03 Newport Beach Marina Crest House Coastal Residence $7.8M Residence 03 Newport Beach Residence Notes Coastal Residence A Softer Way to Live by the Coast. Open interiors, framed views and natural daylight create a residence with a relaxed relationship to its coastal surroundings. Bedrooms 4 Bathrooms 4 Area 5,950 Sq. Ft. Price $7.8M View Residence 04 Pacific Palisades Cedar Court Residence Family Residence $6.9M Residence 04 Pacific Palisades Residence Notes Family Residence Generous Space Without Excess. Useful proportions, natural materials and comfortable everyday spaces make this residence particularly suited to family life. Bedrooms 5 Bathrooms 5 Area 6,300 Sq. Ft. Price $6.9M View Residence 05 Malibu Stone Ridge House Ocean Residence $9.2M Residence 05 Malibu Residence Notes Ocean Residence A More Private Coastal Experience. Elevated outlooks, natural finishes and protected exterior spaces create a more intimate relationship with the coast. Bedrooms 4 Bathrooms 5 Area 5,720 Sq. Ft. Price $9.2M View Residence 06 Bel Air Haven Park Residence Modern Estate $14.1M Residence 06 Bel Air Residence Notes Modern Estate Privacy at a More Architectural Scale. Mature landscaping, generous entertaining areas and clear spatial flow define this private contemporary estate. Bedrooms 6 Bathrooms 8 Area 9,100 Sq. Ft. Price $14.1M View Residence Private Viewings Some Properties Are Better Understood in Person. Arrange time to experience selected residences without rushing through the details that matter. Arrange a Viewing 01 Select Tell us which residence interests you. 02 Arrange We coordinate a suitable private appointment. 03 Experience Take time to understand the property properly. Neighbourhood Lens The Address Changes the Property. 01 Beverly Private estates 02 Malibu Coastal living 03 Tribeca City residences 04 Bel Air Modern estates 01 \/ Beverly Hills Quiet streets. Strong architecture. Known for private estates, established landscaping and residences with generous space and privacy. Ask About the Area Looking for Something Different? Not Every Property Needs to Be Publicly Listed. Tell us what you are looking for and we can help refine the search beyond the current collection. Start a Property Search<\/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-17","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/teknr42.thestackly.in\/index.php?rest_route=\/wp\/v2\/pages\/17","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/teknr42.thestackly.in\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/teknr42.thestackly.in\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/teknr42.thestackly.in\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/teknr42.thestackly.in\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=17"}],"version-history":[{"count":5,"href":"https:\/\/teknr42.thestackly.in\/index.php?rest_route=\/wp\/v2\/pages\/17\/revisions"}],"predecessor-version":[{"id":367,"href":"https:\/\/teknr42.thestackly.in\/index.php?rest_route=\/wp\/v2\/pages\/17\/revisions\/367"}],"wp:attachment":[{"href":"https:\/\/teknr42.thestackly.in\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=17"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}