{"id":25,"date":"2026-09-04T11:56:23","date_gmt":"2026-09-04T11:56:23","guid":{"rendered":"https:\/\/teknr11.thestackly.tech\/?page_id=25"},"modified":"2026-10-28T08:48:25","modified_gmt":"2026-10-28T08:48:25","slug":"home","status":"publish","type":"page","link":"https:\/\/teknr11.thestackly.tech\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"25\" class=\"elementor elementor-25\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ea212de 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=\"ea212de\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a47b83f elementor-widget elementor-widget-html\" data-id=\"a47b83f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section\r\n  class=\"regal\"\r\n  id=\"regal-hero\"\r\n  aria-roledescription=\"carousel\"\r\n  aria-label=\"Featured luxury properties\"\r\n  data-regal\r\n>\r\n  <!-- Background slides -->\r\n  <div class=\"regal__slides\" data-slides>\r\n    <div\r\n      class=\"regal__slide is-active\"\r\n      data-slide\r\n      data-name=\"The Aurelia Residence\"\r\n      data-location=\"Bel Air, Los Angeles\"\r\n      data-price=\"$8.4M\"\r\n      data-beds=\"5 Beds\"\r\n      data-baths=\"6 Baths\"\r\n      data-area=\"7,200 sq ft\"\r\n      data-link=\"#aurelia-residence\"\r\n    >\r\n      <img fetchpriority=\"high\"\r\n        src=\"https:\/\/images.unsplash.com\/photo-1613490493576-7fde63acd811?auto=format&fit=crop&w=2000&q=85\"\r\n        alt=\"Contemporary luxury villa with infinity pool at sunset\"\r\n        width=\"2000\"\r\n        height=\"1333\"\r\n        fetchpriority=\"high\"\r\n        decoding=\"async\"\r\n      \/>\r\n    <\/div>\r\n\r\n    <div\r\n      class=\"regal__slide\"\r\n      data-slide\r\n      aria-hidden=\"true\"\r\n      data-name=\"Maison Verano\"\r\n      data-location=\"Beverly Hills, California\"\r\n      data-price=\"$6.9M\"\r\n      data-beds=\"6 Beds\"\r\n      data-baths=\"7 Baths\"\r\n      data-area=\"8,450 sq ft\"\r\n      data-link=\"#maison-verano\"\r\n    >\r\n      <img loading=\"lazy\"\r\n        src=\"https:\/\/images.unsplash.com\/photo-1600596542815-ffad4c1539a9?auto=format&fit=crop&w=2000&q=85\"\r\n        alt=\"Modern luxury home with a private swimming pool\"\r\n        width=\"2000\"\r\n        height=\"1333\"\r\n        loading=\"lazy\"\r\n        decoding=\"async\"\r\n      \/>\r\n    <\/div>\r\n\r\n    <div\r\n      class=\"regal__slide\"\r\n      data-slide\r\n      aria-hidden=\"true\"\r\n      data-name=\"Villa Serenova\"\r\n      data-location=\"Malibu, California\"\r\n      data-price=\"$12.5M\"\r\n      data-beds=\"7 Beds\"\r\n      data-baths=\"8 Baths\"\r\n      data-area=\"10,300 sq ft\"\r\n      data-link=\"#villa-serenova\"\r\n    >\r\n      <img loading=\"lazy\"\r\n        src=\"https:\/\/images.unsplash.com\/photo-1512917774080-9991f1c4c750?auto=format&fit=crop&w=2000&q=85\"\r\n        alt=\"Elegant luxury estate with landscaped gardens\"\r\n        width=\"2000\"\r\n        height=\"1333\"\r\n        loading=\"lazy\"\r\n        decoding=\"async\"\r\n      \/>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <div class=\"regal__overlay\" aria-hidden=\"true\"><\/div>\r\n  <div class=\"regal__grid-lines\" aria-hidden=\"true\"><\/div>\r\n\r\n  <div class=\"regal__shell\">\r\n    <div class=\"regal__main\">\r\n\r\n      <!-- LEFT CONTENT -->\r\n      <div class=\"regal__content\">\r\n        <p class=\"regal__eyebrow\" data-anim style=\"--d: 100ms\">\r\n          Luxury real estate \u00b7 Private collection\r\n        <\/p>\r\n\r\n        <h1 class=\"regal__title\" id=\"regal-heading\">\r\n          <span class=\"regal__line\" style=\"--d: 200ms\"><span>Find the residence<\/span><\/span>\r\n          <span class=\"regal__line regal__line--accent\" style=\"--d: 330ms\"><span>that defines your legacy.<\/span><\/span>\r\n        <\/h1>\r\n\r\n        <p class=\"regal__subtitle\" data-anim style=\"--d: 450ms\">\r\n          Extraordinary homes in the world\u2019s most prestigious addresses.\r\n        <\/p>\r\n\r\n        <p class=\"regal__description\" data-anim style=\"--d: 540ms\">\r\n          Discover a handpicked portfolio of architectural masterpieces,\r\n          waterfront estates and modern penthouses, each presented with\r\n          discretion, expertise and uncompromising service.\r\n        <\/p>\r\n\r\n        <div class=\"regal__actions\" data-anim style=\"--d: 640ms\">\r\n          <a class=\"regal__button regal__button--primary\" href=\"#properties\" data-magnetic>\r\n            <span>Explore properties<\/span>\r\n            <svg viewBox=\"0 0 24 24\" width=\"20\" height=\"20\" aria-hidden=\"true\">\r\n              <path d=\"M5 12h14M13 6l6 6-6 6\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\r\n            <\/svg>\r\n          <\/a>\r\n\r\n          <a class=\"regal__button regal__button--ghost\" href=\"#video\" data-magnetic>\r\n            <span class=\"regal__play\" aria-hidden=\"true\">\r\n              <svg viewBox=\"0 0 24 24\" width=\"14\" height=\"14\">\r\n                <path d=\"M8 5.5v13l11-6.5-11-6.5Z\" fill=\"currentColor\" \/>\r\n              <\/svg>\r\n            <\/span>\r\n            <span>Watch property film<\/span>\r\n          <\/a>\r\n        <\/div>\r\n\r\n        <ul class=\"regal__stats\" data-anim style=\"--d: 760ms\" aria-label=\"Company highlights\">\r\n          <li>\r\n            <strong><span data-count=\"120\">120<\/span><sup>+<\/sup><\/strong>\r\n            <span>Exclusive listings<\/span>\r\n          <\/li>\r\n          <li>\r\n            <strong><span data-count=\"18\">18<\/span><\/strong>\r\n            <span>Prime locations<\/span>\r\n          <\/li>\r\n          <li>\r\n            <strong><span data-count=\"12\">12<\/span><sup>yrs<\/sup><\/strong>\r\n            <span>Market expertise<\/span>\r\n          <\/li>\r\n        <\/ul>\r\n      <\/div>\r\n\r\n      <!-- RIGHT SHOWCASE -->\r\n      <aside class=\"regal__showcase\" data-anim=\"right\" style=\"--d: 500ms\">\r\n        <article class=\"regal__card\" aria-live=\"polite\">\r\n          <div class=\"regal__card-top\">\r\n            <span class=\"regal__card-label\">Featured residence<\/span>\r\n            <span class=\"regal__counter\">\r\n              <span data-current>01<\/span> \/ <span data-total>03<\/span>\r\n            <\/span>\r\n          <\/div>\r\n\r\n          <div class=\"regal__card-body\" data-card-body>\r\n            <h2 class=\"regal__card-name\" data-field=\"name\">The Aurelia Residence<\/h2>\r\n\r\n            <p class=\"regal__card-location\">\r\n              <svg viewBox=\"0 0 24 24\" width=\"20\" height=\"20\" aria-hidden=\"true\">\r\n                <path d=\"M20 10c0 5-8 11-8 11S4 15 4 10a8 8 0 1 1 16 0Z\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" \/>\r\n                <circle cx=\"12\" cy=\"10\" r=\"2.5\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" \/>\r\n              <\/svg>\r\n              <span data-field=\"location\">Bel Air, Los Angeles<\/span>\r\n            <\/p>\r\n\r\n            <ul class=\"regal__specs\">\r\n              <li>\r\n                <svg viewBox=\"0 0 24 24\" width=\"20\" height=\"20\" aria-hidden=\"true\">\r\n                  <path d=\"M3 18v-7a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2v7M3 15h18M6 9V6h12v3\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\r\n                <\/svg>\r\n                <span data-field=\"beds\">5 Beds<\/span>\r\n              <\/li>\r\n              <li>\r\n                <svg viewBox=\"0 0 24 24\" width=\"20\" height=\"20\" aria-hidden=\"true\">\r\n                  <path d=\"M4 12h16v3a4 4 0 0 1-4 4H8a4 4 0 0 1-4-4v-3ZM6 12V6a2 2 0 0 1 3.5-1.3M7 19l-1 2M17 19l1 2\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\r\n                <\/svg>\r\n                <span data-field=\"baths\">6 Baths<\/span>\r\n              <\/li>\r\n              <li>\r\n                <svg viewBox=\"0 0 24 24\" width=\"20\" height=\"20\" aria-hidden=\"true\">\r\n                  <path d=\"M4 4h16v16H4zM4 10h6M10 4v6\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\r\n                <\/svg>\r\n                <span data-field=\"area\">7,200 sq ft<\/span>\r\n              <\/li>\r\n            <\/ul>\r\n\r\n            <div class=\"regal__card-footer\">\r\n              <div>\r\n                <span class=\"regal__price-label\">Guide price<\/span>\r\n                <strong class=\"regal__price\" data-field=\"price\">$8.4M<\/strong>\r\n              <\/div>\r\n\r\n              <a class=\"regal__card-link\" href=\"#aurelia-residence\" data-field=\"link\" aria-label=\"View this residence\">\r\n                <svg viewBox=\"0 0 24 24\" width=\"22\" height=\"22\" aria-hidden=\"true\">\r\n                  <path d=\"M7 17 17 7M8 7h9v9\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\r\n                <\/svg>\r\n              <\/a>\r\n            <\/div>\r\n          <\/div>\r\n        <\/article>\r\n\r\n        <!-- Slider controls -->\r\n        <div class=\"regal__controls\">\r\n          <div class=\"regal__thumbs\" role=\"tablist\" aria-label=\"Choose a property\">\r\n            <button class=\"regal__thumb is-active\" type=\"button\" data-thumb role=\"tab\" aria-selected=\"true\" aria-label=\"Show The Aurelia Residence\">\r\n              <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1613490493576-7fde63acd811?auto=format&fit=crop&w=300&q=70\" alt=\"\" width=\"150\" height=\"100\" loading=\"lazy\" \/>\r\n              <span class=\"regal__thumb-num\">01<\/span>\r\n              <span class=\"regal__thumb-bar\"><\/span>\r\n            <\/button>\r\n\r\n            <button class=\"regal__thumb\" type=\"button\" data-thumb role=\"tab\" aria-selected=\"false\" aria-label=\"Show Maison Verano\">\r\n              <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1600596542815-ffad4c1539a9?auto=format&fit=crop&w=300&q=70\" alt=\"\" width=\"150\" height=\"100\" loading=\"lazy\" \/>\r\n              <span class=\"regal__thumb-num\">02<\/span>\r\n              <span class=\"regal__thumb-bar\"><\/span>\r\n            <\/button>\r\n\r\n            <button class=\"regal__thumb\" type=\"button\" data-thumb role=\"tab\" aria-selected=\"false\" aria-label=\"Show Villa Serenova\">\r\n              <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1512917774080-9991f1c4c750?auto=format&fit=crop&w=300&q=70\" alt=\"\" width=\"150\" height=\"100\" loading=\"lazy\" \/>\r\n              <span class=\"regal__thumb-num\">03<\/span>\r\n              <span class=\"regal__thumb-bar\"><\/span>\r\n            <\/button>\r\n          <\/div>\r\n\r\n          <div class=\"regal__arrows\">\r\n            <button class=\"regal__round\" type=\"button\" data-prev aria-label=\"Previous property\">\r\n              <svg viewBox=\"0 0 24 24\" width=\"20\" height=\"20\" aria-hidden=\"true\">\r\n                <path d=\"M19 12H5M11 6l-6 6 6 6\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\r\n              <\/svg>\r\n            <\/button>\r\n\r\n            <button class=\"regal__round\" type=\"button\" data-next aria-label=\"Next property\">\r\n              <svg viewBox=\"0 0 24 24\" width=\"20\" height=\"20\" aria-hidden=\"true\">\r\n                <path d=\"M5 12h14M13 6l6 6-6 6\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\r\n              <\/svg>\r\n            <\/button>\r\n\r\n            <button class=\"regal__round regal__pause\" type=\"button\" data-pause aria-pressed=\"false\" aria-label=\"Pause slideshow\">\r\n              <svg class=\"regal__icon-pause\" viewBox=\"0 0 24 24\" width=\"18\" height=\"18\" aria-hidden=\"true\">\r\n                <path d=\"M8 5v14M16 5v14\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" \/>\r\n              <\/svg>\r\n              <svg class=\"regal__icon-play\" viewBox=\"0 0 24 24\" width=\"18\" height=\"18\" aria-hidden=\"true\">\r\n                <path d=\"M8 5.5v13l11-6.5-11-6.5Z\" fill=\"currentColor\" \/>\r\n              <\/svg>\r\n            <\/button>\r\n          <\/div>\r\n        <\/div>\r\n      <\/aside>\r\n    <\/div>\r\n\r\n    <!-- SEARCH BAR -->\r\n    <form\r\n      class=\"regal__search\"\r\n      action=\"\/properties\/\"\r\n      method=\"get\"\r\n      role=\"search\"\r\n      aria-label=\"Property search\"\r\n      data-anim=\"up-big\"\r\n      style=\"--d: 850ms\"\r\n    >\r\n      <div class=\"regal__field\">\r\n        <label for=\"regal-location\">\r\n          <svg viewBox=\"0 0 24 24\" width=\"20\" height=\"20\" aria-hidden=\"true\">\r\n            <path d=\"M20 10c0 5-8 11-8 11S4 15 4 10a8 8 0 1 1 16 0Z\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" \/>\r\n            <circle cx=\"12\" cy=\"10\" r=\"2.5\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" \/>\r\n          <\/svg>\r\n          Location\r\n        <\/label>\r\n        <select id=\"regal-location\" name=\"location\">\r\n          <option value=\"\">All locations<\/option>\r\n          <option value=\"bel-air\">Bel Air<\/option>\r\n          <option value=\"beverly-hills\">Beverly Hills<\/option>\r\n          <option value=\"malibu\">Malibu<\/option>\r\n          <option value=\"hollywood-hills\">Hollywood Hills<\/option>\r\n        <\/select>\r\n      <\/div>\r\n\r\n      <div class=\"regal__field\">\r\n        <label for=\"regal-type\">\r\n          <svg viewBox=\"0 0 24 24\" width=\"20\" height=\"20\" aria-hidden=\"true\">\r\n            <path d=\"M3 11 12 4l9 7M5 10v10h14V10M10 20v-6h4v6\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\r\n          <\/svg>\r\n          Property type\r\n        <\/label>\r\n        <select id=\"regal-type\" name=\"type\">\r\n          <option value=\"\">All types<\/option>\r\n          <option value=\"villa\">Villa<\/option>\r\n          <option value=\"penthouse\">Penthouse<\/option>\r\n          <option value=\"estate\">Private estate<\/option>\r\n          <option value=\"apartment\">Apartment<\/option>\r\n        <\/select>\r\n      <\/div>\r\n\r\n      <div class=\"regal__field\">\r\n        <label for=\"regal-budget\">\r\n          <svg viewBox=\"0 0 24 24\" width=\"20\" height=\"20\" aria-hidden=\"true\">\r\n            <circle cx=\"12\" cy=\"12\" r=\"9\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" \/>\r\n            <path d=\"M14.5 9.2c-.5-.8-1.4-1.2-2.5-1.2-1.4 0-2.4.7-2.4 1.8 0 2.5 5 1.2 5 3.8 0 1.1-1.1 1.9-2.6 1.9-1.2 0-2.2-.5-2.7-1.4M12 6.5V8M12 16v1.5\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" \/>\r\n          <\/svg>\r\n          Budget\r\n        <\/label>\r\n        <select id=\"regal-budget\" name=\"budget\">\r\n          <option value=\"\">Any budget<\/option>\r\n          <option value=\"1-3\">$1M \u2013 $3M<\/option>\r\n          <option value=\"3-6\">$3M \u2013 $6M<\/option>\r\n          <option value=\"6-10\">$6M \u2013 $10M<\/option>\r\n          <option value=\"10+\">$10M+<\/option>\r\n        <\/select>\r\n      <\/div>\r\n\r\n      <button class=\"regal__button regal__button--primary regal__search-button\" type=\"submit\">\r\n        <svg viewBox=\"0 0 24 24\" width=\"20\" height=\"20\" aria-hidden=\"true\">\r\n          <circle cx=\"11\" cy=\"11\" r=\"6.5\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" \/>\r\n          <path d=\"m16 16 4.5 4.5\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" \/>\r\n        <\/svg>\r\n        <span>Search properties<\/span>\r\n      <\/button>\r\n    <\/form>\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\n  (() => {\r\n    const initRegalHeroes = () => {\r\n      document.querySelectorAll(\"[data-regal]\").forEach((root) => {\r\n        if (root.dataset.regalReady === \"true\") return;\r\n        root.dataset.regalReady = \"true\";\r\n\r\n        const reduced = window.matchMedia(\"(prefers-reduced-motion: reduce)\").matches;\r\n        const finePointer = window.matchMedia(\"(pointer: fine)\").matches;\r\n\r\n        const slidesWrap = root.querySelector(\"[data-slides]\");\r\n        const slides = [...root.querySelectorAll(\"[data-slide]\")];\r\n        const thumbs = [...root.querySelectorAll(\"[data-thumb]\")];\r\n        const cardBody = root.querySelector(\"[data-card-body]\");\r\n        const showcase = root.querySelector(\".regal__showcase\");\r\n        const current = root.querySelector(\"[data-current]\");\r\n        const total = root.querySelector(\"[data-total]\");\r\n        const prevBtn = root.querySelector(\"[data-prev]\");\r\n        const nextBtn = root.querySelector(\"[data-next]\");\r\n        const pauseBtn = root.querySelector(\"[data-pause]\");\r\n\r\n        const field = (name) => root.querySelector(`[data-field=\"${name}\"]`);\r\n        const fields = {\r\n          name: field(\"name\"),\r\n          location: field(\"location\"),\r\n          beds: field(\"beds\"),\r\n          baths: field(\"baths\"),\r\n          area: field(\"area\"),\r\n          price: field(\"price\"),\r\n          link: field(\"link\")\r\n        };\r\n\r\n        const pad = (n) => String(n).padStart(2, \"0\");\r\n        const state = { user: false, hover: false, offscreen: false };\r\n\r\n        let index = 0;\r\n        let swapTimer;\r\n\r\n        if (total) total.textContent = pad(slides.length);\r\n\r\n        const syncPause = () => {\r\n          root.classList.toggle(\r\n            \"is-paused\",\r\n            state.user || state.hover || state.offscreen\r\n          );\r\n        };\r\n\r\n        const fillCard = () => {\r\n          const data = slides[index].dataset;\r\n\r\n          fields.name.textContent = data.name;\r\n          fields.location.textContent = data.location;\r\n          fields.beds.textContent = data.beds;\r\n          fields.baths.textContent = data.baths;\r\n          fields.area.textContent = data.area;\r\n          fields.price.textContent = data.price;\r\n          fields.link.setAttribute(\"href\", data.link);\r\n          current.textContent = pad(index + 1);\r\n        };\r\n\r\n        const goTo = (target) => {\r\n          const next = (target + slides.length) % slides.length;\r\n          if (next === index) return;\r\n\r\n          index = next;\r\n\r\n          slides.forEach((slide, i) => {\r\n            const active = i === index;\r\n            slide.classList.toggle(\"is-active\", active);\r\n            slide.setAttribute(\"aria-hidden\", String(!active));\r\n          });\r\n\r\n          thumbs.forEach((thumb, i) => {\r\n            const active = i === index;\r\n            thumb.classList.toggle(\"is-active\", active);\r\n            thumb.setAttribute(\"aria-selected\", String(active));\r\n          });\r\n\r\n          if (reduced) {\r\n            fillCard();\r\n            return;\r\n          }\r\n\r\n          cardBody.classList.add(\"is-changing\");\r\n          clearTimeout(swapTimer);\r\n\r\n          swapTimer = setTimeout(() => {\r\n            fillCard();\r\n            cardBody.classList.remove(\"is-changing\");\r\n          }, 320);\r\n        };\r\n\r\n        \/\/ Controls\r\n        prevBtn.addEventListener(\"click\", () => goTo(index - 1));\r\n        nextBtn.addEventListener(\"click\", () => goTo(index + 1));\r\n        thumbs.forEach((thumb, i) => thumb.addEventListener(\"click\", () => goTo(i)));\r\n\r\n        pauseBtn.addEventListener(\"click\", () => {\r\n          state.user = !state.user;\r\n          pauseBtn.setAttribute(\"aria-pressed\", String(state.user));\r\n          pauseBtn.setAttribute(\r\n            \"aria-label\",\r\n            state.user ? \"Play slideshow\" : \"Pause slideshow\"\r\n          );\r\n          syncPause();\r\n        });\r\n\r\n        root.addEventListener(\"keydown\", (event) => {\r\n          if (!event.target.closest(\".regal__showcase\")) return;\r\n\r\n          if (event.key === \"ArrowRight\") goTo(index + 1);\r\n          if (event.key === \"ArrowLeft\") goTo(index - 1);\r\n        });\r\n\r\n        \/\/ Autoplay: advance when the CSS progress animation finishes\r\n        root.addEventListener(\"animationend\", (event) => {\r\n          if (event.animationName === \"regalProgress\") goTo(index + 1);\r\n        });\r\n\r\n        \/\/ Pause on hover \/ focus\r\n        showcase.addEventListener(\"pointerenter\", () => {\r\n          state.hover = true;\r\n          syncPause();\r\n        });\r\n        showcase.addEventListener(\"pointerleave\", () => {\r\n          state.hover = false;\r\n          syncPause();\r\n        });\r\n        showcase.addEventListener(\"focusin\", () => {\r\n          state.hover = true;\r\n          syncPause();\r\n        });\r\n        showcase.addEventListener(\"focusout\", () => {\r\n          state.hover = false;\r\n          syncPause();\r\n        });\r\n\r\n        \/\/ Pause while off-screen\r\n        if (\"IntersectionObserver\" in window) {\r\n          new IntersectionObserver(\r\n            ([entry]) => {\r\n              state.offscreen = !entry.isIntersecting;\r\n              syncPause();\r\n            },\r\n            { threshold: 0.2 }\r\n          ).observe(root);\r\n        }\r\n\r\n        \/\/ Reduced motion: static experience, no autoplay\r\n        if (reduced) {\r\n          root.classList.add(\"regal--static\", \"is-ready\");\r\n          return;\r\n        }\r\n\r\n        \/\/ Entrance animation + counters\r\n        root.classList.add(\"regal--js\");\r\n\r\n        const counters = [...root.querySelectorAll(\"[data-count]\")];\r\n\r\n        const runCounters = () => {\r\n          counters.forEach((el) => {\r\n            const end = Number(el.dataset.count);\r\n            const duration = 1800;\r\n            const startTime = performance.now();\r\n\r\n            const tick = (now) => {\r\n              const progress = Math.min((now - startTime) \/ duration, 1);\r\n              const eased = 1 - Math.pow(1 - progress, 3);\r\n\r\n              el.textContent = Math.round(end * eased);\r\n\r\n              if (progress < 1) requestAnimationFrame(tick);\r\n            };\r\n\r\n            el.textContent = \"0\";\r\n            requestAnimationFrame(tick);\r\n          });\r\n        };\r\n\r\n        requestAnimationFrame(() =>\r\n          requestAnimationFrame(() => {\r\n            root.classList.add(\"is-ready\");\r\n            runCounters();\r\n          })\r\n        );\r\n\r\n        \/\/ Pointer effects (desktop only)\r\n        if (!finePointer) return;\r\n\r\n        let frame;\r\n\r\n        root.addEventListener(\"pointermove\", (event) => {\r\n          const rect = root.getBoundingClientRect();\r\n          const x = (event.clientX - rect.left) \/ rect.width - 0.5;\r\n          const y = (event.clientY - rect.top) \/ rect.height - 0.5;\r\n\r\n          cancelAnimationFrame(frame);\r\n          frame = requestAnimationFrame(() => {\r\n            slidesWrap.style.setProperty(\"--px\", `${x * -22}px`);\r\n            slidesWrap.style.setProperty(\"--py\", `${y * -16}px`);\r\n          });\r\n        });\r\n\r\n        root.addEventListener(\"pointerleave\", () => {\r\n          slidesWrap.style.setProperty(\"--px\", \"0px\");\r\n          slidesWrap.style.setProperty(\"--py\", \"0px\");\r\n        });\r\n\r\n        \/\/ Magnetic buttons\r\n        root.querySelectorAll(\"[data-magnetic]\").forEach((button) => {\r\n          button.addEventListener(\"pointermove\", (event) => {\r\n            const rect = button.getBoundingClientRect();\r\n            const x = event.clientX - rect.left - rect.width \/ 2;\r\n            const y = event.clientY - rect.top - rect.height \/ 2;\r\n\r\n            button.style.setProperty(\"--mx\", `${x * 0.14}px`);\r\n            button.style.setProperty(\"--my\", `${y * 0.22}px`);\r\n          });\r\n\r\n          button.addEventListener(\"pointerleave\", () => {\r\n            button.style.setProperty(\"--mx\", \"0px\");\r\n            button.style.setProperty(\"--my\", \"0px\");\r\n          });\r\n        });\r\n      });\r\n    };\r\n\r\n    if (document.readyState === \"loading\") {\r\n      document.addEventListener(\"DOMContentLoaded\", initRegalHeroes);\r\n    } else {\r\n      initRegalHeroes();\r\n    }\r\n  })();\r\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>Luxury real estate \u00b7 Private collection Find the residence that defines your legacy. Extraordinary homes in the world\u2019s most prestigious addresses. Discover a handpicked portfolio of architectural masterpieces, waterfront estates and modern penthouses, each presented with discretion, expertise and uncompromising service. Explore properties Watch property film 120+ Exclusive listings 18 Prime locations 12yrs Market expertise Featured residence 01 \/ 03 The Aurelia Residence Bel Air, Los Angeles 5 Beds 6 Baths 7,200 sq ft Guide price $8.4M 01 02 03 Location All locationsBel AirBeverly HillsMalibuHollywood Hills Property type All typesVillaPenthousePrivate estateApartment Budget Any budget$1M \u2013 $3M$3M \u2013 $6M$6M \u2013 $10M$10M+ Search properties<\/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-25","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/teknr11.thestackly.tech\/index.php?rest_route=\/wp\/v2\/pages\/25","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/teknr11.thestackly.tech\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/teknr11.thestackly.tech\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/teknr11.thestackly.tech\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/teknr11.thestackly.tech\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=25"}],"version-history":[{"count":5,"href":"https:\/\/teknr11.thestackly.tech\/index.php?rest_route=\/wp\/v2\/pages\/25\/revisions"}],"predecessor-version":[{"id":157,"href":"https:\/\/teknr11.thestackly.tech\/index.php?rest_route=\/wp\/v2\/pages\/25\/revisions\/157"}],"wp:attachment":[{"href":"https:\/\/teknr11.thestackly.tech\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=25"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}