{
  "id": "sirocco-desert-lodge",
  "css": "#jsoncut-canvas{background:#C7D0D2}",
  "fps": 1,
  "html": "<img id=\"sirocco-photo\" data-jc-clip data-jc-kind=\"image\" data-jc-role=\"hero\" data-jc-name=\"Exclusive Sirocco desert lodge photograph\" data-jc-start=\"0\" data-jc-duration=\"1\" data-jc-track=\"0\" src=\"https://jsoncut.com/showcase/examples/sirocco-desert-lodge/assets/hero-4afa8be5.png\" style=\"left:0;top:0;width:1080px;height:1350px;object-fit:cover;object-position:50% 50%\">\n<div id=\"sirocco-sky-wash\" data-jc-clip data-jc-kind=\"shape\" data-jc-name=\"Mineral sky wash\" data-jc-start=\"0\" data-jc-duration=\"1\" data-jc-track=\"1\" style=\"left:0;top:0;width:1080px;height:570px;background:linear-gradient(180deg,rgba(244,232,213,.36),rgba(244,232,213,0))\"></div>\n<svg id=\"sirocco-wind-lines\" data-jc-clip data-jc-kind=\"image\" data-jc-name=\"Prevailing west wind diagram\" data-jc-start=\"0\" data-jc-duration=\"1\" data-jc-track=\"2\" style=\"left:540px;top:45px;width:500px;height:250px\" viewBox=\"540 45 500 250\"><g fill=\"none\" stroke=\"#A94D2D\" stroke-width=\"2\" opacity=\".82\"><path d=\"M590 94C722 54 824 65 995 122\"/><path d=\"M554 144C704 104 838 116 1017 192\"/><path d=\"M621 201C744 172 858 191 1018 269\"/></g><g fill=\"#A94D2D\"><circle cx=\"590\" cy=\"94\" r=\"4\"/><circle cx=\"554\" cy=\"144\" r=\"4\"/><circle cx=\"621\" cy=\"201\" r=\"4\"/></g></svg>\n<div id=\"sirocco-index-rule\" data-jc-clip data-jc-kind=\"shape\" data-jc-name=\"Desert index accent rule\" data-jc-start=\"0\" data-jc-duration=\"1\" data-jc-track=\"3\" style=\"left:58px;top:56px;width:7px;height:60px;background:#A94D2D\"></div>\n<div id=\"sirocco-index\" data-jc-clip data-jc-kind=\"text\" data-jc-name=\"Desert coordinates index\" data-jc-start=\"0\" data-jc-duration=\"1\" data-jc-track=\"3\" style=\"left:82px;top:58px;width:430px;height:26px;color:#34271F;font-family:DM Sans;font-size:18px;font-weight:700;letter-spacing:3px;line-height:1;display:grid;align-content:center\">DESERT INDEX / 33.8° N</div>\n<div id=\"sirocco-title\" data-jc-clip data-jc-kind=\"text\" data-jc-name=\"Sirocco lodge title\" data-jc-start=\"0\" data-jc-duration=\"1\" data-jc-track=\"3\" style=\"left:56px;top:135px;width:900px;height:146px;color:#34271F;font-family:Newsreader;font-size:158px;font-weight:500;letter-spacing:-9px;line-height:1;display:grid;align-content:center\">SIROCCO</div>\n<div id=\"sirocco-tagline\" data-jc-clip data-jc-kind=\"text\" data-jc-name=\"Lodge material tagline\" data-jc-start=\"0\" data-jc-duration=\"1\" data-jc-track=\"3\" style=\"left:61px;top:286px;width:700px;height:35px;color:#4A514B;font-family:DM Sans;font-size:21px;font-weight:700;letter-spacing:5px;line-height:1;display:grid;align-content:center\">NINE ROOMS · WIND · EARTH · SHADE</div>\n<div id=\"sirocco-wind-label\" data-jc-clip data-jc-kind=\"text\" data-jc-name=\"Prevailing wind label\" data-jc-start=\"0\" data-jc-duration=\"1\" data-jc-track=\"3\" style=\"left:790px;top:290px;width:228px;height:26px;color:#4A514B;font-family:DM Sans;font-size:18px;font-weight:700;letter-spacing:2px;line-height:1;text-align:right;display:grid;align-content:center\">PREVAILING WEST</div>\n<div id=\"sirocco-booking-panel\" data-jc-clip data-jc-kind=\"shape\" data-jc-name=\"Opening booking panel\" data-jc-start=\"0\" data-jc-duration=\"1\" data-jc-track=\"3\" style=\"left:56px;top:1110px;width:968px;height:184px;background:rgba(244,232,213,.96)\"></div>\n<div id=\"sirocco-booking-accent\" data-jc-clip data-jc-kind=\"shape\" data-jc-name=\"Opening panel accent\" data-jc-start=\"0\" data-jc-duration=\"1\" data-jc-track=\"4\" style=\"left:56px;top:1110px;width:12px;height:184px;background:#A94D2D\"></div>\n<div id=\"sirocco-booking-divider\" data-jc-clip data-jc-kind=\"shape\" data-jc-name=\"Booking panel divider\" data-jc-start=\"0\" data-jc-duration=\"1\" data-jc-track=\"4\" style=\"left:584px;top:1140px;width:2px;height:124px;background:#CDAF82\"></div>\n<div id=\"sirocco-opening-label\" data-jc-clip data-jc-kind=\"text\" data-jc-name=\"Opening label\" data-jc-start=\"0\" data-jc-duration=\"1\" data-jc-track=\"5\" style=\"left:94px;top:1139px;width:300px;height:28px;color:#813A25;font-family:DM Sans;font-size:18px;font-weight:700;letter-spacing:3px;line-height:1;display:grid;align-content:center\">OPENING</div>\n<div id=\"sirocco-opening-date\" data-jc-clip data-jc-kind=\"text\" data-jc-name=\"Opening date\" data-jc-start=\"0\" data-jc-duration=\"1\" data-jc-track=\"5\" style=\"left:92px;top:1190px;width:450px;height:66px;color:#34271F;font-family:Newsreader;font-size:68px;font-weight:600;line-height:1;display:grid;align-content:center\">14 OCTOBER</div>\n<div id=\"sirocco-stay-label\" data-jc-clip data-jc-kind=\"text\" data-jc-name=\"Stay label\" data-jc-start=\"0\" data-jc-duration=\"1\" data-jc-track=\"5\" style=\"left:624px;top:1139px;width:300px;height:26px;color:#4A514B;font-family:DM Sans;font-size:18px;font-weight:700;letter-spacing:2px;line-height:1;display:grid;align-content:center\">STAY</div>\n<div id=\"sirocco-suites\" data-jc-clip data-jc-kind=\"text\" data-jc-name=\"Suite count\" data-jc-start=\"0\" data-jc-duration=\"1\" data-jc-track=\"5\" style=\"left:624px;top:1171px;width:330px;height:32px;color:#34271F;font-family:DM Sans;font-size:22px;font-weight:700;line-height:1;display:grid;align-content:center\">9 private suites</div>\n<div id=\"sirocco-price\" data-jc-clip data-jc-kind=\"text\" data-jc-name=\"Nightly price\" data-jc-start=\"0\" data-jc-duration=\"1\" data-jc-track=\"5\" style=\"left:624px;top:1207px;width:330px;height:32px;color:#34271F;font-family:DM Sans;font-size:22px;font-weight:700;line-height:1;display:grid;align-content:center\">from €210 / night</div>\n<div id=\"sirocco-url\" data-jc-clip data-jc-kind=\"text\" data-jc-name=\"Sirocco website\" data-jc-start=\"0\" data-jc-duration=\"1\" data-jc-track=\"5\" style=\"left:624px;top:1248px;width:330px;height:28px;color:#813A25;font-family:DM Sans;font-size:18px;font-weight:700;letter-spacing:2px;line-height:1;display:grid;align-content:center\">SIROCCO.STAY</div>",
  "name": "Sirocco desert lodge",
  "width": 1080,
  "format": "jsoncut-html",
  "height": 1350,
  "values": {},
  "version": 1,
  "duration": 1,
  "safeArea": {
    "top": 56,
    "left": 56,
    "right": 56,
    "bottom": 56
  },
  "variables": [],
  "customBlocks": [],
  "aspectVariants": [],
  "compositionKind": "image",
  "canvasBackground": "#C7D0D2",
  "editabilityTarget": "layered"
}