{"id":1311,"date":"2026-07-22T06:04:00","date_gmt":"2026-07-22T06:04:00","guid":{"rendered":"https:\/\/panosky.com\/?page_id=1311"},"modified":"2026-08-25T08:27:09","modified_gmt":"2026-08-25T08:27:09","slug":"sample-work","status":"publish","type":"page","link":"https:\/\/panosky.com\/?page_id=1311","title":{"rendered":"Sample Work"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"1311\" class=\"elementor elementor-1311\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-cc2246e e-con e-atomic-element e-flexbox-base e-cc2246e-1191a2e \" data-id=\"cc2246e\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"cc2246e\" data-e-type=\"e-flexbox\" data-id=\"cc2246e\">\n    \t\t<div class=\"elementor-element elementor-element-71e8831 elementor-widget elementor-widget-html\" data-id=\"71e8831\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\r\n     PANOSKY \u2014 IMMERSIVE 360 PORTAL\r\n     \r\n     FEATURES:\r\n     - Native mobile vertical page scrolling\r\n     - Locked horizontal mobile panorama drag\r\n     - Desktop horizontal + vertical drag\r\n     - Page scroll rotates panorama\r\n     - Auto rotation\r\n     - Mobile horizon follows lowered window\r\n     - NEW: Desktop\/tablet optical projection follows\r\n       right-side window to reduce perspective distortion\r\n========================================================= -->\r\n\r\n<div\r\n  id=\"panosky-360-portal\"\r\n  class=\"ps360\"\r\n  data-panorama=\"https:\/\/panosky-website-media.b-cdn.net\/Web%20Images%20and%20videos\/Aarya%20Scene%2003.jpg\"\r\n>\r\n\r\n  <canvas class=\"ps360__canvas\"><\/canvas>\r\n\r\n  <div class=\"ps360__darkness\"><\/div>\r\n\r\n  <div class=\"ps360__vignette\"><\/div>\r\n\r\n\r\n  <div class=\"ps360__nav\">\r\n\r\n    <svg\r\n      class=\"ps360__nav-svg\"\r\n      viewBox=\"0 0 600 600\"\r\n      aria-hidden=\"true\"\r\n    >\r\n\r\n      <circle\r\n        cx=\"300\"\r\n        cy=\"300\"\r\n        r=\"283\"\r\n        class=\"ps360__outer-arc ps360__outer-arc-a\"\r\n      \/>\r\n\r\n      <circle\r\n        cx=\"300\"\r\n        cy=\"300\"\r\n        r=\"283\"\r\n        class=\"ps360__outer-arc ps360__outer-arc-b\"\r\n      \/>\r\n\r\n\r\n      <g class=\"ps360__ticks\"><\/g>\r\n\r\n\r\n      <circle\r\n        cx=\"300\"\r\n        cy=\"300\"\r\n        r=\"232\"\r\n        class=\"ps360__portal-ring\"\r\n      \/>\r\n\r\n\r\n      <circle\r\n        cx=\"300\"\r\n        cy=\"300\"\r\n        r=\"224\"\r\n        class=\"ps360__portal-ring-inner\"\r\n      \/>\r\n\r\n\r\n      <g class=\"ps360__cardinal-notches\">\r\n\r\n        <line\r\n          x1=\"300\"\r\n          y1=\"62\"\r\n          x2=\"300\"\r\n          y2=\"73\"\r\n        \/>\r\n\r\n        <line\r\n          x1=\"527\"\r\n          y1=\"300\"\r\n          x2=\"538\"\r\n          y2=\"300\"\r\n        \/>\r\n\r\n        <line\r\n          x1=\"300\"\r\n          y1=\"527\"\r\n          x2=\"300\"\r\n          y2=\"538\"\r\n        \/>\r\n\r\n        <line\r\n          x1=\"62\"\r\n          y1=\"300\"\r\n          x2=\"73\"\r\n          y2=\"300\"\r\n        \/>\r\n\r\n      <\/g>\r\n\r\n    <\/svg>\r\n\r\n\r\n    <!-- FIXED TOP VIEW INDICATOR -->\r\n\r\n    <div class=\"ps360__heading\">\r\n\r\n      <span class=\"ps360__heading-stem\"><\/span>\r\n\r\n      <span class=\"ps360__heading-dot\"><\/span>\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- CARDINALS -->\r\n\r\n    <span\r\n      class=\"ps360__direction\"\r\n      data-angle=\"0\"\r\n    >\r\n      N\r\n    <\/span>\r\n\r\n\r\n    <span\r\n      class=\"ps360__direction\"\r\n      data-angle=\"90\"\r\n    >\r\n      E\r\n    <\/span>\r\n\r\n\r\n    <span\r\n      class=\"ps360__direction\"\r\n      data-angle=\"180\"\r\n    >\r\n      S\r\n    <\/span>\r\n\r\n\r\n    <span\r\n      class=\"ps360__direction\"\r\n      data-angle=\"270\"\r\n    >\r\n      W\r\n    <\/span>\r\n\r\n\r\n    <!-- CENTER TEXT -->\r\n\r\n    <div class=\"ps360__center-ui\">\r\n\r\n      <div class=\"ps360__drag-text\">\r\n        DRAG TO EXPLORE\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/div>\r\n\r\n\r\n<style>\r\n\r\n\/* ============================================================\r\n   PANOSKY 360\r\n   MANUAL DESIGN CONTROLS\r\n============================================================ *\/\r\n\r\n#panosky-360-portal {\r\n\r\n\r\n  \/* ========================================================\r\n     SECTION HEIGHT\r\n  ======================================================== *\/\r\n\r\n  --section-height-desktop: 720px;\r\n\r\n  --section-height-tablet: 650px;\r\n\r\n  --section-height-mobile: 650px;\r\n\r\n\r\n\r\n  \/* ========================================================\r\n     WINDOW POSITION\r\n  ======================================================== *\/\r\n\r\n  --portal-x-desktop: 68%;\r\n  --portal-y-desktop: 50%;\r\n\r\n\r\n  --portal-x-tablet: 65%;\r\n  --portal-y-tablet: 50%;\r\n\r\n\r\n  --portal-x-mobile: 50%;\r\n  --portal-y-mobile: 70%;\r\n\r\n\r\n\r\n  \/* ========================================================\r\n     CLEAR WINDOW SIZE\r\n  ======================================================== *\/\r\n\r\n  --portal-size-desktop: 448px;\r\n\r\n  --portal-size-tablet: 400px;\r\n\r\n  --portal-size-mobile:\r\n    min(75vw, 315px);\r\n\r\n\r\n\r\n  \/* ========================================================\r\n     COMPLETE NAVIGATION SIZE\r\n  ======================================================== *\/\r\n\r\n  --nav-size-desktop: 580px;\r\n\r\n  --nav-size-tablet: 515px;\r\n\r\n  --nav-size-mobile:\r\n    min(95vw, 405px);\r\n\r\n\r\n\r\n  \/* ========================================================\r\n     N \/ E \/ S \/ W DISTANCE\r\n  ======================================================== *\/\r\n\r\n  --cardinal-radius-desktop: 44.3;\r\n\r\n  --cardinal-radius-tablet: 44;\r\n\r\n  --cardinal-radius-mobile: 43.5;\r\n\r\n\r\n\r\n  \/* ========================================================\r\n     BACKGROUND DARKNESS\r\n  ======================================================== *\/\r\n\r\n  --outside-darkness: 0.90;\r\n\r\n\r\n\r\n  \/* ========================================================\r\n     BLUE TINT\r\n  ======================================================== *\/\r\n\r\n  --dark-blue-r: 0;\r\n\r\n  --dark-blue-g: 14;\r\n\r\n  --dark-blue-b: 40;\r\n\r\n\r\n\r\n  \/* ========================================================\r\n     DARKNESS FEATHER\r\n  ======================================================== *\/\r\n\r\n  --dark-feather-desktop: 150px;\r\n\r\n  --dark-feather-tablet:120px;\r\n\r\n  --dark-feather-mobile: 115px;\r\n\r\n\r\n\r\n  \/* ========================================================\r\n     DRAG TEXT\r\n  ======================================================== *\/\r\n\r\n  --drag-font-family:\r\n\r\n    var(\r\n      --e-global-typography-primary-font-family,\r\n      Arial,\r\n      sans-serif\r\n    );\r\n\r\n\r\n  --drag-size-desktop: 12px;\r\n\r\n  --drag-size-tablet: 11px;\r\n\r\n  --drag-size-mobile: 8px;\r\n\r\n\r\n  --drag-weight: 400;\r\n\r\n  --drag-letter-spacing: 0.19em;\r\n\r\n  --drag-color:\r\n    rgba(255,255,255,.95);\r\n\r\n\r\n  --drag-offset-x: 0px;\r\n\r\n  --drag-offset-y: 0px;\r\n\r\n\r\n\r\n  \/* ========================================================\r\n     ROOT\r\n  ======================================================== *\/\r\n\r\n  position: relative;\r\n\r\n  width: 100%;\r\n\r\n  height:\r\n    var(--section-height-desktop);\r\n\r\n  overflow: hidden;\r\n\r\n  isolation: isolate;\r\n\r\n\r\n  background:\r\n\r\n    rgb(\r\n      var(--dark-blue-r),\r\n      var(--dark-blue-g),\r\n      var(--dark-blue-b)\r\n    );\r\n\r\n\r\n  user-select: none;\r\n\r\n  -webkit-user-select: none;\r\n\r\n\r\n  touch-action:\r\n    pan-y pinch-zoom;\r\n\r\n\r\n  -webkit-tap-highlight-color:\r\n    transparent;\r\n\r\n\r\n  font-family:\r\n\r\n    var(\r\n      --e-global-typography-primary-font-family,\r\n      Arial,\r\n      sans-serif\r\n    );\r\n\r\n}\r\n\r\n\r\n\/* ============================================================\r\n   PANORAMA CANVAS\r\n============================================================ *\/\r\n\r\n.ps360__canvas {\r\n\r\n  position: absolute;\r\n\r\n  inset: 0;\r\n\r\n  z-index: 1;\r\n\r\n  display: block;\r\n\r\n  width: 100%;\r\n\r\n  height: 100%;\r\n\r\n  cursor: grab;\r\n\r\n\r\n  \/*\r\n   * VERY IMPORTANT:\r\n   * native vertical scrolling remains available.\r\n   *\/\r\n\r\n  touch-action:\r\n    pan-y pinch-zoom;\r\n\r\n\r\n  -webkit-tap-highlight-color:\r\n    transparent;\r\n\r\n}\r\n\r\n\r\n#panosky-360-portal.is-dragging\r\n.ps360__canvas {\r\n\r\n  cursor: grabbing;\r\n\r\n}\r\n\r\n\r\n\/* ============================================================\r\n   DARK BLUE GRADUAL OVERLAY\r\n============================================================ *\/\r\n\r\n.ps360__darkness {\r\n\r\n  position: absolute;\r\n\r\n  inset: 0;\r\n\r\n  z-index: 2;\r\n\r\n  pointer-events: none;\r\n\r\n\r\n  background:\r\n\r\n    radial-gradient(\r\n\r\n      circle\r\n      calc(\r\n        (var(--portal-size-desktop) \/ 2)\r\n        +\r\n        var(--dark-feather-desktop)\r\n      )\r\n\r\n      at\r\n      var(--portal-x-desktop)\r\n      var(--portal-y-desktop),\r\n\r\n\r\n      rgba(\r\n        var(--dark-blue-r),\r\n        var(--dark-blue-g),\r\n        var(--dark-blue-b),\r\n        0\r\n      )\r\n      0%,\r\n\r\n\r\n      rgba(\r\n        var(--dark-blue-r),\r\n        var(--dark-blue-g),\r\n        var(--dark-blue-b),\r\n        0\r\n      )\r\n      52%,\r\n\r\n\r\n      rgba(\r\n        var(--dark-blue-r),\r\n        var(--dark-blue-g),\r\n        var(--dark-blue-b),\r\n        .04\r\n      )\r\n      57%,\r\n\r\n\r\n      rgba(\r\n        var(--dark-blue-r),\r\n        var(--dark-blue-g),\r\n        var(--dark-blue-b),\r\n        .10\r\n      )\r\n      62%,\r\n\r\n\r\n      rgba(\r\n        var(--dark-blue-r),\r\n        var(--dark-blue-g),\r\n        var(--dark-blue-b),\r\n        .20\r\n      )\r\n      68%,\r\n\r\n\r\n      rgba(\r\n        var(--dark-blue-r),\r\n        var(--dark-blue-g),\r\n        var(--dark-blue-b),\r\n        .32\r\n      )\r\n      74%,\r\n\r\n\r\n      rgba(\r\n        var(--dark-blue-r),\r\n        var(--dark-blue-g),\r\n        var(--dark-blue-b),\r\n        .46\r\n      )\r\n      80%,\r\n\r\n\r\n      rgba(\r\n        var(--dark-blue-r),\r\n        var(--dark-blue-g),\r\n        var(--dark-blue-b),\r\n        .62\r\n      )\r\n      86%,\r\n\r\n\r\n      rgba(\r\n        var(--dark-blue-r),\r\n        var(--dark-blue-g),\r\n        var(--dark-blue-b),\r\n        .76\r\n      )\r\n      92%,\r\n\r\n\r\n      rgba(\r\n        var(--dark-blue-r),\r\n        var(--dark-blue-g),\r\n        var(--dark-blue-b),\r\n        .84\r\n      )\r\n      96%,\r\n\r\n\r\n      rgba(\r\n        var(--dark-blue-r),\r\n        var(--dark-blue-g),\r\n        var(--dark-blue-b),\r\n        var(--outside-darkness)\r\n      )\r\n      100%\r\n\r\n    );\r\n\r\n}\r\n\r\n\r\n\/* ============================================================\r\n   CINEMATIC VIGNETTE\r\n============================================================ *\/\r\n\r\n.ps360__vignette {\r\n\r\n  position: absolute;\r\n\r\n  inset: 0;\r\n\r\n  z-index: 3;\r\n\r\n  pointer-events: none;\r\n\r\n\r\n  background:\r\n\r\n    linear-gradient(\r\n\r\n      90deg,\r\n\r\n      rgba(0,5,24,.48) 0%,\r\n\r\n      rgba(0,8,30,.24) 16%,\r\n\r\n      rgba(0,10,32,.08) 32%,\r\n\r\n      rgba(0,10,32,0) 55%,\r\n\r\n      rgba(0,8,28,.05) 75%,\r\n\r\n      rgba(0,5,22,.30) 100%\r\n\r\n    ),\r\n\r\n\r\n    linear-gradient(\r\n\r\n      180deg,\r\n\r\n      rgba(0,5,22,.28) 0%,\r\n\r\n      rgba(0,8,28,.05) 32%,\r\n\r\n      rgba(0,8,28,.03) 62%,\r\n\r\n      rgba(0,4,18,.38) 100%\r\n\r\n    );\r\n\r\n}\r\n\r\n\r\n\/* ============================================================\r\n   NAVIGATION\r\n============================================================ *\/\r\n\r\n.ps360__nav {\r\n\r\n  position: absolute;\r\n\r\n  z-index: 5;\r\n\r\n\r\n  left:\r\n    var(--portal-x-desktop);\r\n\r\n\r\n  top:\r\n    var(--portal-y-desktop);\r\n\r\n\r\n  width:\r\n    var(--nav-size-desktop);\r\n\r\n\r\n  height:\r\n    var(--nav-size-desktop);\r\n\r\n\r\n  transform:\r\n    translate(-50%, -50%);\r\n\r\n\r\n  pointer-events: none;\r\n\r\n}\r\n\r\n\r\n.ps360__nav-svg {\r\n\r\n  position: absolute;\r\n\r\n  inset: 0;\r\n\r\n  width: 100%;\r\n\r\n  height: 100%;\r\n\r\n  overflow: visible;\r\n\r\n}\r\n\r\n\r\n\/* ============================================================\r\n   OUTER ARCS\r\n============================================================ *\/\r\n\r\n.ps360__outer-arc {\r\n\r\n  fill: none;\r\n\r\n\r\n  stroke:\r\n    rgba(195,209,220,.36);\r\n\r\n\r\n  stroke-width:\r\n    1.05;\r\n\r\n\r\n  stroke-linecap:\r\n    round;\r\n\r\n\r\n  stroke-dasharray:\r\n    245 1534;\r\n\r\n\r\n  transform-origin:\r\n    300px 300px;\r\n\r\n}\r\n\r\n\r\n.ps360__outer-arc-a {\r\n\r\n  transform:\r\n    rotate(41deg);\r\n\r\n}\r\n\r\n\r\n.ps360__outer-arc-b {\r\n\r\n  transform:\r\n    rotate(221deg);\r\n\r\n}\r\n\r\n\r\n\/* ============================================================\r\n   DEGREE TICKS\r\n============================================================ *\/\r\n\r\n.ps360__tick {\r\n\r\n  stroke:\r\n    rgba(62,171,231,.68);\r\n\r\n\r\n  stroke-width:\r\n    1.05;\r\n\r\n\r\n  stroke-linecap:\r\n    round;\r\n\r\n}\r\n\r\n\r\n.ps360__tick--medium {\r\n\r\n  stroke:\r\n    rgba(86,187,242,.80);\r\n\r\n\r\n  stroke-width:\r\n    1.2;\r\n\r\n}\r\n\r\n\r\n.ps360__tick--major {\r\n\r\n  stroke:\r\n    rgba(160,221,255,.94);\r\n\r\n\r\n  stroke-width:\r\n    1.45;\r\n\r\n}\r\n\r\n\r\n\/* ============================================================\r\n   WINDOW BORDER\r\n============================================================ *\/\r\n\r\n.ps360__portal-ring {\r\n\r\n  fill: none;\r\n\r\n\r\n  stroke:\r\n    rgba(210,236,255,.90);\r\n\r\n\r\n  stroke-width:\r\n    1.3;\r\n\r\n\r\n  filter:\r\n\r\n    drop-shadow(\r\n      0 0 2px\r\n      rgba(57,160,230,.32)\r\n    );\r\n\r\n}\r\n\r\n\r\n.ps360__portal-ring-inner {\r\n\r\n  fill: none;\r\n\r\n\r\n  stroke:\r\n    rgba(128,195,240,.25);\r\n\r\n\r\n  stroke-width:\r\n    .8;\r\n\r\n}\r\n\r\n\r\n\/* ============================================================\r\n   CARDINAL NOTCHES\r\n============================================================ *\/\r\n\r\n.ps360__cardinal-notches line {\r\n\r\n  stroke:\r\n    rgba(157,219,255,.82);\r\n\r\n\r\n  stroke-width:\r\n    1.8;\r\n\r\n}\r\n\r\n\r\n\/* ============================================================\r\n   TOP INDICATOR\r\n============================================================ *\/\r\n\r\n.ps360__heading {\r\n\r\n  position: absolute;\r\n\r\n\r\n  left: 50%;\r\n\r\n\r\n  top: 11.4%;\r\n\r\n\r\n  width: 34px;\r\n\r\n\r\n  height: 55px;\r\n\r\n\r\n  transform:\r\n    translate(-50%, -50%);\r\n\r\n}\r\n\r\n\r\n.ps360__heading-stem {\r\n\r\n  position: absolute;\r\n\r\n\r\n  left: 50%;\r\n\r\n\r\n  top: -20px;\r\n\r\n\r\n  width: 1px;\r\n\r\n\r\n  height: 29px;\r\n\r\n\r\n  transform:\r\n    translateX(-50%);\r\n\r\n\r\n  background:\r\n\r\n    linear-gradient(\r\n\r\n      to bottom,\r\n\r\n      rgba(170,220,255,0),\r\n\r\n      rgba(170,220,255,.90)\r\n\r\n    );\r\n\r\n}\r\n\r\n\r\n.ps360__heading-dot {\r\n\r\n  position: absolute;\r\n\r\n\r\n  left: 50%;\r\n\r\n\r\n  top: 8px;\r\n\r\n\r\n  width: 14px;\r\n\r\n\r\n  height: 14px;\r\n\r\n\r\n  transform:\r\n    translate(-50%, -50%);\r\n\r\n\r\n  border-radius:\r\n    50%;\r\n\r\n\r\n  background:\r\n    #ffffff;\r\n\r\n\r\n  box-shadow:\r\n\r\n    0 0 4px\r\n    rgba(255,255,255,1),\r\n\r\n    0 0 9px\r\n    rgba(110,203,255,.9),\r\n\r\n    0 0 18px\r\n    rgba(63,180,255,.55);\r\n\r\n}\r\n\r\n\r\n\/* ============================================================\r\n   N E S W\r\n============================================================ *\/\r\n\r\n.ps360__direction {\r\n\r\n  position: absolute;\r\n\r\n\r\n  left: 50%;\r\n\r\n\r\n  top: 50%;\r\n\r\n\r\n  transform:\r\n    translate(-50%, -50%);\r\n\r\n\r\n  color:\r\n    rgba(255,255,255,.94);\r\n\r\n\r\n  font-size:\r\n    14px;\r\n\r\n\r\n  font-weight:\r\n    400;\r\n\r\n\r\n  line-height:\r\n    1;\r\n\r\n\r\n  letter-spacing:\r\n    .03em;\r\n\r\n\r\n  text-shadow:\r\n\r\n    0 2px 8px\r\n    rgba(0,0,0,.7);\r\n\r\n\r\n  will-change:\r\n    left,\r\n    top;\r\n\r\n}\r\n\r\n\r\n\/* ============================================================\r\n   CENTER\r\n============================================================ *\/\r\n\r\n.ps360__center-ui {\r\n\r\n  position: absolute;\r\n\r\n\r\n  left: 50%;\r\n\r\n\r\n  top: 50%;\r\n\r\n\r\n  transform:\r\n\r\n    translate(\r\n      -50%,\r\n      -50%\r\n    )\r\n\r\n    translate(\r\n      var(--drag-offset-x),\r\n      var(--drag-offset-y)\r\n    );\r\n\r\n}\r\n\r\n\r\n.ps360__drag-text {\r\n\r\n  color:\r\n    var(--drag-color);\r\n\r\n\r\n  font-family:\r\n    var(--drag-font-family);\r\n\r\n\r\n  font-size:\r\n    var(--drag-size-desktop);\r\n\r\n\r\n  font-weight:\r\n    var(--drag-weight);\r\n\r\n\r\n  letter-spacing:\r\n    var(--drag-letter-spacing);\r\n\r\n\r\n  line-height:\r\n    1;\r\n\r\n\r\n  white-space:\r\n    nowrap;\r\n\r\n\r\n  text-align:\r\n    center;\r\n\r\n\r\n  text-shadow:\r\n\r\n    0 3px 12px\r\n    rgba(0,0,0,.90);\r\n\r\n}\r\n\r\n\r\n\/* ============================================================\r\n   TABLET\r\n============================================================ *\/\r\n\r\n@media (max-width: 1024px) {\r\n\r\n  #panosky-360-portal {\r\n\r\n    height:\r\n      var(--section-height-tablet);\r\n\r\n  }\r\n\r\n\r\n  .ps360__nav {\r\n\r\n    left:\r\n      var(--portal-x-tablet);\r\n\r\n\r\n    top:\r\n      var(--portal-y-tablet);\r\n\r\n\r\n    width:\r\n      var(--nav-size-tablet);\r\n\r\n\r\n    height:\r\n      var(--nav-size-tablet);\r\n\r\n  }\r\n\r\n\r\n  .ps360__darkness {\r\n\r\n    background:\r\n\r\n      radial-gradient(\r\n\r\n        circle\r\n        calc(\r\n          (var(--portal-size-tablet) \/ 2)\r\n          +\r\n          var(--dark-feather-tablet)\r\n        )\r\n\r\n        at\r\n        var(--portal-x-tablet)\r\n        var(--portal-y-tablet),\r\n\r\n        rgba(var(--dark-blue-r),var(--dark-blue-g),var(--dark-blue-b),0) 0%,\r\n\r\n        rgba(var(--dark-blue-r),var(--dark-blue-g),var(--dark-blue-b),0) 52%,\r\n\r\n        rgba(var(--dark-blue-r),var(--dark-blue-g),var(--dark-blue-b),.04) 57%,\r\n\r\n        rgba(var(--dark-blue-r),var(--dark-blue-g),var(--dark-blue-b),.10) 62%,\r\n\r\n        rgba(var(--dark-blue-r),var(--dark-blue-g),var(--dark-blue-b),.20) 68%,\r\n\r\n        rgba(var(--dark-blue-r),var(--dark-blue-g),var(--dark-blue-b),.32) 74%,\r\n\r\n        rgba(var(--dark-blue-r),var(--dark-blue-g),var(--dark-blue-b),.46) 80%,\r\n\r\n        rgba(var(--dark-blue-r),var(--dark-blue-g),var(--dark-blue-b),.62) 86%,\r\n\r\n        rgba(var(--dark-blue-r),var(--dark-blue-g),var(--dark-blue-b),.76) 92%,\r\n\r\n        rgba(var(--dark-blue-r),var(--dark-blue-g),var(--dark-blue-b),.84) 96%,\r\n\r\n        rgba(\r\n          var(--dark-blue-r),\r\n          var(--dark-blue-g),\r\n          var(--dark-blue-b),\r\n          var(--outside-darkness)\r\n        )\r\n        100%\r\n\r\n      );\r\n\r\n  }\r\n\r\n\r\n  .ps360__drag-text {\r\n\r\n    font-size:\r\n      var(--drag-size-tablet);\r\n\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* ============================================================\r\n   MOBILE\r\n============================================================ *\/\r\n\r\n@media (max-width: 767px) {\r\n\r\n  #panosky-360-portal {\r\n\r\n    height:\r\n      var(--section-height-mobile);\r\n\r\n  }\r\n\r\n\r\n  .ps360__nav {\r\n\r\n    left:\r\n      var(--portal-x-mobile);\r\n\r\n\r\n    top:\r\n      var(--portal-y-mobile);\r\n\r\n\r\n    width:\r\n      var(--nav-size-mobile);\r\n\r\n\r\n    height:\r\n      var(--nav-size-mobile);\r\n\r\n  }\r\n\r\n\r\n  .ps360__darkness {\r\n\r\n    background:\r\n\r\n      radial-gradient(\r\n\r\n        circle\r\n        calc(\r\n          (var(--portal-size-mobile) \/ 2)\r\n          +\r\n          var(--dark-feather-mobile)\r\n        )\r\n\r\n        at\r\n        var(--portal-x-mobile)\r\n        var(--portal-y-mobile),\r\n\r\n        rgba(var(--dark-blue-r),var(--dark-blue-g),var(--dark-blue-b),0) 0%,\r\n\r\n        rgba(var(--dark-blue-r),var(--dark-blue-g),var(--dark-blue-b),0) 52%,\r\n\r\n        rgba(var(--dark-blue-r),var(--dark-blue-g),var(--dark-blue-b),.04) 57%,\r\n\r\n        rgba(var(--dark-blue-r),var(--dark-blue-g),var(--dark-blue-b),.10) 62%,\r\n\r\n        rgba(var(--dark-blue-r),var(--dark-blue-g),var(--dark-blue-b),.20) 68%,\r\n\r\n        rgba(var(--dark-blue-r),var(--dark-blue-g),var(--dark-blue-b),.32) 74%,\r\n\r\n        rgba(var(--dark-blue-r),var(--dark-blue-g),var(--dark-blue-b),.48) 80%,\r\n\r\n        rgba(var(--dark-blue-r),var(--dark-blue-g),var(--dark-blue-b),.65) 86%,\r\n\r\n        rgba(var(--dark-blue-r),var(--dark-blue-g),var(--dark-blue-b),.79) 92%,\r\n\r\n        rgba(var(--dark-blue-r),var(--dark-blue-g),var(--dark-blue-b),.87) 96%,\r\n\r\n        rgba(var(--dark-blue-r),var(--dark-blue-g),var(--dark-blue-b),.92) 100%\r\n\r\n      );\r\n\r\n  }\r\n\r\n\r\n  .ps360__drag-text {\r\n\r\n    font-size:\r\n      var(--drag-size-mobile);\r\n\r\n  }\r\n\r\n\r\n  .ps360__direction {\r\n\r\n    font-size:\r\n      10px;\r\n\r\n  }\r\n\r\n\r\n  .ps360__heading-dot {\r\n\r\n    width:\r\n      10px;\r\n\r\n\r\n    height:\r\n      10px;\r\n\r\n  }\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n<script>\r\n\r\n(() => {\r\n\r\n  \"use strict\";\r\n\r\n\r\n  \/* =========================================================\r\n     EASY SETTINGS\r\n  ========================================================= *\/\r\n\r\n  const SETTINGS = {\r\n\r\n\r\n    \/* =====================================================\r\n       PANORAMA\r\n    ====================================================== *\/\r\n\r\n    panoramaUrl:\r\n\r\n      \"https:\/\/panosky-website-media.b-cdn.net\/Web%20Images%20and%20videos\/Aarya%20Scene%2003.jpg\",\r\n\r\n\r\n\r\n    \/* =====================================================\r\n       CAMERA\r\n    ====================================================== *\/\r\n\r\n    fieldOfView:\r\n      73,\r\n\r\n\r\n    initialYawDegrees:\r\n      0,\r\n\r\n\r\n    initialPitchDegrees:\r\n      0,\r\n\r\n\r\n    maximumPitchDegrees:\r\n      68,\r\n\r\n\r\n\r\n    \/* =====================================================\r\n       MOBILE \/ VERTICAL HORIZON ALIGNMENT\r\n    ====================================================== *\/\r\n\r\n    alignHorizonToWindowCenter:\r\n      true,\r\n\r\n\r\n    horizonFineTuneDesktop:\r\n      0,\r\n\r\n\r\n    horizonFineTuneTablet:\r\n      0,\r\n\r\n\r\n    horizonFineTuneMobile:\r\n      0,\r\n\r\n\r\n\r\n    \/* =====================================================\r\n       NEW:\r\n       HORIZONTAL OPTICAL ALIGNMENT\r\n\r\n       This moves the actual perspective center of the\r\n       panorama to the circular window.\r\n\r\n       This is what fixes the right-side stretching.\r\n\r\n       Desktop + Tablet = ON\r\n       Mobile = OFF because mobile window X is already 50%.\r\n    ====================================================== *\/\r\n\r\n    alignProjectionToWindowX:\r\n      true,\r\n\r\n\r\n\r\n    \/* =====================================================\r\n       HORIZONTAL PROJECTION STRENGTH\r\n\r\n       1.0 = mathematically align projection center\r\n             exactly with window center.\r\n\r\n       0.8 = slightly softer correction\r\n\r\n       0   = old behaviour\r\n\r\n       Start with 1.0.\r\n    ====================================================== *\/\r\n\r\n    projectionAlignmentStrengthDesktop:\r\n      1.0,\r\n\r\n\r\n    projectionAlignmentStrengthTablet:\r\n      1.0,\r\n\r\n\r\n    projectionAlignmentStrengthMobile:\r\n      0,\r\n\r\n\r\n\r\n    \/* =====================================================\r\n       OPTIONAL HORIZONTAL FINE TUNE\r\n\r\n       Units are percentage points of section width.\r\n\r\n       Positive = optical center farther RIGHT\r\n       Negative = optical center farther LEFT\r\n\r\n       Normally leave these at 0.\r\n    ====================================================== *\/\r\n\r\n    projectionFineTuneDesktop:\r\n      0,\r\n\r\n\r\n    projectionFineTuneTablet:\r\n      0,\r\n\r\n\r\n    projectionFineTuneMobile:\r\n      0,\r\n\r\n\r\n\r\n    \/* =====================================================\r\n       AUTO ROTATION\r\n    ====================================================== *\/\r\n\r\n    autoRotateEnabled:\r\n      true,\r\n\r\n\r\n    autoRotateDegreesPerSecond:\r\n      2.7,\r\n\r\n\r\n    autoResumeDelayMs:\r\n      1000,\r\n\r\n\r\n\r\n    \/* =====================================================\r\n       DRAG\r\n    ====================================================== *\/\r\n\r\n    dragDegreesPerPixel:\r\n      0.115,\r\n\r\n\r\n    desktopPitchDegreesPerPixel:\r\n      0.085,\r\n\r\n\r\n\r\n    \/* =====================================================\r\n       MOBILE GESTURES\r\n    ====================================================== *\/\r\n\r\n    gestureAxisThresholdPx:\r\n      7,\r\n\r\n\r\n    horizontalIntentRatio:\r\n      1.08,\r\n\r\n\r\n\r\n    \/* =====================================================\r\n       PAGE SCROLL \u2192 PANORAMA\r\n    ====================================================== *\/\r\n\r\n    pageScrollRotationEnabled:\r\n      true,\r\n\r\n\r\n    pageScrollDegreesPerPixel:\r\n      0.10,\r\n\r\n\r\n    pageScrollDirection:\r\n      1,\r\n\r\n\r\n    pageScrollOnlyWhileVisible:\r\n      true,\r\n\r\n\r\n\r\n    \/* =====================================================\r\n       THREE.JS FALLBACKS\r\n    ====================================================== *\/\r\n\r\n    threeJsUrls: [\r\n\r\n      \"https:\/\/cdn.jsdelivr.net\/npm\/three@0.160.0\/build\/three.min.js\",\r\n\r\n      \"https:\/\/unpkg.com\/three@0.160.0\/build\/three.min.js\"\r\n\r\n    ]\r\n\r\n  };\r\n\r\n\r\n\r\n  \/* =========================================================\r\n     UTILITIES\r\n  ========================================================= *\/\r\n\r\n  const clamp = (\r\n\r\n    value,\r\n    min,\r\n    max\r\n\r\n  ) =>\r\n\r\n    Math.min(\r\n\r\n      max,\r\n\r\n      Math.max(\r\n        min,\r\n        value\r\n      )\r\n\r\n    );\r\n\r\n\r\n\r\n  const normalizeDegrees =\r\n\r\n    value =>\r\n\r\n      ((value % 360) + 360) % 360;\r\n\r\n\r\n\r\n  \/* =========================================================\r\n     THREE.JS LOADER\r\n  ========================================================= *\/\r\n\r\n  function loadScriptOnce(url) {\r\n\r\n    return new Promise(\r\n\r\n      (\r\n        resolve,\r\n        reject\r\n      ) => {\r\n\r\n        const matching =\r\n\r\n          Array.from(\r\n            document.scripts\r\n          ).find(\r\n\r\n            script =>\r\n              script.src === url\r\n\r\n          );\r\n\r\n\r\n        if (matching) {\r\n\r\n          if (window.THREE) {\r\n\r\n            resolve();\r\n\r\n            return;\r\n\r\n          }\r\n\r\n\r\n          matching.addEventListener(\r\n            \"load\",\r\n            resolve,\r\n            { once: true }\r\n          );\r\n\r\n\r\n          matching.addEventListener(\r\n            \"error\",\r\n            reject,\r\n            { once: true }\r\n          );\r\n\r\n\r\n          return;\r\n\r\n        }\r\n\r\n\r\n        const script =\r\n          document.createElement(\r\n            \"script\"\r\n          );\r\n\r\n\r\n        script.src =\r\n          url;\r\n\r\n\r\n        script.async =\r\n          true;\r\n\r\n\r\n        script.dataset.ps360Three =\r\n          \"true\";\r\n\r\n\r\n        script.addEventListener(\r\n          \"load\",\r\n          resolve,\r\n          { once: true }\r\n        );\r\n\r\n\r\n        script.addEventListener(\r\n          \"error\",\r\n          reject,\r\n          { once: true }\r\n        );\r\n\r\n\r\n        document.head.appendChild(\r\n          script\r\n        );\r\n\r\n      }\r\n\r\n    );\r\n\r\n  }\r\n\r\n\r\n\r\n  function ensureThree() {\r\n\r\n    if (window.THREE) {\r\n\r\n      return Promise.resolve(\r\n        window.THREE\r\n      );\r\n\r\n    }\r\n\r\n\r\n    if (\r\n      window.__panosky360ThreePromise\r\n    ) {\r\n\r\n      return (\r\n        window.__panosky360ThreePromise\r\n      );\r\n\r\n    }\r\n\r\n\r\n    window.__panosky360ThreePromise =\r\n\r\n      (async () => {\r\n\r\n        let lastError;\r\n\r\n\r\n        for (\r\n\r\n          const url\r\n          of SETTINGS.threeJsUrls\r\n\r\n        ) {\r\n\r\n          try {\r\n\r\n            await loadScriptOnce(\r\n              url\r\n            );\r\n\r\n\r\n            if (window.THREE) {\r\n\r\n              return window.THREE;\r\n\r\n            }\r\n\r\n          }\r\n\r\n          catch (error) {\r\n\r\n            lastError =\r\n              error;\r\n\r\n          }\r\n\r\n        }\r\n\r\n\r\n        throw (\r\n\r\n          lastError ||\r\n\r\n          new Error(\r\n            \"Three.js could not be loaded.\"\r\n          )\r\n\r\n        );\r\n\r\n      })();\r\n\r\n\r\n    return (\r\n      window.__panosky360ThreePromise\r\n    );\r\n\r\n  }\r\n\r\n\r\n\r\n  \/* =========================================================\r\n     INITIALIZE\r\n  ========================================================= *\/\r\n\r\n  function initWidget(\r\n    root,\r\n    THREE\r\n  ) {\r\n\r\n    if (\r\n      root.dataset.ps360Ready === \"true\"\r\n    ) {\r\n\r\n      return;\r\n\r\n    }\r\n\r\n\r\n    root.dataset.ps360Ready =\r\n      \"true\";\r\n\r\n\r\n    const canvas =\r\n\r\n      root.querySelector(\r\n        \".ps360__canvas\"\r\n      );\r\n\r\n\r\n    const tickGroup =\r\n\r\n      root.querySelector(\r\n        \".ps360__ticks\"\r\n      );\r\n\r\n\r\n    const directions =\r\n\r\n      Array.from(\r\n\r\n        root.querySelectorAll(\r\n          \".ps360__direction\"\r\n        )\r\n\r\n      );\r\n\r\n\r\n\r\n    \/* =====================================================\r\n       BUILD TICKS\r\n    ====================================================== *\/\r\n\r\n    tickGroup.innerHTML =\r\n      \"\";\r\n\r\n\r\n    const SVG_NS =\r\n      \"http:\/\/www.w3.org\/2000\/svg\";\r\n\r\n\r\n    for (\r\n\r\n      let i = 0;\r\n\r\n      i < 72;\r\n\r\n      i++\r\n\r\n    ) {\r\n\r\n      const line =\r\n\r\n        document.createElementNS(\r\n          SVG_NS,\r\n          \"line\"\r\n        );\r\n\r\n\r\n      const angle =\r\n        i * 5;\r\n\r\n\r\n      const major =\r\n        i % 18 === 0;\r\n\r\n\r\n      const medium =\r\n\r\n        !major &&\r\n        i % 6 === 0;\r\n\r\n\r\n      let inner =\r\n        43;\r\n\r\n\r\n      const outer =\r\n        53;\r\n\r\n\r\n      if (medium) {\r\n\r\n        inner =\r\n          41;\r\n\r\n      }\r\n\r\n\r\n      if (major) {\r\n\r\n        inner =\r\n          46;\r\n\r\n      }\r\n\r\n\r\n      line.setAttribute(\r\n        \"x1\",\r\n        \"300\"\r\n      );\r\n\r\n\r\n      line.setAttribute(\r\n        \"y1\",\r\n        String(outer)\r\n      );\r\n\r\n\r\n      line.setAttribute(\r\n        \"x2\",\r\n        \"300\"\r\n      );\r\n\r\n\r\n      line.setAttribute(\r\n        \"y2\",\r\n        String(inner)\r\n      );\r\n\r\n\r\n      line.setAttribute(\r\n\r\n        \"transform\",\r\n\r\n        `rotate(${angle} 300 300)`\r\n\r\n      );\r\n\r\n\r\n      if (major) {\r\n\r\n        line.setAttribute(\r\n\r\n          \"class\",\r\n\r\n          \"ps360__tick ps360__tick--major\"\r\n\r\n        );\r\n\r\n      }\r\n\r\n      else if (medium) {\r\n\r\n        line.setAttribute(\r\n\r\n          \"class\",\r\n\r\n          \"ps360__tick ps360__tick--medium\"\r\n\r\n        );\r\n\r\n      }\r\n\r\n      else {\r\n\r\n        line.setAttribute(\r\n\r\n          \"class\",\r\n\r\n          \"ps360__tick\"\r\n\r\n        );\r\n\r\n      }\r\n\r\n\r\n      tickGroup.appendChild(\r\n        line\r\n      );\r\n\r\n    }\r\n\r\n\r\n\r\n    \/* =====================================================\r\n       THREE.JS\r\n    ====================================================== *\/\r\n\r\n    let renderer;\r\n\r\n\r\n    try {\r\n\r\n      renderer =\r\n\r\n        new THREE.WebGLRenderer({\r\n\r\n          canvas:\r\n            canvas,\r\n\r\n          antialias:\r\n            true,\r\n\r\n          alpha:\r\n            false,\r\n\r\n          powerPreference:\r\n            \"high-performance\"\r\n\r\n        });\r\n\r\n    }\r\n\r\n    catch (error) {\r\n\r\n      console.error(\r\n\r\n        \"PanoSky 360: WebGL unavailable.\",\r\n\r\n        error\r\n\r\n      );\r\n\r\n\r\n      return;\r\n\r\n    }\r\n\r\n\r\n    renderer.outputColorSpace =\r\n      THREE.SRGBColorSpace;\r\n\r\n\r\n\r\n    const isMobile = () =>\r\n\r\n      window.matchMedia(\r\n        \"(max-width: 767px)\"\r\n      ).matches;\r\n\r\n\r\n\r\n    function updatePixelRatio() {\r\n\r\n      renderer.setPixelRatio(\r\n\r\n        Math.min(\r\n\r\n          window.devicePixelRatio || 1,\r\n\r\n          isMobile()\r\n            ? 1.2\r\n            : 1.8\r\n\r\n        )\r\n\r\n      );\r\n\r\n    }\r\n\r\n\r\n    updatePixelRatio();\r\n\r\n\r\n\r\n    const scene =\r\n      new THREE.Scene();\r\n\r\n\r\n\r\n    const camera =\r\n\r\n      new THREE.PerspectiveCamera(\r\n\r\n        SETTINGS.fieldOfView,\r\n\r\n        1,\r\n\r\n        0.1,\r\n\r\n        1200\r\n\r\n      );\r\n\r\n\r\n\r\n    const geometry =\r\n\r\n      new THREE.SphereGeometry(\r\n\r\n        500,\r\n\r\n        isMobile()\r\n          ? 56\r\n          : 72,\r\n\r\n        isMobile()\r\n          ? 36\r\n          : 48\r\n\r\n      );\r\n\r\n\r\n    geometry.scale(\r\n      -1,\r\n      1,\r\n      1\r\n    );\r\n\r\n\r\n\r\n    const material =\r\n\r\n      new THREE.MeshBasicMaterial({\r\n\r\n        color:\r\n          0xffffff\r\n\r\n      });\r\n\r\n\r\n\r\n    const sphere =\r\n\r\n      new THREE.Mesh(\r\n\r\n        geometry,\r\n\r\n        material\r\n\r\n      );\r\n\r\n\r\n    scene.add(\r\n      sphere\r\n    );\r\n\r\n\r\n\r\n    \/* =====================================================\r\n       PANORAMA\r\n    ====================================================== *\/\r\n\r\n    const loader =\r\n      new THREE.TextureLoader();\r\n\r\n\r\n    loader.setCrossOrigin(\r\n      \"anonymous\"\r\n    );\r\n\r\n\r\n    loader.load(\r\n\r\n      SETTINGS.panoramaUrl,\r\n\r\n\r\n      function (texture) {\r\n\r\n        texture.colorSpace =\r\n          THREE.SRGBColorSpace;\r\n\r\n\r\n        texture.minFilter =\r\n          THREE.LinearFilter;\r\n\r\n\r\n        texture.magFilter =\r\n          THREE.LinearFilter;\r\n\r\n\r\n        material.map =\r\n          texture;\r\n\r\n\r\n        material.needsUpdate =\r\n          true;\r\n\r\n      },\r\n\r\n\r\n      undefined,\r\n\r\n\r\n      function (error) {\r\n\r\n        console.error(\r\n\r\n          \"PanoSky panorama could not load.\",\r\n\r\n          error\r\n\r\n        );\r\n\r\n      }\r\n\r\n    );\r\n\r\n\r\n\r\n    \/* =====================================================\r\n       STATE\r\n    ====================================================== *\/\r\n\r\n    let yawDegrees =\r\n      SETTINGS.initialYawDegrees;\r\n\r\n\r\n    let pitchDegrees =\r\n      SETTINGS.initialPitchDegrees;\r\n\r\n\r\n    let horizonFramingDegrees =\r\n      0;\r\n\r\n\r\n    let lastFrameTime =\r\n      performance.now();\r\n\r\n\r\n    let resumeAutoAt =\r\n      0;\r\n\r\n\r\n    let isVisible =\r\n      true;\r\n\r\n\r\n    let lastPageScrollY =\r\n      window.scrollY;\r\n\r\n\r\n    let pendingPageScrollDegrees =\r\n      0;\r\n\r\n\r\n\r\n    \/* =====================================================\r\n       DRAG STATE\r\n    ====================================================== *\/\r\n\r\n    const drag = {\r\n\r\n      mouseDown:\r\n        false,\r\n\r\n\r\n      touchActive:\r\n        false,\r\n\r\n\r\n      axis:\r\n        null,\r\n\r\n\r\n      startX:\r\n        0,\r\n\r\n\r\n      startY:\r\n        0,\r\n\r\n\r\n      lastX:\r\n        0,\r\n\r\n\r\n      lastY:\r\n        0,\r\n\r\n\r\n      lastTouchEndAt:\r\n        0\r\n\r\n    };\r\n\r\n\r\n\r\n    \/* =====================================================\r\n       RESPONSIVE PORTAL X\r\n    ====================================================== *\/\r\n\r\n    function getPortalXPercent() {\r\n\r\n      const css =\r\n        getComputedStyle(\r\n          root\r\n        );\r\n\r\n\r\n      let property =\r\n        \"--portal-x-desktop\";\r\n\r\n\r\n      if (\r\n        window.innerWidth <= 767\r\n      ) {\r\n\r\n        property =\r\n          \"--portal-x-mobile\";\r\n\r\n      }\r\n\r\n      else if (\r\n        window.innerWidth <= 1024\r\n      ) {\r\n\r\n        property =\r\n          \"--portal-x-tablet\";\r\n\r\n      }\r\n\r\n\r\n      const value =\r\n\r\n        parseFloat(\r\n\r\n          css.getPropertyValue(\r\n            property\r\n          )\r\n\r\n        );\r\n\r\n\r\n      return (\r\n\r\n        Number.isFinite(value)\r\n          ? value\r\n          : 50\r\n\r\n      );\r\n\r\n    }\r\n\r\n\r\n\r\n    \/* =====================================================\r\n       RESPONSIVE PORTAL Y\r\n    ====================================================== *\/\r\n\r\n    function getPortalYPercent() {\r\n\r\n      const css =\r\n        getComputedStyle(\r\n          root\r\n        );\r\n\r\n\r\n      let property =\r\n        \"--portal-y-desktop\";\r\n\r\n\r\n      if (\r\n        window.innerWidth <= 767\r\n      ) {\r\n\r\n        property =\r\n          \"--portal-y-mobile\";\r\n\r\n      }\r\n\r\n      else if (\r\n        window.innerWidth <= 1024\r\n      ) {\r\n\r\n        property =\r\n          \"--portal-y-tablet\";\r\n\r\n      }\r\n\r\n\r\n      const value =\r\n\r\n        parseFloat(\r\n\r\n          css.getPropertyValue(\r\n            property\r\n          )\r\n\r\n        );\r\n\r\n\r\n      return (\r\n\r\n        Number.isFinite(value)\r\n          ? value\r\n          : 50\r\n\r\n      );\r\n\r\n    }\r\n\r\n\r\n\r\n    \/* =====================================================\r\n       HORIZON FINE TUNE\r\n    ====================================================== *\/\r\n\r\n    function getHorizonFineTune() {\r\n\r\n      if (\r\n        window.innerWidth <= 767\r\n      ) {\r\n\r\n        return (\r\n          SETTINGS.horizonFineTuneMobile || 0\r\n        );\r\n\r\n      }\r\n\r\n\r\n      if (\r\n        window.innerWidth <= 1024\r\n      ) {\r\n\r\n        return (\r\n          SETTINGS.horizonFineTuneTablet || 0\r\n        );\r\n\r\n      }\r\n\r\n\r\n      return (\r\n        SETTINGS.horizonFineTuneDesktop || 0\r\n      );\r\n\r\n    }\r\n\r\n\r\n\r\n    \/* =====================================================\r\n       HORIZON ALIGNMENT\r\n    ====================================================== *\/\r\n\r\n    function updateHorizonFraming() {\r\n\r\n      if (\r\n        !SETTINGS.alignHorizonToWindowCenter\r\n      ) {\r\n\r\n        horizonFramingDegrees =\r\n          0;\r\n\r\n\r\n        return;\r\n\r\n      }\r\n\r\n\r\n      const portalY =\r\n\r\n        clamp(\r\n\r\n          getPortalYPercent() \/ 100,\r\n\r\n          0.05,\r\n\r\n          0.95\r\n\r\n        );\r\n\r\n\r\n      const screenOffset =\r\n\r\n        (portalY - 0.5) * 2;\r\n\r\n\r\n\r\n      const halfFovRadians =\r\n\r\n        THREE.MathUtils.degToRad(\r\n\r\n          SETTINGS.fieldOfView \/ 2\r\n\r\n        );\r\n\r\n\r\n\r\n      const requiredPitchRadians =\r\n\r\n        Math.atan(\r\n\r\n          screenOffset *\r\n\r\n          Math.tan(\r\n            halfFovRadians\r\n          )\r\n\r\n        );\r\n\r\n\r\n\r\n      horizonFramingDegrees =\r\n\r\n        THREE.MathUtils.radToDeg(\r\n\r\n          requiredPitchRadians\r\n\r\n        )\r\n\r\n        +\r\n\r\n        getHorizonFineTune();\r\n\r\n    }\r\n\r\n\r\n\r\n    \/* =====================================================\r\n       NEW:\r\n       RESPONSIVE HORIZONTAL ALIGNMENT SETTINGS\r\n    ====================================================== *\/\r\n\r\n    function getProjectionAlignmentStrength() {\r\n\r\n      if (\r\n        window.innerWidth <= 767\r\n      ) {\r\n\r\n        return (\r\n          SETTINGS\r\n            .projectionAlignmentStrengthMobile\r\n          || 0\r\n        );\r\n\r\n      }\r\n\r\n\r\n      if (\r\n        window.innerWidth <= 1024\r\n      ) {\r\n\r\n        return (\r\n          SETTINGS\r\n            .projectionAlignmentStrengthTablet\r\n          || 0\r\n        );\r\n\r\n      }\r\n\r\n\r\n      return (\r\n        SETTINGS\r\n          .projectionAlignmentStrengthDesktop\r\n        || 0\r\n      );\r\n\r\n    }\r\n\r\n\r\n\r\n    function getProjectionFineTune() {\r\n\r\n      if (\r\n        window.innerWidth <= 767\r\n      ) {\r\n\r\n        return (\r\n          SETTINGS\r\n            .projectionFineTuneMobile\r\n          || 0\r\n        );\r\n\r\n      }\r\n\r\n\r\n      if (\r\n        window.innerWidth <= 1024\r\n      ) {\r\n\r\n        return (\r\n          SETTINGS\r\n            .projectionFineTuneTablet\r\n          || 0\r\n        );\r\n\r\n      }\r\n\r\n\r\n      return (\r\n        SETTINGS\r\n          .projectionFineTuneDesktop\r\n        || 0\r\n      );\r\n\r\n    }\r\n\r\n\r\n\r\n    \/* =====================================================\r\n       NEW:\r\n       ALIGN PERSPECTIVE CENTER WITH WINDOW\r\n\r\n       This is different from changing yaw.\r\n\r\n       Yaw changes what direction we look.\r\n\r\n       ViewOffset changes WHERE the optical center\r\n       of the perspective projection appears.\r\n\r\n       Therefore the right-side portal no longer sits\r\n       in the strongly stretched side of the projection.\r\n    ====================================================== *\/\r\n\r\n    function updateHorizontalProjectionAlignment(\r\n      width,\r\n      height\r\n    ) {\r\n\r\n      \/*\r\n       * Always start from normal camera projection.\r\n       *\/\r\n\r\n      camera.clearViewOffset();\r\n\r\n\r\n      camera.aspect =\r\n        width \/ height;\r\n\r\n\r\n      camera.updateProjectionMatrix();\r\n\r\n\r\n\r\n      if (\r\n        !SETTINGS.alignProjectionToWindowX\r\n      ) {\r\n\r\n        return;\r\n\r\n      }\r\n\r\n\r\n      const strength =\r\n        getProjectionAlignmentStrength();\r\n\r\n\r\n      if (\r\n        strength === 0\r\n      ) {\r\n\r\n        return;\r\n\r\n      }\r\n\r\n\r\n\r\n      \/*\r\n       * Example desktop:\r\n       *\r\n       * portal X = 68%\r\n       *\r\n       * difference from screen center = +18%\r\n       *\r\n       * We offset the virtual camera crop in the\r\n       * opposite direction so its optical center\r\n       * appears at +18% on the rendered canvas.\r\n       *\/\r\n\r\n      const portalX =\r\n        getPortalXPercent();\r\n\r\n\r\n      const fineTune =\r\n        getProjectionFineTune();\r\n\r\n\r\n      const desiredOffsetPercent =\r\n\r\n        (\r\n          portalX\r\n          -\r\n          50\r\n          +\r\n          fineTune\r\n        )\r\n\r\n        *\r\n\r\n        strength;\r\n\r\n\r\n\r\n      const viewOffsetX =\r\n\r\n        -(\r\n\r\n          desiredOffsetPercent\r\n          \/\r\n          100\r\n\r\n        )\r\n\r\n        *\r\n\r\n        width;\r\n\r\n\r\n\r\n      camera.setViewOffset(\r\n\r\n        width,\r\n\r\n        height,\r\n\r\n        viewOffsetX,\r\n\r\n        0,\r\n\r\n        width,\r\n\r\n        height\r\n\r\n      );\r\n\r\n\r\n      camera.updateProjectionMatrix();\r\n\r\n    }\r\n\r\n\r\n\r\n    \/* =====================================================\r\n       CAMERA ORIENTATION\r\n    ====================================================== *\/\r\n\r\n    function updatePanoramaCamera() {\r\n\r\n      pitchDegrees =\r\n\r\n        clamp(\r\n\r\n          pitchDegrees,\r\n\r\n          -SETTINGS.maximumPitchDegrees,\r\n\r\n          SETTINGS.maximumPitchDegrees\r\n\r\n        );\r\n\r\n\r\n\r\n      const effectivePitch =\r\n\r\n        clamp(\r\n\r\n          pitchDegrees\r\n          +\r\n          horizonFramingDegrees,\r\n\r\n          -85,\r\n\r\n          85\r\n\r\n        );\r\n\r\n\r\n\r\n      const phi =\r\n\r\n        THREE.MathUtils.degToRad(\r\n\r\n          90 -\r\n          effectivePitch\r\n\r\n        );\r\n\r\n\r\n\r\n      const theta =\r\n\r\n        THREE.MathUtils.degToRad(\r\n          yawDegrees\r\n        );\r\n\r\n\r\n\r\n      const radius =\r\n        10;\r\n\r\n\r\n\r\n      camera.lookAt(\r\n\r\n        radius *\r\n        Math.sin(phi) *\r\n        Math.cos(theta),\r\n\r\n\r\n        radius *\r\n        Math.cos(phi),\r\n\r\n\r\n        radius *\r\n        Math.sin(phi) *\r\n        Math.sin(theta)\r\n\r\n      );\r\n\r\n    }\r\n\r\n\r\n\r\n    \/* =====================================================\r\n       CARDINAL RADIUS\r\n    ====================================================== *\/\r\n\r\n    function getCardinalRadius() {\r\n\r\n      const css =\r\n        getComputedStyle(\r\n          root\r\n        );\r\n\r\n\r\n      let property =\r\n        \"--cardinal-radius-desktop\";\r\n\r\n\r\n      if (\r\n        window.innerWidth <= 767\r\n      ) {\r\n\r\n        property =\r\n          \"--cardinal-radius-mobile\";\r\n\r\n      }\r\n\r\n      else if (\r\n        window.innerWidth <= 1024\r\n      ) {\r\n\r\n        property =\r\n          \"--cardinal-radius-tablet\";\r\n\r\n      }\r\n\r\n\r\n      return (\r\n\r\n        parseFloat(\r\n\r\n          css.getPropertyValue(\r\n            property\r\n          )\r\n\r\n        )\r\n\r\n        ||\r\n\r\n        44\r\n\r\n      );\r\n\r\n    }\r\n\r\n\r\n\r\n    \/* =====================================================\r\n       NAVIGATION ORIENTATION\r\n    ====================================================== *\/\r\n\r\n    function updateOrientationUI() {\r\n\r\n      tickGroup.setAttribute(\r\n\r\n        \"transform\",\r\n\r\n        `rotate(${-yawDegrees} 300 300)`\r\n\r\n      );\r\n\r\n\r\n      const radius =\r\n        getCardinalRadius();\r\n\r\n\r\n      directions.forEach(\r\n\r\n        function (direction) {\r\n\r\n          const baseAngle =\r\n\r\n            Number(\r\n\r\n              direction.dataset.angle\r\n              ||\r\n              0\r\n\r\n            );\r\n\r\n\r\n          const orientation =\r\n\r\n            normalizeDegrees(\r\n\r\n              baseAngle\r\n              -\r\n              yawDegrees\r\n\r\n            );\r\n\r\n\r\n          const radians =\r\n\r\n            THREE.MathUtils.degToRad(\r\n              orientation\r\n            );\r\n\r\n\r\n          const x =\r\n\r\n            50\r\n            +\r\n            Math.sin(radians)\r\n            *\r\n            radius;\r\n\r\n\r\n          const y =\r\n\r\n            50\r\n            -\r\n            Math.cos(radians)\r\n            *\r\n            radius;\r\n\r\n\r\n          direction.style.left =\r\n            `${x}%`;\r\n\r\n\r\n          direction.style.top =\r\n            `${y}%`;\r\n\r\n        }\r\n\r\n      );\r\n\r\n    }\r\n\r\n\r\n\r\n    \/* =====================================================\r\n       RESIZE\r\n    ====================================================== *\/\r\n\r\n    function resizeRenderer() {\r\n\r\n      const rect =\r\n        root.getBoundingClientRect();\r\n\r\n\r\n      const width =\r\n\r\n        Math.max(\r\n\r\n          2,\r\n\r\n          Math.round(\r\n            rect.width\r\n          )\r\n\r\n        );\r\n\r\n\r\n      const height =\r\n\r\n        Math.max(\r\n\r\n          2,\r\n\r\n          Math.round(\r\n            rect.height\r\n          )\r\n\r\n        );\r\n\r\n\r\n      updatePixelRatio();\r\n\r\n\r\n      renderer.setSize(\r\n\r\n        width,\r\n\r\n        height,\r\n\r\n        false\r\n\r\n      );\r\n\r\n\r\n\r\n      \/*\r\n       * First calculate the vertical horizon framing.\r\n       *\/\r\n\r\n      updateHorizonFraming();\r\n\r\n\r\n\r\n      \/*\r\n       * Then align the actual perspective projection\r\n       * horizontally with the round portal.\r\n       *\/\r\n\r\n      updateHorizontalProjectionAlignment(\r\n\r\n        width,\r\n\r\n        height\r\n\r\n      );\r\n\r\n    }\r\n\r\n\r\n\r\n    \/* =====================================================\r\n       INTERACTION HELPERS\r\n    ====================================================== *\/\r\n\r\n    function markInteractionFinished() {\r\n\r\n      resumeAutoAt =\r\n\r\n        performance.now()\r\n\r\n        +\r\n\r\n        SETTINGS.autoResumeDelayMs;\r\n\r\n    }\r\n\r\n\r\n\r\n    function isHorizontalDragging() {\r\n\r\n      return (\r\n\r\n        drag.axis === \"x\"\r\n\r\n        &&\r\n\r\n        (\r\n          drag.mouseDown\r\n          ||\r\n          drag.touchActive\r\n        )\r\n\r\n      );\r\n\r\n    }\r\n\r\n\r\n\r\n    function beginTouchDrag(\r\n      x,\r\n      y\r\n    ) {\r\n\r\n      drag.touchActive =\r\n        true;\r\n\r\n\r\n      drag.axis =\r\n        null;\r\n\r\n\r\n      drag.startX =\r\n        drag.lastX =\r\n        x;\r\n\r\n\r\n      drag.startY =\r\n        drag.lastY =\r\n        y;\r\n\r\n    }\r\n\r\n\r\n\r\n    function resolveTouchAxis(\r\n      x,\r\n      y\r\n    ) {\r\n\r\n      if (\r\n        drag.axis\r\n      ) {\r\n\r\n        return drag.axis;\r\n\r\n      }\r\n\r\n\r\n      const totalX =\r\n\r\n        x -\r\n        drag.startX;\r\n\r\n\r\n      const totalY =\r\n\r\n        y -\r\n        drag.startY;\r\n\r\n\r\n\r\n      if (\r\n\r\n        Math.hypot(\r\n          totalX,\r\n          totalY\r\n        )\r\n\r\n        <\r\n\r\n        SETTINGS.gestureAxisThresholdPx\r\n\r\n      ) {\r\n\r\n        return null;\r\n\r\n      }\r\n\r\n\r\n\r\n      const horizontalIntent =\r\n\r\n        Math.abs(totalX)\r\n\r\n        >\r\n\r\n        Math.abs(totalY)\r\n\r\n        *\r\n\r\n        SETTINGS.horizontalIntentRatio;\r\n\r\n\r\n\r\n      drag.axis =\r\n\r\n        horizontalIntent\r\n          ? \"x\"\r\n          : \"y\";\r\n\r\n\r\n\r\n      if (\r\n        drag.axis === \"x\"\r\n      ) {\r\n\r\n        resumeAutoAt =\r\n          Number.POSITIVE_INFINITY;\r\n\r\n\r\n        root.classList.add(\r\n          \"is-dragging\"\r\n        );\r\n\r\n      }\r\n\r\n\r\n      return drag.axis;\r\n\r\n    }\r\n\r\n\r\n\r\n    function moveHorizontalTouch(\r\n      x,\r\n      y\r\n    ) {\r\n\r\n      const deltaX =\r\n\r\n        x -\r\n        drag.lastX;\r\n\r\n\r\n      drag.lastX =\r\n        x;\r\n\r\n\r\n      drag.lastY =\r\n        y;\r\n\r\n\r\n      yawDegrees -=\r\n\r\n        deltaX\r\n\r\n        *\r\n\r\n        SETTINGS.dragDegreesPerPixel;\r\n\r\n    }\r\n\r\n\r\n\r\n    function finishTouchDrag() {\r\n\r\n      const wasHorizontal =\r\n\r\n        drag.axis === \"x\";\r\n\r\n\r\n      drag.lastTouchEndAt =\r\n        performance.now();\r\n\r\n\r\n      drag.touchActive =\r\n        false;\r\n\r\n\r\n      drag.axis =\r\n        null;\r\n\r\n\r\n      root.classList.remove(\r\n        \"is-dragging\"\r\n      );\r\n\r\n\r\n      if (wasHorizontal) {\r\n\r\n        markInteractionFinished();\r\n\r\n      }\r\n\r\n    }\r\n\r\n\r\n\r\n    \/* =====================================================\r\n       MOBILE TOUCH\r\n    ====================================================== *\/\r\n\r\n    root.addEventListener(\r\n\r\n      \"touchstart\",\r\n\r\n      function (event) {\r\n\r\n        if (\r\n          event.touches.length !== 1\r\n        ) {\r\n\r\n          return;\r\n\r\n        }\r\n\r\n\r\n        const touch =\r\n          event.touches[0];\r\n\r\n\r\n        beginTouchDrag(\r\n\r\n          touch.clientX,\r\n\r\n          touch.clientY\r\n\r\n        );\r\n\r\n      },\r\n\r\n      {\r\n        passive: true\r\n      }\r\n\r\n    );\r\n\r\n\r\n\r\n    root.addEventListener(\r\n\r\n      \"touchmove\",\r\n\r\n      function (event) {\r\n\r\n        if (\r\n\r\n          !drag.touchActive\r\n\r\n          ||\r\n\r\n          event.touches.length !== 1\r\n\r\n        ) {\r\n\r\n          return;\r\n\r\n        }\r\n\r\n\r\n        const touch =\r\n          event.touches[0];\r\n\r\n\r\n        const axis =\r\n\r\n          resolveTouchAxis(\r\n\r\n            touch.clientX,\r\n\r\n            touch.clientY\r\n\r\n          );\r\n\r\n\r\n\r\n        \/*\r\n         * Vertical or undecided:\r\n         * browser keeps native page scrolling.\r\n         *\/\r\n\r\n        if (\r\n          axis !== \"x\"\r\n        ) {\r\n\r\n          return;\r\n\r\n        }\r\n\r\n\r\n\r\n        \/*\r\n         * Horizontal confirmed.\r\n         *\/\r\n\r\n        if (\r\n          event.cancelable\r\n        ) {\r\n\r\n          event.preventDefault();\r\n\r\n        }\r\n\r\n\r\n        moveHorizontalTouch(\r\n\r\n          touch.clientX,\r\n\r\n          touch.clientY\r\n\r\n        );\r\n\r\n      },\r\n\r\n      {\r\n        passive: false\r\n      }\r\n\r\n    );\r\n\r\n\r\n\r\n    root.addEventListener(\r\n\r\n      \"touchend\",\r\n\r\n      function (event) {\r\n\r\n        if (\r\n\r\n          drag.touchActive\r\n\r\n          &&\r\n\r\n          event.touches.length === 0\r\n\r\n        ) {\r\n\r\n          finishTouchDrag();\r\n\r\n        }\r\n\r\n      },\r\n\r\n      {\r\n        passive: true\r\n      }\r\n\r\n    );\r\n\r\n\r\n\r\n    root.addEventListener(\r\n\r\n      \"touchcancel\",\r\n\r\n      function () {\r\n\r\n        if (\r\n          drag.touchActive\r\n        ) {\r\n\r\n          finishTouchDrag();\r\n\r\n        }\r\n\r\n      },\r\n\r\n      {\r\n        passive: true\r\n      }\r\n\r\n    );\r\n\r\n\r\n\r\n    \/* =====================================================\r\n       DESKTOP MOUSE\r\n    ====================================================== *\/\r\n\r\n    function onMouseMove(event) {\r\n\r\n      if (\r\n\r\n        !drag.mouseDown\r\n\r\n        ||\r\n\r\n        (event.buttons & 1) !== 1\r\n\r\n      ) {\r\n\r\n        if (\r\n          drag.mouseDown\r\n        ) {\r\n\r\n          finishMouseDrag();\r\n\r\n        }\r\n\r\n\r\n        detachMouseListeners();\r\n\r\n\r\n        return;\r\n\r\n      }\r\n\r\n\r\n\r\n      const deltaX =\r\n\r\n        event.clientX -\r\n        drag.lastX;\r\n\r\n\r\n      const deltaY =\r\n\r\n        event.clientY -\r\n        drag.lastY;\r\n\r\n\r\n\r\n      drag.lastX =\r\n        event.clientX;\r\n\r\n\r\n      drag.lastY =\r\n        event.clientY;\r\n\r\n\r\n\r\n      yawDegrees -=\r\n\r\n        deltaX\r\n\r\n        *\r\n\r\n        SETTINGS.dragDegreesPerPixel;\r\n\r\n\r\n\r\n      pitchDegrees +=\r\n\r\n        deltaY\r\n\r\n        *\r\n\r\n        SETTINGS.desktopPitchDegreesPerPixel;\r\n\r\n\r\n\r\n      if (\r\n        event.cancelable\r\n      ) {\r\n\r\n        event.preventDefault();\r\n\r\n      }\r\n\r\n    }\r\n\r\n\r\n\r\n    function finishMouseDrag() {\r\n\r\n      if (\r\n        !drag.mouseDown\r\n      ) {\r\n\r\n        return;\r\n\r\n      }\r\n\r\n\r\n      drag.mouseDown =\r\n        false;\r\n\r\n\r\n      root.classList.remove(\r\n        \"is-dragging\"\r\n      );\r\n\r\n\r\n      markInteractionFinished();\r\n\r\n    }\r\n\r\n\r\n\r\n    function onMouseUp() {\r\n\r\n      finishMouseDrag();\r\n\r\n      detachMouseListeners();\r\n\r\n    }\r\n\r\n\r\n\r\n    function onWindowBlur() {\r\n\r\n      finishMouseDrag();\r\n\r\n      detachMouseListeners();\r\n\r\n    }\r\n\r\n\r\n\r\n    function attachMouseListeners() {\r\n\r\n      window.addEventListener(\r\n\r\n        \"mousemove\",\r\n\r\n        onMouseMove,\r\n\r\n        {\r\n          passive: false\r\n        }\r\n\r\n      );\r\n\r\n\r\n      window.addEventListener(\r\n\r\n        \"mouseup\",\r\n\r\n        onMouseUp,\r\n\r\n        {\r\n          passive: true\r\n        }\r\n\r\n      );\r\n\r\n\r\n      window.addEventListener(\r\n\r\n        \"blur\",\r\n\r\n        onWindowBlur,\r\n\r\n        {\r\n          passive: true\r\n        }\r\n\r\n      );\r\n\r\n    }\r\n\r\n\r\n\r\n    function detachMouseListeners() {\r\n\r\n      window.removeEventListener(\r\n        \"mousemove\",\r\n        onMouseMove\r\n      );\r\n\r\n\r\n      window.removeEventListener(\r\n        \"mouseup\",\r\n        onMouseUp\r\n      );\r\n\r\n\r\n      window.removeEventListener(\r\n        \"blur\",\r\n        onWindowBlur\r\n      );\r\n\r\n    }\r\n\r\n\r\n\r\n    root.addEventListener(\r\n\r\n      \"mousedown\",\r\n\r\n      function (event) {\r\n\r\n        if (\r\n          event.button !== 0\r\n        ) {\r\n\r\n          return;\r\n\r\n        }\r\n\r\n\r\n        if (\r\n\r\n          performance.now()\r\n\r\n          -\r\n\r\n          drag.lastTouchEndAt\r\n\r\n          <\r\n\r\n          650\r\n\r\n        ) {\r\n\r\n          return;\r\n\r\n        }\r\n\r\n\r\n        drag.mouseDown =\r\n          true;\r\n\r\n\r\n        drag.startX =\r\n          drag.lastX =\r\n          event.clientX;\r\n\r\n\r\n        drag.startY =\r\n          drag.lastY =\r\n          event.clientY;\r\n\r\n\r\n        resumeAutoAt =\r\n          Number.POSITIVE_INFINITY;\r\n\r\n\r\n        root.classList.add(\r\n          \"is-dragging\"\r\n        );\r\n\r\n\r\n        attachMouseListeners();\r\n\r\n      }\r\n\r\n    );\r\n\r\n\r\n\r\n    root.addEventListener(\r\n\r\n      \"dragstart\",\r\n\r\n      function (event) {\r\n\r\n        event.preventDefault();\r\n\r\n      }\r\n\r\n    );\r\n\r\n\r\n\r\n    \/* =====================================================\r\n       PAGE SCROLL \u2192 PANORAMA\r\n    ====================================================== *\/\r\n\r\n    function onPageScroll() {\r\n\r\n      const currentY =\r\n        window.scrollY;\r\n\r\n\r\n      const deltaY =\r\n\r\n        currentY -\r\n        lastPageScrollY;\r\n\r\n\r\n      lastPageScrollY =\r\n        currentY;\r\n\r\n\r\n\r\n      if (\r\n        !SETTINGS.pageScrollRotationEnabled\r\n      ) {\r\n\r\n        return;\r\n\r\n      }\r\n\r\n\r\n      if (\r\n        isHorizontalDragging()\r\n      ) {\r\n\r\n        return;\r\n\r\n      }\r\n\r\n\r\n      if (\r\n\r\n        SETTINGS.pageScrollOnlyWhileVisible\r\n\r\n        &&\r\n\r\n        !isVisible\r\n\r\n      ) {\r\n\r\n        return;\r\n\r\n      }\r\n\r\n\r\n\r\n      pendingPageScrollDegrees +=\r\n\r\n        deltaY\r\n\r\n        *\r\n\r\n        SETTINGS.pageScrollDegreesPerPixel\r\n\r\n        *\r\n\r\n        SETTINGS.pageScrollDirection;\r\n\r\n    }\r\n\r\n\r\n\r\n    window.addEventListener(\r\n\r\n      \"scroll\",\r\n\r\n      onPageScroll,\r\n\r\n      {\r\n        passive: true\r\n      }\r\n\r\n    );\r\n\r\n\r\n\r\n    \/* =====================================================\r\n       VISIBILITY\r\n    ====================================================== *\/\r\n\r\n    if (\r\n      \"IntersectionObserver\" in window\r\n    ) {\r\n\r\n      const intersectionObserver =\r\n\r\n        new IntersectionObserver(\r\n\r\n          function (entries) {\r\n\r\n            isVisible =\r\n\r\n              Boolean(\r\n\r\n                entries[0]\r\n\r\n                &&\r\n\r\n                entries[0].isIntersecting\r\n\r\n              );\r\n\r\n          },\r\n\r\n          {\r\n            rootMargin:\r\n              \"120px 0px\",\r\n\r\n            threshold:\r\n              0\r\n          }\r\n\r\n        );\r\n\r\n\r\n      intersectionObserver.observe(\r\n        root\r\n      );\r\n\r\n    }\r\n\r\n\r\n\r\n    \/* =====================================================\r\n       RESIZE\r\n    ====================================================== *\/\r\n\r\n    function onWindowResize() {\r\n\r\n      resizeRenderer();\r\n\r\n    }\r\n\r\n\r\n\r\n    window.addEventListener(\r\n\r\n      \"resize\",\r\n\r\n      onWindowResize,\r\n\r\n      {\r\n        passive: true\r\n      }\r\n\r\n    );\r\n\r\n\r\n\r\n    if (\r\n      \"ResizeObserver\" in window\r\n    ) {\r\n\r\n      const resizeObserver =\r\n\r\n        new ResizeObserver(\r\n\r\n          function () {\r\n\r\n            resizeRenderer();\r\n\r\n          }\r\n\r\n        );\r\n\r\n\r\n      resizeObserver.observe(\r\n        root\r\n      );\r\n\r\n    }\r\n\r\n\r\n\r\n    \/* =====================================================\r\n       ANIMATION\r\n    ====================================================== *\/\r\n\r\n    function animate(now) {\r\n\r\n      const deltaSeconds =\r\n\r\n        clamp(\r\n\r\n          (\r\n            now -\r\n            lastFrameTime\r\n          )\r\n\r\n          \/\r\n\r\n          1000,\r\n\r\n          0,\r\n\r\n          0.05\r\n\r\n        );\r\n\r\n\r\n      lastFrameTime =\r\n        now;\r\n\r\n\r\n\r\n      \/* PAGE SCROLL ROTATION *\/\r\n\r\n      if (\r\n\r\n        pendingPageScrollDegrees !== 0\r\n\r\n      ) {\r\n\r\n        yawDegrees +=\r\n          pendingPageScrollDegrees;\r\n\r\n\r\n        pendingPageScrollDegrees =\r\n          0;\r\n\r\n      }\r\n\r\n\r\n\r\n      \/* AUTO ROTATION *\/\r\n\r\n      if (\r\n\r\n        isVisible\r\n\r\n        &&\r\n\r\n        SETTINGS.autoRotateEnabled\r\n\r\n        &&\r\n\r\n        !isHorizontalDragging()\r\n\r\n        &&\r\n\r\n        !drag.mouseDown\r\n\r\n        &&\r\n\r\n        now >= resumeAutoAt\r\n\r\n      ) {\r\n\r\n        yawDegrees +=\r\n\r\n          SETTINGS\r\n            .autoRotateDegreesPerSecond\r\n\r\n          *\r\n\r\n          deltaSeconds;\r\n\r\n      }\r\n\r\n\r\n\r\n      updatePanoramaCamera();\r\n\r\n\r\n      updateOrientationUI();\r\n\r\n\r\n\r\n      if (\r\n        isVisible\r\n      ) {\r\n\r\n        renderer.render(\r\n          scene,\r\n          camera\r\n        );\r\n\r\n      }\r\n\r\n\r\n      requestAnimationFrame(\r\n        animate\r\n      );\r\n\r\n    }\r\n\r\n\r\n\r\n    \/* =====================================================\r\n       INITIALIZE\r\n    ====================================================== *\/\r\n\r\n    resizeRenderer();\r\n\r\n\r\n    updateHorizonFraming();\r\n\r\n\r\n    updatePanoramaCamera();\r\n\r\n\r\n    updateOrientationUI();\r\n\r\n\r\n    requestAnimationFrame(\r\n      animate\r\n    );\r\n\r\n\r\n\r\n    requestAnimationFrame(\r\n\r\n      function () {\r\n\r\n        resizeRenderer();\r\n\r\n      }\r\n\r\n    );\r\n\r\n\r\n\r\n    window.setTimeout(\r\n\r\n      function () {\r\n\r\n        resizeRenderer();\r\n\r\n      },\r\n\r\n      300\r\n\r\n    );\r\n\r\n  }\r\n\r\n\r\n\r\n  \/* =========================================================\r\n     BOOT\r\n  ========================================================= *\/\r\n\r\n  async function boot() {\r\n\r\n    const root =\r\n\r\n      document.getElementById(\r\n        \"panosky-360-portal\"\r\n      );\r\n\r\n\r\n    if (!root) {\r\n\r\n      return;\r\n\r\n    }\r\n\r\n\r\n    if (\r\n      root.dataset.ps360Ready === \"true\"\r\n    ) {\r\n\r\n      return;\r\n\r\n    }\r\n\r\n\r\n    try {\r\n\r\n      const THREE =\r\n        await ensureThree();\r\n\r\n\r\n      initWidget(\r\n        root,\r\n        THREE\r\n      );\r\n\r\n    }\r\n\r\n    catch (error) {\r\n\r\n      console.error(\r\n\r\n        \"PanoSky 360 library failed to load.\",\r\n\r\n        error\r\n\r\n      );\r\n\r\n    }\r\n\r\n  }\r\n\r\n\r\n\r\n  \/* =========================================================\r\n     NORMAL FRONTEND\r\n  ========================================================= *\/\r\n\r\n  if (\r\n    document.readyState === \"loading\"\r\n  ) {\r\n\r\n    document.addEventListener(\r\n\r\n      \"DOMContentLoaded\",\r\n\r\n      boot,\r\n\r\n      {\r\n        once: true\r\n      }\r\n\r\n    );\r\n\r\n  }\r\n\r\n  else {\r\n\r\n    boot();\r\n\r\n  }\r\n\r\n\r\n\r\n  \/* =========================================================\r\n     ELEMENTOR\r\n  ========================================================= *\/\r\n\r\n  window.addEventListener(\r\n\r\n    \"elementor\/frontend\/init\",\r\n\r\n    function () {\r\n\r\n      setTimeout(\r\n        boot,\r\n        100\r\n      );\r\n\r\n    }\r\n\r\n  );\r\n\r\n})();\r\n\r\n<\/script>\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-da6425a panosky-hero-content e-flex e-con-boxed e-con e-parent\" data-id=\"da6425a\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_motion_fx_scale_effect&quot;:&quot;yes&quot;,&quot;background_motion_fx_scale_speed&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:3,&quot;sizes&quot;:[]},&quot;background_motion_fx_scale_range&quot;:{&quot;unit&quot;:&quot;%&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:{&quot;start&quot;:53,&quot;end&quot;:100}},&quot;position&quot;:&quot;absolute&quot;,&quot;background_motion_fx_scale_direction&quot;:&quot;out-in&quot;,&quot;background_motion_fx_devices&quot;:[&quot;desktop&quot;,&quot;tablet&quot;,&quot;mobile&quot;]}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-927684d e-con-full e-flex e-con e-child\" data-id=\"927684d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8582780 elementor-widget elementor-widget-heading\" data-id=\"8582780\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">SAMPLE WORK<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e424ee5 elementor-widget elementor-widget-heading\" data-id=\"e424ee5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">Immersive Spaces.<br>Limitless <span class=\"animated-global\">Perspective.<\/span><\/h1>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1439987 elementor-widget elementor-widget-heading\" data-id=\"1439987\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Handcrafted 360 experiences.<br>Interactive. Immersive. Impactful.<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4a1f424 e-con-full e-flex e-con e-child\" data-id=\"4a1f424\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;position&quot;:&quot;absolute&quot;}\">\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-2842637 e-con e-atomic-element e-flexbox-base e-2842637-cb64b97 \" data-id=\"2842637\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"2842637\" data-e-type=\"e-flexbox\" data-id=\"2842637\">\n    <div class=\"elementor-element elementor-element-34b1bc7 e-flex e-con-boxed e-con e-parent\" data-id=\"34b1bc7\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-9b56cdc e-con-full e-flex e-con e-child\" data-id=\"9b56cdc\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4da0ebf elementor-widget elementor-widget-image\" data-id=\"4da0ebf\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"768\" height=\"1024\" src=\"https:\/\/panosky.com\/wp-content\/uploads\/2026\/08\/DJI_0463-768x1024.jpg\" class=\"attachment-large size-large wp-image-2556\" alt=\"\" srcset=\"https:\/\/panosky.com\/wp-content\/uploads\/2026\/08\/DJI_0463-768x1024.jpg 768w, https:\/\/panosky.com\/wp-content\/uploads\/2026\/08\/DJI_0463-225x300.jpg 225w, https:\/\/panosky.com\/wp-content\/uploads\/2026\/08\/DJI_0463-1152x1536.jpg 1152w, https:\/\/panosky.com\/wp-content\/uploads\/2026\/08\/DJI_0463-1536x2048.jpg 1536w, https:\/\/panosky.com\/wp-content\/uploads\/2026\/08\/DJI_0463-scaled.jpg 1920w\" sizes=\"(max-width: 768px) 100vw, 768px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ff9eda7 e-con-full e-flex e-con e-child\" data-id=\"ff9eda7\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-fb2543c elementor-widget elementor-widget-heading\" data-id=\"fb2543c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">OUR PERSPECTIVE<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-11ca437 elementor-widget elementor-widget-heading\" data-id=\"11ca437\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">We capture more than spaces-\nwe capture intent.<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e84bcb1 elementor-widget elementor-widget-text-editor\" data-id=\"e84bcb1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Every environment we photograph is unique. Our process blends artistry, precision, and technology to reveal the feeling behind a spcae.<\/p><p>From first light to final detail, we craft imagery that inspires and endures.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-0a20008 e-con e-atomic-element e-flexbox-base e-0a20008-9644ed8 \" data-id=\"0a20008\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"0a20008\" data-e-type=\"e-flexbox\" data-id=\"0a20008\">\n    <div class=\"elementor-element elementor-element-3d2dfb9 e-flex e-con-boxed e-con e-parent\" data-id=\"3d2dfb9\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-389c918 elementor-widget elementor-widget-html\" data-id=\"389c918\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!--\r\n  PanoSky \u2014 Expertise Across Spaces\r\n  Elementor-safe version\r\n\r\n  IMPORTANT:\r\n  - Transparent background\r\n  - Uses Elementor Global Fonts\r\n  - Shadow DOM isolates SVGs from page-level SVG gradient\/fill rules\r\n  - Safe if this widget is duplicated on the same page\r\n-->\r\n\r\n<div class=\"ps-expertise-mount\" aria-label=\"Expertise across spaces\"><\/div>\r\n\r\n<script>\r\n(() => {\r\n\r\n  \/* =========================================================\r\n     ELEMENTOR-SAFE INITIALIZER\r\n     ---------------------------------------------------------\r\n     We intentionally DO NOT use document.currentScript.\r\n     Elementor may execute scripts separately from their\r\n     original DOM position.\r\n\r\n     Instead, find every uninitialized PanoSky component.\r\n     ========================================================= *\/\r\n\r\n  function initPanoSkyExpertise(mount) {\r\n\r\n    if (!mount || mount.dataset.psInitialized === \"true\") return;\r\n\r\n    mount.dataset.psInitialized = \"true\";\r\n\r\n    \/* ---------------------------------------------------------\r\n       SHADOW DOM\r\n       Isolates this component from Elementor\/theme\/page SVG CSS.\r\n       --------------------------------------------------------- *\/\r\n    const root = mount.attachShadow({ mode: \"open\" });\r\n\r\n    root.innerHTML = `\r\n      <style>\r\n\r\n        \/* =====================================================\r\n           HOST\r\n           ===================================================== *\/\r\n\r\n        :host {\r\n          display: block;\r\n          width: 100%;\r\n          max-width: 100%;\r\n          min-width: 0;\r\n\r\n          background: transparent;\r\n\r\n          color: rgba(247, 249, 252, 0.94);\r\n\r\n          font-family:\r\n            var(--e-global-typography-text-font-family),\r\n            var(--e-global-typography-primary-font-family),\r\n            sans-serif;\r\n\r\n          -webkit-font-smoothing: antialiased;\r\n          -moz-osx-font-smoothing: grayscale;\r\n          text-rendering: geometricPrecision;\r\n        }\r\n\r\n\r\n        *,\r\n        *::before,\r\n        *::after {\r\n          box-sizing: border-box;\r\n        }\r\n\r\n\r\n        \/* =====================================================\r\n           MAIN COMPONENT\r\n           ===================================================== *\/\r\n\r\n        .ps-expertise {\r\n\r\n          \/* ===================================================\r\n             MAIN DESIGN CONTROLS\r\n             =================================================== *\/\r\n\r\n          --ps-frame-color: rgba(160, 172, 190, 0.24);\r\n          --ps-frame-width: 1px;\r\n          --ps-frame-radius: 18px;\r\n\r\n          --ps-divider-color: rgba(160, 172, 190, 0.15);\r\n\r\n          --ps-label-color: rgba(239, 243, 249, 0.72);\r\n\r\n          --ps-title-color: #5f98ff;\r\n\r\n          --ps-text-color: rgba(239, 243, 249, 0.70);\r\n\r\n          --ps-icon-color: rgba(232, 237, 245, 0.76);\r\n          --ps-icon-hover-color: #77d8ff;\r\n\r\n\r\n          \/* ICON SIZE *\/\r\n          --ps-icon-size: 58px;\r\n\r\n\r\n          \/* TEXT SIZE *\/\r\n          --ps-title-size: 13px;\r\n          --ps-text-size: 14px;\r\n          --ps-label-size: 10px;\r\n\r\n\r\n          \/* CARD *\/\r\n          --ps-card-gap: 22px;\r\n          --ps-card-min-height: 126px;\r\n\r\n\r\n          width: 100%;\r\n          max-width: 100%;\r\n          min-width: 0;\r\n\r\n          margin: 0;\r\n          padding: 0;\r\n\r\n          background: transparent;\r\n        }\r\n\r\n\r\n        \/* =====================================================\r\n           OUTER FRAME\r\n           ===================================================== *\/\r\n\r\n        .ps-frame {\r\n\r\n          width: 100%;\r\n          max-width: 100%;\r\n          min-width: 0;\r\n\r\n          margin: 0;\r\n\r\n          padding: 23px 26px 24px;\r\n\r\n          border:\r\n            var(--ps-frame-width)\r\n            solid\r\n            var(--ps-frame-color);\r\n\r\n          border-radius: var(--ps-frame-radius);\r\n\r\n          background: transparent;\r\n\r\n          box-shadow:\r\n            inset 0 0 0 1px rgba(255, 255, 255, 0.012),\r\n            0 12px 44px rgba(0, 21, 55, 0.07);\r\n        }\r\n\r\n\r\n        \/* Remove browser fieldset restrictions *\/\r\n        fieldset.ps-frame {\r\n          min-inline-size: 0;\r\n        }\r\n\r\n\r\n        \/* =====================================================\r\n           LEGEND\r\n           ===================================================== *\/\r\n\r\n        .ps-frame legend {\r\n\r\n          max-width: calc(100% - 32px);\r\n\r\n          margin-left: 1px;\r\n\r\n          padding: 0 11px;\r\n\r\n          color: var(--ps-label-color);\r\n\r\n          font-family:\r\n            var(--e-global-typography-primary-font-family),\r\n            var(--e-global-typography-text-font-family),\r\n            sans-serif;\r\n\r\n          font-size: var(--ps-label-size);\r\n\r\n          font-weight:\r\n            var(\r\n              --e-global-typography-primary-font-weight,\r\n              600\r\n            );\r\n\r\n          line-height: 1;\r\n\r\n          letter-spacing: 0.19em;\r\n\r\n          text-transform: uppercase;\r\n\r\n          white-space: nowrap;\r\n        }\r\n\r\n\r\n        \/* =====================================================\r\n           GRID\r\n           ===================================================== *\/\r\n\r\n        .ps-grid {\r\n\r\n          display: grid;\r\n\r\n          grid-template-columns:\r\n            repeat(4, minmax(0, 1fr));\r\n\r\n          width: 100%;\r\n          min-width: 0;\r\n        }\r\n\r\n\r\n        \/* =====================================================\r\n           CARD\r\n           ===================================================== *\/\r\n\r\n        .ps-card {\r\n\r\n          position: relative;\r\n\r\n          display: grid;\r\n\r\n          grid-template-columns:\r\n            var(--ps-icon-size)\r\n            minmax(0, 1fr);\r\n\r\n          align-items: start;\r\n\r\n          gap: var(--ps-card-gap);\r\n\r\n          min-width: 0;\r\n\r\n          min-height: var(--ps-card-min-height);\r\n\r\n          padding: 16px 28px;\r\n\r\n          background: transparent;\r\n\r\n          transition:\r\n            transform\r\n            350ms\r\n            cubic-bezier(.2, .7, .2, 1);\r\n        }\r\n\r\n\r\n        .ps-card:first-child {\r\n          padding-left: 18px;\r\n        }\r\n\r\n\r\n        .ps-card:last-child {\r\n          padding-right: 18px;\r\n        }\r\n\r\n\r\n        \/* =====================================================\r\n           DESKTOP DIVIDERS\r\n           ===================================================== *\/\r\n\r\n        .ps-card:not(:first-child)::before {\r\n\r\n          content: \"\";\r\n\r\n          position: absolute;\r\n\r\n          top: 8px;\r\n          bottom: 8px;\r\n          left: 0;\r\n\r\n          width: 1px;\r\n\r\n          background:\r\n            linear-gradient(\r\n              180deg,\r\n              transparent,\r\n              var(--ps-divider-color) 15%,\r\n              var(--ps-divider-color) 85%,\r\n              transparent\r\n            );\r\n        }\r\n\r\n\r\n        \/* =====================================================\r\n           ICON\r\n           ===================================================== *\/\r\n\r\n        .ps-icon {\r\n\r\n          display: grid;\r\n\r\n          place-items: center;\r\n\r\n          width: var(--ps-icon-size);\r\n          height: var(--ps-icon-size);\r\n\r\n          color: var(--ps-icon-color);\r\n\r\n          transform: translateZ(0);\r\n\r\n          transition:\r\n            color 350ms ease,\r\n            filter 350ms ease,\r\n            transform 350ms cubic-bezier(.2, .7, .2, 1);\r\n        }\r\n\r\n\r\n        \/*\r\n          SVG ISOLATION\r\n\r\n          These rules exist INSIDE the Shadow DOM.\r\n          External Elementor\/theme\/global SVG selectors\r\n          cannot override them.\r\n        *\/\r\n\r\n        .ps-icon svg {\r\n\r\n          display: block;\r\n\r\n          width: 100%;\r\n          height: 100%;\r\n\r\n          overflow: visible;\r\n\r\n          fill: none;\r\n        }\r\n\r\n\r\n        .ps-icon svg path,\r\n        .ps-icon svg circle,\r\n        .ps-icon svg rect,\r\n        .ps-icon svg line,\r\n        .ps-icon svg polyline,\r\n        .ps-icon svg polygon,\r\n        .ps-icon svg ellipse {\r\n\r\n          vector-effect: non-scaling-stroke;\r\n        }\r\n\r\n\r\n        \/* =====================================================\r\n           COPY\r\n           ===================================================== *\/\r\n\r\n        .ps-copy {\r\n\r\n          min-width: 0;\r\n\r\n          padding-top: 5px;\r\n        }\r\n\r\n\r\n        \/* =====================================================\r\n           TITLE\r\n           ===================================================== *\/\r\n\r\n        .ps-title {\r\n\r\n          margin: 0 0 10px;\r\n\r\n          color: var(--ps-title-color);\r\n\r\n          font-family:\r\n            var(--e-global-typography-primary-font-family),\r\n            var(--e-global-typography-text-font-family),\r\n            sans-serif;\r\n\r\n          font-size: var(--ps-title-size);\r\n\r\n          font-weight:\r\n            var(\r\n              --e-global-typography-primary-font-weight,\r\n              600\r\n            );\r\n\r\n          line-height: 1.25;\r\n\r\n          letter-spacing: 0.12em;\r\n\r\n          text-transform: uppercase;\r\n        }\r\n\r\n\r\n        \/* =====================================================\r\n           DESCRIPTION\r\n           ===================================================== *\/\r\n\r\n        .ps-description {\r\n\r\n          max-width: 215px;\r\n\r\n          margin: 0;\r\n\r\n          color: var(--ps-text-color);\r\n\r\n          font-family:\r\n            var(--e-global-typography-text-font-family),\r\n            var(--e-global-typography-primary-font-family),\r\n            sans-serif;\r\n\r\n          font-size: var(--ps-text-size);\r\n\r\n          font-weight:\r\n            var(\r\n              --e-global-typography-text-font-weight,\r\n              400\r\n            );\r\n\r\n          line-height: 1.58;\r\n        }\r\n\r\n\r\n        \/* =====================================================\r\n           DESKTOP HOVER\r\n           ===================================================== *\/\r\n\r\n        @media (hover: hover) and (pointer: fine) {\r\n\r\n          .ps-card:hover {\r\n            transform: translateY(-2px);\r\n          }\r\n\r\n\r\n          .ps-card:hover .ps-icon {\r\n\r\n            color: var(--ps-icon-hover-color);\r\n\r\n            filter:\r\n              drop-shadow(\r\n                0 0 11px\r\n                rgba(49, 173, 255, 0.26)\r\n              );\r\n\r\n            transform: translateY(-1px);\r\n          }\r\n        }\r\n\r\n\r\n        \/* =====================================================\r\n           TABLET\r\n           ===================================================== *\/\r\n\r\n        @media (max-width: 1100px) {\r\n\r\n          .ps-frame {\r\n            padding: 22px 22px 20px;\r\n          }\r\n\r\n\r\n          .ps-grid {\r\n\r\n            grid-template-columns:\r\n              repeat(2, minmax(0, 1fr));\r\n          }\r\n\r\n\r\n          .ps-card,\r\n          .ps-card:first-child,\r\n          .ps-card:last-child {\r\n\r\n            padding: 22px 26px;\r\n          }\r\n\r\n\r\n          \/* Remove desktop dividers *\/\r\n          .ps-card::before {\r\n            display: none;\r\n          }\r\n\r\n\r\n          \/* Vertical divider between columns *\/\r\n          .ps-card:nth-child(even)::before {\r\n\r\n            display: block;\r\n\r\n            content: \"\";\r\n\r\n            position: absolute;\r\n\r\n            top: 13px;\r\n            bottom: 13px;\r\n            left: 0;\r\n\r\n            width: 1px;\r\n\r\n            background:\r\n              linear-gradient(\r\n                180deg,\r\n                transparent,\r\n                var(--ps-divider-color) 15%,\r\n                var(--ps-divider-color) 85%,\r\n                transparent\r\n              );\r\n          }\r\n\r\n\r\n          \/* Horizontal divider *\/\r\n          .ps-card:nth-child(n + 3)::after {\r\n\r\n            content: \"\";\r\n\r\n            position: absolute;\r\n\r\n            top: 0;\r\n\r\n            right: 18px;\r\n            left: 18px;\r\n\r\n            height: 1px;\r\n\r\n            background:\r\n              linear-gradient(\r\n                90deg,\r\n                transparent,\r\n                var(--ps-divider-color) 12%,\r\n                var(--ps-divider-color) 88%,\r\n                transparent\r\n              );\r\n          }\r\n\r\n\r\n          .ps-description {\r\n            max-width: 280px;\r\n          }\r\n        }\r\n\r\n\r\n        \/* =====================================================\r\n           MOBILE\r\n           ===================================================== *\/\r\n\r\n        @media (max-width: 620px) {\r\n\r\n          .ps-expertise {\r\n\r\n            --ps-frame-radius: 15px;\r\n\r\n            --ps-icon-size: 50px;\r\n\r\n            --ps-card-gap: 18px;\r\n\r\n            --ps-title-size: 12px;\r\n\r\n            --ps-text-size: 13.5px;\r\n\r\n            --ps-card-min-height: 0px;\r\n          }\r\n\r\n\r\n          .ps-frame {\r\n\r\n            padding:\r\n              18px\r\n              18px\r\n              9px;\r\n          }\r\n\r\n\r\n          .ps-frame legend {\r\n\r\n            margin-left: 0;\r\n\r\n            padding: 0 9px;\r\n\r\n            font-size: 9px;\r\n\r\n            letter-spacing: 0.16em;\r\n          }\r\n\r\n\r\n          .ps-grid {\r\n\r\n            grid-template-columns:\r\n              minmax(0, 1fr);\r\n          }\r\n\r\n\r\n          .ps-card,\r\n          .ps-card:first-child,\r\n          .ps-card:last-child {\r\n\r\n            grid-template-columns:\r\n              var(--ps-icon-size)\r\n              minmax(0, 1fr);\r\n\r\n            padding: 22px 5px;\r\n          }\r\n\r\n\r\n          \/* Remove vertical dividers *\/\r\n          .ps-card::before,\r\n          .ps-card:nth-child(even)::before {\r\n\r\n            display: none;\r\n          }\r\n\r\n\r\n          \/* Mobile horizontal separators *\/\r\n          .ps-card:nth-child(n + 2)::after {\r\n\r\n            display: block;\r\n\r\n            content: \"\";\r\n\r\n            position: absolute;\r\n\r\n            top: 0;\r\n\r\n            right: 0;\r\n            left: 0;\r\n\r\n            height: 1px;\r\n\r\n            background:\r\n              linear-gradient(\r\n                90deg,\r\n                transparent,\r\n                var(--ps-divider-color) 10%,\r\n                var(--ps-divider-color) 90%,\r\n                transparent\r\n              );\r\n          }\r\n\r\n\r\n          .ps-copy {\r\n            padding-top: 2px;\r\n          }\r\n\r\n\r\n          .ps-title {\r\n            margin-bottom: 7px;\r\n          }\r\n\r\n\r\n          .ps-description {\r\n\r\n            max-width: none;\r\n\r\n            line-height: 1.52;\r\n          }\r\n        }\r\n\r\n\r\n        \/* =====================================================\r\n           REDUCED MOTION\r\n           ===================================================== *\/\r\n\r\n        @media (prefers-reduced-motion: reduce) {\r\n\r\n          .ps-card,\r\n          .ps-icon {\r\n\r\n            transition: none;\r\n          }\r\n        }\r\n\r\n      <\/style>\r\n\r\n\r\n\r\n      <!-- =====================================================\r\n           COMPONENT\r\n           ===================================================== -->\r\n\r\n      <section\r\n        class=\"ps-expertise\"\r\n        aria-label=\"Expertise Across Spaces\"\r\n      >\r\n\r\n        <fieldset class=\"ps-frame\">\r\n\r\n          <legend>\r\n            Expertise Across Spaces\r\n          <\/legend>\r\n\r\n\r\n          <div class=\"ps-grid\">\r\n\r\n\r\n            <!-- =================================================\r\n                 01 \u2014 HOSPITALITY\r\n                 ================================================= -->\r\n\r\n            <article class=\"ps-card\">\r\n\r\n              <div\r\n                class=\"ps-icon\"\r\n                aria-hidden=\"true\"\r\n              >\r\n\r\n                <!--\r\n                  REPLACE THIS COMPLETE <svg>...<\/svg>\r\n                  IF YOU WANT TO USE ANOTHER ICON\r\n                -->\r\n\r\n                <svg\r\n                  viewBox=\"0 0 64 64\"\r\n                  fill=\"none\"\r\n                  xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\r\n                >\r\n\r\n                  <g\r\n                    stroke=\"currentColor\"\r\n                    stroke-width=\"2\"\r\n                    stroke-linecap=\"round\"\r\n                    stroke-linejoin=\"round\"\r\n                    fill=\"none\"\r\n                  >\r\n\r\n                    <path d=\"M10 47h44\" \/>\r\n\r\n                    <path d=\"M12 43h40\" \/>\r\n\r\n                    <path\r\n                      d=\"\r\n                        M16 43\r\n                        c0-10.1\r\n                        7.2-18.4\r\n                        16-18.4\r\n                        S48 32.9\r\n                        48 43\r\n                      \"\r\n                    \/>\r\n\r\n                    <path d=\"M32 24.6v-3.8\" \/>\r\n\r\n                    <circle\r\n                      cx=\"32\"\r\n                      cy=\"17.5\"\r\n                      r=\"3.3\"\r\n                    \/>\r\n\r\n                    <path\r\n                      d=\"M9.5 50.5h45\"\r\n                      opacity=\".48\"\r\n                    \/>\r\n\r\n                  <\/g>\r\n\r\n                <\/svg>\r\n\r\n              <\/div>\r\n\r\n\r\n              <div class=\"ps-copy\">\r\n\r\n                <h3 class=\"ps-title\">\r\n                  Hospitality\r\n                <\/h3>\r\n\r\n                <p class=\"ps-description\">\r\n                  Immersive stays that captivate and comfort.\r\n                <\/p>\r\n\r\n              <\/div>\r\n\r\n            <\/article>\r\n\r\n\r\n\r\n            <!-- =================================================\r\n                 02 \u2014 COMMERCIAL\r\n                 ================================================= -->\r\n\r\n            <article class=\"ps-card\">\r\n\r\n              <div\r\n                class=\"ps-icon\"\r\n                aria-hidden=\"true\"\r\n              >\r\n\r\n                <!--\r\n                  REPLACE THIS COMPLETE <svg>...<\/svg>\r\n                  IF YOU WANT TO USE ANOTHER ICON\r\n                -->\r\n\r\n                <svg\r\n                  viewBox=\"0 0 64 64\"\r\n                  fill=\"none\"\r\n                  xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\r\n                >\r\n\r\n                  <g\r\n                    stroke=\"currentColor\"\r\n                    stroke-width=\"2\"\r\n                    stroke-linecap=\"round\"\r\n                    stroke-linejoin=\"round\"\r\n                    fill=\"none\"\r\n                  >\r\n\r\n                    <path d=\"M8 51h48\" \/>\r\n\r\n                    <path d=\"M14 51V22l15-7v36\" \/>\r\n\r\n                    <path d=\"M29 51V10l19 8v33\" \/>\r\n\r\n                    <path\r\n                      d=\"\r\n                        M20 29h3\r\n                        M20 36h3\r\n                        M20 43h3\r\n                      \"\r\n                    \/>\r\n\r\n                    <path\r\n                      d=\"\r\n                        M36 20h4\r\n                        M36 28h4\r\n                        M36 36h4\r\n                        M36 44h4\r\n                      \"\r\n                    \/>\r\n\r\n                    <path\r\n                      d=\"M48 24h4v27\"\r\n                      opacity=\".55\"\r\n                    \/>\r\n\r\n                  <\/g>\r\n\r\n                <\/svg>\r\n\r\n              <\/div>\r\n\r\n\r\n              <div class=\"ps-copy\">\r\n\r\n                <h3 class=\"ps-title\">\r\n                  Commercial\r\n                <\/h3>\r\n\r\n                <p class=\"ps-description\">\r\n                  Workspaces that elevate performance and brand.\r\n                <\/p>\r\n\r\n              <\/div>\r\n\r\n            <\/article>\r\n\r\n\r\n\r\n            <!-- =================================================\r\n                 03 \u2014 AUTOMOTIVE\r\n                 ================================================= -->\r\n\r\n            <article class=\"ps-card\">\r\n\r\n              <div\r\n                class=\"ps-icon\"\r\n                aria-hidden=\"true\"\r\n              >\r\n\r\n                <!--\r\n                  REPLACE THIS COMPLETE <svg>...<\/svg>\r\n                  IF YOU WANT TO USE ANOTHER ICON\r\n                -->\r\n\r\n                <svg\r\n                  viewBox=\"0 0 64 64\"\r\n                  fill=\"none\"\r\n                  xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\r\n                >\r\n\r\n                  <g\r\n                    stroke=\"currentColor\"\r\n                    stroke-width=\"2\"\r\n                    stroke-linecap=\"round\"\r\n                    stroke-linejoin=\"round\"\r\n                    fill=\"none\"\r\n                  >\r\n\r\n                    <path\r\n                      d=\"\r\n                        M9 39.5v-6.2\r\n                        c0-2.4 1.6-4.5 3.9-5.1\r\n                        l7.7-2.1\r\n                        5.2-7h15.7\r\n                        l7 7\r\n                        3.7 1.1\r\n                        c2.3.7 3.8 2.8 3.8 5.2v7.1\r\n                      \"\r\n                    \/>\r\n\r\n                    <path d=\"M14 39.5h36\" \/>\r\n\r\n                    <path d=\"M22 26.1h25.9\" \/>\r\n\r\n                    <path\r\n                      d=\"\r\n                        M26 19.1l-2.6 7\r\n                        M40.5 19.1l3 7\r\n                      \"\r\n                    \/>\r\n\r\n                    <circle\r\n                      cx=\"19\"\r\n                      cy=\"40\"\r\n                      r=\"5\"\r\n                    \/>\r\n\r\n                    <circle\r\n                      cx=\"47\"\r\n                      cy=\"40\"\r\n                      r=\"5\"\r\n                    \/>\r\n\r\n                    <path\r\n                      d=\"\r\n                        M9 34h5\r\n                        M51 34h5\r\n                      \"\r\n                    \/>\r\n\r\n                  <\/g>\r\n\r\n                <\/svg>\r\n\r\n              <\/div>\r\n\r\n\r\n              <div class=\"ps-copy\">\r\n\r\n                <h3 class=\"ps-title\">\r\n                  Automotive\r\n                <\/h3>\r\n\r\n                <p class=\"ps-description\">\r\n                  Interiors that blend precision, luxury and innovation.\r\n                <\/p>\r\n\r\n              <\/div>\r\n\r\n            <\/article>\r\n\r\n\r\n\r\n            <!-- =================================================\r\n                 04 \u2014 EVENT SPACES\r\n                 ================================================= -->\r\n\r\n            <article class=\"ps-card\">\r\n\r\n              <div\r\n                class=\"ps-icon\"\r\n                aria-hidden=\"true\"\r\n              >\r\n\r\n                <!--\r\n                  REPLACE THIS COMPLETE <svg>...<\/svg>\r\n                  IF YOU WANT TO USE ANOTHER ICON\r\n                -->\r\n\r\n                <svg\r\n                  viewBox=\"0 0 64 64\"\r\n                  fill=\"none\"\r\n                  xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\r\n                >\r\n\r\n                  <g\r\n                    stroke=\"currentColor\"\r\n                    stroke-width=\"2\"\r\n                    stroke-linecap=\"round\"\r\n                    stroke-linejoin=\"round\"\r\n                    fill=\"none\"\r\n                  >\r\n\r\n                    <circle\r\n                      cx=\"18\"\r\n                      cy=\"26\"\r\n                      r=\"4\"\r\n                    \/>\r\n\r\n                    <circle\r\n                      cx=\"32\"\r\n                      cy=\"21\"\r\n                      r=\"4.5\"\r\n                    \/>\r\n\r\n                    <circle\r\n                      cx=\"46\"\r\n                      cy=\"26\"\r\n                      r=\"4\"\r\n                    \/>\r\n\r\n                    <path\r\n                      d=\"\r\n                        M12 47V37\r\n                        c0-3.4 2.7-6 6-6\r\n                        s6 2.6 6 6v10\r\n                      \"\r\n                    \/>\r\n\r\n                    <path\r\n                      d=\"\r\n                        M24.5 47V33\r\n                        c0-4.1 3.3-7.5 7.5-7.5\r\n                        s7.5 3.4 7.5 7.5v14\r\n                      \"\r\n                    \/>\r\n\r\n                    <path\r\n                      d=\"\r\n                        M40 47V37\r\n                        c0-3.4 2.7-6 6-6\r\n                        s6 2.6 6 6v10\r\n                      \"\r\n                    \/>\r\n\r\n                    <path d=\"M9 47h46\" \/>\r\n\r\n                    <path\r\n                      d=\"\r\n                        M32 9v5\r\n                        M18.5 12.5l3.3 4\r\n                        M45.5 12.5l-3.3 4\r\n                        M11.5 20l5 1\r\n                        M52.5 20l-5 1\r\n                      \"\r\n                    \/>\r\n\r\n                  <\/g>\r\n\r\n                <\/svg>\r\n\r\n              <\/div>\r\n\r\n\r\n              <div class=\"ps-copy\">\r\n\r\n                <h3 class=\"ps-title\">\r\n                  Event Spaces\r\n                <\/h3>\r\n\r\n                <p class=\"ps-description\">\r\n                  Environments that set the stage for unforgettable moments.\r\n                <\/p>\r\n\r\n              <\/div>\r\n\r\n            <\/article>\r\n\r\n\r\n          <\/div>\r\n\r\n        <\/fieldset>\r\n\r\n      <\/section>\r\n    `;\r\n  }\r\n\r\n\r\n  \/* =========================================================\r\n     INITIALIZE ALL UNINITIALIZED INSTANCES\r\n     ========================================================= *\/\r\n\r\n  function initializeAllPanoSkyExpertise() {\r\n\r\n    document\r\n      .querySelectorAll(\r\n        \".ps-expertise-mount:not([data-ps-initialized='true'])\"\r\n      )\r\n      .forEach(initPanoSkyExpertise);\r\n  }\r\n\r\n\r\n  \/* Run immediately *\/\r\n  initializeAllPanoSkyExpertise();\r\n\r\n\r\n  \/*\r\n    Elementor can inject\/re-render widgets after page load,\r\n    especially inside the editor.\r\n\r\n    Observe DOM additions so the component also initializes\r\n    correctly in those situations.\r\n  *\/\r\n\r\n  if (!window.__psExpertiseObserver) {\r\n\r\n    window.__psExpertiseObserver = new MutationObserver(() => {\r\n      initializeAllPanoSkyExpertise();\r\n    });\r\n\r\n    window.__psExpertiseObserver.observe(\r\n      document.documentElement,\r\n      {\r\n        childList: true,\r\n        subtree: true\r\n      }\r\n    );\r\n  }\r\n\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-89c7129 e-con e-atomic-element e-flexbox-base e-89c7129-f913b9f \" data-id=\"89c7129\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"89c7129\" data-e-type=\"e-flexbox\" data-id=\"89c7129\">\n    <div class=\"elementor-element elementor-element-585b7f7 e-flex e-con-boxed e-con e-parent\" data-id=\"585b7f7\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-d37ca05 e-con-full e-flex e-con e-child\" data-id=\"d37ca05\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0ca8533 elementor-widget elementor-widget-heading\" data-id=\"0ca8533\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">HOSPITALITY<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6546997 elementor-widget elementor-widget-heading\" data-id=\"6546997\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Garton's Cape<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ff92c7e elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list\" data-id=\"ff92c7e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-list.default\">\n\t\t\t\t\t\t\t<ul class=\"elementor-icon-list-items\">\n\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" viewBox=\"8 8 48 48\" xml:space=\"preserve\" style=\"\" x=\"0px\" y=\"0px\" fill-rule=\"evenodd\" clip-rule=\"evenodd\" stroke-linejoin=\"round\" stroke-miterlimit=\"2\">  <defs>    <linearGradient id=\"iconGradient\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"100%\">      <stop offset=\"0%\" stop-color=\"#008BFF\"><\/stop>      <stop offset=\"100%\" stop-color=\"#50f5FF\"><\/stop>    <\/linearGradient>  <\/defs>  <style type=\"text\/css\">    path, g { fill: url(#iconGradient); }  <\/style>  <rect x=\"0\" y=\"0\" width=\"64\" height=\"64\" style=\"\" fill=\"none\"><\/rect>  <path d=\"M32,11c-11.59,0 -21,9.41 -21,21c-0,11.59 9.41,21 21,21c11.59,0 21,-9.41 21,-21c0,-11.59 -9.41,-21 -21,-21Zm-0,2c10.486,0 19,8.514 19,19c0,10.486 -8.514,19 -19,19c-10.486,0 -19,-8.514 -19,-19c-0,-10.486 8.514,-19 19,-19Z\"><\/path>  <path d=\"M32,19c-7.175,0 -13,5.825 -13,13c0,7.175 5.825,13 13,13c7.175,-0 13,-5.825 13,-13c-0,-7.175 -5.825,-13 -13,-13Zm0,2c6.071,0 11,4.929 11,11c-0,6.071 -4.929,11 -11,11c-6.071,0 -11,-4.929 -11,-11c0,-6.071 4.929,-11 11,-11Z\"><\/path>  <path d=\"M32,27c-2.76,0 -5,2.24 -5,5c0,2.76 2.24,5 5,5c2.76,-0 5,-2.24 5,-5c-0,-2.76 -2.24,-5 -5,-5Zm0,2c1.656,0 3,1.344 3,3c-0,1.656 -1.344,3 -3,3c-1.656,-0 -3,-1.344 -3,-3c0,-1.656 1.344,-3 3,-3Z\"><\/path>  <path d=\"M9,33l14,0c0.552,0 1,-0.448 1,-1c0,-0.552 -0.448,-1 -1,-1l-14,0c-0.552,0 -1,0.448 -1,1c0,0.552 0.448,1 1,1Z\"><\/path>  <path d=\"M33,55l0,-14c-0,-0.552 -0.448,-1 -1,-1c-0.552,0 -1,0.448 -1,1l0,14c-0,0.552 0.448,1 1,1c0.552,0 1,-0.448 1,-1Z\"><\/path>  <path d=\"M41,33l14,0c0.552,0 1,-0.448 1,-1c0,-0.552 -0.448,-1 -1,-1l-14,0c-0.552,0 -1,0.448 -1,1c0,0.552 0.448,1 1,1Z\"><\/path>  <path d=\"M33,23l0,-14c-0,-0.552 -0.448,-1 -1,-1c-0.552,0 -1,0.448 -1,1l0,14c-0,0.552 0.448,1 1,1c0.552,0 1,-0.448 1,-1Z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Ahangama, Sri Lanka.<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t<\/ul>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-fac3e4b elementor-widget elementor-widget-text-editor\" data-id=\"fac3e4b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>A beachside sanctuary where the sea and design exist in perfect harmony.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-079b2e8 elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list\" data-id=\"079b2e8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-list.default\">\n\t\t\t\t\t\t\t<ul class=\"elementor-icon-list-items\">\n\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" viewBox=\"8 8 48 48\" xml:space=\"preserve\" style=\"\" x=\"0px\" y=\"0px\" fill-rule=\"evenodd\" clip-rule=\"evenodd\" stroke-linejoin=\"round\" stroke-miterlimit=\"2\">  <defs>    <linearGradient id=\"iconGradient\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"100%\">      <stop offset=\"0%\" stop-color=\"#008BFF\"><\/stop>      <stop offset=\"100%\" stop-color=\"#50f5FF\"><\/stop>    <\/linearGradient>  <\/defs>  <style type=\"text\/css\">    path, g { fill: url(#iconGradient); }  <\/style>  <rect x=\"0\" y=\"0\" width=\"64\" height=\"64\" style=\"\" fill=\"none\"><\/rect>  <path d=\"M32,11c-11.59,0 -21,9.41 -21,21c-0,11.59 9.41,21 21,21c11.59,0 21,-9.41 21,-21c0,-11.59 -9.41,-21 -21,-21Zm-0,2c10.486,0 19,8.514 19,19c0,10.486 -8.514,19 -19,19c-10.486,0 -19,-8.514 -19,-19c-0,-10.486 8.514,-19 19,-19Z\"><\/path>  <path d=\"M32,19c-7.175,0 -13,5.825 -13,13c0,7.175 5.825,13 13,13c7.175,-0 13,-5.825 13,-13c-0,-7.175 -5.825,-13 -13,-13Zm0,2c6.071,0 11,4.929 11,11c-0,6.071 -4.929,11 -11,11c-6.071,0 -11,-4.929 -11,-11c0,-6.071 4.929,-11 11,-11Z\"><\/path>  <path d=\"M32,27c-2.76,0 -5,2.24 -5,5c0,2.76 2.24,5 5,5c2.76,-0 5,-2.24 5,-5c-0,-2.76 -2.24,-5 -5,-5Zm0,2c1.656,0 3,1.344 3,3c-0,1.656 -1.344,3 -3,3c-1.656,-0 -3,-1.344 -3,-3c0,-1.656 1.344,-3 3,-3Z\"><\/path>  <path d=\"M9,33l14,0c0.552,0 1,-0.448 1,-1c0,-0.552 -0.448,-1 -1,-1l-14,0c-0.552,0 -1,0.448 -1,1c0,0.552 0.448,1 1,1Z\"><\/path>  <path d=\"M33,55l0,-14c-0,-0.552 -0.448,-1 -1,-1c-0.552,0 -1,0.448 -1,1l0,14c-0,0.552 0.448,1 1,1c0.552,0 1,-0.448 1,-1Z\"><\/path>  <path d=\"M41,33l14,0c0.552,0 1,-0.448 1,-1c0,-0.552 -0.448,-1 -1,-1l-14,0c-0.552,0 -1,0.448 -1,1c0,0.552 0.448,1 1,1Z\"><\/path>  <path d=\"M33,23l0,-14c-0,-0.552 -0.448,-1 -1,-1c-0.552,0 -1,0.448 -1,1l0,14c-0,0.552 0.448,1 1,1c0.552,0 1,-0.448 1,-1Z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">14,250 SQ FT<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" viewBox=\"8 8 48 48\" xml:space=\"preserve\" style=\"\" x=\"0px\" y=\"0px\" fill-rule=\"evenodd\" clip-rule=\"evenodd\" stroke-linejoin=\"round\" stroke-miterlimit=\"2\">  <defs>    <linearGradient id=\"iconGradient\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"100%\">      <stop offset=\"0%\" stop-color=\"#008BFF\"><\/stop>      <stop offset=\"100%\" stop-color=\"#50f5FF\"><\/stop>    <\/linearGradient>  <\/defs>  <style type=\"text\/css\">    path, g { fill: url(#iconGradient); }  <\/style>  <rect x=\"0\" y=\"0\" width=\"64\" height=\"64\" style=\"\" fill=\"none\"><\/rect>  <path d=\"M32,11c-11.59,0 -21,9.41 -21,21c-0,11.59 9.41,21 21,21c11.59,0 21,-9.41 21,-21c0,-11.59 -9.41,-21 -21,-21Zm-0,2c10.486,0 19,8.514 19,19c0,10.486 -8.514,19 -19,19c-10.486,0 -19,-8.514 -19,-19c-0,-10.486 8.514,-19 19,-19Z\"><\/path>  <path d=\"M32,19c-7.175,0 -13,5.825 -13,13c0,7.175 5.825,13 13,13c7.175,-0 13,-5.825 13,-13c-0,-7.175 -5.825,-13 -13,-13Zm0,2c6.071,0 11,4.929 11,11c-0,6.071 -4.929,11 -11,11c-6.071,0 -11,-4.929 -11,-11c0,-6.071 4.929,-11 11,-11Z\"><\/path>  <path d=\"M32,27c-2.76,0 -5,2.24 -5,5c0,2.76 2.24,5 5,5c2.76,-0 5,-2.24 5,-5c-0,-2.76 -2.24,-5 -5,-5Zm0,2c1.656,0 3,1.344 3,3c-0,1.656 -1.344,3 -3,3c-1.656,-0 -3,-1.344 -3,-3c0,-1.656 1.344,-3 3,-3Z\"><\/path>  <path d=\"M9,33l14,0c0.552,0 1,-0.448 1,-1c0,-0.552 -0.448,-1 -1,-1l-14,0c-0.552,0 -1,0.448 -1,1c0,0.552 0.448,1 1,1Z\"><\/path>  <path d=\"M33,55l0,-14c-0,-0.552 -0.448,-1 -1,-1c-0.552,0 -1,0.448 -1,1l0,14c-0,0.552 0.448,1 1,1c0.552,0 1,-0.448 1,-1Z\"><\/path>  <path d=\"M41,33l14,0c0.552,0 1,-0.448 1,-1c0,-0.552 -0.448,-1 -1,-1l-14,0c-0.552,0 -1,0.448 -1,1c0,0.552 0.448,1 1,1Z\"><\/path>  <path d=\"M33,23l0,-14c-0,-0.552 -0.448,-1 -1,-1c-0.552,0 -1,0.448 -1,1l0,14c-0,0.552 0.448,1 1,1c0.552,0 1,-0.448 1,-1Z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">48 Panoramas<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" viewBox=\"8 8 48 48\" xml:space=\"preserve\" style=\"\" x=\"0px\" y=\"0px\" fill-rule=\"evenodd\" clip-rule=\"evenodd\" stroke-linejoin=\"round\" stroke-miterlimit=\"2\">  <defs>    <linearGradient id=\"iconGradient\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"100%\">      <stop offset=\"0%\" stop-color=\"#008BFF\"><\/stop>      <stop offset=\"100%\" stop-color=\"#50f5FF\"><\/stop>    <\/linearGradient>  <\/defs>  <style type=\"text\/css\">    path, g { fill: url(#iconGradient); }  <\/style>  <rect x=\"0\" y=\"0\" width=\"64\" height=\"64\" style=\"\" fill=\"none\"><\/rect>  <path d=\"M32,11c-11.59,0 -21,9.41 -21,21c-0,11.59 9.41,21 21,21c11.59,0 21,-9.41 21,-21c0,-11.59 -9.41,-21 -21,-21Zm-0,2c10.486,0 19,8.514 19,19c0,10.486 -8.514,19 -19,19c-10.486,0 -19,-8.514 -19,-19c-0,-10.486 8.514,-19 19,-19Z\"><\/path>  <path d=\"M32,19c-7.175,0 -13,5.825 -13,13c0,7.175 5.825,13 13,13c7.175,-0 13,-5.825 13,-13c-0,-7.175 -5.825,-13 -13,-13Zm0,2c6.071,0 11,4.929 11,11c-0,6.071 -4.929,11 -11,11c-6.071,0 -11,-4.929 -11,-11c0,-6.071 4.929,-11 11,-11Z\"><\/path>  <path d=\"M32,27c-2.76,0 -5,2.24 -5,5c0,2.76 2.24,5 5,5c2.76,-0 5,-2.24 5,-5c-0,-2.76 -2.24,-5 -5,-5Zm0,2c1.656,0 3,1.344 3,3c-0,1.656 -1.344,3 -3,3c-1.656,-0 -3,-1.344 -3,-3c0,-1.656 1.344,-3 3,-3Z\"><\/path>  <path d=\"M9,33l14,0c0.552,0 1,-0.448 1,-1c0,-0.552 -0.448,-1 -1,-1l-14,0c-0.552,0 -1,0.448 -1,1c0,0.552 0.448,1 1,1Z\"><\/path>  <path d=\"M33,55l0,-14c-0,-0.552 -0.448,-1 -1,-1c-0.552,0 -1,0.448 -1,1l0,14c-0,0.552 0.448,1 1,1c0.552,0 1,-0.448 1,-1Z\"><\/path>  <path d=\"M41,33l14,0c0.552,0 1,-0.448 1,-1c0,-0.552 -0.448,-1 -1,-1l-14,0c-0.552,0 -1,0.448 -1,1c0,0.552 0.448,1 1,1Z\"><\/path>  <path d=\"M33,23l0,-14c-0,-0.552 -0.448,-1 -1,-1c-0.552,0 -1,0.448 -1,1l0,14c-0,0.552 0.448,1 1,1c0.552,0 1,-0.448 1,-1Z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Exterior - Interior<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t<\/ul>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6d02b0b elementor-absolute elementor-hidden-mobile elementor-widget elementor-widget-heading\" data-id=\"6d02b0b\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_position&quot;:&quot;absolute&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">01<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-a3d64ee e-con-full e-flex e-con e-child\" data-id=\"a3d64ee\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-078aca7 elementor-widget elementor-widget-image\" data-id=\"078aca7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"1024\" height=\"638\" src=\"https:\/\/panosky.com\/wp-content\/uploads\/2026\/08\/For-personal-fb-Gartons-capDe-1024x638.jpg\" class=\"attachment-large size-large wp-image-2567\" alt=\"\" srcset=\"https:\/\/panosky.com\/wp-content\/uploads\/2026\/08\/For-personal-fb-Gartons-capDe-1024x638.jpg 1024w, https:\/\/panosky.com\/wp-content\/uploads\/2026\/08\/For-personal-fb-Gartons-capDe-300x187.jpg 300w, https:\/\/panosky.com\/wp-content\/uploads\/2026\/08\/For-personal-fb-Gartons-capDe-768x478.jpg 768w, https:\/\/panosky.com\/wp-content\/uploads\/2026\/08\/For-personal-fb-Gartons-capDe-1536x956.jpg 1536w, https:\/\/panosky.com\/wp-content\/uploads\/2026\/08\/For-personal-fb-Gartons-capDe-2048x1275.jpg 2048w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-42940b8 e-con e-atomic-element e-flexbox-base e-42940b8-2637db5 \" data-id=\"42940b8\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"42940b8\" data-e-type=\"e-flexbox\" data-id=\"42940b8\">\n    <div class=\"elementor-element elementor-element-bfa8d5d e-flex e-con-boxed e-con e-parent\" data-id=\"bfa8d5d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-a8547aa e-con-full e-flex e-con e-child\" data-id=\"a8547aa\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5d3ce0b elementor-widget elementor-widget-image\" data-id=\"5d3ce0b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"1920\" height=\"2560\" src=\"https:\/\/panosky.com\/wp-content\/uploads\/2026\/08\/DJI_0463-scaled.jpg\" class=\"attachment-full size-full wp-image-2556\" alt=\"\" srcset=\"https:\/\/panosky.com\/wp-content\/uploads\/2026\/08\/DJI_0463-scaled.jpg 1920w, https:\/\/panosky.com\/wp-content\/uploads\/2026\/08\/DJI_0463-225x300.jpg 225w, https:\/\/panosky.com\/wp-content\/uploads\/2026\/08\/DJI_0463-768x1024.jpg 768w, https:\/\/panosky.com\/wp-content\/uploads\/2026\/08\/DJI_0463-1152x1536.jpg 1152w, https:\/\/panosky.com\/wp-content\/uploads\/2026\/08\/DJI_0463-1536x2048.jpg 1536w\" sizes=\"(max-width: 1920px) 100vw, 1920px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-39f13ba e-con-full e-flex e-con e-child\" data-id=\"39f13ba\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1b38963 elementor-widget elementor-widget-heading\" data-id=\"1b38963\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">HOSPITALITY<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d81c574 elementor-widget elementor-widget-heading\" data-id=\"d81c574\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Marabedda Gardens<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9ceac8e elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list\" data-id=\"9ceac8e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-list.default\">\n\t\t\t\t\t\t\t<ul class=\"elementor-icon-list-items\">\n\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" viewBox=\"8 8 48 48\" xml:space=\"preserve\" style=\"\" x=\"0px\" y=\"0px\" fill-rule=\"evenodd\" clip-rule=\"evenodd\" stroke-linejoin=\"round\" stroke-miterlimit=\"2\">  <defs>    <linearGradient id=\"iconGradient\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"100%\">      <stop offset=\"0%\" stop-color=\"#008BFF\"><\/stop>      <stop offset=\"100%\" stop-color=\"#50f5FF\"><\/stop>    <\/linearGradient>  <\/defs>  <style type=\"text\/css\">    path, g { fill: url(#iconGradient); }  <\/style>  <rect x=\"0\" y=\"0\" width=\"64\" height=\"64\" style=\"\" fill=\"none\"><\/rect>  <path d=\"M32,11c-11.59,0 -21,9.41 -21,21c-0,11.59 9.41,21 21,21c11.59,0 21,-9.41 21,-21c0,-11.59 -9.41,-21 -21,-21Zm-0,2c10.486,0 19,8.514 19,19c0,10.486 -8.514,19 -19,19c-10.486,0 -19,-8.514 -19,-19c-0,-10.486 8.514,-19 19,-19Z\"><\/path>  <path d=\"M32,19c-7.175,0 -13,5.825 -13,13c0,7.175 5.825,13 13,13c7.175,-0 13,-5.825 13,-13c-0,-7.175 -5.825,-13 -13,-13Zm0,2c6.071,0 11,4.929 11,11c-0,6.071 -4.929,11 -11,11c-6.071,0 -11,-4.929 -11,-11c0,-6.071 4.929,-11 11,-11Z\"><\/path>  <path d=\"M32,27c-2.76,0 -5,2.24 -5,5c0,2.76 2.24,5 5,5c2.76,-0 5,-2.24 5,-5c-0,-2.76 -2.24,-5 -5,-5Zm0,2c1.656,0 3,1.344 3,3c-0,1.656 -1.344,3 -3,3c-1.656,-0 -3,-1.344 -3,-3c0,-1.656 1.344,-3 3,-3Z\"><\/path>  <path d=\"M9,33l14,0c0.552,0 1,-0.448 1,-1c0,-0.552 -0.448,-1 -1,-1l-14,0c-0.552,0 -1,0.448 -1,1c0,0.552 0.448,1 1,1Z\"><\/path>  <path d=\"M33,55l0,-14c-0,-0.552 -0.448,-1 -1,-1c-0.552,0 -1,0.448 -1,1l0,14c-0,0.552 0.448,1 1,1c0.552,0 1,-0.448 1,-1Z\"><\/path>  <path d=\"M41,33l14,0c0.552,0 1,-0.448 1,-1c0,-0.552 -0.448,-1 -1,-1l-14,0c-0.552,0 -1,0.448 -1,1c0,0.552 0.448,1 1,1Z\"><\/path>  <path d=\"M33,23l0,-14c-0,-0.552 -0.448,-1 -1,-1c-0.552,0 -1,0.448 -1,1l0,14c-0,0.552 0.448,1 1,1c0.552,0 1,-0.448 1,-1Z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Ahangama, Sri Lanka.<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t<\/ul>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2b7ef32 elementor-widget elementor-widget-text-editor\" data-id=\"2b7ef32\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>A beachside sanctuary where the sea and design exist in perfect harmony.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-22c2e9a elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list\" data-id=\"22c2e9a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-list.default\">\n\t\t\t\t\t\t\t<ul class=\"elementor-icon-list-items\">\n\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" viewBox=\"8 8 48 48\" xml:space=\"preserve\" style=\"\" x=\"0px\" y=\"0px\" fill-rule=\"evenodd\" clip-rule=\"evenodd\" stroke-linejoin=\"round\" stroke-miterlimit=\"2\">  <defs>    <linearGradient id=\"iconGradient\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"100%\">      <stop offset=\"0%\" stop-color=\"#008BFF\"><\/stop>      <stop offset=\"100%\" stop-color=\"#50f5FF\"><\/stop>    <\/linearGradient>  <\/defs>  <style type=\"text\/css\">    path, g { fill: url(#iconGradient); }  <\/style>  <rect x=\"0\" y=\"0\" width=\"64\" height=\"64\" style=\"\" fill=\"none\"><\/rect>  <path d=\"M32,11c-11.59,0 -21,9.41 -21,21c-0,11.59 9.41,21 21,21c11.59,0 21,-9.41 21,-21c0,-11.59 -9.41,-21 -21,-21Zm-0,2c10.486,0 19,8.514 19,19c0,10.486 -8.514,19 -19,19c-10.486,0 -19,-8.514 -19,-19c-0,-10.486 8.514,-19 19,-19Z\"><\/path>  <path d=\"M32,19c-7.175,0 -13,5.825 -13,13c0,7.175 5.825,13 13,13c7.175,-0 13,-5.825 13,-13c-0,-7.175 -5.825,-13 -13,-13Zm0,2c6.071,0 11,4.929 11,11c-0,6.071 -4.929,11 -11,11c-6.071,0 -11,-4.929 -11,-11c0,-6.071 4.929,-11 11,-11Z\"><\/path>  <path d=\"M32,27c-2.76,0 -5,2.24 -5,5c0,2.76 2.24,5 5,5c2.76,-0 5,-2.24 5,-5c-0,-2.76 -2.24,-5 -5,-5Zm0,2c1.656,0 3,1.344 3,3c-0,1.656 -1.344,3 -3,3c-1.656,-0 -3,-1.344 -3,-3c0,-1.656 1.344,-3 3,-3Z\"><\/path>  <path d=\"M9,33l14,0c0.552,0 1,-0.448 1,-1c0,-0.552 -0.448,-1 -1,-1l-14,0c-0.552,0 -1,0.448 -1,1c0,0.552 0.448,1 1,1Z\"><\/path>  <path d=\"M33,55l0,-14c-0,-0.552 -0.448,-1 -1,-1c-0.552,0 -1,0.448 -1,1l0,14c-0,0.552 0.448,1 1,1c0.552,0 1,-0.448 1,-1Z\"><\/path>  <path d=\"M41,33l14,0c0.552,0 1,-0.448 1,-1c0,-0.552 -0.448,-1 -1,-1l-14,0c-0.552,0 -1,0.448 -1,1c0,0.552 0.448,1 1,1Z\"><\/path>  <path d=\"M33,23l0,-14c-0,-0.552 -0.448,-1 -1,-1c-0.552,0 -1,0.448 -1,1l0,14c-0,0.552 0.448,1 1,1c0.552,0 1,-0.448 1,-1Z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">14,250 SQ FT<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" viewBox=\"8 8 48 48\" xml:space=\"preserve\" style=\"\" x=\"0px\" y=\"0px\" fill-rule=\"evenodd\" clip-rule=\"evenodd\" stroke-linejoin=\"round\" stroke-miterlimit=\"2\">  <defs>    <linearGradient id=\"iconGradient\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"100%\">      <stop offset=\"0%\" stop-color=\"#008BFF\"><\/stop>      <stop offset=\"100%\" stop-color=\"#50f5FF\"><\/stop>    <\/linearGradient>  <\/defs>  <style type=\"text\/css\">    path, g { fill: url(#iconGradient); }  <\/style>  <rect x=\"0\" y=\"0\" width=\"64\" height=\"64\" style=\"\" fill=\"none\"><\/rect>  <path d=\"M32,11c-11.59,0 -21,9.41 -21,21c-0,11.59 9.41,21 21,21c11.59,0 21,-9.41 21,-21c0,-11.59 -9.41,-21 -21,-21Zm-0,2c10.486,0 19,8.514 19,19c0,10.486 -8.514,19 -19,19c-10.486,0 -19,-8.514 -19,-19c-0,-10.486 8.514,-19 19,-19Z\"><\/path>  <path d=\"M32,19c-7.175,0 -13,5.825 -13,13c0,7.175 5.825,13 13,13c7.175,-0 13,-5.825 13,-13c-0,-7.175 -5.825,-13 -13,-13Zm0,2c6.071,0 11,4.929 11,11c-0,6.071 -4.929,11 -11,11c-6.071,0 -11,-4.929 -11,-11c0,-6.071 4.929,-11 11,-11Z\"><\/path>  <path d=\"M32,27c-2.76,0 -5,2.24 -5,5c0,2.76 2.24,5 5,5c2.76,-0 5,-2.24 5,-5c-0,-2.76 -2.24,-5 -5,-5Zm0,2c1.656,0 3,1.344 3,3c-0,1.656 -1.344,3 -3,3c-1.656,-0 -3,-1.344 -3,-3c0,-1.656 1.344,-3 3,-3Z\"><\/path>  <path d=\"M9,33l14,0c0.552,0 1,-0.448 1,-1c0,-0.552 -0.448,-1 -1,-1l-14,0c-0.552,0 -1,0.448 -1,1c0,0.552 0.448,1 1,1Z\"><\/path>  <path d=\"M33,55l0,-14c-0,-0.552 -0.448,-1 -1,-1c-0.552,0 -1,0.448 -1,1l0,14c-0,0.552 0.448,1 1,1c0.552,0 1,-0.448 1,-1Z\"><\/path>  <path d=\"M41,33l14,0c0.552,0 1,-0.448 1,-1c0,-0.552 -0.448,-1 -1,-1l-14,0c-0.552,0 -1,0.448 -1,1c0,0.552 0.448,1 1,1Z\"><\/path>  <path d=\"M33,23l0,-14c-0,-0.552 -0.448,-1 -1,-1c-0.552,0 -1,0.448 -1,1l0,14c-0,0.552 0.448,1 1,1c0.552,0 1,-0.448 1,-1Z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">48 Panoramas<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" viewBox=\"8 8 48 48\" xml:space=\"preserve\" style=\"\" x=\"0px\" y=\"0px\" fill-rule=\"evenodd\" clip-rule=\"evenodd\" stroke-linejoin=\"round\" stroke-miterlimit=\"2\">  <defs>    <linearGradient id=\"iconGradient\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"100%\">      <stop offset=\"0%\" stop-color=\"#008BFF\"><\/stop>      <stop offset=\"100%\" stop-color=\"#50f5FF\"><\/stop>    <\/linearGradient>  <\/defs>  <style type=\"text\/css\">    path, g { fill: url(#iconGradient); }  <\/style>  <rect x=\"0\" y=\"0\" width=\"64\" height=\"64\" style=\"\" fill=\"none\"><\/rect>  <path d=\"M32,11c-11.59,0 -21,9.41 -21,21c-0,11.59 9.41,21 21,21c11.59,0 21,-9.41 21,-21c0,-11.59 -9.41,-21 -21,-21Zm-0,2c10.486,0 19,8.514 19,19c0,10.486 -8.514,19 -19,19c-10.486,0 -19,-8.514 -19,-19c-0,-10.486 8.514,-19 19,-19Z\"><\/path>  <path d=\"M32,19c-7.175,0 -13,5.825 -13,13c0,7.175 5.825,13 13,13c7.175,-0 13,-5.825 13,-13c-0,-7.175 -5.825,-13 -13,-13Zm0,2c6.071,0 11,4.929 11,11c-0,6.071 -4.929,11 -11,11c-6.071,0 -11,-4.929 -11,-11c0,-6.071 4.929,-11 11,-11Z\"><\/path>  <path d=\"M32,27c-2.76,0 -5,2.24 -5,5c0,2.76 2.24,5 5,5c2.76,-0 5,-2.24 5,-5c-0,-2.76 -2.24,-5 -5,-5Zm0,2c1.656,0 3,1.344 3,3c-0,1.656 -1.344,3 -3,3c-1.656,-0 -3,-1.344 -3,-3c0,-1.656 1.344,-3 3,-3Z\"><\/path>  <path d=\"M9,33l14,0c0.552,0 1,-0.448 1,-1c0,-0.552 -0.448,-1 -1,-1l-14,0c-0.552,0 -1,0.448 -1,1c0,0.552 0.448,1 1,1Z\"><\/path>  <path d=\"M33,55l0,-14c-0,-0.552 -0.448,-1 -1,-1c-0.552,0 -1,0.448 -1,1l0,14c-0,0.552 0.448,1 1,1c0.552,0 1,-0.448 1,-1Z\"><\/path>  <path d=\"M41,33l14,0c0.552,0 1,-0.448 1,-1c0,-0.552 -0.448,-1 -1,-1l-14,0c-0.552,0 -1,0.448 -1,1c0,0.552 0.448,1 1,1Z\"><\/path>  <path d=\"M33,23l0,-14c-0,-0.552 -0.448,-1 -1,-1c-0.552,0 -1,0.448 -1,1l0,14c-0,0.552 0.448,1 1,1c0.552,0 1,-0.448 1,-1Z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Exterior - Interior<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t<\/ul>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c0ef684 elementor-absolute elementor-hidden-mobile elementor-widget elementor-widget-heading\" data-id=\"c0ef684\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_position&quot;:&quot;absolute&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">02<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-6fbb617 e-con e-atomic-element e-flexbox-base e-6fbb617-a85841c \" data-id=\"6fbb617\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"6fbb617\" data-e-type=\"e-flexbox\" data-id=\"6fbb617\">\n    <div class=\"elementor-element elementor-element-95e8438 e-flex e-con-boxed e-con e-parent\" data-id=\"95e8438\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-5ba5b3b e-con-full e-flex e-con e-child\" data-id=\"5ba5b3b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-88c247f elementor-widget elementor-widget-heading\" data-id=\"88c247f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">HOSPITALITY<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-861e2c1 elementor-widget elementor-widget-heading\" data-id=\"861e2c1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Aarya Collection<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0674983 elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list\" data-id=\"0674983\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-list.default\">\n\t\t\t\t\t\t\t<ul class=\"elementor-icon-list-items\">\n\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" viewBox=\"8 8 48 48\" xml:space=\"preserve\" style=\"\" x=\"0px\" y=\"0px\" fill-rule=\"evenodd\" clip-rule=\"evenodd\" stroke-linejoin=\"round\" stroke-miterlimit=\"2\">  <defs>    <linearGradient id=\"iconGradient\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"100%\">      <stop offset=\"0%\" stop-color=\"#008BFF\"><\/stop>      <stop offset=\"100%\" stop-color=\"#50f5FF\"><\/stop>    <\/linearGradient>  <\/defs>  <style type=\"text\/css\">    path, g { fill: url(#iconGradient); }  <\/style>  <rect x=\"0\" y=\"0\" width=\"64\" height=\"64\" style=\"\" fill=\"none\"><\/rect>  <path d=\"M32,11c-11.59,0 -21,9.41 -21,21c-0,11.59 9.41,21 21,21c11.59,0 21,-9.41 21,-21c0,-11.59 -9.41,-21 -21,-21Zm-0,2c10.486,0 19,8.514 19,19c0,10.486 -8.514,19 -19,19c-10.486,0 -19,-8.514 -19,-19c-0,-10.486 8.514,-19 19,-19Z\"><\/path>  <path d=\"M32,19c-7.175,0 -13,5.825 -13,13c0,7.175 5.825,13 13,13c7.175,-0 13,-5.825 13,-13c-0,-7.175 -5.825,-13 -13,-13Zm0,2c6.071,0 11,4.929 11,11c-0,6.071 -4.929,11 -11,11c-6.071,0 -11,-4.929 -11,-11c0,-6.071 4.929,-11 11,-11Z\"><\/path>  <path d=\"M32,27c-2.76,0 -5,2.24 -5,5c0,2.76 2.24,5 5,5c2.76,-0 5,-2.24 5,-5c-0,-2.76 -2.24,-5 -5,-5Zm0,2c1.656,0 3,1.344 3,3c-0,1.656 -1.344,3 -3,3c-1.656,-0 -3,-1.344 -3,-3c0,-1.656 1.344,-3 3,-3Z\"><\/path>  <path d=\"M9,33l14,0c0.552,0 1,-0.448 1,-1c0,-0.552 -0.448,-1 -1,-1l-14,0c-0.552,0 -1,0.448 -1,1c0,0.552 0.448,1 1,1Z\"><\/path>  <path d=\"M33,55l0,-14c-0,-0.552 -0.448,-1 -1,-1c-0.552,0 -1,0.448 -1,1l0,14c-0,0.552 0.448,1 1,1c0.552,0 1,-0.448 1,-1Z\"><\/path>  <path d=\"M41,33l14,0c0.552,0 1,-0.448 1,-1c0,-0.552 -0.448,-1 -1,-1l-14,0c-0.552,0 -1,0.448 -1,1c0,0.552 0.448,1 1,1Z\"><\/path>  <path d=\"M33,23l0,-14c-0,-0.552 -0.448,-1 -1,-1c-0.552,0 -1,0.448 -1,1l0,14c-0,0.552 0.448,1 1,1c0.552,0 1,-0.448 1,-1Z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Ahangama, Sri Lanka.<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t<\/ul>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-78fba62 elementor-widget elementor-widget-text-editor\" data-id=\"78fba62\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>A beachside sanctuary where the sea and design exist in perfect harmony.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-57f8883 elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list\" data-id=\"57f8883\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-list.default\">\n\t\t\t\t\t\t\t<ul class=\"elementor-icon-list-items\">\n\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" viewBox=\"8 8 48 48\" xml:space=\"preserve\" style=\"\" x=\"0px\" y=\"0px\" fill-rule=\"evenodd\" clip-rule=\"evenodd\" stroke-linejoin=\"round\" stroke-miterlimit=\"2\">  <defs>    <linearGradient id=\"iconGradient\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"100%\">      <stop offset=\"0%\" stop-color=\"#008BFF\"><\/stop>      <stop offset=\"100%\" stop-color=\"#50f5FF\"><\/stop>    <\/linearGradient>  <\/defs>  <style type=\"text\/css\">    path, g { fill: url(#iconGradient); }  <\/style>  <rect x=\"0\" y=\"0\" width=\"64\" height=\"64\" style=\"\" fill=\"none\"><\/rect>  <path d=\"M32,11c-11.59,0 -21,9.41 -21,21c-0,11.59 9.41,21 21,21c11.59,0 21,-9.41 21,-21c0,-11.59 -9.41,-21 -21,-21Zm-0,2c10.486,0 19,8.514 19,19c0,10.486 -8.514,19 -19,19c-10.486,0 -19,-8.514 -19,-19c-0,-10.486 8.514,-19 19,-19Z\"><\/path>  <path d=\"M32,19c-7.175,0 -13,5.825 -13,13c0,7.175 5.825,13 13,13c7.175,-0 13,-5.825 13,-13c-0,-7.175 -5.825,-13 -13,-13Zm0,2c6.071,0 11,4.929 11,11c-0,6.071 -4.929,11 -11,11c-6.071,0 -11,-4.929 -11,-11c0,-6.071 4.929,-11 11,-11Z\"><\/path>  <path d=\"M32,27c-2.76,0 -5,2.24 -5,5c0,2.76 2.24,5 5,5c2.76,-0 5,-2.24 5,-5c-0,-2.76 -2.24,-5 -5,-5Zm0,2c1.656,0 3,1.344 3,3c-0,1.656 -1.344,3 -3,3c-1.656,-0 -3,-1.344 -3,-3c0,-1.656 1.344,-3 3,-3Z\"><\/path>  <path d=\"M9,33l14,0c0.552,0 1,-0.448 1,-1c0,-0.552 -0.448,-1 -1,-1l-14,0c-0.552,0 -1,0.448 -1,1c0,0.552 0.448,1 1,1Z\"><\/path>  <path d=\"M33,55l0,-14c-0,-0.552 -0.448,-1 -1,-1c-0.552,0 -1,0.448 -1,1l0,14c-0,0.552 0.448,1 1,1c0.552,0 1,-0.448 1,-1Z\"><\/path>  <path d=\"M41,33l14,0c0.552,0 1,-0.448 1,-1c0,-0.552 -0.448,-1 -1,-1l-14,0c-0.552,0 -1,0.448 -1,1c0,0.552 0.448,1 1,1Z\"><\/path>  <path d=\"M33,23l0,-14c-0,-0.552 -0.448,-1 -1,-1c-0.552,0 -1,0.448 -1,1l0,14c-0,0.552 0.448,1 1,1c0.552,0 1,-0.448 1,-1Z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">14,250 SQ FT<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" viewBox=\"8 8 48 48\" xml:space=\"preserve\" style=\"\" x=\"0px\" y=\"0px\" fill-rule=\"evenodd\" clip-rule=\"evenodd\" stroke-linejoin=\"round\" stroke-miterlimit=\"2\">  <defs>    <linearGradient id=\"iconGradient\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"100%\">      <stop offset=\"0%\" stop-color=\"#008BFF\"><\/stop>      <stop offset=\"100%\" stop-color=\"#50f5FF\"><\/stop>    <\/linearGradient>  <\/defs>  <style type=\"text\/css\">    path, g { fill: url(#iconGradient); }  <\/style>  <rect x=\"0\" y=\"0\" width=\"64\" height=\"64\" style=\"\" fill=\"none\"><\/rect>  <path d=\"M32,11c-11.59,0 -21,9.41 -21,21c-0,11.59 9.41,21 21,21c11.59,0 21,-9.41 21,-21c0,-11.59 -9.41,-21 -21,-21Zm-0,2c10.486,0 19,8.514 19,19c0,10.486 -8.514,19 -19,19c-10.486,0 -19,-8.514 -19,-19c-0,-10.486 8.514,-19 19,-19Z\"><\/path>  <path d=\"M32,19c-7.175,0 -13,5.825 -13,13c0,7.175 5.825,13 13,13c7.175,-0 13,-5.825 13,-13c-0,-7.175 -5.825,-13 -13,-13Zm0,2c6.071,0 11,4.929 11,11c-0,6.071 -4.929,11 -11,11c-6.071,0 -11,-4.929 -11,-11c0,-6.071 4.929,-11 11,-11Z\"><\/path>  <path d=\"M32,27c-2.76,0 -5,2.24 -5,5c0,2.76 2.24,5 5,5c2.76,-0 5,-2.24 5,-5c-0,-2.76 -2.24,-5 -5,-5Zm0,2c1.656,0 3,1.344 3,3c-0,1.656 -1.344,3 -3,3c-1.656,-0 -3,-1.344 -3,-3c0,-1.656 1.344,-3 3,-3Z\"><\/path>  <path d=\"M9,33l14,0c0.552,0 1,-0.448 1,-1c0,-0.552 -0.448,-1 -1,-1l-14,0c-0.552,0 -1,0.448 -1,1c0,0.552 0.448,1 1,1Z\"><\/path>  <path d=\"M33,55l0,-14c-0,-0.552 -0.448,-1 -1,-1c-0.552,0 -1,0.448 -1,1l0,14c-0,0.552 0.448,1 1,1c0.552,0 1,-0.448 1,-1Z\"><\/path>  <path d=\"M41,33l14,0c0.552,0 1,-0.448 1,-1c0,-0.552 -0.448,-1 -1,-1l-14,0c-0.552,0 -1,0.448 -1,1c0,0.552 0.448,1 1,1Z\"><\/path>  <path d=\"M33,23l0,-14c-0,-0.552 -0.448,-1 -1,-1c-0.552,0 -1,0.448 -1,1l0,14c-0,0.552 0.448,1 1,1c0.552,0 1,-0.448 1,-1Z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">48 Panoramas<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" viewBox=\"8 8 48 48\" xml:space=\"preserve\" style=\"\" x=\"0px\" y=\"0px\" fill-rule=\"evenodd\" clip-rule=\"evenodd\" stroke-linejoin=\"round\" stroke-miterlimit=\"2\">  <defs>    <linearGradient id=\"iconGradient\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"100%\">      <stop offset=\"0%\" stop-color=\"#008BFF\"><\/stop>      <stop offset=\"100%\" stop-color=\"#50f5FF\"><\/stop>    <\/linearGradient>  <\/defs>  <style type=\"text\/css\">    path, g { fill: url(#iconGradient); }  <\/style>  <rect x=\"0\" y=\"0\" width=\"64\" height=\"64\" style=\"\" fill=\"none\"><\/rect>  <path d=\"M32,11c-11.59,0 -21,9.41 -21,21c-0,11.59 9.41,21 21,21c11.59,0 21,-9.41 21,-21c0,-11.59 -9.41,-21 -21,-21Zm-0,2c10.486,0 19,8.514 19,19c0,10.486 -8.514,19 -19,19c-10.486,0 -19,-8.514 -19,-19c-0,-10.486 8.514,-19 19,-19Z\"><\/path>  <path d=\"M32,19c-7.175,0 -13,5.825 -13,13c0,7.175 5.825,13 13,13c7.175,-0 13,-5.825 13,-13c-0,-7.175 -5.825,-13 -13,-13Zm0,2c6.071,0 11,4.929 11,11c-0,6.071 -4.929,11 -11,11c-6.071,0 -11,-4.929 -11,-11c0,-6.071 4.929,-11 11,-11Z\"><\/path>  <path d=\"M32,27c-2.76,0 -5,2.24 -5,5c0,2.76 2.24,5 5,5c2.76,-0 5,-2.24 5,-5c-0,-2.76 -2.24,-5 -5,-5Zm0,2c1.656,0 3,1.344 3,3c-0,1.656 -1.344,3 -3,3c-1.656,-0 -3,-1.344 -3,-3c0,-1.656 1.344,-3 3,-3Z\"><\/path>  <path d=\"M9,33l14,0c0.552,0 1,-0.448 1,-1c0,-0.552 -0.448,-1 -1,-1l-14,0c-0.552,0 -1,0.448 -1,1c0,0.552 0.448,1 1,1Z\"><\/path>  <path d=\"M33,55l0,-14c-0,-0.552 -0.448,-1 -1,-1c-0.552,0 -1,0.448 -1,1l0,14c-0,0.552 0.448,1 1,1c0.552,0 1,-0.448 1,-1Z\"><\/path>  <path d=\"M41,33l14,0c0.552,0 1,-0.448 1,-1c0,-0.552 -0.448,-1 -1,-1l-14,0c-0.552,0 -1,0.448 -1,1c0,0.552 0.448,1 1,1Z\"><\/path>  <path d=\"M33,23l0,-14c-0,-0.552 -0.448,-1 -1,-1c-0.552,0 -1,0.448 -1,1l0,14c-0,0.552 0.448,1 1,1c0.552,0 1,-0.448 1,-1Z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Exterior - Interior<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t<\/ul>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5241438 elementor-absolute elementor-hidden-mobile elementor-widget elementor-widget-heading\" data-id=\"5241438\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_position&quot;:&quot;absolute&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">03<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-fb9159c e-con-full e-flex e-con e-child\" data-id=\"fb9159c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-81ecb53 elementor-widget elementor-widget-image\" data-id=\"81ecb53\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"1159\" height=\"1449\" src=\"https:\/\/panosky.com\/wp-content\/uploads\/2026\/08\/aarya-fb.jpg\" class=\"attachment-full size-full wp-image-2572\" alt=\"\" srcset=\"https:\/\/panosky.com\/wp-content\/uploads\/2026\/08\/aarya-fb.jpg 1159w, https:\/\/panosky.com\/wp-content\/uploads\/2026\/08\/aarya-fb-240x300.jpg 240w, https:\/\/panosky.com\/wp-content\/uploads\/2026\/08\/aarya-fb-819x1024.jpg 819w, https:\/\/panosky.com\/wp-content\/uploads\/2026\/08\/aarya-fb-768x960.jpg 768w\" sizes=\"(max-width: 1159px) 100vw, 1159px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-bfa44f8 e-con e-atomic-element e-flexbox-base e-bfa44f8-7de1ab1 \" data-id=\"bfa44f8\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"bfa44f8\" data-e-type=\"e-flexbox\" data-id=\"bfa44f8\">\n    <div class=\"elementor-element elementor-element-758e2fc e-flex e-con-boxed e-con e-parent\" data-id=\"758e2fc\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-fee8155 e-con-full e-flex e-con e-child\" data-id=\"fee8155\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a23fadf elementor-widget elementor-widget-image\" data-id=\"a23fadf\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"1080\" height=\"1350\" src=\"https:\/\/panosky.com\/wp-content\/uploads\/2026\/08\/web-cover-s-mirissa.jpg\" class=\"attachment-full size-full wp-image-2573\" alt=\"\" srcset=\"https:\/\/panosky.com\/wp-content\/uploads\/2026\/08\/web-cover-s-mirissa.jpg 1080w, https:\/\/panosky.com\/wp-content\/uploads\/2026\/08\/web-cover-s-mirissa-240x300.jpg 240w, https:\/\/panosky.com\/wp-content\/uploads\/2026\/08\/web-cover-s-mirissa-819x1024.jpg 819w, https:\/\/panosky.com\/wp-content\/uploads\/2026\/08\/web-cover-s-mirissa-768x960.jpg 768w\" sizes=\"(max-width: 1080px) 100vw, 1080px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b943f29 e-con-full e-flex e-con e-child\" data-id=\"b943f29\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2b21a7b elementor-widget elementor-widget-heading\" data-id=\"2b21a7b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">HOSPITALITY<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ae0506d elementor-widget elementor-widget-heading\" data-id=\"ae0506d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Serendipity Mirissa<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4853d30 elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list\" data-id=\"4853d30\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-list.default\">\n\t\t\t\t\t\t\t<ul class=\"elementor-icon-list-items\">\n\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" viewBox=\"8 8 48 48\" xml:space=\"preserve\" style=\"\" x=\"0px\" y=\"0px\" fill-rule=\"evenodd\" clip-rule=\"evenodd\" stroke-linejoin=\"round\" stroke-miterlimit=\"2\">  <defs>    <linearGradient id=\"iconGradient\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"100%\">      <stop offset=\"0%\" stop-color=\"#008BFF\"><\/stop>      <stop offset=\"100%\" stop-color=\"#50f5FF\"><\/stop>    <\/linearGradient>  <\/defs>  <style type=\"text\/css\">    path, g { fill: url(#iconGradient); }  <\/style>  <rect x=\"0\" y=\"0\" width=\"64\" height=\"64\" style=\"\" fill=\"none\"><\/rect>  <path d=\"M32,11c-11.59,0 -21,9.41 -21,21c-0,11.59 9.41,21 21,21c11.59,0 21,-9.41 21,-21c0,-11.59 -9.41,-21 -21,-21Zm-0,2c10.486,0 19,8.514 19,19c0,10.486 -8.514,19 -19,19c-10.486,0 -19,-8.514 -19,-19c-0,-10.486 8.514,-19 19,-19Z\"><\/path>  <path d=\"M32,19c-7.175,0 -13,5.825 -13,13c0,7.175 5.825,13 13,13c7.175,-0 13,-5.825 13,-13c-0,-7.175 -5.825,-13 -13,-13Zm0,2c6.071,0 11,4.929 11,11c-0,6.071 -4.929,11 -11,11c-6.071,0 -11,-4.929 -11,-11c0,-6.071 4.929,-11 11,-11Z\"><\/path>  <path d=\"M32,27c-2.76,0 -5,2.24 -5,5c0,2.76 2.24,5 5,5c2.76,-0 5,-2.24 5,-5c-0,-2.76 -2.24,-5 -5,-5Zm0,2c1.656,0 3,1.344 3,3c-0,1.656 -1.344,3 -3,3c-1.656,-0 -3,-1.344 -3,-3c0,-1.656 1.344,-3 3,-3Z\"><\/path>  <path d=\"M9,33l14,0c0.552,0 1,-0.448 1,-1c0,-0.552 -0.448,-1 -1,-1l-14,0c-0.552,0 -1,0.448 -1,1c0,0.552 0.448,1 1,1Z\"><\/path>  <path d=\"M33,55l0,-14c-0,-0.552 -0.448,-1 -1,-1c-0.552,0 -1,0.448 -1,1l0,14c-0,0.552 0.448,1 1,1c0.552,0 1,-0.448 1,-1Z\"><\/path>  <path d=\"M41,33l14,0c0.552,0 1,-0.448 1,-1c0,-0.552 -0.448,-1 -1,-1l-14,0c-0.552,0 -1,0.448 -1,1c0,0.552 0.448,1 1,1Z\"><\/path>  <path d=\"M33,23l0,-14c-0,-0.552 -0.448,-1 -1,-1c-0.552,0 -1,0.448 -1,1l0,14c-0,0.552 0.448,1 1,1c0.552,0 1,-0.448 1,-1Z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Ahangama, Sri Lanka.<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t<\/ul>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ca2e637 elementor-widget elementor-widget-text-editor\" data-id=\"ca2e637\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>A beachside sanctuary where the sea and design exist in perfect harmony.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-00e4387 elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list\" data-id=\"00e4387\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-list.default\">\n\t\t\t\t\t\t\t<ul class=\"elementor-icon-list-items\">\n\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" viewBox=\"8 8 48 48\" xml:space=\"preserve\" style=\"\" x=\"0px\" y=\"0px\" fill-rule=\"evenodd\" clip-rule=\"evenodd\" stroke-linejoin=\"round\" stroke-miterlimit=\"2\">  <defs>    <linearGradient id=\"iconGradient\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"100%\">      <stop offset=\"0%\" stop-color=\"#008BFF\"><\/stop>      <stop offset=\"100%\" stop-color=\"#50f5FF\"><\/stop>    <\/linearGradient>  <\/defs>  <style type=\"text\/css\">    path, g { fill: url(#iconGradient); }  <\/style>  <rect x=\"0\" y=\"0\" width=\"64\" height=\"64\" style=\"\" fill=\"none\"><\/rect>  <path d=\"M32,11c-11.59,0 -21,9.41 -21,21c-0,11.59 9.41,21 21,21c11.59,0 21,-9.41 21,-21c0,-11.59 -9.41,-21 -21,-21Zm-0,2c10.486,0 19,8.514 19,19c0,10.486 -8.514,19 -19,19c-10.486,0 -19,-8.514 -19,-19c-0,-10.486 8.514,-19 19,-19Z\"><\/path>  <path d=\"M32,19c-7.175,0 -13,5.825 -13,13c0,7.175 5.825,13 13,13c7.175,-0 13,-5.825 13,-13c-0,-7.175 -5.825,-13 -13,-13Zm0,2c6.071,0 11,4.929 11,11c-0,6.071 -4.929,11 -11,11c-6.071,0 -11,-4.929 -11,-11c0,-6.071 4.929,-11 11,-11Z\"><\/path>  <path d=\"M32,27c-2.76,0 -5,2.24 -5,5c0,2.76 2.24,5 5,5c2.76,-0 5,-2.24 5,-5c-0,-2.76 -2.24,-5 -5,-5Zm0,2c1.656,0 3,1.344 3,3c-0,1.656 -1.344,3 -3,3c-1.656,-0 -3,-1.344 -3,-3c0,-1.656 1.344,-3 3,-3Z\"><\/path>  <path d=\"M9,33l14,0c0.552,0 1,-0.448 1,-1c0,-0.552 -0.448,-1 -1,-1l-14,0c-0.552,0 -1,0.448 -1,1c0,0.552 0.448,1 1,1Z\"><\/path>  <path d=\"M33,55l0,-14c-0,-0.552 -0.448,-1 -1,-1c-0.552,0 -1,0.448 -1,1l0,14c-0,0.552 0.448,1 1,1c0.552,0 1,-0.448 1,-1Z\"><\/path>  <path d=\"M41,33l14,0c0.552,0 1,-0.448 1,-1c0,-0.552 -0.448,-1 -1,-1l-14,0c-0.552,0 -1,0.448 -1,1c0,0.552 0.448,1 1,1Z\"><\/path>  <path d=\"M33,23l0,-14c-0,-0.552 -0.448,-1 -1,-1c-0.552,0 -1,0.448 -1,1l0,14c-0,0.552 0.448,1 1,1c0.552,0 1,-0.448 1,-1Z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">14,250 SQ FT<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" viewBox=\"8 8 48 48\" xml:space=\"preserve\" style=\"\" x=\"0px\" y=\"0px\" fill-rule=\"evenodd\" clip-rule=\"evenodd\" stroke-linejoin=\"round\" stroke-miterlimit=\"2\">  <defs>    <linearGradient id=\"iconGradient\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"100%\">      <stop offset=\"0%\" stop-color=\"#008BFF\"><\/stop>      <stop offset=\"100%\" stop-color=\"#50f5FF\"><\/stop>    <\/linearGradient>  <\/defs>  <style type=\"text\/css\">    path, g { fill: url(#iconGradient); }  <\/style>  <rect x=\"0\" y=\"0\" width=\"64\" height=\"64\" style=\"\" fill=\"none\"><\/rect>  <path d=\"M32,11c-11.59,0 -21,9.41 -21,21c-0,11.59 9.41,21 21,21c11.59,0 21,-9.41 21,-21c0,-11.59 -9.41,-21 -21,-21Zm-0,2c10.486,0 19,8.514 19,19c0,10.486 -8.514,19 -19,19c-10.486,0 -19,-8.514 -19,-19c-0,-10.486 8.514,-19 19,-19Z\"><\/path>  <path d=\"M32,19c-7.175,0 -13,5.825 -13,13c0,7.175 5.825,13 13,13c7.175,-0 13,-5.825 13,-13c-0,-7.175 -5.825,-13 -13,-13Zm0,2c6.071,0 11,4.929 11,11c-0,6.071 -4.929,11 -11,11c-6.071,0 -11,-4.929 -11,-11c0,-6.071 4.929,-11 11,-11Z\"><\/path>  <path d=\"M32,27c-2.76,0 -5,2.24 -5,5c0,2.76 2.24,5 5,5c2.76,-0 5,-2.24 5,-5c-0,-2.76 -2.24,-5 -5,-5Zm0,2c1.656,0 3,1.344 3,3c-0,1.656 -1.344,3 -3,3c-1.656,-0 -3,-1.344 -3,-3c0,-1.656 1.344,-3 3,-3Z\"><\/path>  <path d=\"M9,33l14,0c0.552,0 1,-0.448 1,-1c0,-0.552 -0.448,-1 -1,-1l-14,0c-0.552,0 -1,0.448 -1,1c0,0.552 0.448,1 1,1Z\"><\/path>  <path d=\"M33,55l0,-14c-0,-0.552 -0.448,-1 -1,-1c-0.552,0 -1,0.448 -1,1l0,14c-0,0.552 0.448,1 1,1c0.552,0 1,-0.448 1,-1Z\"><\/path>  <path d=\"M41,33l14,0c0.552,0 1,-0.448 1,-1c0,-0.552 -0.448,-1 -1,-1l-14,0c-0.552,0 -1,0.448 -1,1c0,0.552 0.448,1 1,1Z\"><\/path>  <path d=\"M33,23l0,-14c-0,-0.552 -0.448,-1 -1,-1c-0.552,0 -1,0.448 -1,1l0,14c-0,0.552 0.448,1 1,1c0.552,0 1,-0.448 1,-1Z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">48 Panoramas<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" viewBox=\"8 8 48 48\" xml:space=\"preserve\" style=\"\" x=\"0px\" y=\"0px\" fill-rule=\"evenodd\" clip-rule=\"evenodd\" stroke-linejoin=\"round\" stroke-miterlimit=\"2\">  <defs>    <linearGradient id=\"iconGradient\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"100%\">      <stop offset=\"0%\" stop-color=\"#008BFF\"><\/stop>      <stop offset=\"100%\" stop-color=\"#50f5FF\"><\/stop>    <\/linearGradient>  <\/defs>  <style type=\"text\/css\">    path, g { fill: url(#iconGradient); }  <\/style>  <rect x=\"0\" y=\"0\" width=\"64\" height=\"64\" style=\"\" fill=\"none\"><\/rect>  <path d=\"M32,11c-11.59,0 -21,9.41 -21,21c-0,11.59 9.41,21 21,21c11.59,0 21,-9.41 21,-21c0,-11.59 -9.41,-21 -21,-21Zm-0,2c10.486,0 19,8.514 19,19c0,10.486 -8.514,19 -19,19c-10.486,0 -19,-8.514 -19,-19c-0,-10.486 8.514,-19 19,-19Z\"><\/path>  <path d=\"M32,19c-7.175,0 -13,5.825 -13,13c0,7.175 5.825,13 13,13c7.175,-0 13,-5.825 13,-13c-0,-7.175 -5.825,-13 -13,-13Zm0,2c6.071,0 11,4.929 11,11c-0,6.071 -4.929,11 -11,11c-6.071,0 -11,-4.929 -11,-11c0,-6.071 4.929,-11 11,-11Z\"><\/path>  <path d=\"M32,27c-2.76,0 -5,2.24 -5,5c0,2.76 2.24,5 5,5c2.76,-0 5,-2.24 5,-5c-0,-2.76 -2.24,-5 -5,-5Zm0,2c1.656,0 3,1.344 3,3c-0,1.656 -1.344,3 -3,3c-1.656,-0 -3,-1.344 -3,-3c0,-1.656 1.344,-3 3,-3Z\"><\/path>  <path d=\"M9,33l14,0c0.552,0 1,-0.448 1,-1c0,-0.552 -0.448,-1 -1,-1l-14,0c-0.552,0 -1,0.448 -1,1c0,0.552 0.448,1 1,1Z\"><\/path>  <path d=\"M33,55l0,-14c-0,-0.552 -0.448,-1 -1,-1c-0.552,0 -1,0.448 -1,1l0,14c-0,0.552 0.448,1 1,1c0.552,0 1,-0.448 1,-1Z\"><\/path>  <path d=\"M41,33l14,0c0.552,0 1,-0.448 1,-1c0,-0.552 -0.448,-1 -1,-1l-14,0c-0.552,0 -1,0.448 -1,1c0,0.552 0.448,1 1,1Z\"><\/path>  <path d=\"M33,23l0,-14c-0,-0.552 -0.448,-1 -1,-1c-0.552,0 -1,0.448 -1,1l0,14c-0,0.552 0.448,1 1,1c0.552,0 1,-0.448 1,-1Z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Exterior - Interior<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t<\/ul>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-06744ee elementor-absolute elementor-hidden-mobile elementor-widget elementor-widget-heading\" data-id=\"06744ee\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_position&quot;:&quot;absolute&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">04<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-8ced807 e-con e-atomic-element e-flexbox-base e-8ced807-1957d3f \" data-id=\"8ced807\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"8ced807\" data-e-type=\"e-flexbox\" data-id=\"8ced807\">\n    <div class=\"elementor-element elementor-element-814edc5 e-flex e-con-boxed e-con e-parent\" data-id=\"814edc5\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b82bbb1 elementor-widget elementor-widget-html\" data-id=\"b82bbb1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!--\r\n  PANOSKY \u2014 PROJECT CTA\r\n  Paste this complete block into one Elementor HTML widget.\r\n\r\n  BUTTON LINK:\r\n  Find href=\"#\" near the bottom and replace # with your page link.\r\n-->\r\n\r\n<style>\r\n  .ps-project-cta,\r\n  .ps-project-cta * {\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  .ps-project-cta {\r\n    \/* =========================================\r\n       MAIN DESIGN CONTROLS\r\n       ========================================= *\/\r\n    --ps-cta-height: 156px;\r\n    --ps-cta-radius: 21px;\r\n    --ps-cta-border-width: 1px;\r\n    --ps-cta-border-color: rgba(154, 168, 188, 0.34);\r\n\r\n    --ps-cta-title-size: 29px;\r\n    --ps-cta-title-color: rgba(248, 250, 253, 0.96);\r\n    --ps-cta-text-size: 12px;\r\n    --ps-cta-text-color: rgba(230, 236, 246, 0.66);\r\n    --ps-cta-divider-color: rgba(155, 170, 191, 0.19);\r\n\r\n    \/* BUTTON CONTROLS *\/\r\n    --ps-button-width: 255px;\r\n    --ps-button-height: 56px;\r\n    --ps-button-radius: 4px;\r\n    --ps-button-font-size: 12px;\r\n    --ps-button-letter-spacing: 0.15em;\r\n    --ps-button-text-color: rgba(246, 249, 253, 0.92);\r\n    --ps-button-border-color: rgba(198, 207, 220, 0.48);\r\n    --ps-button-background: rgba(3, 13, 28, 0.10);\r\n    --ps-button-arrow-color: #448dff;\r\n\r\n    position: relative;\r\n    isolation: isolate;\r\n    width: 100%;\r\n    margin: 0;\r\n    background: transparent;\r\n    font-family:\r\n      var(--e-global-typography-text-font-family),\r\n      var(--e-global-typography-primary-font-family),\r\n      sans-serif;\r\n    -webkit-font-smoothing: antialiased;\r\n    text-rendering: geometricPrecision;\r\n  }\r\n\r\n  .ps-project-cta__panel {\r\n    position: relative;\r\n    display: grid;\r\n    grid-template-columns:\r\n      minmax(300px, 380px)\r\n      1px\r\n      minmax(185px, 225px)\r\n      minmax(25px, 1fr)\r\n      auto;\r\n    align-items: center;\r\n    width: 100%;\r\n    min-height: var(--ps-cta-height);\r\n    padding: 0 48px;\r\n    overflow: hidden;\r\n    border: var(--ps-cta-border-width) solid var(--ps-cta-border-color);\r\n    border-radius: var(--ps-cta-radius);\r\n    background: transparent;\r\n    box-shadow:\r\n      inset 0 0 0 1px rgba(255, 255, 255, 0.012),\r\n      0 15px 60px rgba(0, 15, 40, 0.07);\r\n  }\r\n\r\n  .ps-project-cta__title-wrap {\r\n    display: flex;\r\n    align-items: center;\r\n    min-width: 0;\r\n    height: 100%;\r\n    padding: 22px 32px 22px 2px;\r\n  }\r\n\r\n  .ps-project-cta__title {\r\n    max-width: 315px;\r\n    margin: 0;\r\n    color: var(--ps-cta-title-color);\r\n    font-family:\r\n      var(--e-global-typography-primary-font-family),\r\n      var(--e-global-typography-text-font-family),\r\n      sans-serif;\r\n    font-size: var(--ps-cta-title-size);\r\n    font-weight: var(--e-global-typography-primary-font-weight, 400);\r\n    line-height: 1.18;\r\n    letter-spacing: -0.035em;\r\n    text-wrap: balance;\r\n  }\r\n\r\n  .ps-project-cta__divider {\r\n    width: 1px;\r\n    height: 61px;\r\n    background: linear-gradient(\r\n      180deg,\r\n      transparent,\r\n      var(--ps-cta-divider-color) 13%,\r\n      var(--ps-cta-divider-color) 87%,\r\n      transparent\r\n    );\r\n  }\r\n\r\n  .ps-project-cta__support {\r\n    display: flex;\r\n    align-items: center;\r\n    min-width: 0;\r\n    height: 100%;\r\n    margin: 0;\r\n    padding-left: 38px;\r\n    color: var(--ps-cta-text-color);\r\n    font-family:\r\n      var(--e-global-typography-text-font-family),\r\n      var(--e-global-typography-primary-font-family),\r\n      sans-serif;\r\n    font-size: var(--ps-cta-text-size);\r\n    font-weight: var(--e-global-typography-text-font-weight, 400);\r\n    line-height: 1.72;\r\n  }\r\n\r\n  .ps-project-cta__space {\r\n    min-width: 0;\r\n  }\r\n\r\n  \/* =========================================\r\n     BUTTON\r\n     ========================================= *\/\r\n  .ps-project-cta__button {\r\n    position: relative;\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n    gap: 28px;\r\n    width: var(--ps-button-width);\r\n    height: var(--ps-button-height);\r\n    padding: 0 25px 0 27px;\r\n    overflow: hidden;\r\n    border: 1px solid var(--ps-button-border-color);\r\n    border-radius: var(--ps-button-radius);\r\n    outline: none;\r\n    background: var(--ps-button-background);\r\n    box-shadow:\r\n      inset 0 0 0 1px rgba(255, 255, 255, 0.055),\r\n      inset 0 0 22px rgba(119, 161, 220, 0.018),\r\n      0 5px 24px rgba(0, 10, 28, 0.08);\r\n    color: var(--ps-button-text-color);\r\n    font-family:\r\n      var(--e-global-typography-accent-font-family),\r\n      var(--e-global-typography-primary-font-family),\r\n      var(--e-global-typography-text-font-family),\r\n      sans-serif;\r\n    font-size: var(--ps-button-font-size);\r\n    font-weight: var(--e-global-typography-accent-font-weight, 600);\r\n    line-height: 1;\r\n    letter-spacing: var(--ps-button-letter-spacing);\r\n    text-align: center;\r\n    text-decoration: none;\r\n    text-transform: uppercase;\r\n    white-space: nowrap;\r\n    cursor: pointer;\r\n    transition:\r\n      border-color 320ms ease,\r\n      background-color 320ms ease,\r\n      box-shadow 320ms ease,\r\n      transform 320ms cubic-bezier(.2, .7, .2, 1);\r\n  }\r\n  \/* =========================================================\r\n   ISOLATE BUTTON TEXT FROM ELEMENTOR \/ THEME LINK COLORS\r\n   ========================================================= *\/\r\n\r\n.ps-project-cta a.ps-project-cta__button,\r\n.ps-project-cta a.ps-project-cta__button:link,\r\n.ps-project-cta a.ps-project-cta__button:visited,\r\n.ps-project-cta a.ps-project-cta__button:hover,\r\n.ps-project-cta a.ps-project-cta__button:active,\r\n.ps-project-cta a.ps-project-cta__button:focus {\r\n    color: var(--ps-button-text-color) !important;\r\n    text-decoration: none !important;\r\n}\r\n\r\n.ps-project-cta__button-text {\r\n    color: inherit !important;\r\n    text-decoration: none !important;\r\n}\r\n\r\n  .ps-project-cta__button::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    inset: 0;\r\n    pointer-events: none;\r\n    background: linear-gradient(\r\n      112deg,\r\n      transparent 23%,\r\n      rgba(255, 255, 255, 0.045) 49%,\r\n      transparent 74%\r\n    );\r\n    opacity: 0;\r\n    transform: translateX(-45%);\r\n    transition:\r\n      opacity 350ms ease,\r\n      transform 650ms cubic-bezier(.2, .7, .2, 1);\r\n  }\r\n\r\n  .ps-project-cta__button-text {\r\n    position: relative;\r\n    z-index: 2;\r\n  }\r\n\r\n  .ps-project-cta__arrow {\r\n    position: relative;\r\n    z-index: 2;\r\n    flex: 0 0 auto;\r\n    width: 24px;\r\n    height: 14px;\r\n    color: var(--ps-button-arrow-color);\r\n    transition:\r\n      color 300ms ease,\r\n      transform 320ms cubic-bezier(.2, .7, .2, 1),\r\n      filter 300ms ease;\r\n  }\r\n\r\n  .ps-project-cta__arrow::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    top: 50%;\r\n    right: 1px;\r\n    width: 22px;\r\n    height: 1px;\r\n    background: currentColor;\r\n    transform: translateY(-50%);\r\n  }\r\n\r\n  .ps-project-cta__arrow::after {\r\n    content: \"\";\r\n    position: absolute;\r\n    top: 50%;\r\n    right: 1px;\r\n    width: 7px;\r\n    height: 7px;\r\n    border-top: 1px solid currentColor;\r\n    border-right: 1px solid currentColor;\r\n    transform: translateY(-50%) rotate(45deg);\r\n    transform-origin: center;\r\n  }\r\n\r\n  @media (hover: hover) and (pointer: fine) {\r\n    .ps-project-cta__button:hover {\r\n      border-color: rgba(128, 176, 242, 0.70);\r\n      background: rgba(26, 71, 132, 0.075);\r\n      box-shadow:\r\n        inset 0 0 0 1px rgba(255, 255, 255, 0.07),\r\n        inset 0 0 25px rgba(68, 141, 255, 0.045),\r\n        0 8px 28px rgba(0, 20, 55, 0.12);\r\n      transform: translateY(-2px);\r\n    }\r\n\r\n    .ps-project-cta__button:hover::before {\r\n      opacity: 1;\r\n      transform: translateX(45%);\r\n    }\r\n\r\n    .ps-project-cta__button:hover .ps-project-cta__arrow {\r\n      color: #68c9ff;\r\n      filter: drop-shadow(0 0 6px rgba(68, 167, 255, 0.48));\r\n      transform: translateX(4px);\r\n    }\r\n  }\r\n\r\n  .ps-project-cta__button:focus-visible {\r\n    border-color: rgba(110, 185, 255, 0.90);\r\n    box-shadow:\r\n      inset 0 0 0 1px rgba(255, 255, 255, 0.07),\r\n      0 0 0 3px rgba(68, 141, 255, 0.18);\r\n  }\r\n\r\n  \/* Tablet *\/\r\n  @media (max-width: 1100px) {\r\n    .ps-project-cta {\r\n      --ps-cta-height: 166px;\r\n      --ps-cta-title-size: 25px;\r\n      --ps-button-width: 220px;\r\n      --ps-button-height: 54px;\r\n    }\r\n\r\n    .ps-project-cta__panel {\r\n      grid-template-columns:\r\n        minmax(240px, 32%)\r\n        1px\r\n        minmax(145px, 185px)\r\n        minmax(18px, 1fr)\r\n        auto;\r\n      padding: 0 28px;\r\n    }\r\n\r\n    .ps-project-cta__title-wrap {\r\n      padding-right: 24px;\r\n    }\r\n\r\n    .ps-project-cta__support {\r\n      padding-left: 27px;\r\n    }\r\n\r\n    .ps-project-cta__button {\r\n      gap: 20px;\r\n      padding-right: 21px;\r\n      padding-left: 23px;\r\n    }\r\n  }\r\n\r\n  \/* Narrow tablet \u2014 remains horizontal *\/\r\n  @media (min-width: 768px) and (max-width: 900px) {\r\n    .ps-project-cta {\r\n      --ps-cta-title-size: 22px;\r\n      --ps-cta-text-size: 11px;\r\n      --ps-button-width: 190px;\r\n      --ps-button-font-size: 10.5px;\r\n    }\r\n\r\n    .ps-project-cta__panel {\r\n      grid-template-columns:\r\n        minmax(205px, 31%)\r\n        1px\r\n        132px\r\n        minmax(12px, 1fr)\r\n        auto;\r\n      padding: 0 18px;\r\n    }\r\n\r\n    .ps-project-cta__title-wrap {\r\n      padding-right: 17px;\r\n    }\r\n\r\n    .ps-project-cta__support {\r\n      padding-left: 18px;\r\n    }\r\n\r\n    .ps-project-cta__button {\r\n      gap: 14px;\r\n      padding-right: 17px;\r\n      padding-left: 19px;\r\n    }\r\n\r\n    .ps-project-cta__arrow {\r\n      width: 20px;\r\n    }\r\n\r\n    .ps-project-cta__arrow::before {\r\n      width: 18px;\r\n    }\r\n  }\r\n\r\n  \/* Mobile *\/\r\n  @media (max-width: 767px) {\r\n    .ps-project-cta {\r\n      --ps-cta-radius: 18px;\r\n      --ps-cta-title-size: 27px;\r\n      --ps-cta-text-size: 12.5px;\r\n      --ps-button-width: 100%;\r\n      --ps-button-height: 58px;\r\n      --ps-button-font-size: 11.5px;\r\n    }\r\n\r\n    .ps-project-cta__panel {\r\n      grid-template-columns: minmax(0, 1fr);\r\n      grid-template-rows: auto 1px auto 24px auto;\r\n      align-items: stretch;\r\n      min-height: 326px;\r\n      padding: 27px 24px 24px;\r\n    }\r\n\r\n    .ps-project-cta__title-wrap {\r\n      align-items: flex-start;\r\n      height: auto;\r\n      padding: 5px 2px 25px;\r\n    }\r\n\r\n    .ps-project-cta__title {\r\n      max-width: 310px;\r\n    }\r\n\r\n    .ps-project-cta__divider {\r\n      width: 100%;\r\n      height: 1px;\r\n      background: linear-gradient(\r\n        90deg,\r\n        var(--ps-cta-divider-color),\r\n        transparent 84%\r\n      );\r\n    }\r\n\r\n    .ps-project-cta__support {\r\n      align-items: flex-start;\r\n      height: auto;\r\n      padding: 22px 2px 0;\r\n    }\r\n\r\n    .ps-project-cta__button {\r\n      padding-right: 25px;\r\n      padding-left: 27px;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 390px) {\r\n    .ps-project-cta {\r\n      --ps-cta-title-size: 25px;\r\n    }\r\n\r\n    .ps-project-cta__panel {\r\n      padding-right: 20px;\r\n      padding-left: 20px;\r\n    }\r\n  }\r\n\r\n  @media (prefers-reduced-motion: reduce) {\r\n    .ps-project-cta__button,\r\n    .ps-project-cta__button::before,\r\n    .ps-project-cta__arrow {\r\n      transition: none;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<section class=\"ps-project-cta\" aria-labelledby=\"ps-project-cta-heading\">\r\n  <div class=\"ps-project-cta__panel\">\r\n    <div class=\"ps-project-cta__title-wrap\">\r\n      <h2 class=\"ps-project-cta__title\" id=\"ps-project-cta-heading\">\r\n        Ready to create a space<br>\r\n        that inspires?\r\n      <\/h2>\r\n    <\/div>\r\n\r\n    <div class=\"ps-project-cta__divider\" aria-hidden=\"true\"><\/div>\r\n\r\n    <p class=\"ps-project-cta__support\">\r\n      Let&rsquo;s craft something<br>\r\n      extraordinary together.\r\n    <\/p>\r\n\r\n    <div class=\"ps-project-cta__space\" aria-hidden=\"true\"><\/div>\r\n\r\n    <!-- Replace # below with your project\/contact page link -->\r\n    <a class=\"ps-project-cta__button\" href=\"#\">\r\n      <span class=\"ps-project-cta__button-text\">Start a Project<\/span>\r\n      <span class=\"ps-project-cta__arrow\" aria-hidden=\"true\"><\/span>\r\n    <\/a>\r\n  <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>N E S W DRAG TO EXPLORE SAMPLE WORK Immersive Spaces.Limitless Perspective. Handcrafted 360 experiences.Interactive. Immersive. Impactful. OUR PERSPECTIVE We capture more than spaces- we capture intent. Every environment we photograph is unique. Our process blends artistry, precision, and technology to reveal the feeling behind a spcae. From first light to final detail, we craft [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-1311","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.9 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Sample Work - PanoSky Systems<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/panosky.com\/?page_id=1311\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Sample Work - PanoSky Systems\" \/>\n<meta property=\"og:description\" content=\"N E S W DRAG TO EXPLORE SAMPLE WORK Immersive Spaces.Limitless Perspective. Handcrafted 360 experiences.Interactive. Immersive. Impactful. OUR PERSPECTIVE We capture more than spaces- we capture intent. Every environment we photograph is unique. Our process blends artistry, precision, and technology to reveal the feeling behind a spcae. From first light to final detail, we craft [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/panosky.com\/?page_id=1311\" \/>\n<meta property=\"og:site_name\" content=\"PanoSky Systems\" \/>\n<meta property=\"article:modified_time\" content=\"2026-08-25T08:27:09+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/panosky.com\/wp-content\/uploads\/2026\/08\/DJI_0463-scaled.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1920\" \/>\n\t<meta property=\"og:image:height\" content=\"2560\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"14 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/panosky.com\\\/?page_id=1311\",\"url\":\"https:\\\/\\\/panosky.com\\\/?page_id=1311\",\"name\":\"Sample Work - PanoSky Systems\",\"isPartOf\":{\"@id\":\"http:\\\/\\\/beepano.com\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/panosky.com\\\/?page_id=1311#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/panosky.com\\\/?page_id=1311#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/panosky.com\\\/wp-content\\\/uploads\\\/2026\\\/08\\\/DJI_0463-768x1024.jpg\",\"datePublished\":\"2026-07-22T06:04:00+00:00\",\"dateModified\":\"2026-08-25T08:27:09+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/panosky.com\\\/?page_id=1311#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/panosky.com\\\/?page_id=1311\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/panosky.com\\\/?page_id=1311#primaryimage\",\"url\":\"https:\\\/\\\/panosky.com\\\/wp-content\\\/uploads\\\/2026\\\/08\\\/DJI_0463-scaled.jpg\",\"contentUrl\":\"https:\\\/\\\/panosky.com\\\/wp-content\\\/uploads\\\/2026\\\/08\\\/DJI_0463-scaled.jpg\",\"width\":1920,\"height\":2560},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/panosky.com\\\/?page_id=1311#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/panosky.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Sample Work\"}]},{\"@type\":\"WebSite\",\"@id\":\"http:\\\/\\\/beepano.com\\\/#website\",\"url\":\"http:\\\/\\\/beepano.com\\\/\",\"name\":\"PanoSky Systems\",\"description\":\"\",\"publisher\":{\"@id\":\"http:\\\/\\\/beepano.com\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"http:\\\/\\\/beepano.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"http:\\\/\\\/beepano.com\\\/#organization\",\"name\":\"PanoSky Systems\",\"url\":\"http:\\\/\\\/beepano.com\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"http:\\\/\\\/beepano.com\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/panosky.com\\\/wp-content\\\/uploads\\\/2026\\\/07\\\/PanoSky-Logo-for-website-temp-01-1.png\",\"contentUrl\":\"https:\\\/\\\/panosky.com\\\/wp-content\\\/uploads\\\/2026\\\/07\\\/PanoSky-Logo-for-website-temp-01-1.png\",\"width\":1024,\"height\":221,\"caption\":\"PanoSky Systems\"},\"image\":{\"@id\":\"http:\\\/\\\/beepano.com\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Sample Work - PanoSky Systems","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/panosky.com\/?page_id=1311","og_locale":"en_US","og_type":"article","og_title":"Sample Work - PanoSky Systems","og_description":"N E S W DRAG TO EXPLORE SAMPLE WORK Immersive Spaces.Limitless Perspective. Handcrafted 360 experiences.Interactive. Immersive. Impactful. OUR PERSPECTIVE We capture more than spaces- we capture intent. Every environment we photograph is unique. Our process blends artistry, precision, and technology to reveal the feeling behind a spcae. From first light to final detail, we craft [&hellip;]","og_url":"https:\/\/panosky.com\/?page_id=1311","og_site_name":"PanoSky Systems","article_modified_time":"2026-08-25T08:27:09+00:00","og_image":[{"width":1920,"height":2560,"url":"https:\/\/panosky.com\/wp-content\/uploads\/2026\/08\/DJI_0463-scaled.jpg","type":"image\/jpeg"}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"14 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/panosky.com\/?page_id=1311","url":"https:\/\/panosky.com\/?page_id=1311","name":"Sample Work - PanoSky Systems","isPartOf":{"@id":"http:\/\/beepano.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/panosky.com\/?page_id=1311#primaryimage"},"image":{"@id":"https:\/\/panosky.com\/?page_id=1311#primaryimage"},"thumbnailUrl":"https:\/\/panosky.com\/wp-content\/uploads\/2026\/08\/DJI_0463-768x1024.jpg","datePublished":"2026-07-22T06:04:00+00:00","dateModified":"2026-08-25T08:27:09+00:00","breadcrumb":{"@id":"https:\/\/panosky.com\/?page_id=1311#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/panosky.com\/?page_id=1311"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/panosky.com\/?page_id=1311#primaryimage","url":"https:\/\/panosky.com\/wp-content\/uploads\/2026\/08\/DJI_0463-scaled.jpg","contentUrl":"https:\/\/panosky.com\/wp-content\/uploads\/2026\/08\/DJI_0463-scaled.jpg","width":1920,"height":2560},{"@type":"BreadcrumbList","@id":"https:\/\/panosky.com\/?page_id=1311#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/panosky.com\/"},{"@type":"ListItem","position":2,"name":"Sample Work"}]},{"@type":"WebSite","@id":"http:\/\/beepano.com\/#website","url":"http:\/\/beepano.com\/","name":"PanoSky Systems","description":"","publisher":{"@id":"http:\/\/beepano.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"http:\/\/beepano.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"http:\/\/beepano.com\/#organization","name":"PanoSky Systems","url":"http:\/\/beepano.com\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"http:\/\/beepano.com\/#\/schema\/logo\/image\/","url":"https:\/\/panosky.com\/wp-content\/uploads\/2026\/07\/PanoSky-Logo-for-website-temp-01-1.png","contentUrl":"https:\/\/panosky.com\/wp-content\/uploads\/2026\/07\/PanoSky-Logo-for-website-temp-01-1.png","width":1024,"height":221,"caption":"PanoSky Systems"},"image":{"@id":"http:\/\/beepano.com\/#\/schema\/logo\/image\/"}}]}},"brizy_media":[],"_links":{"self":[{"href":"https:\/\/panosky.com\/index.php?rest_route=\/wp\/v2\/pages\/1311","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/panosky.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/panosky.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/panosky.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/panosky.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1311"}],"version-history":[{"count":5,"href":"https:\/\/panosky.com\/index.php?rest_route=\/wp\/v2\/pages\/1311\/revisions"}],"predecessor-version":[{"id":2924,"href":"https:\/\/panosky.com\/index.php?rest_route=\/wp\/v2\/pages\/1311\/revisions\/2924"}],"wp:attachment":[{"href":"https:\/\/panosky.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1311"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}