{"id":22,"date":"2026-08-19T09:37:41","date_gmt":"2026-08-19T09:37:41","guid":{"rendered":"https:\/\/teknr33.thestackly.in\/?page_id=22"},"modified":"2026-08-24T05:42:48","modified_gmt":"2026-08-24T05:42:48","slug":"property-details","status":"publish","type":"page","link":"https:\/\/teknr33.thestackly.in\/?page_id=22","title":{"rendered":"Property Details"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"22\" class=\"elementor elementor-22\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c27845f 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=\"c27845f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f205694 elementor-widget elementor-widget-html\" data-id=\"f205694\" 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=Khula:wght@400;600;700&family=Literata:opsz,wght@7..72,400;7..72,500;7..72,600&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=\"t33pd-banner\">\n\n    <div class=\"t33pd-banner-overlay\"><\/div>\n\n    <div class=\"t33pd-banner-content t33pd-banner-reveal\">\n\n        <h1>Property Details<\/h1>\n\n        <p>\n            Discover the architecture, generous living spaces, landscaped terraces,\n            and panoramic outlooks that define Terrace Grove Villa.\n        <\/p>\n\n        <a\n            href=\"#t33-property-overview\"\n            class=\"t33pd-banner-button\">\n\n            <span>Explore Property<\/span>\n            <i class=\"fa-solid fa-arrow-down\"><\/i>\n\n        <\/a>\n\n    <\/div>\n\n<\/section>\n\n<style>\n\/* =========================================================\n   BASE\n========================================================= *\/\n\n.t33pd-banner,\n.t33pd-banner *,\n.t33pd-banner *::before,\n.t33pd-banner *::after{\n    box-sizing:border-box;\n}\n\n.t33pd-banner{\n    position:relative;\n\n    width:100%;\n    min-height:570px;\n\n    margin:0;\n    padding:110px 60px;\n\n    overflow:hidden;\n\n    background:\n        url(\"https:\/\/images.unsplash.com\/photo-1605315188787-e3c8f6bf927a?q=80&w=1074&auto=format&fit=crop&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D\")\n        center\/cover no-repeat;\n\n    display:flex;\n    align-items:center;\n    justify-content:center;\n\n    font-family:\"Khula\",sans-serif;\n}\n\n\n\/* =========================================================\n   OVERLAY\n========================================================= *\/\n\n.t33pd-banner-overlay{\n    position:absolute;\n\n    inset:0;\n\n    background:\n        linear-gradient(\n            90deg,\n            rgba(0,0,0,.62),\n            rgba(0,0,0,.34),\n            rgba(0,0,0,.48)\n        );\n\n    pointer-events:none;\n}\n\n\n\/* =========================================================\n   CONTENT\n========================================================= *\/\n\n.t33pd-banner-content{\n    position:relative;\n    z-index:2;\n\n    width:100%;\n    max-width:850px;\n\n    text-align:center;\n}\n\n\n\/* =========================================================\n   TITLE\n========================================================= *\/\n\n.t33pd-banner h1{\n    margin:0!important;\n\n    color:#ffffff!important;\n    -webkit-text-fill-color:#ffffff!important;\n\n    font-family:\"Literata\",serif!important;\n\n    font-size:60px!important;\n    line-height:1.12!important;\n    font-weight:500!important;\n}\n\n\n\/* =========================================================\n   DESCRIPTION\n========================================================= *\/\n\n.t33pd-banner p{\n    max-width:720px;\n\n    margin:14px auto 0!important;\n\n    color:#ffffff!important;\n    -webkit-text-fill-color:#ffffff!important;\n\n    font-family:\"Khula\",sans-serif!important;\n\n    font-size:18px!important;\n    line-height:1.65!important;\n    font-weight:400!important;\n}\n\n\n\/* =========================================================\n   BUTTON\n   SAME STYLE AS FEATURED LISTINGS BANNER\n========================================================= *\/\n\n.t33pd-banner-button,\n.t33pd-banner-button:link,\n.t33pd-banner-button:visited,\n.t33pd-banner-button:hover,\n.t33pd-banner-button:focus,\n.t33pd-banner-button:focus-visible,\n.t33pd-banner-button:active{\n    min-height:48px;\n\n    margin:24px auto 0!important;\n    padding:0 22px!important;\n\n    border:0!important;\n    border-radius:5px!important;\n    outline:0!important;\n\n    appearance:none!important;\n    -webkit-appearance:none!important;\n\n    background:#6C739C!important;\n    background-image:none!important;\n\n    color:#ffffff!important;\n    -webkit-text-fill-color:#ffffff!important;\n\n    display:inline-flex!important;\n    align-items:center!important;\n    justify-content:center!important;\n\n    gap:10px;\n\n    font-family:\"Khula\",sans-serif!important;\n\n    font-size:17px!important;\n    line-height:1!important;\n    font-weight:600!important;\n\n    text-decoration:none!important;\n\n    box-shadow:none!important;\n\n    -webkit-tap-highlight-color:transparent;\n\n    transition:\n        background .3s ease;\n}\n\n\n\/* PREVENT ELEMENTOR \/ THEME PSEUDO ELEMENTS *\/\n\n.t33pd-banner-button::before,\n.t33pd-banner-button::after{\n    content:none!important;\n    display:none!important;\n}\n\n\n\/* BUTTON HOVER *\/\n\n.t33pd-banner-button:hover{\n    background:#5E658B!important;\n\n    color:#ffffff!important;\n    -webkit-text-fill-color:#ffffff!important;\n}\n\n\n\/* BUTTON TEXT *\/\n\n.t33pd-banner-button span{\n    margin:0!important;\n    padding:0!important;\n\n    color:#ffffff!important;\n    -webkit-text-fill-color:#ffffff!important;\n\n    font-family:\"Khula\",sans-serif!important;\n\n    line-height:1!important;\n\n    transform:translateY(2px);\n}\n\n\n\/* ARROW *\/\n\n.t33pd-banner-button i{\n    margin:0!important;\n    padding:0!important;\n\n    color:#ffffff!important;\n    -webkit-text-fill-color:#ffffff!important;\n\n    font-size:13px;\n\n    line-height:1!important;\n\n    transform:translateY(1px);\n}\n\n\n\/* KEEP STATES FROM TURNING BLUE *\/\n\n.t33pd-banner-button:visited,\n.t33pd-banner-button:active,\n.t33pd-banner-button:focus{\n    background:#6C739C!important;\n\n    color:#ffffff!important;\n    -webkit-text-fill-color:#ffffff!important;\n}\n\n.t33pd-banner-button:visited span,\n.t33pd-banner-button:visited i,\n.t33pd-banner-button:active span,\n.t33pd-banner-button:active i,\n.t33pd-banner-button:focus span,\n.t33pd-banner-button:focus i{\n    color:#ffffff!important;\n    -webkit-text-fill-color:#ffffff!important;\n}\n\n\n.t33pd-banner-button:focus-visible{\n    background:#6C739C!important;\n\n    box-shadow:\n        0 0 0 3px rgba(108,115,156,.24)!important;\n}\n\n\n\/* =========================================================\n   REVEAL\n========================================================= *\/\n\n.t33pd-banner-reveal{\n    opacity:1;\n\n    transform:none;\n}\n\n\n.t33pd-banner.t33pd-banner-motion\n.t33pd-banner-reveal{\n    opacity:0;\n\n    transform:\n        translateY(24px)\n        scale(.94);\n\n    transition:\n        opacity 1.4s ease,\n        transform 1.4s cubic-bezier(.22,1,.36,1);\n}\n\n\n.t33pd-banner.t33pd-banner-motion\n.t33pd-banner-reveal.is-visible{\n    opacity:1;\n\n    transform:none;\n}\n\n\n\/* =========================================================\n   TABLET\n========================================================= *\/\n\n@media(max-width:1024px){\n\n    .t33pd-banner{\n        min-height:480px;\n\n        padding:90px 40px;\n    }\n\n\n    .t33pd-banner h1{\n        font-size:40px!important;\n    }\n\n\n    .t33pd-banner p,\n    .t33pd-banner-button{\n        font-size:16px!important;\n    }\n\n}\n\n\n\/* =========================================================\n   MOBILE\n========================================================= *\/\n\n@media(max-width:767px){\n\n    .t33pd-banner{\n        min-height:400px;\n\n        padding:75px 20px;\n    }\n\n\n    .t33pd-banner h1{\n        font-size:30px!important;\n    }\n\n\n    .t33pd-banner p,\n    .t33pd-banner-button{\n        font-size:16px!important;\n    }\n\n}\n\n\n\/* =========================================================\n   REDUCED MOTION\n========================================================= *\/\n\n@media(prefers-reduced-motion:reduce){\n\n    .t33pd-banner.t33pd-banner-motion\n    .t33pd-banner-reveal{\n        opacity:1;\n\n        transform:none;\n\n        transition:none;\n    }\n\n}\n<\/style>\n\n<script>\n(function(){\n\n    document\n    .querySelectorAll(\".t33pd-banner\")\n    .forEach(function(section){\n\n        const item =\n            section.querySelector(\n                \".t33pd-banner-reveal\"\n            );\n\n\n        if(\n            !item ||\n            !(\"IntersectionObserver\" in window) ||\n            window.matchMedia(\n                \"(prefers-reduced-motion: reduce)\"\n            ).matches\n        ){\n\n            if(item){\n                item.classList.add(\n                    \"is-visible\"\n                );\n            }\n\n            return;\n        }\n\n\n        section.classList.add(\n            \"t33pd-banner-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(\n            item\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-6b1b168 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=\"6b1b168\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3a98f6e elementor-widget elementor-widget-html\" data-id=\"3a98f6e\" 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=Khula:wght@400;600;700&family=Literata:opsz,wght@7..72,400;7..72,500;7..72,600&display=swap\" rel=\"stylesheet\">\n\n<section class=\"t33res3-section\">\n\n    <div class=\"t33res3-shell\">\n\n\n        <!-- =====================================================\n             ONLY MAIN SECTION HEADING\n        ====================================================== -->\n\n        <header class=\"t33res3-heading t33res3-reveal\">\n\n            <h2>Residence Overview<\/h2>\n\n            <p>\n                Terrace Grove Villa brings together architectural presence,\n                expansive living spaces, landscaped terraces, and panoramic\n                city views within a private Beverly Hills setting.\n            <\/p>\n\n        <\/header>\n\n\n        <!-- =====================================================\n             PROPERTY OVERVIEW\n        ====================================================== -->\n\n        <div class=\"t33res3-overview\">\n\n\n            <!-- LARGE PROPERTY IMAGE -->\n\n            <div class=\"t33res3-main-image t33res3-reveal\">\n\n                <img decoding=\"async\"\n                    src=\"https:\/\/images.unsplash.com\/photo-1700075086720-7a77649f1105?q=80&w=1170&auto=format&fit=crop&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D\"\n                    alt=\"Interior of Terrace Grove Villa\">\n\n            <\/div>\n\n\n            <!-- PROPERTY STORY -->\n\n            <article class=\"t33res3-story t33res3-reveal\">\n\n                <span>\n                    Terrace Grove Villa\n                <\/span>\n\n                <h3>\n                    A Private Villa Designed Around Space, Light, and Outlook.\n                <\/h3>\n\n                <p>\n                    The residence is arranged around generous living areas that\n                    connect naturally with landscaped terraces and the surrounding\n                    outlook. Large interior spaces create an open atmosphere while\n                    the villa retains the privacy expected from an individual estate.\n                <\/p>\n\n                <p>\n                    Its architecture places particular emphasis on indoor-outdoor\n                    living, allowing the main spaces to extend toward the terraces\n                    and panoramic city views.\n                <\/p>\n\n            <\/article>\n\n\n            <!-- PROPERTY INFORMATION -->\n\n            <div class=\"t33res3-facts t33res3-reveal\">\n\n\n                <div class=\"t33res3-fact\">\n\n                    <span>Property Type<\/span>\n\n                    <strong>\n                        Private Villa\n                    <\/strong>\n\n                <\/div>\n\n\n                <div class=\"t33res3-fact\">\n\n                    <span>Location<\/span>\n\n                    <strong>\n                        Beverly Hills\n                    <\/strong>\n\n                <\/div>\n\n\n                <div class=\"t33res3-fact\">\n\n                    <span>Bedrooms<\/span>\n\n                    <strong>\n                        5 Bedrooms\n                    <\/strong>\n\n                <\/div>\n\n\n                <div class=\"t33res3-fact\">\n\n                    <span>Interior Area<\/span>\n\n                    <strong>\n                        7,850 Sq. Ft.\n                    <\/strong>\n\n                <\/div>\n\n\n                <div class=\"t33res3-fact\">\n\n                    <span>Setting<\/span>\n\n                    <strong>\n                        Landscaped Terraces\n                    <\/strong>\n\n                <\/div>\n\n\n                <div class=\"t33res3-fact\">\n\n                    <span>Living Style<\/span>\n\n                    <strong>\n                        Indoor-Outdoor\n                    <\/strong>\n\n                <\/div>\n\n\n                <div class=\"t33res3-fact t33res3-price\">\n\n                    <span>Guide Price<\/span>\n\n                    <strong>\n                        $8,500,000\n                    <\/strong>\n\n                <\/div>\n\n\n            <\/div>\n\n        <\/div>\n\n\n        <!-- =====================================================\n             HIGHLIGHTS CONTINUE DIRECTLY\n             NO SECOND SECTION HEADING\n        ====================================================== -->\n\n        <div class=\"t33res3-highlight-stage\">\n\n\n            <!-- 01 -->\n\n            <article class=\"t33res3-primary t33res3-reveal\">\n\n                <span class=\"t33res3-number\">\n                    01\n                <\/span>\n\n\n                <div>\n\n                    <h3>\n                        Panoramic City Views\n                    <\/h3>\n\n                    <p>\n                        Expansive outlooks give the home a strong relationship\n                        with the surrounding Beverly Hills landscape.\n                    <\/p>\n\n                <\/div>\n\n            <\/article>\n\n\n            <!-- CENTER IMAGE -->\n\n            <div class=\"t33res3-highlight-image t33res3-reveal\">\n\n                <img decoding=\"async\"\n                    src=\"https:\/\/images.unsplash.com\/photo-1615874959474-d609969a20ed?q=80&w=880&auto=format&fit=crop&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D\"\n                    alt=\"Architectural interior\">\n\n            <\/div>\n\n\n            <!-- 02 -->\n\n            <article class=\"t33res3-dark t33res3-reveal\">\n\n                <span class=\"t33res3-number\">\n                    02\n                <\/span>\n\n\n                <div>\n\n                    <h3>\n                        Landscaped Terraces\n                    <\/h3>\n\n                    <p>\n                        Outdoor areas extend the architecture and create places\n                        for entertaining, quiet mornings, and evening views.\n                    <\/p>\n\n                <\/div>\n\n            <\/article>\n\n\n            <!-- 03 -->\n\n            <article class=\"t33res3-wide t33res3-reveal\">\n\n                <span class=\"t33res3-wide-number\">\n                    03\n                <\/span>\n\n                <h3>\n                    Indoor-Outdoor Living\n                <\/h3>\n\n                <p>\n                    Generous openings connect the main rooms to exterior terraces,\n                    allowing living spaces to move naturally between inside and out.\n                <\/p>\n\n            <\/article>\n\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n\n<style>\n\/* =========================================================\n   BASE\n========================================================= *\/\n\n.t33res3-section,\n.t33res3-section *,\n.t33res3-section *::before,\n.t33res3-section *::after{\n    box-sizing:border-box;\n}\n\n.t33res3-section{\n    width:100%;\n\n    margin:0;\n    padding:60px;\n\n    overflow:hidden;\n\n    background:#ffffff;\n    color:#000000;\n\n    font-family:\"Khula\",sans-serif;\n}\n\n.t33res3-shell{\n    width:100%;\n    max-width:1420px;\n\n    margin:0 auto;\n}\n\n\n\/* =========================================================\n   MAIN SECTION HEADING\n========================================================= *\/\n\n.t33res3-heading{\n    width:min(800px,100%);\n\n    margin:0 auto 28px;\n\n    text-align:center;\n}\n\n\n.t33res3-heading h2{\n    margin:0!important;\n\n    color:#000000!important;\n\n    font-family:\"Literata\",serif!important;\n\n    font-size:42px!important;\n    line-height:1.2!important;\n    font-weight:500!important;\n\n    letter-spacing:-.02em!important;\n}\n\n\n.t33res3-heading p{\n    margin:7px 0 0!important;\n\n    color:#000000!important;\n\n    font-family:\"Khula\",sans-serif!important;\n\n    font-size:17px!important;\n    line-height:1.65!important;\n    font-weight:400!important;\n}\n\n\n\/* =========================================================\n   OVERVIEW COMPOSITION\n========================================================= *\/\n\n.t33res3-overview{\n    width:100%;\n\n    display:grid;\n\n    grid-template-columns:\n        minmax(0,1.32fr)\n        minmax(360px,.68fr);\n\n    grid-template-rows:\n        auto\n        auto;\n\n    gap:6px;\n}\n\n\n\/* =========================================================\n   MAIN IMAGE\n========================================================= *\/\n\n.t33res3-main-image{\n    position:relative;\n\n    grid-row:1 \/ 3;\n\n    min-height:565px;\n\n    overflow:hidden;\n\n    background:#eeeeee;\n}\n\n\n.t33res3-main-image img{\n    position:absolute;\n\n    inset:0;\n\n    width:100%;\n    height:100%;\n\n    display:block;\n\n    object-fit:cover;\n\n    transition:\n        transform .6s cubic-bezier(.22,1,.36,1);\n}\n\n\n@media(hover:hover) and (pointer:fine){\n\n    .t33res3-main-image:hover img{\n        transform:scale(1.025);\n    }\n\n}\n\n\n\/* =========================================================\n   PROPERTY STORY\n========================================================= *\/\n\n.t33res3-story{\n    padding:29px 29px 27px;\n\n    background:#F5F5F4;\n}\n\n\n.t33res3-story > span{\n    display:block;\n\n    margin:0 0 7px;\n\n    color:#000000!important;\n\n    font-size:16px!important;\n    line-height:1.3!important;\n    font-weight:600!important;\n}\n\n\n.t33res3-story h3{\n    margin:0 0 11px!important;\n\n    color:#000000!important;\n\n    font-family:\"Literata\",serif!important;\n\n    font-size:25px!important;\n    line-height:1.28!important;\n    font-weight:500!important;\n}\n\n\n.t33res3-story p{\n    margin:0!important;\n\n    color:#000000!important;\n\n    font-family:\"Khula\",sans-serif!important;\n\n    font-size:17px!important;\n    line-height:1.62!important;\n    font-weight:400!important;\n}\n\n\n.t33res3-story p + p{\n    margin-top:10px!important;\n}\n\n\n\/* =========================================================\n   PROPERTY FACTS\n========================================================= *\/\n\n.t33res3-facts{\n    padding:25px 28px;\n\n    background:#6C739C;\n\n    display:grid;\n\n    grid-template-columns:\n        repeat(2,minmax(0,1fr));\n\n    align-content:center;\n\n    gap:19px 15px;\n}\n\n\n.t33res3-fact{\n    min-width:0;\n}\n\n\n.t33res3-fact span{\n    display:block;\n\n    margin:0;\n\n    color:#ffffff!important;\n    -webkit-text-fill-color:#ffffff!important;\n\n    font-family:\"Khula\",sans-serif!important;\n\n    font-size:15px!important;\n    line-height:1.2!important;\n    font-weight:400!important;\n}\n\n\n.t33res3-fact strong{\n    display:block;\n\n    margin:4px 0 0;\n\n    color:#ffffff!important;\n    -webkit-text-fill-color:#ffffff!important;\n\n    font-family:\"Literata\",serif!important;\n\n    font-size:18px!important;\n    line-height:1.28!important;\n    font-weight:500!important;\n}\n\n\n.t33res3-price{\n    grid-column:1 \/ -1;\n}\n\n\n.t33res3-price strong{\n    font-size:22px!important;\n}\n\n\n\/* =========================================================\n   HIGHLIGHTS\n   DIRECT CONTINUATION OF OVERVIEW\n========================================================= *\/\n\n.t33res3-highlight-stage{\n    margin-top:6px;\n\n    display:grid;\n\n    grid-template-columns:\n        .9fr\n        1.35fr\n        .9fr;\n\n    grid-template-rows:\n        360px\n        auto;\n\n    gap:5px;\n}\n\n\n\/* =========================================================\n   PRIMARY + BLACK BLOCKS\n========================================================= *\/\n\n.t33res3-primary,\n.t33res3-dark{\n    padding:28px;\n\n    display:flex;\n\n    flex-direction:column;\n\n    justify-content:space-between;\n}\n\n\n.t33res3-primary{\n    background:#6C739C;\n}\n\n\n.t33res3-dark{\n    background:#000000;\n}\n\n\n.t33res3-number{\n    color:rgba(255,255,255,.32)!important;\n    -webkit-text-fill-color:rgba(255,255,255,.32)!important;\n\n    font-family:\"Literata\",serif!important;\n\n    font-size:58px!important;\n    line-height:1!important;\n    font-weight:500!important;\n}\n\n\n.t33res3-primary h3,\n.t33res3-dark h3{\n    margin:0 0 7px!important;\n\n    color:#ffffff!important;\n    -webkit-text-fill-color:#ffffff!important;\n\n    font-family:\"Literata\",serif!important;\n\n    font-size:24px!important;\n    line-height:1.3!important;\n    font-weight:500!important;\n}\n\n\n.t33res3-primary p,\n.t33res3-dark p{\n    margin: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\/* =========================================================\n   CENTER HIGHLIGHT IMAGE\n========================================================= *\/\n\n.t33res3-highlight-image{\n    overflow:hidden;\n}\n\n\n.t33res3-highlight-image img{\n    width:100%;\n    height:100%;\n\n    display:block;\n\n    object-fit:cover;\n\n    transition:\n        transform .55s ease;\n}\n\n\n@media(hover:hover) and (pointer:fine){\n\n    .t33res3-highlight-image:hover img{\n        transform:scale(1.025);\n    }\n\n}\n\n\n\/* =========================================================\n   THIRD WIDE HIGHLIGHT\n========================================================= *\/\n\n.t33res3-wide{\n    grid-column:1 \/ -1;\n\n    min-height:135px;\n\n    padding:24px 28px;\n\n    background:#F5F5F4;\n\n    display:grid;\n\n    grid-template-columns:\n        90px\n        .65fr\n        1.35fr;\n\n    align-items:center;\n\n    gap:24px;\n}\n\n\n.t33res3-wide-number{\n    color:#6C739C!important;\n    -webkit-text-fill-color:#6C739C!important;\n\n    font-family:\"Literata\",serif!important;\n\n    font-size:46px!important;\n    line-height:1!important;\n    font-weight:500!important;\n}\n\n\n.t33res3-wide h3{\n    margin:0!important;\n\n    color:#000000!important;\n\n    font-family:\"Literata\",serif!important;\n\n    font-size:24px!important;\n    line-height:1.3!important;\n    font-weight:500!important;\n}\n\n\n.t33res3-wide p{\n    margin:0!important;\n\n    color:#000000!important;\n\n    font-size:17px!important;\n    line-height:1.6!important;\n}\n\n\n\/* =========================================================\n   REVEAL\n========================================================= *\/\n\n.t33res3-reveal{\n    opacity:1;\n\n    transform:none;\n}\n\n\n.t33res3-section.t33res3-motion\n.t33res3-reveal{\n    opacity:0;\n\n    transform:\n        translateY(24px)\n        scale(.94);\n\n    transition:\n        opacity 1.4s ease,\n        transform 1.4s cubic-bezier(.22,1,.36,1);\n}\n\n\n.t33res3-section.t33res3-motion\n.t33res3-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    .t33res3-section{\n        padding:40px;\n    }\n\n\n    .t33res3-heading h2{\n        font-size:34px!important;\n    }\n\n\n    .t33res3-heading p,\n    .t33res3-story p,\n    .t33res3-primary p,\n    .t33res3-dark p,\n    .t33res3-wide p{\n        font-size:16px!important;\n    }\n\n\n    \/* OVERVIEW *\/\n\n    .t33res3-overview{\n        grid-template-columns:\n            minmax(0,1.1fr)\n            minmax(300px,.9fr);\n\n        gap:5px;\n    }\n\n\n    .t33res3-main-image{\n        min-height:540px;\n    }\n\n\n    .t33res3-story{\n        padding:22px 21px;\n    }\n\n\n    .t33res3-story h3{\n        font-size:21px!important;\n    }\n\n\n    .t33res3-facts{\n        padding:20px;\n\n        gap:15px 10px;\n    }\n\n\n    .t33res3-fact strong{\n        font-size:16px!important;\n    }\n\n\n    .t33res3-price strong{\n        font-size:20px!important;\n    }\n\n\n    \/* HIGHLIGHTS *\/\n\n    .t33res3-highlight-stage{\n        margin-top:5px;\n\n        grid-template-columns:\n            .95fr\n            1.15fr\n            .95fr;\n\n        grid-template-rows:\n            315px\n            auto;\n    }\n\n\n    .t33res3-primary,\n    .t33res3-dark{\n        padding:21px;\n    }\n\n\n    .t33res3-number{\n        font-size:48px!important;\n    }\n\n\n    .t33res3-primary h3,\n    .t33res3-dark h3,\n    .t33res3-wide h3{\n        font-size:21px!important;\n    }\n\n\n    .t33res3-wide{\n        grid-template-columns:\n            65px\n            .75fr\n            1.25fr;\n\n        gap:18px;\n    }\n\n}\n\n\n\/* =========================================================\n   MOBILE\n========================================================= *\/\n\n@media(max-width:767px){\n\n    .t33res3-section{\n        padding:30px 20px;\n    }\n\n\n    .t33res3-heading{\n        margin-bottom:20px;\n    }\n\n\n    .t33res3-heading h2{\n        font-size:29px!important;\n    }\n\n\n    .t33res3-heading p,\n    .t33res3-story p,\n    .t33res3-primary p,\n    .t33res3-dark p,\n    .t33res3-wide p{\n        font-size:16px!important;\n    }\n\n\n    \/* =====================================================\n       OVERVIEW\n    ====================================================== *\/\n\n    .t33res3-overview{\n        display:flex;\n\n        flex-direction:column;\n\n        gap:5px;\n    }\n\n\n    .t33res3-main-image{\n        width:100%;\n        min-height:0;\n        height:255px;\n    }\n\n\n    .t33res3-main-image img{\n        position:relative;\n    }\n\n\n    .t33res3-story{\n        padding:22px 20px;\n    }\n\n\n    .t33res3-story h3{\n        font-size:19px!important;\n    }\n\n\n    .t33res3-facts{\n        padding:21px 20px;\n\n        grid-template-columns:\n            repeat(2,minmax(0,1fr));\n\n        gap:17px 10px;\n    }\n\n\n    .t33res3-fact strong{\n        font-size:16px!important;\n    }\n\n\n    .t33res3-price strong{\n        font-size:19px!important;\n    }\n\n\n    \/* =====================================================\n       HIGHLIGHTS\n    ====================================================== *\/\n\n    .t33res3-highlight-stage{\n        margin-top:5px;\n\n        display:flex;\n\n        flex-direction:column;\n\n        gap:5px;\n    }\n\n\n    .t33res3-primary,\n    .t33res3-dark{\n        min-height:250px;\n\n        padding:22px;\n    }\n\n\n    .t33res3-highlight-image{\n        height:245px;\n    }\n\n\n    .t33res3-number{\n        font-size:46px!important;\n    }\n\n\n    .t33res3-primary h3,\n    .t33res3-dark h3,\n    .t33res3-wide h3{\n        font-size:19px!important;\n    }\n\n\n    .t33res3-wide{\n        min-height:0;\n\n        padding:22px;\n\n        display:block;\n    }\n\n\n    .t33res3-wide-number{\n        display:block;\n\n        margin-bottom:16px;\n\n        font-size:42px!important;\n    }\n\n\n    .t33res3-wide h3{\n        margin-bottom:7px!important;\n    }\n\n}\n\n\n\/* =========================================================\n   REDUCED MOTION\n========================================================= *\/\n\n@media(prefers-reduced-motion:reduce){\n\n    .t33res3-section.t33res3-motion\n    .t33res3-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(\".t33res3-section\")\n    .forEach(function(section){\n\n        if(section.dataset.ready === \"true\"){\n            return;\n        }\n\n\n        section.dataset.ready = \"true\";\n\n\n        const items =\n            section.querySelectorAll(\n                \".t33res3-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            \"t33res3-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-e47a86f 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=\"e47a86f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f09924d elementor-widget elementor-widget-html\" data-id=\"f09924d\" 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=Khula:wght@400;600&family=Literata:opsz,wght@7..72,400;7..72,500&display=swap\" rel=\"stylesheet\">\n\n<section class=\"t33pint-section\">\n\n    <div class=\"t33pint-shell\">\n\n        <header class=\"t33pint-heading t33pint-reveal\">\n\n            <div>\n                <h2>Inside the Residence<\/h2>\n\n                <p>\n                    A closer view of the rooms, materials, and spatial character\n                    that define the home.\n                <\/p>\n            <\/div>\n\n        <\/header>\n\n\n        <div class=\"t33pint-gallery\">\n\n            <figure class=\"t33pint-wide t33pint-reveal\">\n\n                <img decoding=\"async\"\n                    src=\"https:\/\/images.unsplash.com\/photo-1605774337664-7a846e9cdf17?q=80&w=1074&auto=format&fit=crop&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D\"\n                    alt=\"Main living area\">\n\n                <figcaption>Main Living Space<\/figcaption>\n\n            <\/figure>\n\n\n            <div class=\"t33pint-lower\">\n\n                <figure class=\"t33pint-a t33pint-reveal\">\n\n                    <img decoding=\"async\"\n                        src=\"https:\/\/images.unsplash.com\/photo-1585412727339-54e4bae3bbf9?q=80&w=1170&auto=format&fit=crop&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D\"\n                        alt=\"Private interior space\">\n\n                    <figcaption>Private Spaces<\/figcaption>\n\n                <\/figure>\n\n\n                <figure class=\"t33pint-b t33pint-reveal\">\n\n                    <img decoding=\"async\"\n                        src=\"https:\/\/images.unsplash.com\/photo-1662059360857-9a46f20c85f8?q=80&w=906&auto=format&fit=crop&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D\"\n                        alt=\"Interior material detailing\">\n\n                    <figcaption>Material Details<\/figcaption>\n\n                <\/figure>\n\n\n                <figure class=\"t33pint-c t33pint-reveal\">\n\n                    <img decoding=\"async\"\n                        src=\"https:\/\/images.unsplash.com\/photo-1600566753086-00f18fb6b3ea?q=85&w=1000&auto=format&fit=crop\"\n                        alt=\"Open living interior\">\n\n                    <figcaption>Open Living<\/figcaption>\n\n                <\/figure>\n\n            <\/div>\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n<style>\n.t33pint-section,\n.t33pint-section *,\n.t33pint-section *::before,\n.t33pint-section *::after{\n    box-sizing:border-box;\n}\n\n.t33pint-section{\n    width:100%;\n    padding:60px;\n    overflow:hidden;\n    background:#F5F5F4;\n    color:#000;\n    font-family:\"Khula\",sans-serif;\n}\n\n.t33pint-shell{\n    width:100%;\n    max-width:1420px;\n    margin:0 auto;\n}\n\n.t33pint-heading{\n    max-width:760px;\n    margin:0 0 27px;\n}\n\n.t33pint-heading h2{\n    margin:0!important;\n\n    color:#000!important;\n\n    font-family:\"Literata\",serif!important;\n    font-size:42px!important;\n    line-height:1.2!important;\n    font-weight:500!important;\n}\n\n.t33pint-heading p{\n    margin:7px 0 0!important;\n\n    color:#000!important;\n\n    font-size:17px!important;\n    line-height:1.65!important;\n}\n\n.t33pint-gallery figure{\n    position:relative;\n    margin:0;\n    overflow:hidden;\n}\n\n.t33pint-gallery img{\n    width:100%;\n    height:100%;\n    display:block;\n    object-fit:cover;\n    transition:transform .55s ease;\n}\n\n@media(hover:hover) and (pointer:fine){\n    .t33pint-gallery figure:hover img{\n        transform:scale(1.025);\n    }\n}\n\n.t33pint-wide{\n    width:100%;\n    height:330px;\n}\n\n.t33pint-lower{\n    margin-top:5px;\n\n    height:285px;\n\n    display:grid;\n    grid-template-columns:1.15fr .72fr 1fr;\n\n    gap:5px;\n}\n\n.t33pint-gallery figcaption{\n    position:absolute;\n\n    left:14px;\n    bottom:14px;\n\n    padding:8px 11px;\n\n    background:rgba(0,0,0,.76);\n\n    color:#fff!important;\n    -webkit-text-fill-color:#fff!important;\n\n    font-size:16px!important;\n    line-height:1.2!important;\n    font-weight:600!important;\n}\n\n.t33pint-reveal{\n    opacity:1;\n    transform:none;\n}\n\n.t33pint-section.t33pint-motion .t33pint-reveal{\n    opacity:0;\n    transform:translateY(24px) scale(.94);\n\n    transition:\n        opacity 1.4s ease,\n        transform 1.4s cubic-bezier(.22,1,.36,1);\n}\n\n.t33pint-section.t33pint-motion .t33pint-reveal.is-visible{\n    opacity:1;\n    transform:none;\n}\n\n@media(max-width:1024px) and (min-width:768px){\n\n    .t33pint-section{\n        padding:40px;\n    }\n\n    .t33pint-heading h2{\n        font-size:34px!important;\n    }\n\n    .t33pint-heading p{\n        font-size:16px!important;\n    }\n\n    .t33pint-wide{\n        height:290px;\n    }\n\n    .t33pint-lower{\n        height:245px;\n    }\n\n    .t33pint-gallery figcaption{\n        font-size:15px!important;\n    }\n}\n\n@media(max-width:767px){\n\n    .t33pint-section{\n        padding:30px 20px;\n    }\n\n    .t33pint-heading{\n        margin-bottom:20px;\n    }\n\n    .t33pint-heading h2{\n        font-size:29px!important;\n    }\n\n    .t33pint-heading p{\n        font-size:16px!important;\n    }\n\n    .t33pint-wide{\n        height:245px;\n    }\n\n    .t33pint-lower{\n        height:auto;\n\n        grid-template-columns:1fr 1fr;\n\n        gap:5px;\n    }\n\n    .t33pint-lower figure{\n        height:205px;\n    }\n\n    .t33pint-c{\n        grid-column:1 \/ -1;\n        height:240px!important;\n    }\n\n    .t33pint-gallery figcaption{\n        left:10px;\n        bottom:10px;\n\n        font-size:14px!important;\n    }\n}\n<\/style>\n\n<script>\n(function(){\n\n    document.querySelectorAll(\".t33pint-section\").forEach(function(section){\n\n        const items = section.querySelectorAll(\".t33pint-reveal\");\n\n        if(!(\"IntersectionObserver\" in window)){\n            items.forEach(item => item.classList.add(\"is-visible\"));\n            return;\n        }\n\n        section.classList.add(\"t33pint-motion\");\n\n        const observer = new IntersectionObserver(function(entries){\n\n            entries.forEach(function(entry){\n\n                if(!entry.isIntersecting) return;\n\n                entry.target.classList.add(\"is-visible\");\n                observer.unobserve(entry.target);\n\n            });\n\n        },{threshold:.08});\n\n        items.forEach(item => observer.observe(item));\n\n    });\n\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-437b27f 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=\"437b27f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5130875 elementor-widget elementor-widget-html\" data-id=\"5130875\" 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=Khula:wght@400;600&family=Literata:opsz,wght@7..72,400;7..72,500&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=\"t33pmore-section\">\n\n    <div class=\"t33pmore-shell\">\n\n        <header class=\"t33pmore-heading t33pmore-reveal\">\n\n            <h2>More Residences<\/h2>\n\n            <p>\n                Explore other distinctive homes from the current collection.\n            <\/p>\n\n        <\/header>\n\n\n        <div class=\"t33pmore-runway\">\n\n            <a\n                href=\"https:\/\/teknr33.thestackly.in\/?page_id=22\"\n                class=\"t33pmore-property t33pmore-first t33pmore-reveal\">\n\n                <img decoding=\"async\"\n                    src=\"https:\/\/images.unsplash.com\/photo-1783125127143-d4e18726bab3?q=80&w=1400&auto=format&fit=crop\"\n                    alt=\"Arbor Penthouse\">\n\n                <div class=\"t33pmore-overlay\"><\/div>\n\n                <div class=\"t33pmore-content\">\n\n                    <span>City Penthouse \u00b7 Tribeca<\/span>\n\n                    <h3>Arbor Penthouse<\/h3>\n\n                    <div>\n                        <strong>$12,400,000<\/strong>\n\n                        <span class=\"t33pmore-arrow\">\n                            <i class=\"fa-solid fa-arrow-right\"><\/i>\n                        <\/span>\n                    <\/div>\n\n                <\/div>\n\n            <\/a>\n\n\n            <a\n                href=\"https:\/\/teknr33.thestackly.in\/?page_id=22\"\n                class=\"t33pmore-property t33pmore-second t33pmore-reveal\">\n\n                <img decoding=\"async\"\n                    src=\"https:\/\/images.unsplash.com\/photo-1668911495278-487418f8f72d?q=80&w=1400&auto=format&fit=crop\"\n                    alt=\"Santorini Coastal Haven\">\n\n                <div class=\"t33pmore-overlay\"><\/div>\n\n                <div class=\"t33pmore-content\">\n\n                    <span>Waterfront Home \u00b7 Miami Beach<\/span>\n\n                    <h3>Santorini Coastal Haven<\/h3>\n\n                    <div>\n                        <strong>$9,600,000<\/strong>\n\n                        <span class=\"t33pmore-arrow\">\n                            <i class=\"fa-solid fa-arrow-right\"><\/i>\n                        <\/span>\n                    <\/div>\n\n                <\/div>\n\n            <\/a>\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n<style>\n.t33pmore-section,\n.t33pmore-section *,\n.t33pmore-section *::before,\n.t33pmore-section *::after{\n    box-sizing:border-box;\n}\n\n.t33pmore-section{\n    width:100%;\n    padding:60px;\n    overflow:hidden;\n    background:#fff;\n    font-family:\"Khula\",sans-serif;\n}\n\n.t33pmore-shell{\n    width:100%;\n    max-width:1420px;\n    margin:0 auto;\n}\n\n.t33pmore-heading{\n    max-width:720px;\n    margin:0 0 27px;\n}\n\n.t33pmore-heading h2{\n    margin:0!important;\n\n    color:#000!important;\n\n    font-family:\"Literata\",serif!important;\n    font-size:42px!important;\n    line-height:1.2!important;\n    font-weight:500!important;\n}\n\n.t33pmore-heading p{\n    margin:7px 0 0!important;\n\n    color:#000!important;\n\n    font-size:17px!important;\n    line-height:1.65!important;\n}\n\n.t33pmore-runway{\n    width:100%;\n    height:470px;\n\n    display:flex;\n\n    gap:2px;\n}\n\n.t33pmore-property,\n.t33pmore-property:link,\n.t33pmore-property:visited,\n.t33pmore-property:hover,\n.t33pmore-property:focus,\n.t33pmore-property:focus-visible,\n.t33pmore-property:active{\n    position:relative;\n\n    min-width:0;\n    height:100%;\n\n    overflow:hidden;\n\n    display:block;\n\n    background:#000!important;\n\n    color:#fff!important;\n    -webkit-text-fill-color:#fff!important;\n\n    text-decoration:none!important;\n\n    outline:none!important;\n    box-shadow:none!important;\n\n    -webkit-tap-highlight-color:transparent;\n}\n\n.t33pmore-first{\n    flex:1.28 1 0;\n\n    clip-path:\n        polygon(\n            0 0,\n            100% 0,\n            96.8% 38%,\n            100% 100%,\n            0 100%\n        );\n}\n\n.t33pmore-second{\n    flex:.82 1 0;\n\n    clip-path:\n        polygon(\n            3.2% 0,\n            100% 0,\n            100% 100%,\n            3.2% 100%,\n            0 38%\n        );\n}\n\n.t33pmore-property > img{\n    position:absolute;\n    inset:0;\n\n    width:100%;\n    height:100%;\n\n    display:block;\n\n    object-fit:cover;\n\n    transition:transform .55s ease;\n}\n\n.t33pmore-overlay{\n    position:absolute;\n    inset:0;\n\n    background:\n        linear-gradient(\n            to top,\n            rgba(0,0,0,.88),\n            rgba(0,0,0,.12) 68%\n        );\n}\n\n.t33pmore-content{\n    position:absolute;\n    z-index:2;\n\n    left:25px;\n    right:28px;\n    bottom:24px;\n}\n\n.t33pmore-second .t33pmore-content{\n    left:38px;\n}\n\n.t33pmore-content > span{\n    color:#fff!important;\n    -webkit-text-fill-color:#fff!important;\n\n    font-size:17px!important;\n    line-height:1.3!important;\n    font-weight:600!important;\n}\n\n.t33pmore-content h3{\n    margin:4px 0 15px!important;\n\n    color:#fff!important;\n    -webkit-text-fill-color:#fff!important;\n\n    font-family:\"Literata\",serif!important;\n    font-size:24px!important;\n    line-height:1.3!important;\n    font-weight:500!important;\n}\n\n.t33pmore-content > div{\n    display:flex;\n    align-items:center;\n    justify-content:space-between;\n    gap:15px;\n}\n\n.t33pmore-content strong{\n    color:#fff!important;\n    -webkit-text-fill-color:#fff!important;\n\n    font-family:\"Literata\",serif!important;\n    font-size:23px!important;\n    line-height:1!important;\n    font-weight:500!important;\n}\n\n.t33pmore-arrow{\n    width:43px;\n    height:43px;\n\n    flex:0 0 43px;\n\n    border-radius:50%;\n\n    background:#fff;\n\n    color:#000!important;\n    -webkit-text-fill-color:#000!important;\n\n    display:inline-flex!important;\n    align-items:center!important;\n    justify-content:center!important;\n\n    line-height:1!important;\n}\n\n.t33pmore-arrow i{\n    color:#000!important;\n    -webkit-text-fill-color:#000!important;\n\n    line-height:1!important;\n\n    transform:translateY(1px);\n}\n\n@media(hover:hover) and (pointer:fine){\n\n    .t33pmore-property:hover > img{\n        transform:scale(1.025);\n    }\n}\n\n.t33pmore-property:focus-visible{\n    box-shadow:0 0 0 3px rgba(108,115,156,.35)!important;\n}\n\n.t33pmore-reveal{\n    opacity:1;\n    transform:none;\n}\n\n.t33pmore-section.t33pmore-motion .t33pmore-reveal{\n    opacity:0;\n    transform:translateY(24px) scale(.94);\n\n    transition:\n        opacity 1.4s ease,\n        transform 1.4s cubic-bezier(.22,1,.36,1);\n}\n\n.t33pmore-section.t33pmore-motion .t33pmore-reveal.is-visible{\n    opacity:1;\n    transform:none;\n}\n\n@media(max-width:1024px) and (min-width:768px){\n\n    .t33pmore-section{\n        padding:40px;\n    }\n\n    .t33pmore-heading h2{\n        font-size:34px!important;\n    }\n\n    .t33pmore-heading p,\n    .t33pmore-content > span{\n        font-size:16px!important;\n    }\n\n    .t33pmore-runway{\n        height:400px;\n    }\n\n    .t33pmore-content h3{\n        font-size:21px!important;\n    }\n\n    .t33pmore-content strong{\n        font-size:20px!important;\n    }\n}\n\n@media(max-width:767px){\n\n    .t33pmore-section{\n        padding:30px 20px;\n    }\n\n    .t33pmore-heading{\n        margin-bottom:20px;\n    }\n\n    .t33pmore-heading h2{\n        font-size:29px!important;\n    }\n\n    .t33pmore-heading p,\n    .t33pmore-content > span{\n        font-size:16px!important;\n    }\n\n    .t33pmore-runway{\n        height:auto;\n\n        display:flex;\n        flex-direction:column;\n\n        gap:6px;\n    }\n\n    .t33pmore-property,\n    .t33pmore-first,\n    .t33pmore-second{\n        flex:none;\n\n        width:100%;\n        height:315px;\n\n        clip-path:none;\n\n        border-radius:5px;\n    }\n\n    .t33pmore-content,\n    .t33pmore-second .t33pmore-content{\n        left:17px;\n        right:17px;\n        bottom:17px;\n    }\n\n    .t33pmore-content h3{\n        font-size:19px!important;\n    }\n\n    .t33pmore-content strong{\n        font-size:19px!important;\n    }\n}\n<\/style>\n\n<script>\n(function(){\n\n    document.querySelectorAll(\".t33pmore-section\").forEach(function(section){\n\n        const items = section.querySelectorAll(\".t33pmore-reveal\");\n\n        if(!(\"IntersectionObserver\" in window)){\n            items.forEach(item => item.classList.add(\"is-visible\"));\n            return;\n        }\n\n        section.classList.add(\"t33pmore-motion\");\n\n        const observer = new IntersectionObserver(function(entries){\n\n            entries.forEach(function(entry){\n\n                if(!entry.isIntersecting) return;\n\n                entry.target.classList.add(\"is-visible\");\n                observer.unobserve(entry.target);\n\n            });\n\n        },{threshold:.08});\n\n        items.forEach(item => observer.observe(item));\n\n    });\n\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-79f6f56 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=\"79f6f56\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3473a47 elementor-widget elementor-widget-html\" data-id=\"3473a47\" 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=Khula:wght@400;600&family=Literata:opsz,wght@7..72,400;7..72,500&display=swap\" rel=\"stylesheet\">\n\n<section class=\"t33ploc2-section\">\n\n    <div class=\"t33ploc2-shell\">\n\n        <!-- =====================================================\n             HEADING\n        ====================================================== -->\n\n        <header class=\"t33ploc2-heading t33ploc2-reveal\">\n\n            <h2> Property Location<\/h2>\n\n            <p>\n                Beverly Hills, California.\n            <\/p>\n\n        <\/header>\n\n\n        <!-- =====================================================\n             GOOGLE MAP\n        ====================================================== -->\n\n        <div class=\"t33ploc2-map t33ploc2-reveal\">\n\n            <iframe\n                src=\"https:\/\/www.google.com\/maps?q=Beverly%20Hills%2C%20California&output=embed\"\n                loading=\"lazy\"\n                allowfullscreen\n                referrerpolicy=\"no-referrer-when-downgrade\"\n                title=\"Beverly Hills location map\">\n            <\/iframe>\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n\n<style>\n\/* =========================================================\n   BASE\n========================================================= *\/\n\n.t33ploc2-section,\n.t33ploc2-section *,\n.t33ploc2-section *::before,\n.t33ploc2-section *::after{\n    box-sizing:border-box;\n}\n\n.t33ploc2-section{\n    width:100%;\n\n    margin:0;\n\n    padding:60px;\n\n    overflow:hidden;\n\n    background:#F5F5F4;\n\n    color:#000000;\n\n    font-family:\"Khula\",sans-serif;\n}\n\n.t33ploc2-shell{\n    width:100%;\n    max-width:1420px;\n\n    margin:0 auto;\n}\n\n\n\/* =========================================================\n   HEADING\n========================================================= *\/\n\n.t33ploc2-heading{\n    width:min(720px,100%);\n\n    margin:0 auto 27px;\n\n    text-align:center;\n}\n\n.t33ploc2-heading h2{\n    margin:0!important;\n\n    color:#000000!important;\n\n    font-family:\"Literata\",serif!important;\n\n    font-size:42px!important;\n    line-height:1.2!important;\n    font-weight:500!important;\n}\n\n.t33ploc2-heading p{\n    margin:7px 0 0!important;\n\n    color:#000000!important;\n\n    font-family:\"Khula\",sans-serif!important;\n\n    font-size:17px!important;\n    line-height:1.65!important;\n    font-weight:400!important;\n}\n\n\n\/* =========================================================\n   MAP\n========================================================= *\/\n\n.t33ploc2-map{\n    width:100%;\n    height:500px;\n\n    overflow:hidden;\n\n    background:#dddddd;\n}\n\n.t33ploc2-map iframe{\n    width:100%;\n    height:100%;\n\n    display:block;\n\n    margin:0;\n    padding:0;\n\n    border:0;\n}\n\n\n\/* =========================================================\n   REVEAL\n========================================================= *\/\n\n.t33ploc2-reveal{\n    opacity:1;\n    transform:none;\n}\n\n.t33ploc2-section.t33ploc2-motion\n.t33ploc2-reveal{\n    opacity:0;\n\n    transform:\n        translateY(24px)\n        scale(.94);\n\n    transition:\n        opacity 1.4s ease,\n        transform 1.4s cubic-bezier(.22,1,.36,1);\n}\n\n.t33ploc2-section.t33ploc2-motion\n.t33ploc2-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    .t33ploc2-section{\n        padding:40px;\n    }\n\n\n    .t33ploc2-heading h2{\n        font-size:34px!important;\n    }\n\n\n    .t33ploc2-heading p{\n        font-size:16px!important;\n    }\n\n\n    .t33ploc2-map{\n        height:420px;\n    }\n\n}\n\n\n\/* =========================================================\n   MOBILE\n========================================================= *\/\n\n@media(max-width:767px){\n\n    .t33ploc2-section{\n        padding:30px 20px;\n    }\n\n\n    .t33ploc2-heading{\n        margin-bottom:20px;\n    }\n\n\n    .t33ploc2-heading h2{\n        font-size:29px!important;\n    }\n\n\n    .t33ploc2-heading p{\n        font-size:16px!important;\n    }\n\n\n    .t33ploc2-map{\n        height:380px;\n    }\n\n}\n\n\n\/* =========================================================\n   REDUCED MOTION\n========================================================= *\/\n\n@media(prefers-reduced-motion:reduce){\n\n    .t33ploc2-section.t33ploc2-motion\n    .t33ploc2-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(\".t33ploc2-section\")\n    .forEach(function(section){\n\n        if(section.dataset.ready === \"true\"){\n            return;\n        }\n\n        section.dataset.ready = \"true\";\n\n\n        const items =\n            section.querySelectorAll(\n                \".t33ploc2-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            \"t33ploc2-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\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Property Details Discover the architecture, generous living spaces, landscaped terraces, and panoramic outlooks that define Terrace Grove Villa. Explore Property Residence Overview Terrace Grove Villa brings together architectural presence, expansive living spaces, landscaped terraces, and panoramic city views within a private Beverly Hills setting. Terrace Grove Villa A Private Villa Designed Around Space, Light, and Outlook. The residence is arranged around generous living areas that connect naturally with landscaped terraces and the surrounding outlook. Large interior spaces create an open atmosphere while the villa retains the privacy expected from an individual estate. Its architecture places particular emphasis on indoor-outdoor living, allowing the main spaces to extend toward the terraces and panoramic city views. Property Type Private Villa Location Beverly Hills Bedrooms 5 Bedrooms Interior Area 7,850 Sq. Ft. Setting Landscaped Terraces Living Style Indoor-Outdoor Guide Price $8,500,000 01 Panoramic City Views Expansive outlooks give the home a strong relationship with the surrounding Beverly Hills landscape. 02 Landscaped Terraces Outdoor areas extend the architecture and create places for entertaining, quiet mornings, and evening views. 03 Indoor-Outdoor Living Generous openings connect the main rooms to exterior terraces, allowing living spaces to move naturally between inside and out. Inside the Residence A closer view of the rooms, materials, and spatial character that define the home. Main Living Space Private Spaces Material Details Open Living More Residences Explore other distinctive homes from the current collection. City Penthouse \u00b7 Tribeca Arbor Penthouse $12,400,000 Waterfront Home \u00b7 Miami Beach Santorini Coastal Haven $9,600,000 Property Location Beverly Hills, California.<\/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-22","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/teknr33.thestackly.in\/index.php?rest_route=\/wp\/v2\/pages\/22","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/teknr33.thestackly.in\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/teknr33.thestackly.in\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/teknr33.thestackly.in\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/teknr33.thestackly.in\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=22"}],"version-history":[{"count":5,"href":"https:\/\/teknr33.thestackly.in\/index.php?rest_route=\/wp\/v2\/pages\/22\/revisions"}],"predecessor-version":[{"id":433,"href":"https:\/\/teknr33.thestackly.in\/index.php?rest_route=\/wp\/v2\/pages\/22\/revisions\/433"}],"wp:attachment":[{"href":"https:\/\/teknr33.thestackly.in\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=22"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}