{"id":334,"date":"2026-07-18T19:14:07","date_gmt":"2026-07-18T19:14:07","guid":{"rendered":"http:\/\/77.42.80.226\/?page_id=334"},"modified":"2026-09-04T09:58:03","modified_gmt":"2026-09-04T09:58:03","slug":"seasonal-intelligence","status":"publish","type":"page","link":"https:\/\/climatess.org\/index.php\/seasonal-intelligence\/","title":{"rendered":"Seasonal intelligence"},"content":{"rendered":"\n<style data-wp-block-html=\"css\">\n\/* =========================================================\n   SEASONAL INTELLIGENCE \u2014 WORDPRESS EMBED\n   Responsive full-width layout\n   ========================================================= *\/\n\n.seasonality-platform,\n.seasonality-platform *,\n.seasonality-platform *::before,\n.seasonality-platform *::after {\n  box-sizing: border-box;\n}\n\n\/* Izlazak iz ograni\u010dene \u0161irine WordPress teme *\/\n.seasonality-platform {\n  position: relative;\n  width: min(96vw, 1920px) !important;\n  max-width: none !important;\n\n  margin-top: 0;\n  margin-right: auto;\n  margin-bottom: 0;\n  margin-left: 50% !important;\n\n  padding:\n    clamp(36px, 4vw, 72px)\n    clamp(12px, 2.2vw, 36px)\n    clamp(48px, 5vw, 90px);\n\n  transform: translateX(-50%);\n\n  color: #f5f7fa;\n  background:\n    radial-gradient(\n      circle at 50% 0%,\n      rgba(31, 63, 83, 0.20),\n      transparent 42%\n    ),\n    #06131f;\n}\n\n\/* =========================================================\n   UVOD\n   ========================================================= *\/\n\n.seasonality-intro {\n  width: min(100%, 1050px);\n  margin: 0 auto clamp(28px, 3vw, 48px);\n  padding: 0 clamp(4px, 1vw, 16px);\n  text-align: center;\n}\n\n.platform-label {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n\n  margin: 0 0 clamp(12px, 1.2vw, 18px);\n  padding: 0;\n\n  color: #e4f000;\n\n  font-family: inherit;\n  font-size: clamp(11px, 0.75vw, 14px);\n  font-weight: 700;\n  line-height: 1.3;\n  letter-spacing: 0.18em;\n  text-transform: uppercase;\n}\n\n.platform-label::before {\n  width: 6px;\n  height: 6px;\n  margin-right: 10px;\n\n  border-radius: 50%;\n  background: #e4f000;\n  box-shadow: 0 0 14px rgba(228, 240, 0, 0.65);\n\n  content: \"\";\n}\n\n.seasonality-intro h1 {\n  max-width: 1000px;\n  margin: 0 auto clamp(14px, 1.4vw, 22px);\n\n  color: #ffffff;\n\n  font-family: inherit;\n  font-size: clamp(38px, 4.7vw, 78px);\n  font-weight: 700;\n  line-height: 1.02;\n  letter-spacing: -0.035em;\n  text-wrap: balance;\n}\n\n.seasonality-intro p {\n  width: min(100%, 820px);\n  margin: 0 auto;\n\n  color: #b7c1ce;\n\n  font-family: inherit;\n  font-size: clamp(16px, 1.15vw, 21px);\n  font-weight: 400;\n  line-height: 1.6;\n  text-wrap: balance;\n}\n\n\/* =========================================================\n   OKVIR PLATFORME\n   ========================================================= *\/\n\n.platform-frame {\n  position: relative;\n\n  width: 100%;\n  margin: 0 auto;\n  overflow: hidden;\n\n  border: 1px solid rgba(120, 155, 180, 0.28);\n  border-radius: clamp(12px, 1.2vw, 22px);\n\n  background: #020c16;\n\n  box-shadow:\n    0 35px 90px rgba(0, 0, 0, 0.45),\n    0 8px 30px rgba(0, 0, 0, 0.30),\n    inset 0 1px 0 rgba(255, 255, 255, 0.025);\n\n  isolation: isolate;\n}\n\n\/* Suptilan gornji sjaj *\/\n.platform-frame::before {\n  position: absolute;\n  z-index: 2;\n  top: 0;\n  right: 8%;\n  left: 8%;\n\n  height: 1px;\n\n  background: linear-gradient(\n    90deg,\n    transparent,\n    rgba(228, 240, 0, 0.35),\n    transparent\n  );\n\n  pointer-events: none;\n  content: \"\";\n}\n\n\/* =========================================================\n   IFRAME\n   Visina prati \u0161irinu na desktopu, uz min\/max granice\n   ========================================================= *\/\n\n.platform-frame iframe {\n  display: block;\n\n  width: 100% !important;\n  min-width: 0;\n  height: clamp(900px, 68vw, 1320px);\n\n  margin: 0;\n  padding: 0;\n\n  border: 0;\n  outline: 0;\n\n  background: #020c16;\n\n  color-scheme: dark;\n}\n\n\/* =========================================================\n   VELIKI DESKTOP EKRANI\n   ========================================================= *\/\n\n@media (min-width: 1600px) {\n  .seasonality-platform {\n    width: min(96vw, 1920px) !important;\n  }\n\n  .platform-frame iframe {\n    height: 1320px;\n  }\n}\n\n\/* =========================================================\n   LAPTOP I MANJI DESKTOP\n   ========================================================= *\/\n\n@media (min-width: 1025px) and (max-width: 1599px) {\n  .seasonality-platform {\n    width: 96vw !important;\n  }\n\n  .platform-frame iframe {\n    height: clamp(950px, 75vw, 1200px);\n  }\n}\n\n\/* =========================================================\n   TABLET\n   ========================================================= *\/\n\n@media (min-width: 769px) and (max-width: 1024px) {\n  .seasonality-platform {\n    width: 98vw !important;\n\n    padding:\n      42px\n      12px\n      56px;\n  }\n\n  .seasonality-intro {\n    margin-bottom: 30px;\n  }\n\n  .seasonality-intro h1 {\n    font-size: clamp(40px, 7vw, 62px);\n  }\n\n  .platform-frame {\n    border-radius: 14px;\n  }\n\n  .platform-frame iframe {\n    height: 1050px;\n  }\n}\n\n\/* =========================================================\n   MOBILNI\n   ========================================================= *\/\n\n@media (max-width: 768px) {\n  .seasonality-platform {\n    width: 100vw !important;\n\n    margin-left: 50% !important;\n\n    padding:\n      32px\n      8px\n      44px;\n\n    transform: translateX(-50%);\n  }\n\n  .seasonality-intro {\n    margin-bottom: 24px;\n    padding: 0 8px;\n  }\n\n  .platform-label {\n    margin-bottom: 12px;\n    font-size: 10px;\n    letter-spacing: 0.14em;\n  }\n\n  .seasonality-intro h1 {\n    margin-bottom: 14px;\n\n    font-size: clamp(34px, 11vw, 52px);\n    line-height: 1.04;\n    letter-spacing: -0.03em;\n  }\n\n  .seasonality-intro p {\n    max-width: 560px;\n    font-size: 15px;\n    line-height: 1.55;\n  }\n\n  .platform-frame {\n    border-radius: 10px;\n    box-shadow: 0 18px 45px rgba(0, 0, 0, 0.38);\n  }\n\n  .platform-frame iframe {\n    height: 1000px;\n  }\n}\n\n\/* =========================================================\n   VEOMA MALI TELEFONI\n   ========================================================= *\/\n\n@media (max-width: 420px) {\n  .seasonality-platform {\n    padding-right: 4px;\n    padding-left: 4px;\n  }\n\n  .seasonality-intro {\n    padding-right: 10px;\n    padding-left: 10px;\n  }\n\n  .seasonality-intro h1 {\n    font-size: clamp(31px, 10vw, 42px);\n  }\n\n  .platform-frame {\n    border-right-width: 0;\n    border-left-width: 0;\n    border-radius: 6px;\n  }\n\n  .platform-frame iframe {\n    height: 950px;\n  }\n}\n\n\/* =========================================================\n   PRISTUPA\u010cNOST\n   ========================================================= *\/\n\n@media (prefers-reduced-motion: reduce) {\n  .seasonality-platform *,\n  .seasonality-platform *::before,\n  .seasonality-platform *::after {\n    scroll-behavior: auto !important;\n    transition-duration: 0.01ms !important;\n    animation-duration: 0.01ms !important;\n    animation-iteration-count: 1 !important;\n  }\n}\n<\/style>\n\n<section class=\"seasonality-platform\">\n  <div class=\"seasonality-intro\">\n    <span class=\"platform-label\">LIVE CLIMATE PLATFORM<\/span>\n    <h1>See the seasons<\/h1>\n    <p>\n      Follow the climate signal from ERA5-Land observations into the latest\n      six-month seasonal forecast for New York, Paris and Rome.\n    <\/p>\n  <\/div>\n\n  <div class=\"platform-frame\">\n    <iframe src=\"https:\/\/climatess.org\/seasonal-app\/\" title=\"Seasonal Intelligence Platform\" loading=\"eager\" allowfullscreen=\"\">\n    <\/iframe>\n  <\/div>\n<\/section>\n","protected":false},"excerpt":{"rendered":"<p>LIVE CLIMATE PLATFORM See the seasons Follow the climate signal from ERA5-Land observations into the latest six-month seasonal forecast for New York, Paris and Rome.<\/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-334","page","type-page","status-publish","hentry"],"blocksy_meta":[],"_links":{"self":[{"href":"https:\/\/climatess.org\/index.php\/wp-json\/wp\/v2\/pages\/334","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/climatess.org\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/climatess.org\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/climatess.org\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/climatess.org\/index.php\/wp-json\/wp\/v2\/comments?post=334"}],"version-history":[{"count":4,"href":"https:\/\/climatess.org\/index.php\/wp-json\/wp\/v2\/pages\/334\/revisions"}],"predecessor-version":[{"id":519,"href":"https:\/\/climatess.org\/index.php\/wp-json\/wp\/v2\/pages\/334\/revisions\/519"}],"wp:attachment":[{"href":"https:\/\/climatess.org\/index.php\/wp-json\/wp\/v2\/media?parent=334"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}