{"id":17,"date":"2026-07-26T12:35:24","date_gmt":"2026-07-26T12:35:24","guid":{"rendered":"https:\/\/citiesinthe.cloud\/?page_id=17"},"modified":"2026-07-26T12:47:12","modified_gmt":"2026-07-26T12:47:12","slug":"home","status":"publish","type":"page","link":"https:\/\/citiesinthe.cloud\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"17\" class=\"elementor elementor-17\">\n\t\t\t\t<div class=\"elementor-element elementor-element-99e3bb2 e-con e-atomic-element e-flexbox-base e-d1ed29b \" data-id=\"99e3bb2\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"99e3bb2\">\n    \t\t<div class=\"elementor-element elementor-element-3772ede elementor-widget elementor-widget-html\" data-id=\"3772ede\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n  .citc-home {\r\n    --citc-bg: #f4f1ea;\r\n    --citc-dark: #172331;\r\n    --citc-blue: #55788f;\r\n    --citc-light-blue: #b9d1dc;\r\n    --citc-cloud: #ffffff;\r\n    --citc-line: rgba(23, 35, 49, 0.14);\r\n\r\n    position: relative;\r\n    overflow: hidden;\r\n    min-height: 92vh;\r\n    display: flex;\r\n    align-items: center;\r\n    padding: 90px 24px;\r\n    background:\r\n      radial-gradient(circle at 82% 18%, rgba(185, 209, 220, 0.8), transparent 30%),\r\n      radial-gradient(circle at 12% 82%, rgba(255, 255, 255, 0.95), transparent 34%),\r\n      linear-gradient(135deg, #f8f6f1 0%, #edf3f5 52%, #d8e5ea 100%);\r\n    color: var(--citc-dark);\r\n    font-family: Arial, Helvetica, sans-serif;\r\n  }\r\n\r\n  .citc-home *,\r\n  .citc-home *::before,\r\n  .citc-home *::after {\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  .citc-home::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    width: 420px;\r\n    height: 420px;\r\n    top: -190px;\r\n    left: -130px;\r\n    border: 1px solid rgba(23, 35, 49, 0.08);\r\n    border-radius: 50%;\r\n  }\r\n\r\n  .citc-home::after {\r\n    content: \"\";\r\n    position: absolute;\r\n    width: 560px;\r\n    height: 560px;\r\n    right: -260px;\r\n    bottom: -320px;\r\n    border: 1px solid rgba(23, 35, 49, 0.1);\r\n    border-radius: 50%;\r\n  }\r\n\r\n  .citc-container {\r\n    position: relative;\r\n    z-index: 2;\r\n    width: 100%;\r\n    max-width: 1240px;\r\n    margin: 0 auto;\r\n  }\r\n\r\n  .citc-layout {\r\n    display: grid;\r\n    grid-template-columns: minmax(0, 1.25fr) minmax(280px, 0.75fr);\r\n    gap: 80px;\r\n    align-items: center;\r\n  }\r\n\r\n  .citc-eyebrow {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 12px;\r\n    margin-bottom: 28px;\r\n    color: var(--citc-blue);\r\n    font-size: 13px;\r\n    font-weight: 700;\r\n    letter-spacing: 0.2em;\r\n    text-transform: uppercase;\r\n  }\r\n\r\n  .citc-eyebrow::before {\r\n    content: \"\";\r\n    width: 38px;\r\n    height: 1px;\r\n    background: var(--citc-blue);\r\n  }\r\n\r\n  .citc-title {\r\n    max-width: 850px;\r\n    margin: 0;\r\n    color: var(--citc-dark);\r\n    font-family: Georgia, \"Times New Roman\", serif;\r\n    font-size: clamp(58px, 8vw, 116px);\r\n    font-weight: 400;\r\n    line-height: 0.88;\r\n    letter-spacing: -0.055em;\r\n  }\r\n\r\n  .citc-title span {\r\n    display: block;\r\n    margin-left: clamp(20px, 8vw, 110px);\r\n    color: var(--citc-blue);\r\n    font-style: italic;\r\n  }\r\n\r\n  .citc-intro {\r\n    max-width: 680px;\r\n    margin: 40px 0 0;\r\n    color: rgba(23, 35, 49, 0.79);\r\n    font-size: clamp(18px, 2vw, 22px);\r\n    line-height: 1.65;\r\n  }\r\n\r\n  .citc-intro strong {\r\n    color: var(--citc-dark);\r\n    font-weight: 600;\r\n  }\r\n\r\n  .citc-actions {\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    gap: 14px;\r\n    margin-top: 38px;\r\n  }\r\n\r\n  .citc-button {\r\n    display: inline-flex;\r\n    min-height: 54px;\r\n    align-items: center;\r\n    justify-content: center;\r\n    padding: 14px 25px;\r\n    border: 1px solid var(--citc-dark);\r\n    border-radius: 100px;\r\n    text-decoration: none;\r\n    font-size: 14px;\r\n    font-weight: 700;\r\n    letter-spacing: 0.08em;\r\n    text-transform: uppercase;\r\n    transition:\r\n      transform 0.25s ease,\r\n      background 0.25s ease,\r\n      color 0.25s ease;\r\n  }\r\n\r\n  .citc-button-primary {\r\n    background: var(--citc-dark);\r\n    color: #ffffff;\r\n  }\r\n\r\n  .citc-button-secondary {\r\n    background: transparent;\r\n    color: var(--citc-dark);\r\n  }\r\n\r\n  .citc-button:hover {\r\n    transform: translateY(-3px);\r\n  }\r\n\r\n  .citc-button-primary:hover {\r\n    background: var(--citc-blue);\r\n    border-color: var(--citc-blue);\r\n    color: #ffffff;\r\n  }\r\n\r\n  .citc-button-secondary:hover {\r\n    background: rgba(255, 255, 255, 0.72);\r\n    color: var(--citc-dark);\r\n  }\r\n\r\n  .citc-project-card {\r\n    position: relative;\r\n    padding: 36px;\r\n    border: 1px solid rgba(255, 255, 255, 0.65);\r\n    border-radius: 30px;\r\n    background: rgba(255, 255, 255, 0.52);\r\n    box-shadow: 0 28px 80px rgba(42, 72, 88, 0.12);\r\n    backdrop-filter: blur(16px);\r\n    -webkit-backdrop-filter: blur(16px);\r\n  }\r\n\r\n  .citc-card-label {\r\n    margin: 0 0 25px;\r\n    color: var(--citc-blue);\r\n    font-size: 12px;\r\n    font-weight: 700;\r\n    letter-spacing: 0.17em;\r\n    text-transform: uppercase;\r\n  }\r\n\r\n  .citc-stat {\r\n    padding: 22px 0;\r\n    border-top: 1px solid var(--citc-line);\r\n  }\r\n\r\n  .citc-stat:first-of-type {\r\n    border-top: 0;\r\n    padding-top: 0;\r\n  }\r\n\r\n  .citc-stat-number {\r\n    display: block;\r\n    margin-bottom: 5px;\r\n    color: var(--citc-dark);\r\n    font-family: Georgia, \"Times New Roman\", serif;\r\n    font-size: 42px;\r\n    line-height: 1;\r\n  }\r\n\r\n  .citc-stat-text {\r\n    color: rgba(23, 35, 49, 0.68);\r\n    font-size: 15px;\r\n    line-height: 1.5;\r\n  }\r\n\r\n  .citc-note {\r\n    margin-top: 25px;\r\n    padding: 18px 20px;\r\n    border-radius: 18px;\r\n    background: var(--citc-dark);\r\n    color: rgba(255, 255, 255, 0.84);\r\n    font-size: 14px;\r\n    line-height: 1.6;\r\n  }\r\n\r\n  .citc-note strong {\r\n    color: #ffffff;\r\n  }\r\n\r\n  .citc-bottom-line {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    gap: 30px;\r\n    margin-top: 74px;\r\n    padding-top: 22px;\r\n    border-top: 1px solid var(--citc-line);\r\n    color: rgba(23, 35, 49, 0.58);\r\n    font-size: 12px;\r\n    letter-spacing: 0.1em;\r\n    text-transform: uppercase;\r\n  }\r\n\r\n  @media (max-width: 900px) {\r\n    .citc-home {\r\n      min-height: auto;\r\n      padding: 75px 22px 55px;\r\n    }\r\n\r\n    .citc-layout {\r\n      grid-template-columns: 1fr;\r\n      gap: 52px;\r\n    }\r\n\r\n    .citc-title span {\r\n      margin-left: 0;\r\n    }\r\n\r\n    .citc-project-card {\r\n      max-width: 560px;\r\n    }\r\n\r\n    .citc-bottom-line {\r\n      flex-direction: column;\r\n      gap: 10px;\r\n      margin-top: 52px;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 520px) {\r\n    .citc-home {\r\n      padding-left: 18px;\r\n      padding-right: 18px;\r\n    }\r\n\r\n    .citc-title {\r\n      font-size: clamp(48px, 17vw, 72px);\r\n      line-height: 0.94;\r\n    }\r\n\r\n    .citc-intro {\r\n      margin-top: 30px;\r\n      font-size: 17px;\r\n    }\r\n\r\n    .citc-actions {\r\n      flex-direction: column;\r\n    }\r\n\r\n    .citc-button {\r\n      width: 100%;\r\n    }\r\n\r\n    .citc-project-card {\r\n      padding: 28px 23px;\r\n      border-radius: 24px;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<section class=\"citc-home\">\r\n  <div class=\"citc-container\">\r\n\r\n    <div class=\"citc-layout\">\r\n\r\n      <div class=\"citc-content\">\r\n\r\n        <div class=\"citc-eyebrow\">\r\n          A hand-drawn journey through the world\r\n        <\/div>\r\n\r\n        <h1 class=\"citc-title\">\r\n          Cities in\r\n          <span>the Cloud<\/span>\r\n        <\/h1>\r\n\r\n        <p class=\"citc-intro\">\r\n          An evolving art collection connecting cities, stories and people\r\n          through original illustrations created by\r\n          <strong>Agu Kleme<\/strong>.\r\n          Every city is drawn by hand in watercolor and fineliner \u2014 never\r\n          generated by artificial intelligence.\r\n        <\/p>\r\n\r\n        <div class=\"citc-actions\">\r\n          <a class=\"citc-button citc-button-primary\" href=\"#collection\">\r\n            Discover the Project\r\n          <\/a>\r\n\r\n          <a class=\"citc-button citc-button-secondary\" href=\"#partners\">\r\n            Become a Partner\r\n          <\/a>\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n      <aside class=\"citc-project-card\">\r\n\r\n        <p class=\"citc-card-label\">The collection in numbers<\/p>\r\n\r\n        <div class=\"citc-stat\">\r\n          <span class=\"citc-stat-number\">100<\/span>\r\n          <span class=\"citc-stat-text\">\r\n            Cities envisioned as one international art collection.\r\n          <\/span>\r\n        <\/div>\r\n\r\n        <div class=\"citc-stat\">\r\n          <span class=\"citc-stat-number\">10<\/span>\r\n          <span class=\"citc-stat-text\">\r\n            Years dedicated to building a lasting creative journey.\r\n          <\/span>\r\n        <\/div>\r\n\r\n        <div class=\"citc-stat\">\r\n          <span class=\"citc-stat-number\">1<\/span>\r\n          <span class=\"citc-stat-text\">\r\n            New city added to the collection approximately every month.\r\n          <\/span>\r\n        <\/div>\r\n\r\n        <div class=\"citc-note\">\r\n          <strong>Beginning in Berlin.<\/strong><br>\r\n          Continuing through Rome, Paris, Barcelona and cities around the world.\r\n        <\/div>\r\n\r\n      <\/aside>\r\n\r\n    <\/div>\r\n\r\n    <div class=\"citc-bottom-line\">\r\n      <span>Original watercolor and fineliner illustrations<\/span>\r\n      <span>Postcards \u00b7 Art prints \u00b7 Local partnerships<\/span>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>A hand-drawn journey through the world Cities in the Cloud An evolving art collection connecting cities, stories and people through original illustrations created by Agu Kleme. Every city is drawn by hand in watercolor and fineliner \u2014 never generated by artificial intelligence. Discover the Project Become a Partner The collection in numbers 100 Cities envisioned [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-17","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/citiesinthe.cloud\/wp-json\/wp\/v2\/pages\/17","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/citiesinthe.cloud\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/citiesinthe.cloud\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/citiesinthe.cloud\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/citiesinthe.cloud\/wp-json\/wp\/v2\/comments?post=17"}],"version-history":[{"count":4,"href":"https:\/\/citiesinthe.cloud\/wp-json\/wp\/v2\/pages\/17\/revisions"}],"predecessor-version":[{"id":27,"href":"https:\/\/citiesinthe.cloud\/wp-json\/wp\/v2\/pages\/17\/revisions\/27"}],"wp:attachment":[{"href":"https:\/\/citiesinthe.cloud\/wp-json\/wp\/v2\/media?parent=17"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}