{"id":60080,"date":"2025-12-16T12:14:39","date_gmt":"2025-12-16T11:14:39","guid":{"rendered":"https:\/\/www.dimann.com\/en-eco\/"},"modified":"2026-05-22T15:55:52","modified_gmt":"2026-05-22T13:55:52","slug":"eco","status":"publish","type":"page","link":"https:\/\/www.dimann.com\/en\/eco\/","title":{"rendered":"European Cystitis Observatory (ECO)"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"60080\" class=\"elementor elementor-60080 elementor-59417\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1381d45 e-flex e-con-boxed e-con e-parent\" data-id=\"1381d45\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-32ef313 elementor-widget elementor-widget-html\" data-id=\"32ef313\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\r\n<link rel=\"stylesheet\" href=\"https:\/\/unpkg.com\/@phosphor-icons\/web@2.1.1\/src\/bold\/style.css\">\r\n\r\n<style>\r\n\r\n\/* =====================================================\r\n   GLOBAL VARIABLES AND BASE RESET\r\n   Defines colours, fonts and resets for the entire component.\r\n   Edit here to change the overall look of the hub.\r\n   \u2014 Main colours: --eco-blue, --eco-purple\r\n   \u2014 Fonts: --eco-font-serif (Lora), --eco-font-sans (Raleway)\r\n   ===================================================== *\/\r\n\r\n.eco-hub {\r\n    --eco-blue:          #123a73;\r\n    --eco-purple:        #a800d8;\r\n    --eco-ink:           #111111;\r\n    --eco-bg:            #eef3f8;\r\n    --eco-button:        #241f2a;\r\n    --eco-button-border: rgba(36, 31, 42, .9);\r\n    --eco-max:           1400px;\r\n    --eco-font-serif:    Lora, Georgia, serif;\r\n    --eco-font-sans:     Raleway, Arial, Helvetica, sans-serif;\r\n\r\n    font-family: var(--eco-font-sans);\r\n    color: var(--eco-ink);\r\n    background: #ffffff;\r\n}\r\n\r\n.eco-hub *,\r\n.eco-hub *::before,\r\n.eco-hub *::after {\r\n    box-sizing: border-box;\r\n}\r\n\r\n.eco-hub a {\r\n    color: inherit;\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   COMPONENT: NAVBAR + MOBILE DRAWER\r\n   Fixed navigation bar at the top. On mobile (\u2264860px)\r\n   the desktop menu hides and the hamburger button appears,\r\n   opening the side drawer from the right.\r\n\r\n   Structure:\r\n   \u2014 .eco-navbar                  \u2192 fixed top bar\r\n     \u2014 .eco-navbar__logo          \u2192 logo on the left\r\n     \u2014 .eco-navbar__desktop-nav   \u2192 menu items (desktop only)\r\n       \u2014 .eco-navbar__dropdown    \u2192 \"White Paper\" dropdown\r\n     \u2014 .eco-navbar__mobile-toggle \u2192 hamburger (mobile only)\r\n   \u2014 .eco-drawer-overlay          \u2192 dark background (mobile)\r\n   \u2014 .eco-drawer                  \u2192 sliding panel (mobile)\r\n\r\n   To change navbar colours        \u2192 --eco-blue \/ --eco-purple\r\n   To change the logo              \u2192 .eco-navbar__logo img (height)\r\n   To change the drawer width      \u2192 .eco-drawer (width)\r\n   ===================================================== *\/\r\n\r\n\/* \u2014 Main navbar container \u2014 *\/\r\n.eco-navbar {\r\n    --eco-blue:   #123a73;\r\n    --eco-purple: #a800d8;\r\n    --eco-white:  #ffffff;\r\n    --eco-border: rgba(255, 255, 255, .16);\r\n\r\n    position: fixed;\r\n    top: 0;\r\n    left: 0;\r\n    z-index: 1000;\r\n    width: 100%;\r\n    background: var(--eco-blue);\r\n    color: var(--eco-white);\r\n    font-family: Raleway, Arial, Helvetica, sans-serif;\r\n    transform: translateY(0);\r\n    transition: transform .24s ease;\r\n    will-change: transform;\r\n    box-shadow: 0 1px 0 var(--eco-blue);\r\n}\r\n\r\n\/* Class added by JS when scrolling down *\/\r\n.eco-navbar.is-hidden {\r\n    transform: translateY(-100%);\r\n}\r\n\r\n\/* \u2014 Navbar inner layout \u2014 *\/\r\n.eco-navbar__inner {\r\n    width: min(1400px, calc(100% - 144px));\r\n    min-height: 70px;\r\n    margin: 0 auto;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n    gap: 32px;\r\n}\r\n\r\n\/* \u2014 Logo \u2014 *\/\r\n.eco-navbar__logo {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    color: var(--eco-white);\r\n    text-decoration: none !important;\r\n}\r\n\r\n.eco-navbar__logo img {\r\n    display: block;\r\n    width: auto;\r\n    height: 42px;\r\n}\r\n\r\n\/* \u2014 Desktop menu items \u2014 *\/\r\n.eco-navbar__desktop-nav {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n}\r\n\r\n.eco-navbar__desktop-nav > a,\r\n.eco-navbar__dropdown-trigger {\r\n    min-height: 38px;\r\n    padding: 0 16px;\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 6px;\r\n    border: 0;\r\n    background: transparent;\r\n    color: var(--eco-white);\r\n    font: inherit;\r\n    font-size: 14px;\r\n    font-weight: 900;\r\n    line-height: 1;\r\n    text-transform: uppercase;\r\n    text-decoration: none !important;\r\n    cursor: pointer;\r\n}\r\n\r\n.eco-navbar__desktop-nav > a:hover,\r\n.eco-navbar__desktop-nav > a:focus-visible,\r\n.eco-navbar__dropdown-trigger:hover,\r\n.eco-navbar__dropdown-trigger:focus-visible {\r\n    background: rgba(255, 255, 255, .1);\r\n    outline: none;\r\n}\r\n\r\n\/* \u2014 Active item: purple background to indicate the current page \u2014 *\/\r\n.eco-navbar__desktop-nav > a.is-active {\r\n    position: relative;\r\n    background: var(--eco-purple);\r\n}\r\n\r\n\/* \u2014 \"White Paper\" dropdown \u2014 *\/\r\n.eco-navbar__dropdown {\r\n    position: relative;\r\n}\r\n\r\n\/* The dropdown button is transparent: purple is reserved for the active item only *\/\r\n.eco-navbar__dropdown-trigger {\r\n    background: transparent;\r\n}\r\n\r\n.eco-navbar__dropdown-panel {\r\n    position: absolute;\r\n    top: calc(100% + 10px);\r\n    right: 0;\r\n    width: min(420px, 90vw);\r\n    padding: 12px;\r\n    background: #ffffff;\r\n    color: #111111;\r\n    border-radius: 18px;\r\n    box-shadow: 0 18px 50px rgba(0, 0, 0, .2);\r\n    opacity: 0;\r\n    visibility: hidden;\r\n    transform: translateY(-8px);\r\n    transition: opacity .18s ease, transform .18s ease, visibility .18s ease;\r\n}\r\n\r\n.eco-navbar__dropdown:hover .eco-navbar__dropdown-panel,\r\n.eco-navbar__dropdown:focus-within .eco-navbar__dropdown-panel {\r\n    opacity: 1;\r\n    visibility: visible;\r\n    transform: translateY(0);\r\n}\r\n\r\n.eco-navbar__paper-link {\r\n    display: grid;\r\n    gap: 4px;\r\n    padding: 14px 16px;\r\n    border-radius: 12px;\r\n    color: #111111;\r\n    text-decoration: none !important;\r\n}\r\n\r\n.eco-navbar__paper-link:hover,\r\n.eco-navbar__paper-link:focus-visible {\r\n    background: #f4f4f4;\r\n    outline: none;\r\n}\r\n\r\n.eco-navbar__paper-label {\r\n    font-size: 12px;\r\n    line-height: 1;\r\n    font-weight: 900;\r\n    letter-spacing: .08em;\r\n    text-transform: uppercase;\r\n    color: var(--eco-purple);\r\n}\r\n\r\n.eco-navbar__paper-title {\r\n    font-family: Lora, Georgia, serif;\r\n    font-size: 15px;\r\n    line-height: 1.35;\r\n    font-weight: 600;\r\n    color: #111111;\r\n}\r\n\r\n\/* \u2014 Mobile hamburger (hidden on desktop, visible at \u2264860px) \u2014 *\/\r\n.eco-navbar__mobile-toggle {\r\n    display: none;\r\n    align-items: center;\r\n    gap: 10px;\r\n    min-height: 40px;\r\n    padding: 0 12px;\r\n    border: 1px solid var(--eco-border);\r\n    border-radius: 999px;\r\n    background: transparent;\r\n    color: #ffffff;\r\n    font: inherit;\r\n    font-size: 13px;\r\n    font-weight: 900;\r\n    text-transform: uppercase;\r\n    cursor: pointer;\r\n}\r\n\r\n\/* Hamburger icon (3 horizontal lines) built in pure CSS *\/\r\n.eco-navbar__mobile-toggle-icon,\r\n.eco-navbar__mobile-toggle-icon::before,\r\n.eco-navbar__mobile-toggle-icon::after {\r\n    display: block;\r\n    width: 18px;\r\n    height: 2px;\r\n    background: #ffffff;\r\n    border-radius: 99px;\r\n}\r\n\r\n.eco-navbar__mobile-toggle-icon {\r\n    position: relative;\r\n}\r\n\r\n.eco-navbar__mobile-toggle-icon::before,\r\n.eco-navbar__mobile-toggle-icon::after {\r\n    content: \"\";\r\n    position: absolute;\r\n    left: 0;\r\n}\r\n\r\n.eco-navbar__mobile-toggle-icon::before { top: -6px; }\r\n.eco-navbar__mobile-toggle-icon::after  { top:  6px; }\r\n\r\n\/* \u2014 Dark overlay behind the drawer \u2014 *\/\r\n.eco-drawer-overlay {\r\n    position: fixed;\r\n    inset: 0;\r\n    z-index: 1001;\r\n    background: rgba(0, 0, 0, .42);\r\n    opacity: 0;\r\n    transition: opacity .24s ease;\r\n}\r\n\r\n.eco-drawer-overlay.is-visible {\r\n    opacity: 1;\r\n}\r\n\r\n\/* \u2014 Drawer: sliding panel from the right \u2014 *\/\r\n.eco-drawer {\r\n    position: fixed;\r\n    top: 0;\r\n    right: 0;\r\n    z-index: 1002;\r\n    width: min(88vw, 390px);\r\n    height: 100dvh;\r\n    padding: 22px;\r\n    background: #ffffff;\r\n    color: #111111;\r\n    font-family: Raleway, Arial, Helvetica, sans-serif;\r\n    box-shadow: -18px 0 50px rgba(0, 0, 0, .24);\r\n    transform: translateX(100%);\r\n    transition: transform .28s ease;\r\n    overflow-y: auto;\r\n}\r\n\r\n.eco-drawer.is-open {\r\n    transform: translateX(0);\r\n}\r\n\r\n.eco-drawer__header {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: flex-end;\r\n    margin-bottom: 28px;\r\n}\r\n\r\n.eco-drawer__close {\r\n    width: 42px;\r\n    height: 42px;\r\n    border: 0;\r\n    border-radius: 999px;\r\n    background: #f1f1f1;\r\n    color: #111111;\r\n    font-size: 30px;\r\n    line-height: 1;\r\n    cursor: pointer;\r\n}\r\n\r\n.eco-drawer__nav {\r\n    display: grid;\r\n    gap: 6px;\r\n}\r\n\r\n.eco-drawer__nav > a,\r\n.eco-drawer__section-title {\r\n    display: flex;\r\n    align-items: center;\r\n    min-height: 46px;\r\n    color: #111111;\r\n    font-size: 15px;\r\n    font-weight: 900;\r\n    letter-spacing: .04em;\r\n    text-transform: uppercase;\r\n    text-decoration: none !important;\r\n}\r\n\r\n.eco-drawer__section {\r\n    display: grid;\r\n    gap: 8px;\r\n    padding: 14px 0 18px;\r\n    border-top: 1px solid #e7e7e7;\r\n    border-bottom: 1px solid #e7e7e7;\r\n}\r\n\r\n.eco-drawer__paper-link {\r\n    display: grid;\r\n    gap: 5px;\r\n    padding: 14px 16px;\r\n    border-radius: 14px;\r\n    background: #f6f6f6;\r\n    color: #111111;\r\n    text-decoration: none !important;\r\n}\r\n\r\n.eco-drawer__paper-label {\r\n    font-size: 12px;\r\n    line-height: 1;\r\n    font-weight: 900;\r\n    letter-spacing: .08em;\r\n    text-transform: uppercase;\r\n    color: #5a5a5a; \/* dark grey by default: not the current page *\/\r\n}\r\n\r\n.eco-drawer__paper-title {\r\n    font-family: Lora, Georgia, serif;\r\n    font-size: 15px;\r\n    line-height: 1.35;\r\n    font-weight: 600;\r\n}\r\n\r\n\/* \u2014 Active paper link: add class=\"is-active\" to the <a> when that white paper is the current page \u2014 *\/\r\n.eco-drawer__paper-link.is-active {\r\n    background: rgba(168, 0, 216, .09); \/* subtle purple tint on the card *\/\r\n}\r\n\r\n.eco-drawer__paper-link.is-active .eco-drawer__paper-label {\r\n    color: #a800d8; \/* label turns purple only for the current paper *\/\r\n}\r\n\r\n\/* \u2014 Active item in the drawer \u2014 *\/\r\n.eco-drawer__nav > a.is-active {\r\n    color: #a800d8;\r\n}\r\n\r\n\/* Prevents body scroll when the drawer is open *\/\r\nbody.eco-drawer-is-open {\r\n    overflow: hidden;\r\n}\r\n\r\n\/* \u2014 Responsive navbar: \u2264860px \u2014 *\/\r\n@media (max-width: 860px) {\r\n    .eco-navbar__inner {\r\n        width: min(100%, calc(100% - 32px));\r\n        min-height: 66px;\r\n    }\r\n\r\n    .eco-navbar__logo img {\r\n        height: 38px;\r\n    }\r\n\r\n    \/* Hides the desktop menu and shows the hamburger *\/\r\n    .eco-navbar__desktop-nav {\r\n        display: none;\r\n    }\r\n\r\n    .eco-navbar__mobile-toggle {\r\n        display: inline-flex;\r\n    }\r\n}\r\n\r\n\/* \u2014 Responsive navbar: \u2264420px \u2014 *\/\r\n@media (max-width: 420px) {\r\n    .eco-navbar__inner {\r\n        min-height: 64px;\r\n    }\r\n\r\n    \/* Hides the \"Menu\" label next to the hamburger icon *\/\r\n    .eco-navbar__mobile-toggle-label {\r\n        display: none;\r\n    }\r\n\r\n    .eco-drawer {\r\n        width: min(92vw, 390px);\r\n    }\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   SECTION: HERO\r\n   First section of the page. Blue-grey background (#eef3f8)\r\n   with an image positioned to the right (desktop) or at\r\n   the bottom (mobile). Contains the H1 title, subtitle\r\n   and main CTA.\r\n\r\n   Structure:\r\n   \u2014 .eco-hub__hero          \u2192 full-width container with background\r\n   \u2014 .eco-hub__hero-inner    \u2192 2-column grid: text | image space\r\n   \u2014 .eco-hub__hero-content  \u2192 left column: title, text, CTA\r\n   \u2014 .eco-hub__hero-title    \u2192 main H1 (large, serif, blue)\r\n   \u2014 .eco-hub__hero-text     \u2192 subtitle\r\n   \u2014 .eco-hub__hero-actions  \u2192 button area\r\n   \u2014 .eco-hub__btn           \u2192 button (variant .eco-hub__btn--primary)\r\n\r\n   Background images:\r\n   \u2014 Desktop: ECO_Hub_Hero_Desktop-1.webp, pos. 88% right, size auto 96%\r\n   \u2014 Mobile (\u2264820px): ECO_Hub_Hero_Mobile-1.webp, pos. centre bottom\r\n\r\n   To change the desktop image \u2192 background-image in .eco-hub__hero\r\n   To change position\/size     \u2192 background-position \/ background-size\r\n   To change the primary button colour \u2192 .eco-hub__btn--primary\r\n   ===================================================== *\/\r\n\r\n.eco-hub__hero {\r\n    position: relative;\r\n    width: 100vw;\r\n    max-width: 100vw;\r\n    min-height: clamp(460px, 54vh, 590px);\r\n    margin-left: calc(50% - 50vw);\r\n    margin-right: calc(50% - 50vw);\r\n    margin-top: 0;\r\n    padding-top: 70px; \/* offsets the fixed navbar height *\/\r\n    overflow: hidden;\r\n    background-color: var(--eco-bg);\r\n    background-image:\r\n        url(\"https:\/\/www.dimann.com\/wp-content\/uploads\/2026\/05\/ECO_Hub_Hero_Desktop-1.webp\"),\r\n        linear-gradient(90deg,\r\n            rgba(238, 243, 248, 1)   0%,\r\n            rgba(238, 243, 248, 1)  38%,\r\n            rgba(238, 243, 248, .96) 56%,\r\n            rgba(238, 243, 248, .88) 72%,\r\n            rgba(238, 243, 248, 1)  100%);\r\n    background-repeat: no-repeat, no-repeat;\r\n    background-position: 88% bottom, center center;\r\n    background-size: auto 96%, cover;\r\n    border-top: 0 !important; \/* WORKAROUND: the theme was adding an unwanted top border *\/\r\n}\r\n\r\n.eco-hub__hero-inner {\r\n    position: relative;\r\n    z-index: 2;\r\n    width: min(var(--eco-max), calc(100% - 144px));\r\n    min-height: clamp(460px, 54vh, 590px);\r\n    margin: 0 auto;\r\n    padding: clamp(54px, 5vw, 78px) 0 clamp(46px, 5vw, 72px);\r\n    display: grid;\r\n    grid-template-columns: minmax(360px, 520px) minmax(0, 1fr);\r\n    gap: clamp(48px, 7vw, 120px);\r\n    align-items: center;\r\n}\r\n\r\n.eco-hub__hero-content {\r\n    position: relative;\r\n    z-index: 3;\r\n    max-width: 560px;\r\n}\r\n\r\n\/* \u2014 H1 title \u2014 *\/\r\n.eco-hub__hero-title {\r\n    margin: 0 !important;\r\n    padding: 0 !important;\r\n    max-width: 560px !important;\r\n    font-family: var(--eco-font-serif) !important;\r\n    font-size: clamp(52px, 4.6vw, 78px) !important;\r\n    line-height: .95 !important;\r\n    font-weight: 800 !important;\r\n    letter-spacing: -0.045em !important;\r\n    color: var(--eco-blue) !important;\r\n    text-transform: none !important;\r\n}\r\n\r\n\/* \u2014 Subtitle \u2014 *\/\r\n.eco-hub__hero-text {\r\n    margin: 24px 0 0 !important;\r\n    max-width: 560px;\r\n    font-family: var(--eco-font-sans) !important;\r\n    font-size: clamp(18px, 1.35vw, 22px) !important;\r\n    line-height: 1.32 !important;\r\n    font-weight: 500 !important;\r\n    color: #111111 !important;\r\n}\r\n\r\n\/* \u2014 Button area \u2014 *\/\r\n.eco-hub__hero-actions {\r\n    display: grid;\r\n    gap: 14px;\r\n    width: min(100%, 438px);\r\n    margin-top: 46px;\r\n}\r\n\r\n\/* \u2014 Generic buttons (also used in other sections) \u2014 *\/\r\n.eco-hub__btn,\r\n.eco-hub a.eco-hub__btn {\r\n    appearance: none;\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 14px;\r\n    min-height: 52px;\r\n    padding: 0 28px;\r\n    border-radius: 999px;\r\n    border: 2px solid var(--eco-button-border);\r\n    font-family: var(--eco-font-sans) !important;\r\n    font-size: 20px !important;\r\n    line-height: 1 !important;\r\n    font-weight: 900 !important;\r\n    letter-spacing: -0.02em;\r\n    text-transform: uppercase;\r\n    text-decoration: none !important;\r\n    font-style: normal !important;\r\n    transition: transform .18s ease, background .18s ease, color .18s ease;\r\n}\r\n\r\n.eco-hub__btn:hover,\r\n.eco-hub__btn:focus-visible {\r\n    transform: translateY(-1px);\r\n    outline: none;\r\n}\r\n\r\n\/* Dark background variant (used in the hero) *\/\r\n.eco-hub__btn--primary {\r\n    background: var(--eco-button);\r\n    color: #ffffff !important;\r\n}\r\n\r\n.eco-hub__btn i {\r\n    font-size: 22px;\r\n    line-height: 1;\r\n}\r\n\r\n\/* \u2014 Responsive hero: \u22641024px \u2014 *\/\r\n@media (max-width: 1024px) {\r\n    .eco-hub__hero {\r\n        background-size: auto 90%, cover;\r\n        background-position: 92% bottom, center center;\r\n    }\r\n\r\n    .eco-hub__hero-inner {\r\n        width: min(100%, calc(100% - 88px));\r\n        grid-template-columns: minmax(320px, 470px) minmax(0, 1fr);\r\n        gap: 40px;\r\n    }\r\n\r\n    .eco-hub__hero-title {\r\n        font-size: clamp(46px, 5vw, 60px) !important;\r\n    }\r\n}\r\n\r\n\/* \u2014 Responsive hero: \u2264820px \u2014 *\/\r\n@media (max-width: 820px) {\r\n    .eco-hub__hero {\r\n        min-height: 620px;\r\n        margin-top: 0 !important;\r\n        padding-top: 66px;\r\n        border-top: 0 !important;\r\n        background-color: var(--eco-bg);\r\n        \/* On mobile a different image is used, positioned at the bottom *\/\r\n        background-image:\r\n            url(\"https:\/\/www.dimann.com\/wp-content\/uploads\/2026\/05\/ECO_Hub_Hero_Mobile-1.webp\"),\r\n            linear-gradient(180deg,\r\n                rgba(238, 243, 248, 1)   0%,\r\n                rgba(238, 243, 248, 1)  52%,\r\n                rgba(238, 243, 248, .92) 72%,\r\n                rgba(238, 243, 248, .62) 100%);\r\n        background-position: center bottom, center center;\r\n        background-size: 125% auto, cover;\r\n    }\r\n\r\n    .eco-hub__hero-inner {\r\n        min-height: 560px;\r\n        width: min(100%, calc(100% - 44px));\r\n        grid-template-columns: 1fr;\r\n        padding: 34px 0 220px; \/* tall bottom padding to leave space for the image below the text *\/\r\n    }\r\n\r\n    .eco-hub__hero-content {\r\n        max-width: 600px;\r\n    }\r\n}\r\n\r\n\/* \u2014 Responsive hero: \u2264560px \u2014 *\/\r\n@media (max-width: 560px) {\r\n    .eco-hub__hero {\r\n        min-height: 560px;\r\n        margin-top: 0 !important;\r\n        padding-top: 64px;\r\n        border-top: 0 !important;\r\n        background-position: center center, center bottom;\r\n        background-size: cover, 125% auto;\r\n    }\r\n\r\n    .eco-hub__hero-inner {\r\n        min-height: 500px;\r\n        width: min(100%, calc(100% - 32px));\r\n        padding: 24px 0 200px;\r\n    }\r\n\r\n    .eco-hub__hero-title {\r\n        font-size: 40px !important;\r\n        line-height: 1.02 !important;\r\n        letter-spacing: -0.035em !important;\r\n    }\r\n\r\n    .eco-hub__hero-text {\r\n        margin-top: 20px !important;\r\n        font-size: 17px !important;\r\n        line-height: 1.38 !important;\r\n    }\r\n\r\n    .eco-hub__hero-actions {\r\n        width: 100%;\r\n        margin-top: 34px;\r\n    }\r\n\r\n    .eco-hub__btn,\r\n    .eco-hub a.eco-hub__btn {\r\n        width: 100%;\r\n        min-height: 52px;\r\n        padding: 0 18px;\r\n        font-size: 16px !important;\r\n    }\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   SHARED ELEMENT: SECTION HEADINGS\r\n   (.eco-hub__section-title)\r\n\r\n   Used as H2 or div with role=\"heading\" in:\r\n   \u2014 \"Why ECO\" section\r\n   \u2014 \"Who We Are\" section\r\n   \u2014 \"Methodology\" section\r\n\r\n   WORKAROUND: the WordPress theme interferes with H2\r\n   formatting by applying its own styles that are hard to\r\n   override. The more specific selector\r\n   .eco-hub .eco-hub__section-title uses !important to\r\n   override the theme. Some sections use <div role=\"heading\">\r\n   instead of <h2> precisely to avoid automatic theme resets\r\n   on semantic tags.\r\n\r\n   To change the heading size on desktop\r\n   \u2192 font-size in .eco-hub .eco-hub__section-title (clamp)\r\n   To change the colour \u2192 color in both selectors\r\n   ===================================================== *\/\r\n\r\n.eco-hub__section-title {\r\n    margin: 0 0 18px !important;\r\n    padding: 0 !important;\r\n    font-family: var(--eco-font-serif) !important;\r\n    font-size: clamp(34px, 2.8vw, 46px) !important;\r\n    line-height: 1.05 !important;\r\n    font-weight: 800 !important;\r\n    letter-spacing: -0.035em !important;\r\n    color: #111111 !important;\r\n    text-transform: none !important;\r\n}\r\n\r\n\/* More specific selector to override WordPress theme styles *\/\r\n.eco-hub .eco-hub__section-title {\r\n    display: block !important;\r\n    margin: 0 0 22px !important;\r\n    padding: 0 !important;\r\n    font-family: Lora, Georgia, serif !important;\r\n    font-size: clamp(24px, 2.8vw, 46px) !important;\r\n    line-height: 1.05 !important;\r\n    font-weight: 800 !important;\r\n    letter-spacing: -0.035em !important;\r\n    color: #111111 !important;\r\n    text-transform: none !important;\r\n    font-style: normal !important;\r\n}\r\n\r\n\/* \u2014 Responsive section headings: \u2264560px \u2014 *\/\r\n@media (max-width: 560px) {\r\n    .eco-hub__section-title {\r\n        font-size: 34px !important;\r\n    }\r\n\r\n    .eco-hub .eco-hub__section-title {\r\n        font-size: 34px !important;\r\n        line-height: 1.08 !important;\r\n    }\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   SECTION: WHY ECO\r\n   Blue background (#dff0fc). Two-column grid:\r\n   text on the left, White Paper card on the right.\r\n\r\n   Structure:\r\n   \u2014 .eco-hub__why             \u2192 full-width container, blue background\r\n   \u2014 .eco-hub__why-inner       \u2192 2-column grid (text | card)\r\n   \u2014 .eco-hub__why-content     \u2192 left column\r\n   \u2014 .eco-hub__why-text        \u2192 introductory paragraphs\r\n   \u2014 .eco-hub__why-list        \u2192 objectives list with icons\r\n   \u2014 .eco-hub__why-item        \u2192 single list item (icon + heading + text)\r\n   \u2014 .eco-hub__why-icon        \u2192 Phosphor icon container\r\n   \u2014 .eco-hub__paper-placeholder \u2192 card placeholder (not used currently, kept for future use)\r\n\r\n   To change the background colour \u2192 .eco-hub__why background\r\n   To add an item to the list \u2192 duplicate a .eco-hub__why-item in the HTML\r\n   ===================================================== *\/\r\n\r\n.eco-hub__why {\r\n    width: 100vw;\r\n    max-width: 100vw;\r\n    margin-left: calc(50% - 50vw);\r\n    margin-right: calc(50% - 50vw);\r\n    background: #dff0fc;\r\n}\r\n\r\n.eco-hub__why-inner {\r\n    width: min(var(--eco-max), calc(100% - 144px));\r\n    margin: 0 auto;\r\n    padding: clamp(72px, 7vw, 108px) 0;\r\n    display: grid;\r\n    grid-template-columns: minmax(320px, 620px) minmax(420px, 1fr);\r\n    gap: clamp(56px, 7vw, 112px);\r\n    align-items: center;\r\n}\r\n\r\n\/* \u2014 Section body text \u2014 *\/\r\n.eco-hub__why-text {\r\n    margin: 0 0 22px !important;\r\n    max-width: 620px;\r\n    font-family: var(--eco-font-sans) !important;\r\n    font-size: clamp(17px, 1.2vw, 20px) !important;\r\n    line-height: 1.24 !important;\r\n    font-weight: 500 !important;\r\n    color: #071226 !important;\r\n}\r\n\r\n.eco-hub__why-text strong {\r\n    font-weight: 900 !important;\r\n}\r\n\r\n\/* \u2014 Objectives list with icons \u2014 *\/\r\n.eco-hub__why-list {\r\n    display: grid;\r\n    gap: 18px;\r\n    margin-top: 30px;\r\n}\r\n\r\n.eco-hub__why-item {\r\n    display: grid;\r\n    grid-template-columns: 34px minmax(0, 1fr);\r\n    gap: 20px;\r\n    align-items: start;\r\n}\r\n\r\n.eco-hub__why-icon {\r\n    display: flex;\r\n    align-items: flex-start;\r\n    justify-content: center;\r\n    padding-top: 2px;\r\n    color: #071226;\r\n}\r\n\r\n.eco-hub__why-icon i {\r\n    font-size: 30px;\r\n    line-height: 1;\r\n}\r\n\r\n.eco-hub__why-item h3 {\r\n    margin: 0 0 3px !important;\r\n    padding: 0 !important;\r\n    font-family: var(--eco-font-sans) !important;\r\n    font-size: clamp(18px, 1.2vw, 20px) !important;\r\n    line-height: 1.15 !important;\r\n    font-weight: 900 !important;\r\n    letter-spacing: -0.02em !important;\r\n    color: #071226 !important;\r\n    text-transform: none !important;\r\n}\r\n\r\n.eco-hub__why-item p {\r\n    margin: 0 !important;\r\n    font-family: var(--eco-font-sans) !important;\r\n    font-size: clamp(15px, 1vw, 17px) !important;\r\n    line-height: 1.25 !important;\r\n    font-weight: 500 !important;\r\n    color: #071226 !important;\r\n}\r\n\r\n\/* \u2014 Card placeholder (not currently in use, available for future versions) \u2014 *\/\r\n.eco-hub__paper-placeholder {\r\n    min-height: 380px;\r\n    border-radius: 18px;\r\n    background: rgba(255, 255, 255, .54);\r\n    border: 2px dashed rgba(18, 58, 115, .28);\r\n    box-shadow: 0 18px 52px rgba(18, 58, 115, .08);\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n}\r\n\r\n.eco-hub__paper-placeholder-inner {\r\n    padding: 32px;\r\n    text-align: center;\r\n    color: rgba(7, 18, 38, .58);\r\n}\r\n\r\n.eco-hub__paper-placeholder-label {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    min-height: 28px;\r\n    padding: 0 12px;\r\n    border-radius: 999px;\r\n    background: rgba(18, 58, 115, .08);\r\n    font-family: var(--eco-font-sans) !important;\r\n    font-size: 12px;\r\n    line-height: 1;\r\n    font-weight: 900;\r\n    letter-spacing: .08em;\r\n    text-transform: uppercase;\r\n    color: rgba(18, 58, 115, .72);\r\n}\r\n\r\n.eco-hub__paper-placeholder p {\r\n    margin: 14px 0 0 !important;\r\n    font-family: var(--eco-font-sans) !important;\r\n    font-size: 16px !important;\r\n    line-height: 1.35 !important;\r\n    font-weight: 700 !important;\r\n}\r\n\r\n\/* \u2014 Responsive \"Why ECO\": \u22641024px \u2014 *\/\r\n@media (max-width: 1024px) {\r\n    .eco-hub__why-inner {\r\n        width: min(100%, calc(100% - 88px));\r\n        grid-template-columns: minmax(320px, 560px) minmax(360px, 1fr);\r\n        gap: 48px;\r\n    }\r\n}\r\n\r\n\/* \u2014 Responsive \"Why ECO\": \u2264820px \u2014 *\/\r\n@media (max-width: 820px) {\r\n    .eco-hub__why-inner {\r\n        width: min(100%, calc(100% - 44px));\r\n        grid-template-columns: 1fr; \/* columns stacked vertically *\/\r\n        padding: 64px 0;\r\n    }\r\n\r\n    .eco-hub__paper-placeholder {\r\n        min-height: 320px;\r\n    }\r\n}\r\n\r\n\/* \u2014 Responsive \"Why ECO\": \u2264560px \u2014 *\/\r\n@media (max-width: 560px) {\r\n    .eco-hub__why-inner {\r\n        width: min(100%, calc(100% - 32px));\r\n        padding: 54px 0;\r\n    }\r\n\r\n    .eco-hub__why-list {\r\n        gap: 20px;\r\n        margin-top: 28px;\r\n    }\r\n\r\n    .eco-hub__why-item {\r\n        grid-template-columns: 30px minmax(0, 1fr);\r\n        gap: 16px;\r\n    }\r\n\r\n    .eco-hub__why-icon i {\r\n        font-size: 27px;\r\n    }\r\n\r\n    .eco-hub__paper-placeholder {\r\n        min-height: 260px;\r\n    }\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   COMPONENT: WHITE PAPER CARD\r\n   Card with an image at the top and text content below.\r\n   Positioned in the right column of the \"Why ECO\" section.\r\n\r\n   Structure:\r\n   \u2014 .eco-hub__paper-card          \u2192 card container (shadow, rounded corners)\r\n   \u2014 .eco-hub__paper-card-image    \u2192 top image area\r\n   \u2014 .eco-hub__paper-card-content  \u2192 bottom text area\r\n   \u2014 .eco-hub__paper-card-meta     \u2192 \"NEW\" badge + date (e.g. \"May 2026\")\r\n   \u2014 .eco-hub__paper-card-series   \u2192 editorial series name\r\n   \u2014 .eco-hub__paper-card-title    \u2192 paper title (serif, large)\r\n   \u2014 .eco-hub__paper-card-text     \u2192 short text (currently commented out in HTML)\r\n   \u2014 .eco-hub__paper-card-btn      \u2192 \"Discover the paper\" button\r\n\r\n   To change the card image \u2192 background-image in .eco-hub__paper-card-image\r\n   To change the button colour \u2192 background \/ border in .eco-hub__paper-card-btn\r\n   To re-enable the short text \u2192 remove the HTML comment around .eco-hub__paper-card-text\r\n   ===================================================== *\/\r\n\r\n.eco-hub__paper-card {\r\n    display: grid;\r\n    grid-template-columns: 1fr;\r\n    min-height: 0;\r\n    overflow: hidden;\r\n    border-radius: 18px;\r\n    background: #f7fbfd;\r\n    box-shadow: 0 14px 34px rgba(18, 58, 115, .22);\r\n}\r\n\r\n\/* \u2014 Top image \u2014 *\/\r\n.eco-hub__paper-card-image {\r\n    position: relative;\r\n    min-height: 300px;\r\n    overflow: hidden;\r\n    background: #ffffff;\r\n    background-image: url(\"https:\/\/www.dimann.com\/wp-content\/uploads\/2026\/05\/ECO_Hub_Hero_Mobile_Paper.webp\");\r\n    background-size: cover;\r\n    background-position: center center;\r\n    background-repeat: no-repeat;\r\n}\r\n\r\n.eco-hub__paper-card-image img {\r\n    width: 100%;\r\n    height: 100%;\r\n    display: block;\r\n    object-fit: cover;\r\n    object-position: center center;\r\n}\r\n\r\n\/* \u2014 Bottom text area \u2014 *\/\r\n.eco-hub__paper-card-content {\r\n    padding: 28px 26px 30px;\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: flex-start;\r\n    justify-content: flex-start;\r\n    background: #f7fbfd;\r\n}\r\n\r\n\/* \u2014 Meta badge: label + date \u2014 *\/\r\n.eco-hub__paper-card-meta {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 10px;\r\n    margin-bottom: 22px;\r\n    font-family: var(--eco-font-sans) !important;\r\n    text-transform: uppercase;\r\n}\r\n\r\n.eco-hub__paper-card-meta span {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    min-height: 26px;\r\n    padding: 0 8px;\r\n    border-radius: 4px;\r\n    background: #d9d9d9;\r\n    color: #1f2430;\r\n    font-size: 13px;\r\n    line-height: 1;\r\n    font-weight: 900;\r\n}\r\n\r\n.eco-hub__paper-card-meta strong {\r\n    color: #004aad;\r\n    font-size: 13px;\r\n    line-height: 1;\r\n    font-weight: 900;\r\n    letter-spacing: .01em;\r\n}\r\n\r\n\/* \u2014 Editorial series name \u2014 *\/\r\n.eco-hub__paper-card-series {\r\n    margin: 0 0 8px !important;\r\n    font-family: var(--eco-font-sans) !important;\r\n    font-size: clamp(17px, 1.25vw, 20px) !important;\r\n    line-height: 1.12 !important;\r\n    font-weight: 700 !important;\r\n    color: #1f2430 !important;\r\n}\r\n\r\n\/* \u2014 Main paper title (serif, large) \u2014 *\/\r\n.eco-hub__paper-card-title {\r\n    margin: 0 !important;\r\n    padding: 0 !important;\r\n    font-family: var(--eco-font-serif) !important;\r\n    font-size: clamp(26px, 2vw, 34px) !important;\r\n    line-height: 1.08 !important;\r\n    font-weight: 800 !important;\r\n    letter-spacing: -0.035em !important;\r\n    color: #1f2430 !important;\r\n    text-transform: none !important;\r\n}\r\n\r\n\/* \u2014 Short text (currently commented out in HTML) \u2014 *\/\r\n.eco-hub__paper-card-text {\r\n    margin: 24px 0 0 !important;\r\n    max-width: 420px;\r\n    font-family: var(--eco-font-sans) !important;\r\n    font-size: clamp(17px, 1.18vw, 20px) !important;\r\n    line-height: 1.25 !important;\r\n    font-weight: 500 !important;\r\n    color: #4d4f57 !important;\r\n}\r\n\r\n\/* \u2014 \"Discover the paper\" button \u2014 *\/\r\n.eco-hub__paper-card-btn,\r\n.eco-hub a.eco-hub__paper-card-btn {\r\n    margin-top: 34px;\r\n    appearance: none;\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 14px;\r\n    min-height: 52px;\r\n    padding: 0 28px;\r\n    border-radius: 999px;\r\n    border: 2px solid #241f2a;\r\n    background: #241f2a;\r\n    color: #ffffff !important;\r\n    font-family: var(--eco-font-sans) !important;\r\n    font-size: 16px !important;\r\n    line-height: 1 !important;\r\n    font-weight: 900 !important;\r\n    letter-spacing: -0.02em;\r\n    text-transform: uppercase;\r\n    text-decoration: none !important;\r\n    font-style: normal !important;\r\n    transition: transform .18s ease;\r\n}\r\n\r\n.eco-hub__paper-card-btn:hover,\r\n.eco-hub__paper-card-btn:focus-visible {\r\n    transform: translateY(-1px);\r\n    outline: none;\r\n}\r\n\r\n.eco-hub__paper-card-btn i {\r\n    font-size: 22px;\r\n    line-height: 1;\r\n}\r\n\r\n\/* \u2014 Responsive card: \u22641024px \u2014 *\/\r\n@media (max-width: 1024px) {\r\n    .eco-hub__paper-card {\r\n        grid-template-columns: 1fr;\r\n    }\r\n\r\n    .eco-hub__paper-card-image {\r\n        min-height: 300px;\r\n    }\r\n\r\n    .eco-hub__paper-card-content {\r\n        justify-content: flex-start;\r\n    }\r\n}\r\n\r\n\/* \u2014 Responsive card: \u2264820px \u2014 *\/\r\n@media (max-width: 820px) {\r\n    .eco-hub__paper-card {\r\n        max-width: 520px;\r\n        margin: 0 auto;\r\n        border-radius: 18px;\r\n    }\r\n\r\n    .eco-hub__paper-card-image {\r\n        min-height: 300px;\r\n    }\r\n\r\n    .eco-hub__paper-card-content {\r\n        padding: 28px 26px 30px;\r\n    }\r\n}\r\n\r\n\/* \u2014 Responsive card: \u2264560px \u2014 *\/\r\n@media (max-width: 560px) {\r\n    .eco-hub__paper-card {\r\n        max-width: none;\r\n        width: 100%;\r\n    }\r\n\r\n    .eco-hub__paper-card-image picture {\r\n        display: block;\r\n        width: 100%;\r\n        height: 100%;\r\n    }\r\n\r\n    .eco-hub__paper-card-content {\r\n        padding: 26px 20px 28px;\r\n    }\r\n\r\n    .eco-hub__paper-card-meta {\r\n        margin-bottom: 18px;\r\n    }\r\n\r\n    .eco-hub__paper-card-series {\r\n        font-size: 17px !important;\r\n        line-height: 1.18 !important;\r\n    }\r\n\r\n    .eco-hub__paper-card-title {\r\n        font-size: 27px !important;\r\n        line-height: 1.08 !important;\r\n    }\r\n\r\n    .eco-hub__paper-card-text {\r\n        margin-top: 22px !important;\r\n        font-size: 18px !important;\r\n        line-height: 1.28 !important;\r\n    }\r\n\r\n    .eco-hub__paper-card-btn,\r\n    .eco-hub a.eco-hub__paper-card-btn {\r\n        margin-top: 34px;\r\n        min-height: 52px;\r\n        padding: 0 24px;\r\n        font-size: 16px !important;\r\n    }\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   SECTION: WHO WE ARE \/ METHODOLOGY\r\n   White background. Two side-by-side columns:\r\n   \"Who We Are\" on the left, \"Methodology\" on the right.\r\n\r\n   Structure:\r\n   \u2014 .eco-hub__about-method        \u2192 white background container\r\n   \u2014 .eco-hub__about-method-inner  \u2192 2-column grid\r\n   \u2014 .eco-hub__about-block         \u2192 \"Who We Are\" column (free text)\r\n   \u2014 .eco-hub__method-block        \u2192 \"Methodology\" column (text + list)\r\n   \u2014 .eco-hub__method-list         \u2192 methodology items with arrow icons\r\n   \u2014 .eco-hub__method-item         \u2192 single item (icon + text)\r\n\r\n   To edit the text \u2192 <p> paragraphs inside .eco-hub__about-block\r\n                      and .eco-hub__method-block in the HTML\r\n   To add a methodology item\r\n   \u2192 duplicate a .eco-hub__method-item in the HTML\r\n   ===================================================== *\/\r\n\r\n.eco-hub__about-method {\r\n    width: 100vw;\r\n    max-width: 100vw;\r\n    margin-left: calc(50% - 50vw);\r\n    margin-right: calc(50% - 50vw);\r\n    background: #ffffff;\r\n}\r\n\r\n.eco-hub__about-method-inner {\r\n    width: min(var(--eco-max), calc(100% - 144px));\r\n    margin: 0 auto;\r\n    padding: clamp(72px, 7vw, 108px) 0;\r\n    display: grid;\r\n    grid-template-columns: minmax(320px, 600px) minmax(420px, 1fr);\r\n    gap: clamp(72px, 9vw, 140px);\r\n    align-items: start;\r\n}\r\n\r\n\/* \u2014 Paragraphs in both columns \u2014 *\/\r\n.eco-hub__about-block p,\r\n.eco-hub__method-block p {\r\n    margin: 0 0 26px !important;\r\n    font-family: var(--eco-font-sans) !important;\r\n    font-size: clamp(17px, 1.15vw, 20px) !important;\r\n    line-height: 1.22 !important;\r\n    font-weight: 500 !important;\r\n    color: #071226 !important;\r\n}\r\n\r\n.eco-hub__about-block p:last-child,\r\n.eco-hub__method-block p:last-child {\r\n    margin-bottom: 0 !important;\r\n}\r\n\r\n.eco-hub__about-block strong,\r\n.eco-hub__method-block strong {\r\n    font-weight: 900 !important;\r\n}\r\n\r\n\/* \u2014 Methodology list \u2014 *\/\r\n.eco-hub__method-list {\r\n    display: grid;\r\n    gap: 30px;\r\n    margin-top: 24px;\r\n}\r\n\r\n.eco-hub__method-item {\r\n    display: grid;\r\n    grid-template-columns: 28px minmax(0, 1fr);\r\n    gap: 18px;\r\n    align-items: start;\r\n}\r\n\r\n.eco-hub__method-item i {\r\n    padding-top: 2px;\r\n    font-size: 25px;\r\n    line-height: 1;\r\n    color: #071226;\r\n}\r\n\r\n.eco-hub__method-item p {\r\n    margin: 0 !important;\r\n    font-family: var(--eco-font-sans) !important;\r\n    font-size: clamp(17px, 1.12vw, 20px) !important;\r\n    line-height: 1.25 !important;\r\n    font-weight: 500 !important;\r\n    color: #071226 !important;\r\n}\r\n\r\n\/* \u2014 Responsive \"Who We Are \/ Methodology\": \u22641024px \u2014 *\/\r\n@media (max-width: 1024px) {\r\n    .eco-hub__about-method-inner {\r\n        width: min(100%, calc(100% - 88px));\r\n        grid-template-columns: minmax(300px, 1fr) minmax(340px, 1fr);\r\n        gap: 56px;\r\n    }\r\n}\r\n\r\n\/* \u2014 Responsive \"Who We Are \/ Methodology\": \u2264820px \u2014 *\/\r\n@media (max-width: 820px) {\r\n    .eco-hub__about-method-inner {\r\n        width: min(100%, calc(100% - 44px));\r\n        grid-template-columns: 1fr; \/* columns stacked vertically *\/\r\n        gap: 54px;\r\n        padding: 64px 0;\r\n    }\r\n\r\n    .eco-hub__method-list {\r\n        gap: 24px;\r\n    }\r\n}\r\n\r\n\/* \u2014 Responsive \"Who We Are \/ Methodology\": \u2264560px \u2014 *\/\r\n@media (max-width: 560px) {\r\n    .eco-hub__about-method-inner {\r\n        width: min(100%, calc(100% - 32px));\r\n        gap: 48px;\r\n        padding: 54px 0;\r\n    }\r\n\r\n    .eco-hub__about-block p,\r\n    .eco-hub__method-block p,\r\n    .eco-hub__method-item p {\r\n        font-size: 17px !important;\r\n        line-height: 1.32 !important;\r\n    }\r\n\r\n    .eco-hub__method-item {\r\n        grid-template-columns: 26px minmax(0, 1fr);\r\n        gap: 14px;\r\n    }\r\n\r\n    .eco-hub__method-item i {\r\n        font-size: 23px;\r\n    }\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   SECTION: PARTNERS \/ LOGOS\r\n   Grey-blue band (#f3f6f8).\r\n   Shows \"Powered by\" and the partner logos.\r\n\r\n   Structure:\r\n   \u2014 .eco-hub__partners               \u2192 full-width container\r\n   \u2014 .eco-hub__partners-inner         \u2192 grid: label | logos\r\n   \u2014 .eco-hub__partners-label         \u2192 \"Powered by\" text\r\n   \u2014 .eco-hub__partners-logos         \u2192 flex container for logos\r\n   \u2014 .eco-hub__partner-logo           \u2192 single logo (link <a> with image)\r\n   \u2014 .eco-hub__partner-logo img       \u2192 image rendered in grey and semi-transparent\r\n   \u2014 .eco-hub__partner-logo--placeholder \u2192 text variant when no image is available\r\n\r\n   To change logo opacity \u2192 opacity in .eco-hub__partner-logo img\r\n   To add a logo \u2192 duplicate an <a class=\"eco-hub__partner-logo\"> in the HTML\r\n   To change spacing between logos \u2192 gap in .eco-hub__partners-logos\r\n   ===================================================== *\/\r\n\r\n.eco-hub__partners {\r\n    width: 100vw;\r\n    max-width: 100vw;\r\n    margin-left: calc(50% - 50vw);\r\n    margin-right: calc(50% - 50vw);\r\n    background: #f3f6f8;\r\n}\r\n\r\n.eco-hub__partners-inner {\r\n    width: min(1120px, calc(100% - 180px));\r\n    margin: 0 auto;\r\n    padding: clamp(54px, 5vw, 78px) 0;\r\n    display: grid;\r\n    grid-template-columns: auto auto;\r\n    gap: clamp(56px, 5vw, 86px);\r\n    align-items: center;\r\n    justify-content: center;\r\n}\r\n\r\n.eco-hub__partners-label {\r\n    margin: 0 !important;\r\n    font-family: var(--eco-font-sans) !important;\r\n    font-size: 15px !important;\r\n    line-height: 1 !important;\r\n    font-weight: 500 !important;\r\n    color: #071226 !important;\r\n    white-space: nowrap;\r\n}\r\n\r\n.eco-hub__partners-logos {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: flex-start;\r\n    gap: clamp(42px, 4vw, 76px);\r\n}\r\n\r\n.eco-hub__partner-logo {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    min-width: 0;\r\n    height: 56px;\r\n}\r\n\r\n\/* Logos rendered in greyscale, dark and semi-transparent *\/\r\n.eco-hub__partner-logo img {\r\n    display: block;\r\n    width: auto;\r\n    max-width: 220px;\r\n    max-height: 46px;\r\n    height: auto;\r\n    opacity: .44;\r\n    filter: grayscale(1) invert(1) brightness(.62);\r\n}\r\n\r\n\/* Placeholder variant: styled text instead of an image *\/\r\n.eco-hub__partner-logo--placeholder span {\r\n    display: block;\r\n    font-family: var(--eco-font-serif) !important;\r\n    font-size: clamp(36px, 3vw, 48px) !important;\r\n    line-height: 1 !important;\r\n    font-weight: 800 !important;\r\n    letter-spacing: -0.035em !important;\r\n    color: #9fa5aa !important;\r\n    opacity: .85;\r\n}\r\n\r\n\/* Removes default decoration and colour from logo links *\/\r\n.eco-hub a.eco-hub__partner-logo {\r\n    text-decoration: none !important;\r\n    color: inherit !important;\r\n}\r\n\r\n\/* \u2014 Responsive partners: \u22641024px \u2014 *\/\r\n@media (max-width: 1024px) {\r\n    .eco-hub__partners-inner {\r\n        width: min(920px, calc(100% - 120px));\r\n        grid-template-columns: auto auto;\r\n        gap: 54px;\r\n        justify-content: center;\r\n    }\r\n\r\n    .eco-hub__partners-logos {\r\n        justify-content: flex-start;\r\n        gap: 48px;\r\n    }\r\n\r\n    .eco-hub__partner-logo img {\r\n        max-width: 190px;\r\n        max-height: 42px;\r\n    }\r\n}\r\n\r\n\/* \u2014 Responsive partners: \u2264820px \u2014 *\/\r\n@media (max-width: 820px) {\r\n    .eco-hub__partners-inner {\r\n        width: min(760px, calc(100% - 88px));\r\n        grid-template-columns: auto auto;\r\n        gap: 34px;\r\n        padding: 44px 0;\r\n        justify-content: center;\r\n    }\r\n\r\n    .eco-hub__partners-logos {\r\n        justify-content: flex-start;\r\n        gap: 24px;\r\n    }\r\n\r\n    .eco-hub__partner-logo {\r\n        height: 44px;\r\n    }\r\n\r\n    .eco-hub__partner-logo img {\r\n        max-width: 140px;\r\n        max-height: 34px;\r\n    }\r\n\r\n    .eco-hub__partner-logo--placeholder span {\r\n        font-size: 30px !important;\r\n    }\r\n}\r\n\r\n\/* \u2014 Responsive partners: \u2264560px \u2014 *\/\r\n@media (max-width: 560px) {\r\n    .eco-hub__partners-inner {\r\n        width: min(100%, calc(100% - 32px));\r\n        gap: 18px;\r\n        padding: 38px 0;\r\n    }\r\n\r\n    .eco-hub__partners-label {\r\n        font-size: 12px !important;\r\n    }\r\n\r\n    .eco-hub__partners-logos {\r\n        gap: 16px;\r\n    }\r\n\r\n    .eco-hub__partner-logo {\r\n        height: 36px;\r\n    }\r\n\r\n    .eco-hub__partner-logo img {\r\n        max-width: 92px;\r\n        max-height: 28px;\r\n    }\r\n\r\n    .eco-hub__partner-logo--placeholder span {\r\n        font-size: 22px !important;\r\n    }\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   SECTION: FINAL CTA (final call to action)\r\n   Lilac band (#f5e7f8) at the bottom of the page.\r\n   Contains icon, heading, body text and download button.\r\n\r\n   Structure:\r\n   \u2014 .eco-hub__final-cta         \u2192 full-width container, lilac background\r\n   \u2014 .eco-hub__final-cta-inner   \u2192 centred content\r\n   \u2014 .eco-hub__final-cta-icon    \u2192 binoculars icon (Phosphor ph-binoculars)\r\n   \u2014 .eco-hub__final-cta-title   \u2192 section heading (div+role for theme workaround)\r\n   \u2014 .eco-hub__final-cta-text    \u2192 descriptive text\r\n   \u2014 .eco-hub__final-cta-btn     \u2192 \"Download the white paper\" button\r\n\r\n   WORKAROUND: as with .eco-hub__section-title, the selector\r\n   .eco-hub .eco-hub__final-cta-title overrides the WordPress\r\n   theme's heading resets using !important and larger sizes.\r\n\r\n   To change the background colour \u2192 .eco-hub__final-cta background\r\n   To change the button link \u2192 href in .eco-hub__final-cta-btn in the HTML\r\n   ===================================================== *\/\r\n\r\n.eco-hub__final-cta {\r\n    width: 100vw;\r\n    max-width: 100vw;\r\n    margin-left: calc(50% - 50vw);\r\n    margin-right: calc(50% - 50vw);\r\n    background: #f5e7f8;\r\n}\r\n\r\n.eco-hub__final-cta-inner {\r\n    width: min(var(--eco-max), calc(100% - 144px));\r\n    margin: 0 auto;\r\n    padding: clamp(68px, 6vw, 92px) 0 clamp(92px, 8vw, 132px);\r\n    text-align: center;\r\n}\r\n\r\n.eco-hub__final-cta-icon {\r\n    display: flex;\r\n    justify-content: center;\r\n    margin-bottom: 22px;\r\n    color: #111111;\r\n}\r\n\r\n.eco-hub__final-cta-icon i {\r\n    font-size: clamp(42px, 3.8vw, 58px);\r\n    line-height: 1;\r\n}\r\n\r\n\/* Base heading styles *\/\r\n.eco-hub__final-cta-title {\r\n    margin: 0 !important;\r\n    padding: 0 !important;\r\n    font-family: var(--eco-font-serif) !important;\r\n    font-size: clamp(24px, 2vw, 34px) !important;\r\n    line-height: 1.12 !important;\r\n    font-weight: 800 !important;\r\n    letter-spacing: -0.03em !important;\r\n    color: #111111 !important;\r\n    text-transform: none !important;\r\n}\r\n\r\n\/* More specific selector to override WordPress theme styles *\/\r\n.eco-hub .eco-hub__final-cta-title {\r\n    display: block !important;\r\n    margin: 0 !important;\r\n    padding: 0 !important;\r\n    font-family: Lora, Georgia, serif !important;\r\n    font-size: clamp(30px, 2.4vw, 42px) !important;\r\n    line-height: 1.1 !important;\r\n    font-weight: 800 !important;\r\n    letter-spacing: -0.035em !important;\r\n    color: #111111 !important;\r\n    text-transform: none !important;\r\n    font-style: normal !important;\r\n}\r\n\r\n.eco-hub__final-cta-text {\r\n    margin: 20px auto 0 !important;\r\n    max-width: 760px;\r\n    font-family: var(--eco-font-sans) !important;\r\n    font-size: clamp(15px, 1vw, 18px) !important;\r\n    line-height: 1.35 !important;\r\n    font-weight: 500 !important;\r\n    color: #4a3154 !important;\r\n}\r\n\r\n\/* \u2014 Download button \u2014 *\/\r\n.eco-hub__final-cta-btn,\r\n.eco-hub a.eco-hub__final-cta-btn {\r\n    margin-top: 30px;\r\n    appearance: none;\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    min-height: 50px;\r\n    padding: 0 34px;\r\n    border-radius: 999px;\r\n    border: 2px solid #241f2a;\r\n    background: #241f2a;\r\n    color: #ffffff !important;\r\n    font-family: var(--eco-font-sans) !important;\r\n    font-size: 20px !important;\r\n    line-height: 1 !important;\r\n    font-weight: 900 !important;\r\n    letter-spacing: -0.02em;\r\n    text-transform: uppercase;\r\n    text-decoration: none !important;\r\n    font-style: normal !important;\r\n    transition: transform .18s ease;\r\n}\r\n\r\n.eco-hub__final-cta-btn:hover,\r\n.eco-hub__final-cta-btn:focus-visible {\r\n    transform: translateY(-1px);\r\n    outline: none;\r\n}\r\n\r\n\/* \u2014 Responsive final CTA: \u22641024px \u2014 *\/\r\n@media (max-width: 1024px) {\r\n    .eco-hub__final-cta-inner {\r\n        width: min(100%, calc(100% - 88px));\r\n    }\r\n}\r\n\r\n\/* \u2014 Responsive final CTA: \u2264820px \u2014 *\/\r\n@media (max-width: 820px) {\r\n    .eco-hub__final-cta-inner {\r\n        width: min(100%, calc(100% - 44px));\r\n        padding: 64px 0 104px;\r\n    }\r\n}\r\n\r\n\/* \u2014 Responsive final CTA: \u2264560px \u2014 *\/\r\n@media (max-width: 560px) {\r\n    .eco-hub__final-cta-inner {\r\n        width: min(100%, calc(100% - 32px));\r\n        padding: 56px 0 96px;\r\n    }\r\n\r\n    .eco-hub__final-cta-text {\r\n        margin-top: 18px !important;\r\n    }\r\n\r\n    .eco-hub__final-cta-btn,\r\n    .eco-hub a.eco-hub__final-cta-btn {\r\n        width: 100%;\r\n        max-width: 320px;\r\n        min-height: 52px;\r\n        margin-top: 28px;\r\n        padding: 0 24px;\r\n        font-size: 16px !important;\r\n    }\r\n\r\n    .eco-hub .eco-hub__final-cta-title {\r\n        font-size: 28px !important;\r\n        line-height: 1.12 !important;\r\n    }\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   GLOBAL FIXES AND OVERRIDES\r\n\r\n   1. REDUCED MOTION (accessibility)\r\n      For users who have enabled \"Reduce motion\" in their\r\n      operating system. Disables CSS transitions.\r\n\r\n   2. LATERAL GUTTER FIX on mobile\/tablet (\u22641024px)\r\n      WORKAROUND: the Elementor\/WordPress wrapper adds lateral\r\n      padding to the page content container, creating visible\r\n      white borders on the sides of full-width sections.\r\n      These rules force the .eco-hub component and its sections\r\n      to span the full viewport width (100vw) and reset any\r\n      margins inherited from the theme.\r\n   ===================================================== *\/\r\n\r\n\/* Disable transitions for users who prefer reduced motion *\/\r\n@media (prefers-reduced-motion: reduce) {\r\n    .eco-navbar,\r\n    .eco-navbar__dropdown-panel,\r\n    .eco-drawer,\r\n    .eco-drawer-overlay,\r\n    .eco-hub__btn {\r\n        transition: none;\r\n    }\r\n}\r\n\r\n\/* Gutter fix: force 100vw width on tablet and mobile *\/\r\n@media (max-width: 1024px) {\r\n    .eco-hub {\r\n        width: 100vw;\r\n        max-width: 100vw;\r\n        margin-left: calc(50% - 50vw);\r\n        margin-right: calc(50% - 50vw);\r\n        overflow-x: hidden;\r\n        background: #ffffff;\r\n    }\r\n\r\n    .eco-hub__hero,\r\n    .eco-hub__why,\r\n    .eco-hub__about-method,\r\n    .eco-hub__papers,\r\n    .eco-hub__final-cta,\r\n    .eco-hub__partners {\r\n        width: 100vw !important;\r\n        max-width: 100vw !important;\r\n        margin-left: 0 !important;\r\n        margin-right: 0 !important;\r\n    }\r\n}\r\n\r\n<\/style>\r\n\r\n<header class=\"eco-navbar\" data-eco-navbar>\r\n    <div class=\"eco-navbar__inner\">\r\n        <a class=\"eco-navbar__logo\" href=\"https:\/\/www.dimann.com\/en\/eco\/\" aria-label=\"Go to the ECO page\">\r\n            <img data-src=\"https:\/\/www.dimann.com\/wp-content\/uploads\/2025\/12\/Logo-ECO-no-dimann-negativo.webp\" alt=\"European Cystitis Observatory\" width=\"180\" height=\"42\" decoding=\"async\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" class=\"lazyload\" style=\"--smush-placeholder-width: 180px; --smush-placeholder-aspect-ratio: 180\/42;\">\r\n        <\/a>\r\n\r\n        <nav class=\"eco-navbar__desktop-nav\" aria-label=\"ECO main navigation\">\r\n            <a href=\"https:\/\/www.dimann.com\/en\/eco\/\" class=\"is-active\" aria-current=\"page\">Observatory<\/a>\r\n\r\n            <div class=\"eco-navbar__dropdown\">\r\n                <button class=\"eco-navbar__dropdown-trigger\" type=\"button\" aria-expanded=\"false\">\r\n                    White Paper\r\n                    <i class=\"ph-bold ph-caret-down\" aria-hidden=\"true\"><\/i>\r\n                <\/button>\r\n\r\n                <div class=\"eco-navbar__dropdown-panel\">\r\n                    <a class=\"eco-navbar__paper-link\" href=\"https:\/\/www.dimann.com\/en\/eco\/white-paper-2026-r01-anteprima\/\">\r\n                        <span class=\"eco-navbar__paper-label\">White Paper 1<\/span>\r\n                        <span class=\"eco-navbar__paper-title\">The Psychological Impact of Cystitis. Evidence from Italy.<\/span>\r\n                    <\/a>\r\n\r\n                    <a class=\"eco-navbar__paper-link\" href=\"https:\/\/www.dimann.com\/en\/eco\/white-paper-2026-r02-anteprima\/\">\r\n                        <span class=\"eco-navbar__paper-label\">White Paper 2<\/span>\r\n                        <span class=\"eco-navbar__paper-title\">The Role of Diet and Hydration in the Different Manifestations of Cystitis.\r\n                        <\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n        <\/nav>\r\n\r\n        <button class=\"eco-navbar__mobile-toggle\" type=\"button\" aria-expanded=\"false\" aria-controls=\"eco-mobile-drawer\">\r\n            <span class=\"eco-navbar__mobile-toggle-label\">Menu<\/span>\r\n            <span class=\"eco-navbar__mobile-toggle-icon\" aria-hidden=\"true\"><\/span>\r\n        <\/button>\r\n    <\/div>\r\n<\/header>\r\n\r\n<div class=\"eco-drawer-overlay\" data-eco-drawer-overlay hidden><\/div>\r\n\r\n<aside class=\"eco-drawer\" id=\"eco-mobile-drawer\" data-eco-drawer aria-hidden=\"true\">\r\n    <div class=\"eco-drawer__header\">\r\n        <button class=\"eco-drawer__close\" type=\"button\" data-eco-drawer-close aria-label=\"Close menu\">\r\n            \u00d7\r\n        <\/button>\r\n    <\/div>\r\n\r\n    <nav class=\"eco-drawer__nav\" aria-label=\"ECO mobile navigation\">\r\n        <a href=\"https:\/\/www.dimann.com\/en\/eco\/\" class=\"is-active\" aria-current=\"page\">Observatory<\/a>\r\n\r\n        <div class=\"eco-drawer__section\">\r\n            <span class=\"eco-drawer__section-title\">White Paper<\/span>\r\n\r\n            <a class=\"eco-drawer__paper-link\" href=\"https:\/\/www.dimann.com\/en\/eco\/white-paper-2026-r01-anteprima\/\">\r\n                <span class=\"eco-drawer__paper-label\">White Paper 1<\/span>\r\n                <span class=\"eco-drawer__paper-title\">The Psychological Impact of Cystitis. Evidence from Italy.<\/span>\r\n            <\/a>\r\n\r\n            <a class=\"eco-drawer__paper-link\" href=\"https:\/\/www.dimann.com\/en\/eco\/white-paper-2026-r02-anteprima\/\">\r\n                <span class=\"eco-drawer__paper-label\">White Paper 2<\/span>\r\n                <span class=\"eco-drawer__paper-title\">The Role of Diet and Hydration in the Different Manifestations of Cystitis.\r\n                <\/span>\r\n            <\/a>\r\n        <\/div>\r\n    <\/nav>\r\n<\/aside>\r\n\r\n<main class=\"eco-hub\" id=\"top\">\r\n    <section class=\"eco-hub__hero\" aria-labelledby=\"eco-hub-hero-title\">\r\n        <div class=\"eco-hub__hero-inner\">\r\n            <div class=\"eco-hub__hero-content\">\r\n                <h1 id=\"eco-hub-hero-title\" class=\"eco-hub__hero-title\">\r\n                    European<br> Cystitis<br> Observatory\r\n                <\/h1>\r\n\r\n                <p class=\"eco-hub__hero-text\">\r\n                    An observatory to shed light on a condition as widespread as it is invisible: chronic and recurrent cystitis.\r\n                <\/p>\r\n\r\n                <div class=\"eco-hub__hero-actions\" aria-label=\"Main actions\">\r\n                    <a class=\"eco-hub__btn eco-hub__btn--primary\" href=\"https:\/\/www.dimann.com\/en\/eco\/white-paper-2026-r02-anteprima\/\">\r\n                        discover the latest paper\r\n                        <i class=\"ph-bold ph-arrow-right\" aria-hidden=\"true\"><\/i>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n    <section class=\"eco-hub__why\" aria-labelledby=\"eco-hub-why-title\">\r\n        <div class=\"eco-hub__why-inner\">\r\n            <div class=\"eco-hub__why-content\">\r\n                <h2 id=\"eco-hub-why-title\" class=\"eco-hub__section-title\">\r\n                    Why ECO\r\n                <\/h2>\r\n\r\n                <p class=\"eco-hub__why-text\">\r\n                    ECO was created to fill a gap. There was no dedicated observatory \u2014 in Italy or across Europe \u2014 focused on <strong>recurrent cystitis<\/strong> and capable of rigorously documenting how this condition affects people's lives, predominantly women.\r\n                <\/p>\r\n\r\n                <p class=\"eco-hub__why-text\">\r\n                    ECO aims to provide, for the first time:\r\n                <\/p>\r\n\r\n                <div class=\"eco-hub__why-list\" aria-label=\"ECO observatory objectives\">\r\n                    <div class=\"eco-hub__why-item\">\r\n                        <div class=\"eco-hub__why-icon\" aria-hidden=\"true\">\r\n                            <i class=\"ph-bold ph-chart-bar\"><\/i>\r\n                        <\/div>\r\n\r\n                        <div>\r\n                            <h3>Updated and accessible data<\/h3>\r\n                            <p>on prevalence, recurrence and trends over time, to inform and raise awareness;<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <div class=\"eco-hub__why-item\">\r\n                        <div class=\"eco-hub__why-icon\" aria-hidden=\"true\">\r\n                            <i class=\"ph-bold ph-person\"><\/i>\r\n                        <\/div>\r\n\r\n                        <div>\r\n                            <h3>A 360\u00b0 perspective<\/h3>\r\n                            <p>on daily experience, emotional and social impact, direct and indirect costs, and treatments;<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <div class=\"eco-hub__why-item\">\r\n                        <div class=\"eco-hub__why-icon\" aria-hidden=\"true\">\r\n                            <i class=\"ph-bold ph-seal-check\"><\/i>\r\n                        <\/div>\r\n\r\n                        <div>\r\n                            <h3>Declared methodology and stated limitations<\/h3>\r\n                            <p>to support responsible use and reuse of findings.<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <aside class=\"eco-hub__paper-card\" aria-label=\"Latest ECO report\">\r\n                <div class=\"eco-hub__paper-card-image\">\r\n                    <picture>\r\n                        <source media=\"(max-width: 1180px)\" data-srcset=\"https:\/\/www.dimann.com\/wp-content\/uploads\/2026\/05\/Card-Anteprima-Report2_Mobile.webp\">\r\n\r\n                        <img data-src=\"https:\/\/www.dimann.com\/wp-content\/uploads\/2026\/05\/Card-Anteprima-Report2_Mobile.webp\" alt=\"\" decoding=\"async\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" class=\"lazyload\" style=\"--smush-placeholder-width: 900px; --smush-placeholder-aspect-ratio: 900\/520;\">\r\n                    <\/picture>\r\n                <\/div>\r\n\r\n                <div class=\"eco-hub__paper-card-content\">\r\n                    <div class=\"eco-hub__paper-card-meta\">\r\n                        <span>new<\/span>\r\n                        <strong>May 2026<\/strong>\r\n                    <\/div>\r\n\r\n                    <p class=\"eco-hub__paper-card-series\">\r\n                        Understanding Chronic and Recurrent Cystitis \u2014\r\n                    <\/p>\r\n\r\n                    <h3 class=\"eco-hub__paper-card-title\">\r\n                        The Role of Diet and Hydration in the Different Manifestations of Cystitis.\r\n                    <\/h3>\r\n\r\n                    <!-- <p class=\"eco-hub__paper-card-text\">\r\n                        Analysis of over 25,000 responses: trends, quality-of-life impact and clinical evidence.\r\n                    <\/p>-->\r\n\r\n                    <a class=\"eco-hub__paper-card-btn\" href=\"https:\/\/www.dimann.com\/en\/eco\/white-paper-2026-r02-anteprima\/\">\r\n                        Discover the paper\r\n                        <i class=\"ph-bold ph-arrow-right\" aria-hidden=\"true\"><\/i>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/aside>\r\n        <\/div>\r\n    <\/section>\r\n    <section class=\"eco-hub__about-method\" aria-labelledby=\"eco-hub-about-title\">\r\n        <div class=\"eco-hub__about-method-inner\">\r\n            <div class=\"eco-hub__about-block\">\r\n                <div id=\"eco-hub-about-title\" class=\"eco-hub__section-title\" role=\"heading\" aria-level=\"2\">\r\n                    Who We Are\r\n                <\/div>\r\n\r\n                <p>\r\n                    ECO is a research initiative promoted by <strong>Dimann<\/strong> to gather and share evidence on recurrent cystitis in a clear, accurate and respectful way.\r\n                <\/p>\r\n\r\n                <p>\r\n                    We work to bring visibility to what is often overlooked, by declaring our methods and limitations and contextualising the data, so that patients, caregivers, professionals and decision-makers can rely on understandable and useful information.\r\n                <\/p>\r\n\r\n                <p>\r\n                    We are open to future collaborations with <strong>clinical, advocacy and research organisations<\/strong>, in respect of editorial independence and the dignity of those involved.\r\n                <\/p>\r\n            <\/div>\r\n\r\n            <div class=\"eco-hub__method-block\">\r\n                <div class=\"eco-hub__section-title\" role=\"heading\" aria-level=\"2\">\r\n                    Methodology\r\n                <\/div>\r\n\r\n                <p>\r\n                    We apply <strong>transparent procedures<\/strong> at every stage: from questionnaire design to data cleaning, through to publishing results in accessible formats.\r\n                <\/p>\r\n\r\n                <div class=\"eco-hub__method-list\" aria-label=\"ECO methodology elements\">\r\n                    <div class=\"eco-hub__method-item\">\r\n                        <i class=\"ph-bold ph-arrow-right\" aria-hidden=\"true\"><\/i>\r\n                        <p>Declared sampling and criteria; weights and thresholds reported in full;<\/p>\r\n                    <\/div>\r\n\r\n                    <div class=\"eco-hub__method-item\">\r\n                        <i class=\"ph-bold ph-arrow-right\" aria-hidden=\"true\"><\/i>\r\n                        <p>Translated and tested instruments; analysis with uncertainty indicators and quality controls;<\/p>\r\n                    <\/div>\r\n\r\n                    <div class=\"eco-hub__method-item\">\r\n                        <i class=\"ph-bold ph-arrow-right\" aria-hidden=\"true\"><\/i>\r\n                        <p>Explicit limitations (coverage, bias, self-selection) and release versioning.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n    <section class=\"eco-hub__partners\" aria-label=\"Partners and organisations involved\">\r\n        <div class=\"eco-hub__partners-inner\">\r\n            <p class=\"eco-hub__partners-label\">Powered by<\/p>\r\n\r\n            <div class=\"eco-hub__partners-logos\" aria-label=\"Partner logos\">\r\n                <a class=\"eco-hub__partner-logo\" href=\"https:\/\/www.dimann.com\/\" target=\"_blank\" rel=\"noopener noreferrer\" aria-label=\"Visit Dimann website\">\r\n                    <img data-src=\"https:\/\/www.dimann.com\/wp-content\/uploads\/2026\/05\/Logo-Dimann-ECO.webp\" alt=\"Dimann\" decoding=\"async\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" class=\"lazyload\" style=\"--smush-placeholder-width: 1250px; --smush-placeholder-aspect-ratio: 1250\/344;\">\r\n                <\/a>\r\n\r\n                <a class=\"eco-hub__partner-logo\" href=\"https:\/\/www.namidi.it\/\" target=\"_blank\" rel=\"noopener noreferrer\" aria-label=\"Visit Nami website\">\r\n                    <img data-src=\"https:\/\/www.dimann.com\/wp-content\/uploads\/2026\/05\/NAMI-LOGO-Negativo.webp\" alt=\"Nami Data Intelligence\" decoding=\"async\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" class=\"lazyload\" style=\"--smush-placeholder-width: 400px; --smush-placeholder-aspect-ratio: 400\/193;\">\r\n                <\/a>\r\n\r\n                <a class=\"eco-hub__partner-logo\" href=\"https:\/\/ypl.ventures\/\" target=\"_blank\" rel=\"noopener noreferrer\" aria-label=\"Visit Yellow People Lab website\">\r\n                    <img data-src=\"https:\/\/www.dimann.com\/wp-content\/uploads\/2026\/05\/YPL-LOGO-Negativo-1.webp\" alt=\"Yellow People Lab\" decoding=\"async\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" class=\"lazyload\" style=\"--smush-placeholder-width: 400px; --smush-placeholder-aspect-ratio: 400\/94;\">\r\n                <\/a>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n    <section class=\"eco-hub__final-cta\" aria-labelledby=\"eco-hub-final-cta-title\">\r\n        <div class=\"eco-hub__final-cta-inner\">\r\n            <div class=\"eco-hub__final-cta-icon\" aria-hidden=\"true\">\r\n                <i class=\"ph-bold ph-binoculars\"><\/i>\r\n            <\/div>\r\n\r\n            <div id=\"eco-hub-final-cta-title\" class=\"eco-hub__final-cta-title\" role=\"heading\" aria-level=\"2\">\r\n                Interested in the Observatory's work?\r\n            <\/div>\r\n\r\n            <p class=\"eco-hub__final-cta-text\">\r\n                Download the White Paper and receive updates from the first European Cystitis Observatory.\r\n            <\/p>\r\n\r\n            <a class=\"eco-hub__final-cta-btn\" href=\"https:\/\/mailchi.mp\/dimann.com\/download-white-paper-2-by-eco\">\r\n                Download the white paper\r\n            <\/a>\r\n        <\/div>\r\n    <\/section>\r\n<\/main>\r\n\r\n<script>\r\n    (function() {\r\n        const navbar = document.querySelector('[data-eco-navbar]');\r\n        const drawer = document.querySelector('[data-eco-drawer]');\r\n        const overlay = document.querySelector('[data-eco-drawer-overlay]');\r\n        const toggle = document.querySelector('.eco-navbar__mobile-toggle');\r\n        const closeButton = document.querySelector('[data-eco-drawer-close]');\r\n        const drawerLinks = drawer ? drawer.querySelectorAll('a') : [];\r\n\r\n        if (!navbar || !drawer || !overlay || !toggle) return;\r\n\r\n        let lastScrollY = window.scrollY;\r\n        let ticking = false;\r\n        const threshold = 12;\r\n\r\n        function showNavbar() {\r\n            navbar.classList.remove('is-hidden');\r\n        }\r\n\r\n        function hideNavbar() {\r\n            if (!drawer.classList.contains('is-open')) {\r\n                navbar.classList.add('is-hidden');\r\n            }\r\n        }\r\n\r\n        function handleScroll() {\r\n            const currentScrollY = window.scrollY;\r\n            const diff = currentScrollY - lastScrollY;\r\n\r\n            if (currentScrollY <= 20) {\r\n                showNavbar();\r\n            } else if (diff > threshold) {\r\n                hideNavbar();\r\n            } else if (diff < -threshold) {\r\n                showNavbar();\r\n            }\r\n\r\n            lastScrollY = currentScrollY;\r\n            ticking = false;\r\n        }\r\n\r\n        window.addEventListener('scroll', function() {\r\n            if (!ticking) {\r\n                window.requestAnimationFrame(handleScroll);\r\n                ticking = true;\r\n            }\r\n        }, {\r\n            passive: true\r\n        });\r\n\r\n        function openDrawer() {\r\n            drawer.classList.add('is-open');\r\n            drawer.setAttribute('aria-hidden', 'false');\r\n\r\n            overlay.hidden = false;\r\n            window.requestAnimationFrame(function() {\r\n                overlay.classList.add('is-visible');\r\n            });\r\n\r\n            toggle.setAttribute('aria-expanded', 'true');\r\n            document.body.classList.add('eco-drawer-is-open');\r\n            showNavbar();\r\n\r\n            const firstFocusable = drawer.querySelector('a, button');\r\n            if (firstFocusable) firstFocusable.focus();\r\n        }\r\n\r\n        function closeDrawer() {\r\n            drawer.classList.remove('is-open');\r\n            drawer.setAttribute('aria-hidden', 'true');\r\n\r\n            overlay.classList.remove('is-visible');\r\n            toggle.setAttribute('aria-expanded', 'false');\r\n            document.body.classList.remove('eco-drawer-is-open');\r\n\r\n            window.setTimeout(function() {\r\n                overlay.hidden = true;\r\n            }, 240);\r\n        }\r\n\r\n        toggle.addEventListener('click', function() {\r\n            const isOpen = drawer.classList.contains('is-open');\r\n\r\n            if (isOpen) {\r\n                closeDrawer();\r\n            } else {\r\n                openDrawer();\r\n            }\r\n        });\r\n\r\n        if (closeButton) {\r\n            closeButton.addEventListener('click', closeDrawer);\r\n        }\r\n\r\n        overlay.addEventListener('click', closeDrawer);\r\n\r\n        drawerLinks.forEach(function(link) {\r\n            link.addEventListener('click', closeDrawer);\r\n        });\r\n\r\n        document.addEventListener('keydown', function(event) {\r\n            if (event.key === 'Escape' && drawer.classList.contains('is-open')) {\r\n                closeDrawer();\r\n                toggle.focus();\r\n            }\r\n        });\r\n    })();\r\n<\/script>\r\n\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\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Observatory White Paper White Paper 1 The Psychological Impact of Cystitis. Evidence from Italy. White Paper 2 The Role of Diet and Hydration in the Different Manifestations of Cystitis. Menu \u00d7 Observatory White Paper White Paper 1 The Psychological Impact of Cystitis. Evidence from Italy. White Paper 2 The Role of Diet and Hydration in [&hellip;]<\/p>\n","protected":false},"author":31,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-60080","page","type-page","status-publish","hentry"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.6 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>European Cystitis Observatory (ECO) | Dimann<\/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:\/\/www.dimann.com\/en\/eco\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"European Cystitis Observatory (ECO) | Dimann\" \/>\n<meta property=\"og:description\" content=\"Observatory White Paper White Paper 1 The Psychological Impact of Cystitis. Evidence from Italy. White Paper 2 The Role of Diet and Hydration in the Different Manifestations of Cystitis. Menu \u00d7 Observatory White Paper White Paper 1 The Psychological Impact of Cystitis. Evidence from Italy. White Paper 2 The Role of Diet and Hydration in [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.dimann.com\/en\/eco\/\" \/>\n<meta property=\"og:site_name\" content=\"Dimann\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/pg\/Dimann.cistite\/posts\/\" \/>\n<meta property=\"article:modified_time\" content=\"2026-05-22T13:55:52+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.dimann.com\/wp-content\/uploads\/2025\/12\/Logo-ECO-no-dimann-negativo.webp\" \/>\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=\"3 minutes\" \/>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"European Cystitis Observatory (ECO) | Dimann","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:\/\/www.dimann.com\/en\/eco\/","og_locale":"en_US","og_type":"article","og_title":"European Cystitis Observatory (ECO) | Dimann","og_description":"Observatory White Paper White Paper 1 The Psychological Impact of Cystitis. Evidence from Italy. White Paper 2 The Role of Diet and Hydration in the Different Manifestations of Cystitis. Menu \u00d7 Observatory White Paper White Paper 1 The Psychological Impact of Cystitis. Evidence from Italy. White Paper 2 The Role of Diet and Hydration in [&hellip;]","og_url":"https:\/\/www.dimann.com\/en\/eco\/","og_site_name":"Dimann","article_publisher":"https:\/\/www.facebook.com\/pg\/Dimann.cistite\/posts\/","article_modified_time":"2026-05-22T13:55:52+00:00","og_image":[{"url":"https:\/\/www.dimann.com\/wp-content\/uploads\/2025\/12\/Logo-ECO-no-dimann-negativo.webp","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.dimann.com\/en\/eco\/","url":"https:\/\/www.dimann.com\/en\/eco\/","name":"European Cystitis Observatory (ECO) | Dimann","isPartOf":{"@id":"https:\/\/www.dimann.com\/en\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.dimann.com\/en\/eco\/#primaryimage"},"image":{"@id":"https:\/\/www.dimann.com\/en\/eco\/#primaryimage"},"thumbnailUrl":"https:\/\/www.dimann.com\/wp-content\/uploads\/2025\/12\/Logo-ECO-no-dimann-negativo.webp","datePublished":"2025-12-16T11:14:39+00:00","dateModified":"2026-05-22T13:55:52+00:00","inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.dimann.com\/en\/eco\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.dimann.com\/en\/eco\/#primaryimage","url":"https:\/\/www.dimann.com\/wp-content\/uploads\/2025\/12\/Logo-ECO-no-dimann-negativo.webp","contentUrl":"https:\/\/www.dimann.com\/wp-content\/uploads\/2025\/12\/Logo-ECO-no-dimann-negativo.webp"},{"@type":"WebSite","@id":"https:\/\/www.dimann.com\/en\/#website","url":"https:\/\/www.dimann.com\/en\/","name":"Dimann","description":"","publisher":{"@id":"https:\/\/www.dimann.com\/en\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.dimann.com\/en\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.dimann.com\/en\/#organization","name":"Dimann","url":"https:\/\/www.dimann.com\/en\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.dimann.com\/en\/#\/schema\/logo\/image\/","url":"https:\/\/www.dimann.com\/wp-content\/uploads\/2019\/07\/logo.svg","contentUrl":"https:\/\/www.dimann.com\/wp-content\/uploads\/2019\/07\/logo.svg","width":1,"height":1,"caption":"Dimann"},"image":{"@id":"https:\/\/www.dimann.com\/en\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/pg\/Dimann.cistite\/posts\/","https:\/\/www.instagram.com\/dimann_official\/"]}]}},"_links":{"self":[{"href":"https:\/\/www.dimann.com\/en\/wp-json\/wp\/v2\/pages\/60080","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.dimann.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.dimann.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.dimann.com\/en\/wp-json\/wp\/v2\/users\/31"}],"replies":[{"embeddable":true,"href":"https:\/\/www.dimann.com\/en\/wp-json\/wp\/v2\/comments?post=60080"}],"version-history":[{"count":30,"href":"https:\/\/www.dimann.com\/en\/wp-json\/wp\/v2\/pages\/60080\/revisions"}],"predecessor-version":[{"id":62058,"href":"https:\/\/www.dimann.com\/en\/wp-json\/wp\/v2\/pages\/60080\/revisions\/62058"}],"wp:attachment":[{"href":"https:\/\/www.dimann.com\/en\/wp-json\/wp\/v2\/media?parent=60080"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}