Horizontal Scroll Center Fix<\/title><\/p>\n<style>\n<p>\/* ===================== *\/\n\/* BASE *\/\n\/* ===================== *\/<\/p>\n<p>.panel img {\n width: 100%;\n height: auto;\n}\n.uk-card img{\n height: 400px;\n width: 100%;\n object-fit: cover;\n}\n.panel ul {\n font-size: 16px;\n}<\/p>\n<p>\/* ===================== *\/\n\/* SEZIONE *\/\n\/* ===================== *\/<\/p>\n<p>.horizontal-section {\n height: 300vh;\n position: relative;\n}<\/p>\n<p>\/* ===================== *\/\n\/* STICKY *\/\n\/* ===================== *\/<\/p>\n<p>.horizontal-sticky {\n position: sticky;\n top: 0;\n height: 100vh;\n overflow: hidden;\n display: flex;\n align-items: center;\n justify-content: flex-start;\n}<\/p>\n<p>\/* ===================== *\/\n\/* WRAPPER *\/\n\/* ===================== *\/<\/p>\n<p>.horizontal-wrapper {\n display: flex;\n flex-direction: row;\n height: 100%;\n align-items: stretch;\n will-change: transform;\n}<\/p>\n<p>\/* ===================== *\/\n\/* PANEL BASE *\/\n\/* ===================== *\/<\/p>\n<p>.panel {\n flex: 0 0 65vw;\n max-width: 750px;\n height: 80%;\n margin-right: 40px;<\/p>\n<p> display: flex;\n flex-direction: column;\n justify-content: flex-start;<\/p>\n<p> font-size: 24px;\n}<\/p>\n<p>\/* ===================== *\/\n\/* 1\u00b0 PANEL (INTRO VUOTO) *\/\n\/* ===================== *\/<\/p>\n<p>.panel:nth-child(1) {\n flex: 0 0 18vw;\n min-width: 120px;\n background: #F2EEE9;\n}<\/p>\n<p>\/* ===================== *\/\n\/* 2\u00b0 PANEL (TITOLO CHIARO) *\/\n\/* ===================== *\/<\/p>\n<p>.panel:nth-child(2) {\n background: #F2EEE9;\n color: #000;\n}<\/p>\n<p>\/* ===================== *\/\n\/* DAL 3 IN POI *\/\n\/* ===================== *\/<\/p>\n<p>.panel:nth-child(n+3) {\n background: #111111;\n color: #ffffff;\n}<\/p>\n<p>\/* ===================== *\/\n\/* SPACING FINALE *\/\n\/* ===================== *\/<\/p>\n<p>.panel:last-child {\n margin-right: 200px;\n}<\/p>\n<p>\/* ===================== *\/\n\/* MOBILE *\/\n\/* ===================== *\/<\/p>\n<p>@media (max-width: 768px) {<\/p>\n<p> .horizontal-section {\n height: 160vh;\n }<\/p>\n<p> .panel:nth-child(1) {\n flex: 0 0 25vw;\n }<\/p>\n<p> .panel:nth-child(n+2) {\n flex: 0 0 85vw;\n margin-right: 20px;\n }<\/p>\n<p> .panel:last-child {\n margin-right: 80px;\n }\n}<\/p>\n<\/style>\n<p><\/head><\/p>\n<p><body><\/p>\n<section class=\"horizontal-section\">\n<div class=\"horizontal-sticky\">\n<div class=\"horizontal-wrapper\">\n<p><\/p>\n<div class=\"panel\"><\/div>\n<p><\/p>\n<div class=\"panel\" style=\"display: flex; align-items: center; justify-content: center;\">\n<h2>\nChocolate & Cream collaborates with radio stations, cultural organizations, and publishers that have been active for years in the field of Afro music and diaspora cultures.<br \/>\n<\/h2>\n<\/div>\n<p><\/p>\n<div class=\"panel\">\n<div class=\"uk-card uk-card-secondary uk-card-body\">\n<h3>Storytelling & Music Research<\/h3>\n<ul>\n<li>Creation of narrative content<\/li>\n<li>Historical and Cultural Research<\/li>\n<li>Scripts for podcasts and videos<\/li>\n<\/ul>\n<p><img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/03\/Rectangle-18.jpg\" alt=\"\" title=\"\">\n<\/div>\n<\/div>\n<p><\/p>\n<div class=\"panel\">\n<div class=\"uk-card uk-card-secondary uk-card-body\">\n<h3>Cultural Consulting<\/h3>\n<ul>\n<li>Music selections<\/li>\n<li>Thematic curation<\/li>\n<li>Sound identities<\/li>\n<\/ul>\n<p><img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/04\/consulenza.webp\" alt=\"\" title=\"\">\n<\/div>\n<\/div>\n<p><\/p>\n<div class=\"panel\">\n<div class=\"uk-card uk-card-secondary uk-card-body\">\n<h3>Creative Projects<\/h3>\n<ul>\n<li>Format e concept<\/li>\n<li>Artistic collaborations<\/li>\n<li>Creative Direction<\/li>\n<\/ul>\n<p> <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/04\/progetti.webp\" alt=\"\" title=\"\">\n<\/div>\n<\/div>\n<p><\/p>\n<div class=\"panel\">\n<div class=\"uk-card uk-card-secondary uk-card-body\">\n<h3>Educational format<\/h3>\n<ul>\n<li>Workshop<\/li>\n<li>Lessons<\/li>\n<li>Cultural itineraries<\/li>\n<\/ul>\n<p> <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/04\/educational.webp\" alt=\"\" title=\"\">\n<\/div>\n<\/div>\n<p><\/p>\n<div class=\"panel\">\n<div class=\"uk-card uk-card-secondary uk-card-body\">\n<h3>Events & Public Speaking<\/h3>\n<ul>\n<li>Talk e moderations<\/li>\n<li>Cultural Presentations<\/li>\n<\/ul>\n<p> <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/04\/public-speaking.webp\" alt=\"\" title=\"\">\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/section>\n<p><script>\ndocument.addEventListener(\"DOMContentLoaded\", function () {<\/p>\n<p> const section = document.querySelector(\".horizontal-section\");\n const wrapper = document.querySelector(\".horizontal-wrapper\");\n const panels = document.querySelectorAll(\".panel\");<\/p>\n<p> \/* ===================== *\/\n \/* LARGHEZZA WRAPPER *\/\n \/* ===================== *\/<\/p>\n<p> let wrapperWidth = 0;<\/p>\n<p> panels.forEach(p => {\n const style = window.getComputedStyle(p);\n const mr = parseInt(style.marginRight) || 0;\n wrapperWidth += p.offsetWidth + mr;\n });<\/p>\n<p> wrapper.style.width = wrapperWidth + \"px\";<\/p>\n<p> \/* ===================== *\/\n \/* FIX: START PI\u00d9 TARDI (IMPORTANTE) *\/\n \/* ===================== *\/<\/p>\n<p> window.addEventListener(\"scroll\", function () {<\/p>\n<p> const rect = section.getBoundingClientRect();<\/p>\n<p> const sectionHeight = section.offsetHeight;\n const viewportHeight = window.innerHeight;<\/p>\n<p> \/* distanza dall\u2019inizio sezione *\/\n const startTrigger = viewportHeight * 1; \n const progressRaw = (viewportHeight - rect.top - startTrigger) \/\n (sectionHeight - viewportHeight);<\/p>\n<p> const progress = Math.min(1, Math.max(0, progressRaw));<\/p>\n<p> const maxMove = wrapper.scrollWidth - window.innerWidth;<\/p>\n<p> const move = progress * maxMove;<\/p>\n<p> wrapper.style.transform = `translateX(-${move}px)`;\n });<\/p>\n<p>});\n<\/script><\/p>\n<p><\/body><br \/>\n<\/html>\n<\/div>\n<h2>Chocolate & Cream collabora con realt\u00e0 radiofoniche, culturali e editoriali che da anni operano nel campo della musica afro e delle culture diasporiche.<\/h2>\n<ul>\n<li>\n<p> <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/03\/Rectangle-18.jpg\" alt=\"\" title=\"\"><\/p>\n<h3>Storytelling & Ricerca musicale<\/h3>\n<div>\n<ul>\n<li>Creazione contenuti narrativi<\/li>\n<li>Ricerca storica e culturale<\/li>\n<li>Script per podcast e video<\/li>\n<\/ul>\n<\/div>\n<\/li>\n<li>\n<p> <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/04\/consulenza.webp\" alt=\"\" title=\"\"><\/p>\n<h3>Consulenza culturale \/ Music Curation<\/h3>\n<div>\n<ul>\n<li>Selezioni musicali<\/li>\n<li>Curatela tematica<\/li>\n<li>Identit\u00e0 sonore<\/li>\n<\/ul>\n<\/div>\n<\/li>\n<li>\n<p> <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/04\/progetti.webp\" alt=\"\" title=\"\"><\/p>\n<h3>Progetti creativi<\/h3>\n<div>\n<ul>\n<li>Format e concept<\/li>\n<li>Collaborazioni artistiche<\/li>\n<li>Direzione creativa<\/li>\n<\/ul>\n<\/div>\n<\/li>\n<li>\n<p> <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/04\/educational.webp\" alt=\"\" title=\"\"><\/p>\n<h3>Format educational<\/h3>\n<div>\n<ul>\n<li>Workshop<\/li>\n<li>Lezioni<\/li>\n<li>Percorsi culturali<\/li>\n<\/ul>\n<\/div>\n<\/li>\n<li>\n<p> <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/04\/public-speaking.webp\" alt=\"\" title=\"\"><\/p>\n<h3>Eventi & public speaking<\/h3>\n<div>\n<ul>\n<li>Talk e moderazioni<\/li>\n<li>Presentazioni culturali<\/li>\n<\/ul>\n<\/div>\n<\/li>\n<\/ul>\n<ul>\n<li>\n<p> <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/03\/Frame-40.jpg\" alt=\"\" title=\"\"><\/p>\n<h3>Nigrizia<\/h3>\n<p><a href=\"https:\/\/www.instagram.com\/reels\/CuT-5L2Odm9\/\" target=\"_blank\" rel=\"nofollow noopener\">Visit Instagram profile<\/a><\/p>\n<div>\n<p>Nigrizia is the historic monthly magazine of the Comboni Missionaries, founded in 1883. For over a century, it has been covering Africa \u2014 politics, culture and society \u2014 with a critical and independent perspective. Its \u201cAfroculture\u201d section is a go-to resource for those who study and appreciate African culture in Italy.<\/p>\n<\/div>\n<p><a href=\"https:\/\/www.nigrizia.it\" rel=\"nofollow noopener\" target=\"_blank\">Visit the web site<\/a><\/p>\n<\/li>\n<li>\n<p> <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/03\/Frame-43.jpg\" alt=\"\" title=\"\"><\/p>\n<h3>Rbl media<\/h3>\n<p><a href=\"https:\/\/www.mixcloud.com\/radiobandalarga\/diggin-south-w-chocolate-cream-6th-december-2021\/\" target=\"_blank\" rel=\"nofollow noopener\">listen on mixcloud<\/a><\/p>\n<div>\n<p>RBL \u2014 Radio Banda Larga is an independent web radio community based in Turin. For over twelve years, it has been broadcasting music that flies under the mainstream radar: jazz, funk, Afrobeat, electronic, and world music, with a collective and experimental approach. Chocolate & Cream has collaborated with its show Diggin\u2019 South.<\/p>\n<\/div>\n<p><a href=\"#\"><\/a><\/p>\n<\/li>\n<li>\n<p> <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/03\/Frame-42.jpg\" alt=\"\" title=\"\"><\/p>\n<h3>Radio raheem<\/h3>\n<p><a href=\"https:\/\/www.radioraheem.it\/raheem-talks-to\/raheem-talks-to-seun-kuti-host-chocolate-cream\/\" target=\"_blank\" rel=\"nofollow noopener\">discover radio<\/a><\/p>\n<div>\n<p>Radio Raheem is Milan\u2019s independent web radio station, streaming 24 hours a day and based at the Triennale. Launched in 2017, it has become a key player in the Italian independent music scene. Chocolate & Cream contributed to the \u201cRaheem Talks To\u201d series as the host of the episode featuring Seun Kuti.<\/p>\n<\/div>\n<p><a href=\"https:\/\/www.radioraheem.it\" rel=\"nofollow noopener\" target=\"_blank\">Visit the web site<\/a><\/p>\n<\/li>\n<li>\n<p> <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/04\/Frame-41-2.webp\" alt=\"\" title=\"\"><\/p>\n<h3>Torino e cultura<\/h3>\n<p><a href=\"https:\/\/www.youtube.com\/watch?v=esV2QhZJGnc\" target=\"_blank\" rel=\"nofollow noopener\">watch video<\/a><\/p>\n<\/li>\n<\/ul>\n<h2>Fill out the form<\/h2>\n<div>\n<div class=\"wpcf7 no-js\" id=\"wpcf7-f1213-o1\" lang=\"en-US\" dir=\"ltr\" data-wpcf7-id=\"1213\">\n<div class=\"screen-reader-response\"><p role=\"status\" aria-live=\"polite\" aria-atomic=\"true\"><\/p> <ul><\/ul><\/div>\n<form action=\"\/en\/wp-json\/wp\/v2\/pages\/1113#wpcf7-f1213-o1\" method=\"post\" class=\"wpcf7-form init\" aria-label=\"Contact form\" novalidate=\"novalidate\" data-status=\"init\">\n<fieldset class=\"hidden-fields-container\"><input type=\"hidden\" name=\"_wpcf7\" value=\"1213\" \/><input type=\"hidden\" name=\"_wpcf7_version\" value=\"6.1.5\" \/><input type=\"hidden\" name=\"_wpcf7_locale\" value=\"en_US\" \/><input type=\"hidden\" name=\"_wpcf7_unit_tag\" value=\"wpcf7-f1213-o1\" \/><input type=\"hidden\" name=\"_wpcf7_container_post\" value=\"0\" \/><input type=\"hidden\" name=\"_wpcf7_posted_data_hash\" value=\"\" \/>\n<\/fieldset>\n<div class=\"wpcf7-turnstile cf-turnstile\" data-sitekey=\"0x4AAAAAADAqxhmHHiCZeXRN\" data-response-field-name=\"_wpcf7_turnstile_response\"><\/div>\n\n<p><label>Full name<br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"your-name\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text wpcf7-validates-as-required uk-input\" autocomplete=\"name\" aria-required=\"true\" aria-invalid=\"false\" value=\"\" type=\"text\" name=\"your-name\" \/><\/span> <\/label>\n<\/p>\n<p><label>Enter your email<br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"your-email\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-email wpcf7-validates-as-required wpcf7-text wpcf7-validates-as-email uk-input\" autocomplete=\"email\" aria-required=\"true\" aria-invalid=\"false\" value=\"\" type=\"email\" name=\"your-email\" \/><\/span><\/label>\n<\/p>\n<p><label>Type of request<br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"selezione\"><select class=\"wpcf7-form-control wpcf7-select uk-select\" aria-invalid=\"false\" name=\"selezione\"><option value=\"Editorial collaboration\">Editorial collaboration<\/option><option value=\"Music consulting\">Music consulting<\/option><option value=\"Radio or media proposal\">Radio or media proposal<\/option><option value=\"Event proposal\">Event proposal<\/option><option value=\"Other\">Other<\/option><\/select><\/span><br \/>\n<\/label>\n<\/p>\n<p><label>Enter your message<br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"your-message\"><textarea cols=\"40\" rows=\"10\" maxlength=\"2000\" class=\"wpcf7-form-control wpcf7-textarea uk-textarea\" aria-invalid=\"false\" name=\"your-message\"><\/textarea><\/span> <\/label>\n<\/p>\n<p><span class=\"wpcf7-form-control-wrap\" data-name=\"acceptance-42\"><span class=\"wpcf7-form-control wpcf7-acceptance optional\"><span class=\"wpcf7-list-item\"><label><input type=\"checkbox\" name=\"acceptance-42\" value=\"1\" aria-invalid=\"false\" \/><span class=\"wpcf7-list-item-label\">I declare that I have read the <a href=\"https:\/\/www.iubenda.com\/privacy-policy\/38599233\" target=\"_blank\" rel=\"noopener noreferrer nofollow\">privacy policy<\/a> and consent to the processing of my personal data.<\/span><\/label><\/span><\/span><\/span>\n<\/p>\n<p><input class=\"wpcf7-form-control wpcf7-submit has-spinner uk-button uk-button-primary\" type=\"submit\" value=\"Send\" \/>\n<\/p><div class=\"wpcf7-response-output\" aria-hidden=\"true\"><\/div>\n<\/form>\n<\/div>\n<\/div>\n<p><br \/>\n\\\"><\/span><span data-buffer=\\\"\\\"><\/span><span>Creazione contenuti narrativi<\/span><\/li>\n\n\\n\n\n<li><span data-metadata=\\\"\\\"><\/span><span data-buffer=\\\"\\\"><\/span><span>Ricerca storica e culturale<\/span><\/li>\n\n\\n\n\n<li><span data-metadata=\\\"\\\"><\/span><span data-buffer=\\\"\\\"><\/span><span>Script per reel, podcast e video musicali<\/span><\/li>\n\n\\n<\/ul>\n\n\",\"content_column_breakpoint\":\"m\",\"image\":\"wp-content\/uploads\/2026\/03\/Rectangle-18.jpg\",\"image_align\":\"top\",\"image_grid_breakpoint\":\"m\",\"image_grid_width\":\"1-2\",\"image_svg_color\":\"emphasis\",\"link_style\":\"default\",\"link_text\":\"Read more\",\"margin_bottom\":\"default\",\"margin_top\":\"default\",\"meta_align\":\"below-title\",\"meta_element\":\"div\",\"meta_style\":\"text-meta\",\"panel_padding\":\"default\",\"panel_style\":\"tile-secondary\",\"title\":\"Storytelling & Ricerca musicale\",\"title_align\":\"top\",\"title_element\":\"h3\",\"title_grid_breakpoint\":\"m\",\"title_grid_width\":\"1-2\",\"title_hover_style\":\"reset\"}},{\"type\":\"panel\",\"props\":{\"class\":\"card-hor\",\"content\":\"\n\n<ul>\\n\n\n<li><span data-metadata=\\\"\\\"><\/span><span data-buffer=\\\"\\\"><\/span><span>Creazione contenuti narrativi<\/span><\/li>\n\n\\n\n\n<li><span data-metadata=\\\"\\\"><\/span><span data-buffer=\\\"\\\"><\/span><span>Ricerca storica e culturale<\/span><\/li>\n\n\\n\n\n<li><span data-metadata=\\\"\\\"><\/span><span data-buffer=\\\"\\\"><\/span><span>Script per reel, podcast e video musicali<\/span><\/li>\n\n\\n<\/ul>\n\n\",\"content_column_breakpoint\":\"m\",\"image\":\"wp-content\/uploads\/2026\/03\/Rectangle-18.jpg\",\"image_align\":\"top\",\"image_grid_breakpoint\":\"m\",\"image_grid_width\":\"1-2\",\"image_svg_color\":\"emphasis\",\"link_style\":\"default\",\"link_text\":\"Read more\",\"margin_bottom\":\"default\",\"margin_top\":\"default\",\"meta_align\":\"below-title\",\"meta_element\":\"div\",\"meta_style\":\"text-meta\",\"panel_padding\":\"default\",\"panel_style\":\"tile-secondary\",\"title\":\"Storytelling & Ricerca musicale\",\"title_align\":\"top\",\"title_element\":\"h3\",\"title_grid_breakpoint\":\"m\",\"title_grid_width\":\"1-2\",\"title_hover_style\":\"reset\"}},{\"type\":\"panel\",\"props\":{\"class\":\"card-hor\",\"content\":\"\n\n<ul>\\n\n\n<li><span data-metadata=\\\"\\\"><\/span><span data-buffer=\\\"\\\"><\/span><span>Creazione contenuti narrativi<\/span><\/li>\n\n\\n\n\n<li><span data-metadata=\\\"\\\"><\/span><span data-buffer=\\\"\\\"><\/span><span>Ricerca storica e culturale<\/span><\/li>\n\n\\n\n\n<li><span data-metadata=\\\"\\\"><\/span><span data-buffer=\\\"\\\"><\/span><span>Script per reel, podcast e video musicali<\/span><\/li>\n\n\\n<\/ul>\n\n\",\"content_column_breakpoint\":\"m\",\"image\":\"wp-content\/uploads\/2026\/03\/Rectangle-18.jpg\",\"image_align\":\"top\",\"image_grid_breakpoint\":\"m\",\"image_grid_width\":\"1-2\",\"image_svg_color\":\"emphasis\",\"link_style\":\"default\",\"link_text\":\"Read more\",\"margin_bottom\":\"default\",\"margin_top\":\"default\",\"meta_align\":\"below-title\",\"meta_element\":\"div\",\"meta_style\":\"text-meta\",\"panel_padding\":\"default\",\"panel_style\":\"tile-secondary\",\"title\":\"Storytelling & Ricerca musicale\",\"title_align\":\"top\",\"title_element\":\"h3\",\"title_grid_breakpoint\":\"m\",\"title_grid_width\":\"1-2\",\"title_hover_style\":\"reset\"}}]}],\"props\":{\"status\":\"disabled\"}},{\"type\":\"row\",\"children\":[{\"type\":\"column\",\"props\":{\"image_position\":\"center-center\",\"position_sticky\":\"section\",\"position_sticky_breakpoint\":\"\",\"vertical_align\":\"middle\"},\"children\":[{\"type\":\"grid\",\"props\":{\"animation\":\"parallax\",\"content\":\"\n\n<ul>\\n\n\n<li><span data-metadata=\\\"\\\"><\/span><span data-buffer=\\\"\\\"><\/span><span>Creazione contenuti narrativi<\/span><\/li>\n\n\\n\n\n<li><span data-metadata=\\\"\\\"><\/span><span data-buffer=\\\"\\\"><\/span><span>Ricerca storica e culturale<\/span><\/li>\n\n\\n\n\n<li><span data-metadata=\\\"\\\"><\/span><span data-buffer=\\\"\\\"><\/span><span>Script per reel, podcast e video musicali<\/span><\/li>\n\n\\n<\/ul>\n\n\",\"content_column_breakpoint\":\"m\",\"css\":\".el-element{\\n width: 100vw;\\nheight: 100vh\\nflex: 0 0 100vw;\\n translate: 0% \u2192 -200vw;\\n}\",\"filter_align\":\"left\",\"filter_all\":true,\"filter_grid_breakpoint\":\"m\",\"filter_grid_width\":\"auto\",\"filter_position\":\"top\",\"filter_style\":\"tab\",\"grid_default\":\"1\",\"grid_medium\":\"\",\"grid_small\":\"3\",\"image_align\":\"bottom\",\"image_grid_breakpoint\":\"m\",\"image_grid_width\":\"1-2\",\"image_svg_color\":\"emphasis\",\"image_svg_inline\":false,\"image_width\":\"1600\",\"item_animation\":true,\"lightbox_bg_close\":true,\"link_style\":\"default\",\"link_text\":\"Read more\",\"margin_bottom\":\"default\",\"margin_top\":\"default\",\"meta_align\":\"below-title\",\"meta_element\":\"div\",\"meta_style\":\"text-meta\",\"panel_padding\":\"default\",\"panel_style\":\"tile-secondary\",\"parallax_target\":\"!.uk-section\",\"parallax_x\":\"-300%\",\"position\":\"absolute\",\"position_top\":\"0\",\"show_content\":true,\"show_hover_image\":true,\"show_hover_video\":true,\"show_image\":true,\"show_link\":true,\"show_meta\":true,\"show_title\":true,\"show_video\":true,\"title_align\":\"top\",\"title_element\":\"h3\",\"title_grid_breakpoint\":\"m\",\"title_grid_width\":\"1-2\",\"title_hover_style\":\"reset\",\"visibility\":\"s\"},\"children\":[{\"type\":\"grid_item\",\"props\":{\"title\":\"Chocolate & Cream collabora con realt\u00e0 radiofoniche, culturali e editoriali che da anni operano nel campo della musica afro e delle culture diasporiche.\"}},{\"type\":\"grid_item\",\"props\":{\"content\":\"\n\n<ul>\\n\n\n<li><span data-metadata=\\\"\\\"><\/span><span data-buffer=\\\"\\\"><\/span><span>Creazione contenuti narrativi<\/span><\/li>\n\n\\n<\/ul>\n\n\",\"image\":\"wp-content\/uploads\/2026\/03\/Rectangle-18.jpg\",\"title\":\"Storytelling & Ricerca musicale\"}},{\"type\":\"grid_item\",\"props\":{\"content\":\"\n\n<ul>\\n\n\n<li><span data-metadata=\\\"\\\"><\/span><span data-buffer=\\\"\\\"><\/span><span>Creazione contenuti narrativi<\/span><\/li>\n\n\\n<\/ul>\n\n\",\"image\":\"wp-content\/uploads\/2026\/03\/Rectangle-18.jpg\",\"title\":\"Storytelling & Ricerca musicale\"}}]}]}],\"props\":{\"css\":\"@media (max-width: 1550px) {\\n\\t.el-row img { \\n max-height: 60vh;\\n\\tobject-fit: cover;\\n }\\n}\",\"height\":\"viewport\",\"height_viewport\":100,\"margin_bottom\":\"remove\",\"margin_top\":\"remove\",\"parallax\":false,\"status\":\"disabled\"}},{\"type\":\"row\",\"children\":[{\"type\":\"column\",\"props\":{\"image_position\":\"center-center\",\"position_sticky\":\"section\",\"position_sticky_breakpoint\":\"\",\"vertical_align\":\"middle\"},\"children\":[{\"type\":\"panel\",\"props\":{\"animation\":\"parallax\",\"content_column_breakpoint\":\"m\",\"css\":\".el-element { padding-top: 75px; }\",\"image\":\"\",\"image_align\":\"top\",\"image_grid_breakpoint\":\"m\",\"image_grid_width\":\"1-2\",\"image_svg_color\":\"emphasis\",\"image_width\":\"1600\",\"link_style\":\"default\",\"link_text\":\"Read more\",\"margin_bottom\":\"remove\",\"margin_top\":\"remove\",\"meta_align\":\"below-title\",\"meta_element\":\"div\",\"meta_style\":\"text-meta\",\"parallax_target\":\"!.uk-section\",\"parallax_x\":\"-300%\",\"title\":\"Chocolate & Cream collabora con realt\u00e0 radiofoniche, culturali e editoriali che da anni operano nel campo della musica afro e delle culture diasporiche.\",\"title_align\":\"top\",\"title_element\":\"h3\",\"title_grid_breakpoint\":\"m\",\"title_grid_width\":\"1-2\",\"title_hover_style\":\"reset\",\"visibility\":\"s\"}},{\"type\":\"panel\",\"props\":{\"animation\":\"parallax\",\"content_column_breakpoint\":\"m\",\"image\":\"wp-content\/uploads\/home-interior-01-mobile.jpg\",\"image_align\":\"top\",\"image_grid_breakpoint\":\"m\",\"image_grid_width\":\"1-2\",\"image_svg_color\":\"emphasis\",\"image_width\":\"330\",\"link_style\":\"default\",\"link_text\":\"Read more\",\"margin_bottom\":\"remove\",\"margin_top\":\"remove\",\"meta_align\":\"below-title\",\"meta_element\":\"div\",\"meta_style\":\"text-meta\",\"parallax_target\":\"!.uk-section\",\"parallax_x\":\"-300%\",\"title\":\"Chocolate & Cream collabora con realt\u00e0 radiofoniche, culturali e editoriali che da anni operano nel campo della musica afro e delle culture diasporiche.\",\"title_align\":\"top\",\"title_element\":\"h3\",\"title_grid_breakpoint\":\"m\",\"title_grid_width\":\"1-2\",\"title_hover_style\":\"reset\",\"visibility\":\"hidden-s\"}},{\"type\":\"panel\",\"props\":{\"animation\":\"parallax\",\"content\":\"\n\n<ul>\\n\n\n<li><span data-metadata=\\\"\\\"><\/span><span data-buffer=\\\"\\\"><\/span><span>Creazione contenuti narrativi<\/span><\/li>\n\n\\n\n\n<li><span data-metadata=\\\"\\\"><\/span><span data-buffer=\\\"\\\"><\/span><span>Ricerca storica e culturale<\/span><\/li>\n\n\\n\n\n<li><span data-metadata=\\\"\\\"><\/span><span data-buffer=\\\"\\\"><\/span><span>Script per reel, podcast e video musicali<\/span><\/li>\n\n\\n<\/ul>\n\n\",\"content_column_breakpoint\":\"m\",\"css\":\".el-image { translate: 100% 0; }\\n.el-element { padding-top: 75px; }\",\"image\":\"wp-content\/uploads\/home-interior-02.jpg\",\"image_align\":\"top\",\"image_grid_breakpoint\":\"m\",\"image_grid_width\":\"1-2\",\"image_svg_color\":\"emphasis\",\"image_svg_inline\":false,\"image_width\":\"1600\",\"link_style\":\"default\",\"link_text\":\"Read more\",\"margin_bottom\":\"default\",\"margin_top\":\"default\",\"meta_align\":\"below-title\",\"meta_element\":\"div\",\"meta_style\":\"text-meta\",\"panel_padding\":\"default\",\"panel_style\":\"tile-secondary\",\"parallax_target\":\"!.uk-section\",\"parallax_x\":\"-300%\",\"position\":\"absolute\",\"position_top\":\"0\",\"title\":\"Storytelling & Ricerca musicale\",\"title_align\":\"top\",\"title_element\":\"h3\",\"title_grid_breakpoint\":\"m\",\"title_grid_width\":\"1-2\",\"title_hover_style\":\"reset\",\"visibility\":\"s\"}},{\"type\":\"panel\",\"props\":{\"animation\":\"parallax\",\"content\":\"\n\n<ul>\\n\n\n<li><span>Creazione contenuti narrativi<\/span><\/li>\n\n\\n\n\n<li><span data-metadata=\\\"\\\"><\/span><span data-buffer=\\\"\\\"><\/span><span>Ricerca storica e culturale<\/span><\/li>\n\n\\n\n\n<li><span data-metadata=\\\"\\\"><\/span><span data-buffer=\\\"\\\"><\/span><span>Script per reel, podcast e video musicali<\/span><\/li>\n\n\\n<\/ul>\n\n\",\"content_column_breakpoint\":\"m\",\"css\":\".el-image { translate: 100% 0; }\",\"image\":\"wp-content\/uploads\/home-interior-02-mobile.jpg\",\"image_align\":\"top\",\"image_grid_breakpoint\":\"m\",\"image_grid_width\":\"1-2\",\"image_svg_color\":\"emphasis\",\"image_svg_inline\":false,\"image_width\":\"330\",\"link_style\":\"default\",\"link_text\":\"Read more\",\"margin_bottom\":\"default\",\"margin_top\":\"default\",\"meta_align\":\"below-title\",\"meta_element\":\"div\",\"meta_style\":\"text-meta\",\"panel_padding\":\"default\",\"panel_style\":\"tile-secondary\",\"parallax_target\":\"!.uk-section\",\"parallax_x\":\"-300%\",\"position\":\"absolute\",\"position_top\":\"0\",\"title\":\"Storytelling & Ricerca musicale\",\"title_align\":\"top\",\"title_element\":\"h3\",\"title_grid_breakpoint\":\"m\",\"title_grid_width\":\"1-2\",\"title_hover_style\":\"reset\",\"visibility\":\"hidden-s\"}},{\"type\":\"panel\",\"props\":{\"animation\":\"parallax\",\"content\":\"\n\n<ul>\\n\n\n<li><span>Creazione contenuti narrativi<\/span><\/li>\n\n\\n\n\n<li><span data-metadata=\\\"\\\"><\/span><span data-buffer=\\\"\\\"><\/span><span>Ricerca storica e culturale<\/span><\/li>\n\n\\n\n\n<li><span data-metadata=\\\"\\\"><\/span><span data-buffer=\\\"\\\"><\/span><span>Script per reel, podcast e video musicali<\/span><\/li>\n\n\\n<\/ul>\n\n\",\"content_column_breakpoint\":\"m\",\"css\":\".el-image { translate: 200% 0; }\\n.el-element { padding-top: 75px; }\",\"image\":\"wp-content\/uploads\/home-interior-03.jpg\",\"image_align\":\"top\",\"image_grid_breakpoint\":\"m\",\"image_grid_width\":\"1-2\",\"image_svg_color\":\"emphasis\",\"image_width\":\"1600\",\"link_style\":\"default\",\"link_text\":\"Read more\",\"margin_bottom\":\"default\",\"margin_top\":\"default\",\"meta_align\":\"below-title\",\"meta_element\":\"div\",\"meta_style\":\"text-meta\",\"panel_padding\":\"default\",\"panel_style\":\"tile-secondary\",\"parallax_target\":\"!.uk-section\",\"parallax_x\":\"-300%\",\"position\":\"absolute\",\"position_top\":\"0\",\"title\":\"Consulenza culturale \/ Music Curation\",\"title_align\":\"top\",\"title_element\":\"h3\",\"title_grid_breakpoint\":\"m\",\"title_grid_width\":\"1-2\",\"title_hover_style\":\"reset\",\"visibility\":\"s\"}},{\"type\":\"panel\",\"props\":{\"animation\":\"parallax\",\"content\":\"\n\n<ul>\\n\n\n<li><span>Creazione contenuti narrativi<\/span><\/li>\n\n\\n\n\n<li><span data-metadata=\\\"\\\"><\/span><span data-buffer=\\\"\\\"><\/span><span>Ricerca storica e culturale<\/span><\/li>\n\n\\n\n\n<li><span data-metadata=\\\"\\\"><\/span><span data-buffer=\\\"\\\"><\/span><span>Script per reel, podcast e video musicali<\/span><\/li>\n\n\\n<\/ul>\n\n\",\"content_column_breakpoint\":\"m\",\"css\":\".el-image { translate: 200% 0; }\",\"image\":\"wp-content\/uploads\/home-interior-03-mobile.jpg\",\"image_align\":\"top\",\"image_grid_breakpoint\":\"m\",\"image_grid_width\":\"1-2\",\"image_svg_color\":\"emphasis\",\"image_width\":\"330\",\"link_style\":\"default\",\"link_text\":\"Read more\",\"margin_bottom\":\"default\",\"margin_top\":\"default\",\"meta_align\":\"below-title\",\"meta_element\":\"div\",\"meta_style\":\"text-meta\",\"panel_padding\":\"default\",\"panel_style\":\"tile-secondary\",\"parallax_target\":\"!.uk-section\",\"parallax_x\":\"-300%\",\"position\":\"absolute\",\"position_top\":\"0\",\"title\":\"Consulenza culturale \/ Music Curation\",\"title_align\":\"top\",\"title_element\":\"h3\",\"title_grid_breakpoint\":\"m\",\"title_grid_width\":\"1-2\",\"title_hover_style\":\"reset\",\"visibility\":\"hidden-s\"}},{\"type\":\"panel\",\"props\":{\"animation\":\"parallax\",\"content_column_breakpoint\":\"m\",\"css\":\".el-image { translate: 300% 0; }\\n.el-element { padding-top: 75px; }\",\"image\":\"wp-content\/uploads\/home-interior-04.jpg\",\"image_align\":\"top\",\"image_grid_breakpoint\":\"m\",\"image_grid_width\":\"1-2\",\"image_svg_color\":\"emphasis\",\"image_width\":\"1600\",\"link_style\":\"default\",\"link_text\":\"Read more\",\"margin_bottom\":\"default\",\"margin_top\":\"default\",\"meta_align\":\"below-title\",\"meta_element\":\"div\",\"meta_style\":\"text-meta\",\"panel_padding\":\"default\",\"panel_style\":\"tile-secondary\",\"parallax_target\":\"!.uk-section\",\"parallax_x\":\"-300%\",\"position\":\"absolute\",\"position_top\":\"0\",\"title_align\":\"top\",\"title_element\":\"h3\",\"title_grid_breakpoint\":\"m\",\"title_grid_width\":\"1-2\",\"title_hover_style\":\"reset\",\"visibility\":\"s\"}},{\"type\":\"panel\",\"props\":{\"animation\":\"parallax\",\"content_column_breakpoint\":\"m\",\"css\":\".el-image { translate: 300% 0; }\",\"image\":\"wp-content\/uploads\/home-interior-04-mobile.jpg\",\"image_align\":\"top\",\"image_grid_breakpoint\":\"m\",\"image_grid_width\":\"1-2\",\"image_svg_color\":\"emphasis\",\"image_width\":\"330\",\"link_style\":\"default\",\"link_text\":\"Read more\",\"margin_bottom\":\"default\",\"margin_top\":\"default\",\"meta_align\":\"below-title\",\"meta_element\":\"div\",\"meta_style\":\"text-meta\",\"panel_padding\":\"default\",\"panel_style\":\"tile-secondary\",\"parallax_target\":\"!.uk-section\",\"parallax_x\":\"-300%\",\"position\":\"absolute\",\"position_top\":\"0\",\"title_align\":\"top\",\"title_element\":\"h3\",\"title_grid_breakpoint\":\"m\",\"title_grid_width\":\"1-2\",\"title_hover_style\":\"reset\",\"visibility\":\"hidden-s\"}}]}],\"props\":{\"css\":\"@media (max-width: 1550px) {\\n\\t.el-row img { \\n max-height: 60vh;\\n\\tobject-fit: cover;\\n }\\n}\",\"height\":\"viewport\",\"margin_bottom\":\"remove\",\"margin_top\":\"remove\",\"status\":\"disabled\"}},{\"type\":\"row\",\"children\":[{\"type\":\"column\",\"props\":{\"image_position\":\"center-center\",\"position_sticky_breakpoint\":\"m\"},\"children\":[{\"type\":\"html\",\"props\":{\"content\":\"<!DOCTYPE html>\\n<html lang=\\\"it\\\">\\n<head>\\n<meta charset=\\\"UTF-8\\\">\\n<title>Parallax Orizzontale con Box Iniziale<\/title>\\n\\n\n\n<style>\\n.panel img{\\n width: 100%;\\n}\\n.panel ul{\\n font-size: 16px;\\n}\\n \\n.horizontal-section {\\n height: 200vh;\\n position: relative;\\n}\\n\\n.horizontal-sticky {\\n position: sticky;\\n top:0;\\n height: 100vh;\\n overflow: hidden;\\n display: flex;\\n align-items: center;\\n justify-content: flex-start;\\n}\\n\\n.horizontal-wrapper {\\n display: flex;\\n flex-direction: row;\\n height: 100%;\\n transition: transform 0.05s linear;\\n}\\n\\n.panel {\\n flex: 0 0 34%;\\n height: 80%;\\n margin-right: 40px;\\n display: flex;\\n align-items: center;\\n justify-content: center;\\n font-size: 24px;\\ncolor: #fff;\\n background:white;\\n}\\n\\n\/* quarto box iniziale, pi\u00f9 piccolo *\/\\n.panel:first-child {\\n flex: 0 0 8%; \/* pi\u00f9 piccolo *\/\\n background:#F2EEE9;\\n color:#ffffff; \/* testo invisibile se non serve *\/\\n box-shadow:none;\\n}\\n\\n\/* colori box principali *\/\\n.panel:nth-child(2){ background:#F2EEE9; color:black; \\ndisplay: flex;\\njustify-content: center;}\\n.panel:nth-child(3){ background:#111111; color:white; }\\n.panel:nth-child(4){ background:#111111; color:white; }\\n\\n\/* sborda il quarto box a destra *\/\\n.panel:last-child {\\n margin-right: 200px;\\n}\\n\\n\/* wrapper: tutti i panel si estendono all'altezza massima *\/\\n.horizontal-wrapper {\\n display: flex;\\n align-items: stretch; \/* i panel si allungano alla stessa altezza *\/\\n}\\n\\n\/* panel: contenuto verticale interno *\/\\n.panel {\\n display: flex;\\n flex-direction: column;\\n justify-content: flex-start;\\n}\\n \\n \/* Mobile \/ tablet *\/\\n@media (max-width: 768px) {\\n \/* riduce l\u2019altezza della sezione su mobile *\/\\n .horizontal-section {\\n height: 150vh; \/* puoi regolare tra 120vh e 160vh per prova *\/\\n }\\n\\n \/* wrapper e pannelli pi\u00f9 adatti a schermi piccoli *\/\\n .panel:first-child {\\n flex: 0 0 20%; \/* quarto box bianco iniziale pi\u00f9 piccolo *\/\\n }\\n\\n .panel:nth-child(2),\\n .panel:nth-child(3),\\n .panel:nth-child(4) {\\n flex: 0 0 60%; \/* box pi\u00f9 larghi e leggibili *\/\\n margin-right: 30px; \/* margine pi\u00f9 piccolo *\/\\n }\\n\\n .panel:last-child {\\n margin-right: 100px; \/* meno sbordamento a destra *\/\\n }\\n\\n .horizontal-sticky {\\n justify-content: flex-start;\\n }\\n}\\n<\/style>\n\n\\n<\/head>\\n\\n<body>\\n\\n\n\n<section class=\\\"horizontal-section\\\">\\n \n\n<div class=\\\"horizontal-sticky\\\">\\n \n\n<div class=\\\"horizontal-wrapper\\\">\\n \n\n<div class=\\\"panel\\\"><\/div>\n\n \\n <\/p>\n<div class=\\\"panel\\\">\n<h2>Chocolate & Cream collabora con realt\u00e0 radiofoniche, culturali e editoriali che da anni operano nel campo della musica afro e delle culture diasporiche.<\/h2>\n<\/div>\n<p>\\n <\/p>\n<div class=\\\"panel\\\">\\n <\/p>\n<div class=\\\"uk-card uk-card-secondary uk-card-body\\\">\\n<\/p>\n<h3>Storytelling<br \/> \\n& Ricerca musicale<\/h3>\n<p>\\n <\/p>\n<ul>\n<li>Creazione contenuti narrativi<\/li>\n<p>\\n <\/p>\n<li>Ricerca storica e culturale<\/li>\n<p>\\n <\/p>\n<li>Script per reel, podcast e video musicali<\/li>\n<p>\\n <\/ul>\n<p>\\n <img src=\\\"\/wp-content\/uploads\/2026\/03\/Rectangle-18.jpg\\\" width=\\\"350\\\" height=\\\"250\\\"\/>\\n <\/div>\n<p>\\n <\/p><\/div>\n<p>\\n <\/p>\n<div class=\\\"panel\\\">\n<div class=\\\"uk-card uk-card-secondary uk-card-body\\\">\\n<\/p>\n<h3>Consulenza culturale \/ Music Curation<\/h3>\n<p>\\n <\/p>\n<ul>\n<li>Selezioni musicali per eventi e brand<\/li>\n<p>\\n <\/p>\n<li>Curatela tematica (Africa, Caraibi, diaspora, world music)<\/li>\n<p>\\n <\/p>\n<li>Supporto nella costruzione di identit\u00e0 sonore<\/li>\n<p>\\n <\/ul>\n<p>\\n <img src=\\\"\/wp-content\/uploads\/2026\/03\/Rectangle-18-1.jpg\\\" width=\\\"350\\\" height=\\\"250\\\"\/>\\n <\/div>\n<\/div>\n<p>\\n <\/p><\/div>\n<p>\\n <\/p><\/div>\n<p>\\n<\/section>\n<p>\\n\\n<script>\\ndocument.addEventListener(\\\"DOMContentLoaded\\\", function(){\\n\\n const section = document.querySelector(\\\".horizontal-section\\\");\\n const wrapper = document.querySelector(\\\".horizontal-wrapper\\\");\\n const panels = document.querySelectorAll(\\\".panel\\\");\\n\\n \/\/ calcola larghezza totale wrapper\\n let wrapperWidth = 0;\\n panels.forEach(p => {\\n const style = window.getComputedStyle(p);\\n const marginRight = parseInt(style.marginRight) || 0;\\n wrapperWidth += p.offsetWidth + marginRight;\\n });\\n wrapper.style.width = wrapperWidth + \\\"px\\\";\\n\\n const speedFactor = 3.5;\\n const initialOffset = 0; \/\/ puoi aggiungere offset extra se vuoi ancora pi\u00f9 spazio bianco\\n\\n \/\/ larghezza dei primi due box principali (Titolo + Box 1) per ritardo inizio scroll\\n const firstTwoWidth = panels[1].offsetWidth + parseInt(getComputedStyle(panels[1]).marginRight)\\n + panels[2].offsetWidth + parseInt(getComputedStyle(panels[2]).marginRight);\\n\\n window.addEventListener(\\\"scroll\\\", function(){\\n\\n const rect = section.getBoundingClientRect();\\n const sectionTop = rect.top;\\n const sectionHeight = section.offsetHeight;\\n\\n const scrollInSection = window.innerHeight - sectionTop;\\n\\n let move = initialOffset;\\n if(scrollInSection > firstTwoWidth){\\n const effectiveScroll = scrollInSection - firstTwoWidth;\\n const maxScroll = sectionHeight - window.innerHeight - firstTwoWidth;\\n const scrollPercent = Math.min(1, effectiveScroll \/ maxScroll);\\n move += scrollPercent * (wrapper.scrollWidth - window.innerWidth) * speedFactor;\\n }\\n\\n wrapper.style.transform = `translateX(-${move}px)`;\\n });\\n\\n});\\n<\/script>\\n\\n<\/body>\\n<\/html>“,”css”:”\/* Sezione con spazio di scroll *\/\\n.horizontal-section {\\n height: 300vh;\\n position: relative;\\n}\\n\\n\/* Container che blocca la sezione *\/\\n.horizontal-sticky {\\n position: sticky;\\n top: 0;\\n height: 100vh;\\n overflow: hidden;\\n}\\n\\n\/* Wrapper che contiene tutti i pannelli *\/\\n.horizontal-wrapper {\\n display: flex;\\n flex-direction: row;\\n height: 100vh;\\n width: 300vw;\\n}\\n\\n\/* Singoli pannelli *\/\\n.horizontal-panel {\\n flex: 0 0 100vw;\\n width: 100vw;\\n height: 100vh;\\n}”,”visibility”:”m”}}]}],”props”:{“status”:”disabled”}},{“type”:”row”,”children”:[{“type”:”column”,”props”:{“image_position”:”center-center”,”position_sticky_breakpoint”:”m”},”children”:[{“type”:”html”,”props”:{“content”:”<!DOCTYPE html>\\n<html lang=\\\"it\\\">\\n\\n<head>\\n <meta charset=\\\"UTF-8\\\">\\n <title>Parallax Orizzontale con Box Iniziale<\/title>\\n\\n <\/p>\n<style>\\n .panel img {\\n width: 100%;\\n }\\n\\n .panel ul {\\n font-size: 16px;\\n }\\n\\n .horizontal-section {\\n height: 300vh;\\n position: relative;\\n }\\n\\n .horizontal-sticky {\\n position: sticky;\\n top: 0;\\n height: 100vh;\\n overflow: hidden;\\n display: flex;\\n align-items: center;\\n justify-content: flex-start;\\n }\\n\\n .horizontal-wrapper {\\n display: flex;\\n flex-direction: row;\\n height: 100%;\\n transition: transform 0.05s linear;\\n }\\n\\n .panel {\\n flex: 0 0 5%;\\n height: 80%;\\n margin-right: 20px;\\n display: flex;\\n align-items: center;\\n justify-content: center;\\n font-size: 24px;\\n color: #fff;\\n background: white;\\n }\\n\\n \/* quarto box iniziale, pi\u00f9 piccolo *\/\\n .panel:first-child {\\n flex: 0 0 8%;\\n \/* pi\u00f9 piccolo *\/\\n background: #F2EEE9;\\n color: #ffffff;\\n \/* testo invisibile se non serve *\/\\n box-shadow: none;\\n }\\n\\n \/* colori box principali *\/\\n .panel:nth-child(2) {\\n background: #F2EEE9;\\n color: black;\\n display: flex;\\n justify-content: center;\\n }\\n\\n .panel:nth-child(3) {\\n background: #111111;\\n color: white;\\n }\\n\\n .panel:nth-child(4) {\\n background: #111111;\\n color: white;\\n }\\n\\n \/* sborda il quarto box a destra *\/\\n .panel:last-child {\\n margin-right: 200px;\\n }\\n\\n \/* wrapper: tutti i panel si estendono all'altezza massima *\/\\n .horizontal-wrapper {\\n display: flex;\\n align-items: stretch;\\n \/* i panel si allungano alla stessa altezza *\/\\n }\\n\\n \/* panel: contenuto verticale interno *\/\\n .panel {\\n display: flex;\\n flex-direction: column;\\n justify-content: flex-start;\\n }\\n\\n \/* Mobile \/ tablet *\/\\n @media (max-width: 768px) {\\n\\n \/* riduce l\u2019altezza della sezione su mobile *\/\\n .horizontal-section {\\n height: 150vh;\\n \/* puoi regolare tra 120vh e 160vh per prova *\/\\n }\\n\\n \/* wrapper e pannelli pi\u00f9 adatti a schermi piccoli *\/\\n .panel:first-child {\\n flex: 0 0 20%;\\n \/* quarto box bianco iniziale pi\u00f9 piccolo *\/\\n }\\n\\n .panel:nth-child(2),\\n .panel:nth-child(3),\\n .panel:nth-child(4) {\\n flex: 0 0 60%;\\n \/* box pi\u00f9 larghi e leggibili *\/\\n margin-right: 30px;\\n \/* margine pi\u00f9 piccolo *\/\\n }\\n\\n .panel:last-child {\\n margin-right: 100px;\\n \/* meno sbordamento a destra *\/\\n }\\n\\n .horizontal-sticky {\\n justify-content: flex-start;\\n }\\n }\\n <\/style>\n<p>\\n<\/head>\\n\\n<body>\\n\\n <\/p>\n<section class=\\\"horizontal-section\\\">\\n <\/p>\n<div class=\\\"horizontal-sticky\\\">\\n <\/p>\n<div class=\\\"horizontal-wrapper\\\">\\n <\/p>\n<div class=\\\"panel\\\"><\/div>\n<p> \\n <\/p>\n<div class=\\\"panel\\\">\\n <\/p>\n<h2>Chocolate & Cream collabora con realt\u00e0 radiofoniche, culturali e editoriali che da anni operano\\n nel campo della musica afro e delle culture diasporiche.<\/h2>\n<p>\\n <\/p><\/div>\n<p>\\n <\/p>\n<div class=\\\"panel\\\">\\n <\/p>\n<div class=\\\"uk-card uk-card-secondary uk-card-body\\\">\\n <\/p>\n<h3>Storytelling<br \/>\\n & Ricerca musicale<\/h3>\n<p>\\n <\/p>\n<ul>\\n <\/p>\n<li>Creazione contenuti narrativi<\/li>\n<p>\\n <\/p>\n<li>Ricerca storica e culturale<\/li>\n<p>\\n <\/p>\n<li>Script per reel, podcast e video musicali<\/li>\n<p>\\n <\/ul>\n<p>\\n <img src=\\\"\/wp-content\/uploads\/2026\/03\/Rectangle-18.jpg\\\" width=\\\"350\\\" height=\\\"250\\\" \/>\\n <\/div>\n<p>\\n <\/p><\/div>\n<p>\\n <\/p>\n<div class=\\\"panel\\\">\\n <\/p>\n<div class=\\\"uk-card uk-card-secondary uk-card-body\\\">\\n <\/p>\n<h3>Consulenza culturale \/ Music Curation<\/h3>\n<p>\\n <\/p>\n<ul>\\n <\/p>\n<li>Selezioni musicali per eventi e brand<\/li>\n<p>\\n <\/p>\n<li>Curatela tematica (Africa, Caraibi, diaspora, world music)<\/li>\n<p>\\n <\/p>\n<li>Supporto nella costruzione di identit\u00e0 sonore<\/li>\n<p>\\n <\/ul>\n<p>\\n <img src=\\\"\/wp-content\/uploads\/2026\/03\/Rectangle-18-1.jpg\\\" width=\\\"350\\\" height=\\\"250\\\" \/>\\n <\/div>\n<p>\\n <\/p><\/div>\n<p>\\n\\n <\/p>\n<div class=\\\"panel\\\">\\n <\/p>\n<div class=\\\"uk-card uk-card-secondary uk-card-body\\\">\\n <\/p>\n<h3>Progetti creativi e co-produzioni<\/h3>\n<p>\\n <\/p>\n<ul>\\n <\/p>\n<li>Sviluppo format<\/li>\n<p>\\n <\/p>\n<li>Collaborazioni artistiche<\/li>\n<p>\\n <\/p>\n<li>Ideazione e direzione creativa di contenuti<\/li>\n<p>\\n <\/ul>\n<p>\\n <img src=\\\"\/wp-content\/uploads\/2026\/03\/Rectangle-18-1.jpg\\\" width=\\\"350\\\" height=\\\"250\\\" \/>\\n <\/div>\n<p>\\n <\/p><\/div>\n<p>\\n\\n <\/p>\n<div class=\\\"panel\\\">\\n <\/p>\n<div class=\\\"uk-card uk-card-secondary uk-card-body\\\">\\n <\/p>\n<h3>Format educational & divulgazione<\/h3>\n<p>\\n <\/p>\n<ul>\\n <\/p>\n<li>Lezioni, workshop, interventi su music history<\/li>\n<p>\\n <\/p>\n<li>Percorsi divulgativi per scuole \/ istituzioni culturali<\/li>\n<p>\\n <\/ul>\n<p>\\n <img src=\\\"\/wp-content\/uploads\/2026\/03\/Rectangle-18-1.jpg\\\" width=\\\"350\\\" height=\\\"250\\\" \/>\\n <\/div>\n<p>\\n <\/p><\/div>\n<p>\\n\\n <\/p>\n<div class=\\\"panel\\\">\\n <\/p>\n<div class=\\\"uk-card uk-card-secondary uk-card-body\\\">\\n <\/p>\n<h3>Eventi & Public Speaking<\/h3>\n<p>\\n <\/p>\n<ul>\\n <\/p>\n<li>Ospitate, talk, moderazioni<\/li>\n<p>\\n <\/p>\n<li>Presentazioni su storia della musica, societ\u00e0 e diaspora<\/li>\n<p>\\n <\/ul>\n<p>\\n <img src=\\\"\/wp-content\/uploads\/2026\/03\/Rectangle-18-1.jpg\\\" width=\\\"350\\\" height=\\\"250\\\" \/>\\n <\/div>\n<p>\\n <\/p><\/div>\n<p>\\n\\n <\/p>\n<div class=\\\"panel\\\">\\n <\/p>\n<div class=\\\"uk-card uk-card-secondary uk-card-body\\\">\\n <\/p>\n<h3>Partnership con brand e media<\/h3>\n<p>\\n <\/p>\n<ul>\\n <\/p>\n<li>Collaborazioni editoriali<\/li>\n<p>\\n <\/p>\n<li>Campagne comunicazione<\/li>\n<p>\\n <\/p>\n<li>Produzioni di contenuti ad hoc<\/li>\n<p>\\n <\/ul>\n<p>\\n <img src=\\\"\/wp-content\/uploads\/2026\/03\/Rectangle-18-1.jpg\\\" width=\\\"350\\\" height=\\\"250\\\" \/>\\n <\/div>\n<p>\\n <\/p><\/div>\n<p>\\n\\n <\/p><\/div>\n<p>\\n <\/p><\/div>\n<p>\\n <\/section>\n<p>\\n\\n <script>\\n document.addEventListener(\\\"DOMContentLoaded\\\", function () {\\n\\n const section = document.querySelector(\\\".horizontal-section\\\");\\n const wrapper = document.querySelector(\\\".horizontal-wrapper\\\");\\n const panels = document.querySelectorAll(\\\".panel\\\");\\n\\n \/\/ calcola larghezza totale wrapper\\n let wrapperWidth = 0;\\n panels.forEach(p => {\\n const style = window.getComputedStyle(p);\\n const marginRight = parseInt(style.marginRight) || 0;\\n wrapperWidth += p.offsetWidth + marginRight;\\n });\\n wrapper.style.width = wrapperWidth + \\\"px\\\";\\n\\n const speedFactor = 3.5;\\n const initialOffset = 0; \/\/ puoi aggiungere offset extra se vuoi ancora pi\u00f9 spazio bianco\\n\\n \/\/ larghezza dei primi due box principali (Titolo + Box 1) per ritardo inizio scroll\\n const firstTwoWidth = panels[1].offsetWidth + parseInt(getComputedStyle(panels[1]).marginRight)\\n + panels[2].offsetWidth + parseInt(getComputedStyle(panels[2]).marginRight);\\n\\n window.addEventListener(\\\"scroll\\\", function () {\\n\\n const rect = section.getBoundingClientRect();\\n const sectionTop = rect.top;\\n const sectionHeight = section.offsetHeight;\\n\\n const scrollInSection = window.innerHeight - sectionTop;\\n\\n let move = initialOffset;\\n if (scrollInSection > firstTwoWidth) {\\n const effectiveScroll = scrollInSection - firstTwoWidth;\\n const maxScroll = sectionHeight - window.innerHeight - firstTwoWidth;\\n const scrollPercent = Math.min(1, effectiveScroll \/ maxScroll);\\n move += scrollPercent * (wrapper.scrollWidth - window.innerWidth) * speedFactor;\\n }\\n\\n wrapper.style.transform = `translateX(-${move}px)`;\\n });\\n\\n });\\n <\/script>\\n\\n<\/body>\\n\\n<\/html>“,”css”:”\/* Sezione con spazio di scroll *\/\\n.horizontal-section {\\n height: 300vh;\\n position: relative;\\n}\\n\\n\/* Container che blocca la sezione *\/\\n.horizontal-sticky {\\n position: sticky;\\n top: 0;\\n height: 100vh;\\n overflow: hidden;\\n}\\n\\n\/* Wrapper che contiene tutti i pannelli *\/\\n.horizontal-wrapper {\\n display: flex;\\n flex-direction: row;\\n height: 100vh;\\n width: 300vw;\\n}\\n\\n\/* Singoli pannelli *\/\\n.horizontal-panel {\\n flex: 0 0 100vw;\\n width: 100vw;\\n height: 100vh;\\n}”,”visibility”:”m”}}]}],”props”:{“status”:”disabled”}},{“type”:”row”,”children”:[{“type”:”column”,”props”:{“image_position”:”center-center”,”position_sticky_breakpoint”:”m”},”children”:[{“type”:”html”,”props”:{“content”:”<!DOCTYPE html>\\n<html lang=\\\"it\\\">\\n\\n<head>\\n<meta charset=\\\"UTF-8\\\">\\n<title>Horizontal Scroll Center Fix<\/title>\\n\\n<\/p>\n<style>\\n\\n\/* ===================== *\/\\n\/* BASE *\/\\n\/* ===================== *\/\\n\\n.panel img {\\n width: 100%;\\n height: auto;\\n}\\n.uk-card img{\\n height: 400px;\\n width: 100%;\\n object-fit: cover;\\n}\\n.panel ul {\\n font-size: 16px;\\n}\\n\\n\/* ===================== *\/\\n\/* SEZIONE *\/\\n\/* ===================== *\/\\n\\n.horizontal-section {\\n height: 300vh;\\n position: relative;\\n}\\n\\n\/* ===================== *\/\\n\/* STICKY *\/\\n\/* ===================== *\/\\n\\n.horizontal-sticky {\\n position: sticky;\\n top: 0;\\n height: 100vh;\\n overflow: hidden;\\n display: flex;\\n align-items: center;\\n justify-content: flex-start;\\n}\\n\\n\/* ===================== *\/\\n\/* WRAPPER *\/\\n\/* ===================== *\/\\n\\n.horizontal-wrapper {\\n display: flex;\\n flex-direction: row;\\n height: 100%;\\n align-items: stretch;\\n will-change: transform;\\n}\\n\\n\/* ===================== *\/\\n\/* PANEL BASE *\/\\n\/* ===================== *\/\\n\\n.panel {\\n flex: 0 0 65vw;\\n max-width: 750px;\\n height: 80%;\\n margin-right: 40px;\\n\\n display: flex;\\n flex-direction: column;\\n justify-content: flex-start;\\n\\n font-size: 24px;\\n}\\n\\n\/* ===================== *\/\\n\/* 1\u00b0 PANEL (INTRO VUOTO) *\/\\n\/* ===================== *\/\\n\\n.panel:nth-child(1) {\\n flex: 0 0 18vw;\\n min-width: 120px;\\n background: #F2EEE9;\\n}\\n\\n\/* ===================== *\/\\n\/* 2\u00b0 PANEL (TITOLO CHIARO) *\/\\n\/* ===================== *\/\\n\\n.panel:nth-child(2) {\\n background: #F2EEE9;\\n color: #000;\\n}\\n\\n\/* ===================== *\/\\n\/* DAL 3 IN POI *\/\\n\/* ===================== *\/\\n\\n.panel:nth-child(n+3) {\\n background: #111111;\\n color: #ffffff;\\n}\\n\\n\/* ===================== *\/\\n\/* SPACING FINALE *\/\\n\/* ===================== *\/\\n\\n.panel:last-child {\\n margin-right: 200px;\\n}\\n\\n\/* ===================== *\/\\n\/* MOBILE *\/\\n\/* ===================== *\/\\n\\n@media (max-width: 768px) {\\n\\n .horizontal-section {\\n height: 160vh;\\n }\\n\\n .panel:nth-child(1) {\\n flex: 0 0 25vw;\\n }\\n\\n .panel:nth-child(n+2) {\\n flex: 0 0 85vw;\\n margin-right: 20px;\\n }\\n\\n .panel:last-child {\\n margin-right: 80px;\\n }\\n}\\n\\n<\/style>\n<p>\\n<\/head>\\n\\n<body>\\n\\n<\/p>\n<section class=\\\"horizontal-section\\\">\\n<\/p>\n<div class=\\\"horizontal-sticky\\\">\\n<\/p>\n<div class=\\\"horizontal-wrapper\\\">\\n\\n\\n<\/p>\n<div class=\\\"panel\\\"><\/div>\n<p>\\n\\n\\n<\/p>\n<div class=\\\"panel\\\" style=\\\"display: flex; align-items: center; justify-content: center;\\\">\\n<\/p>\n<h2>\\nChocolate & Cream collabora con realt\u00e0 radiofoniche, culturali e editoriali che da anni operano nel campo della musica afro e delle culture diasporiche.\\n<\/h2>\n<p>\\n<\/p><\/div>\n<p>\\n\\n\\n<\/p>\n<div class=\\\"panel\\\">\\n<\/p>\n<div class=\\\"uk-card uk-card-secondary uk-card-body\\\">\\n<\/p>\n<h3>Storytelling & Ricerca musicale<\/h3>\n<p>\\n<\/p>\n<ul>\\n<\/p>\n<li>Creazione contenuti narrativi<\/li>\n<p>\\n<\/p>\n<li>Ricerca storica e culturale<\/li>\n<p>\\n<\/p>\n<li>Script per podcast e video<\/li>\n<p>\\n<\/ul>\n<p>\\n<img src=\\\"\/wp-content\/uploads\/2026\/03\/Rectangle-18.jpg\\\">\\n<\/div>\n<p>\\n<\/p><\/div>\n<p>\\n\\n\\n<\/p>\n<div class=\\\"panel\\\">\\n<\/p>\n<div class=\\\"uk-card uk-card-secondary uk-card-body\\\">\\n<\/p>\n<h3>Consulenza culturale<\/h3>\n<p>\\n<\/p>\n<ul>\\n<\/p>\n<li>Selezioni musicali<\/li>\n<p>\\n<\/p>\n<li>Curatela tematica<\/li>\n<p>\\n<\/p>\n<li>Identit\u00e0 sonore<\/li>\n<p>\\n<\/ul>\n<p>\\n<img src=\\\"\/wp-content\/uploads\/2026\/03\/Rectangle-18-1.jpg\\\">\\n<\/div>\n<p>\\n<\/p><\/div>\n<p>\\n\\n\\n<\/p>\n<div class=\\\"panel\\\">\\n<\/p>\n<div class=\\\"uk-card uk-card-secondary uk-card-body\\\">\\n<\/p>\n<h3>Progetti creativi<\/h3>\n<p>\\n<\/p>\n<ul>\\n<\/p>\n<li>Format e concept<\/li>\n<p>\\n<\/p>\n<li>Collaborazioni artistiche<\/li>\n<p>\\n<\/p>\n<li>Direzione creativa<\/li>\n<p>\\n<\/ul>\n<p>\\n <img src=\\\"\/wp-content\/uploads\/2026\/03\/Rectangle-18-1.jpg\\\">\\n<\/div>\n<p>\\n<\/p><\/div>\n<p>\\n\\n\\n<\/p>\n<div class=\\\"panel\\\">\\n<\/p>\n<div class=\\\"uk-card uk-card-secondary uk-card-body\\\">\\n<\/p>\n<h3>Format educational<\/h3>\n<p>\\n<\/p>\n<ul>\\n<\/p>\n<li>Workshop<\/li>\n<p>\\n<\/p>\n<li>Lezioni<\/li>\n<p>\\n<\/p>\n<li>Percorsi culturali<\/li>\n<p>\\n<\/ul>\n<p>\\n <img src=\\\"\/wp-content\/uploads\/2026\/03\/Rectangle-18-1.jpg\\\">\\n<\/div>\n<p>\\n<\/p><\/div>\n<p>\\n\\n\\n<\/p>\n<div class=\\\"panel\\\">\\n<\/p>\n<div class=\\\"uk-card uk-card-secondary uk-card-body\\\">\\n<\/p>\n<h3>Eventi & Public Speaking<\/h3>\n<p>\\n<\/p>\n<ul>\\n<\/p>\n<li>Talk e moderazioni<\/li>\n<p>\\n<\/p>\n<li>Presentazioni culturali<\/li>\n<p>\\n<\/ul>\n<p>\\n <img src=\\\"\/wp-content\/uploads\/2026\/03\/Rectangle-18-1.jpg\\\">\\n<\/div>\n<p>\\n<\/p><\/div>\n<p>\\n\\n<\/p><\/div>\n<p>\\n<\/p><\/div>\n<p>\\n<\/section>\n<p>\\n\\n<script>\\ndocument.addEventListener(\\\"DOMContentLoaded\\\", function () {\\n\\n const section = document.querySelector(\\\".horizontal-section\\\");\\n const wrapper = document.querySelector(\\\".horizontal-wrapper\\\");\\n const panels = document.querySelectorAll(\\\".panel\\\");\\n\\n \/* ===================== *\/\\n \/* LARGHEZZA WRAPPER *\/\\n \/* ===================== *\/\\n\\n let wrapperWidth = 0;\\n\\n panels.forEach(p => {\\n const style = window.getComputedStyle(p);\\n const mr = parseInt(style.marginRight) || 0;\\n wrapperWidth += p.offsetWidth + mr;\\n });\\n\\n wrapper.style.width = wrapperWidth + \\\"px\\\";\\n\\n \/* ===================== *\/\\n \/* FIX: START PI\u00d9 TARDI (IMPORTANTE) *\/\\n \/* ===================== *\/\\n\\n window.addEventListener(\\\"scroll\\\", function () {\\n\\n const rect = section.getBoundingClientRect();\\n\\n const sectionHeight = section.offsetHeight;\\n const viewportHeight = window.innerHeight;\\n\\n \/* distanza dall\u2019inizio sezione *\/\\n const startTrigger = viewportHeight * 0.3; \\n const progressRaw = (viewportHeight - rect.top - startTrigger) \/\\n (sectionHeight - viewportHeight);\\n\\n const progress = Math.min(1, Math.max(0, progressRaw));\\n\\n const maxMove = wrapper.scrollWidth - window.innerWidth;\\n\\n const move = progress * maxMove;\\n\\n wrapper.style.transform = `translateX(-${move}px)`;\\n });\\n\\n});\\n<\/script>\\n\\n<\/body>\\n<\/html>“,”css”:”\/* Sezione con spazio di scroll *\/\\n.horizontal-section {\\n height: 300vh;\\n position: relative;\\n}\\n\\n\/* Container che blocca la sezione *\/\\n.horizontal-sticky {\\n position: sticky;\\n top: 0;\\n height: 100vh;\\n overflow: hidden;\\n}\\n\\n\/* Wrapper che contiene tutti i pannelli *\/\\n.horizontal-wrapper {\\n display: flex;\\n flex-direction: row;\\n height: 100vh;\\n width: 300vw;\\n}\\n\\n\/* Singoli pannelli *\/\\n.horizontal-panel {\\n flex: 0 0 100vw;\\n width: 100vw;\\n height: 100vh;\\n}”,”visibility”:”m”}}]}],”props”:{“status”:”disabled”}},{“type”:”row”,”children”:[{“type”:”column”,”props”:{“image_position”:”center-center”,”position_sticky_breakpoint”:”m”},”children”:[{“type”:”html”,”props”:{“content”:”<!DOCTYPE html>\\n<html lang=\\\"it\\\">\\n\\n<head>\\n<meta charset=\\\"UTF-8\\\">\\n<title>Horizontal Scroll Center Fix<\/title>\\n\\n<\/p>\n<style>\\n\\n\/* ===================== *\/\\n\/* BASE *\/\\n\/* ===================== *\/\\n\\n.panel img {\\n width: 100%;\\n height: auto;\\n}\\n.uk-card img{\\n height: 400px;\\n width: 100%;\\n object-fit: cover;\\n}\\n.panel ul {\\n font-size: 16px;\\n}\\n\\n\/* ===================== *\/\\n\/* SEZIONE *\/\\n\/* ===================== *\/\\n\\n.horizontal-section {\\n height: 300vh;\\n position: relative;\\n}\\n\\n\/* ===================== *\/\\n\/* STICKY *\/\\n\/* ===================== *\/\\n\\n.horizontal-sticky {\\n position: sticky;\\n top: 0;\\n height: 100vh;\\n overflow: hidden;\\n display: flex;\\n align-items: center;\\n justify-content: flex-start;\\n}\\n\\n\/* ===================== *\/\\n\/* WRAPPER *\/\\n\/* ===================== *\/\\n\\n.horizontal-wrapper {\\n display: flex;\\n flex-direction: row;\\n height: 100%;\\n align-items: stretch;\\n will-change: transform;\\n}\\n\\n\/* ===================== *\/\\n\/* PANEL BASE *\/\\n\/* ===================== *\/\\n\\n.panel {\\n flex: 0 0 65vw;\\n max-width: 750px;\\n height: 80%;\\n margin-right: 40px;\\n\\n display: flex;\\n flex-direction: column;\\n justify-content: flex-start;\\n\\n font-size: 24px;\\n}\\n\\n\/* ===================== *\/\\n\/* 1\u00b0 PANEL (INTRO VUOTO) *\/\\n\/* ===================== *\/\\n\\n.panel:nth-child(1) {\\n flex: 0 0 18vw;\\n min-width: 120px;\\n background: #F2EEE9;\\n}\\n\\n\/* ===================== *\/\\n\/* 2\u00b0 PANEL (TITOLO CHIARO) *\/\\n\/* ===================== *\/\\n\\n.panel:nth-child(2) {\\n background: #F2EEE9;\\n color: #000;\\n}\\n\\n\/* ===================== *\/\\n\/* DAL 3 IN POI *\/\\n\/* ===================== *\/\\n\\n.panel:nth-child(n+3) {\\n background: #111111;\\n color: #ffffff;\\n}\\n\\n\/* ===================== *\/\\n\/* SPACING FINALE *\/\\n\/* ===================== *\/\\n\\n.panel:last-child {\\n margin-right: 200px;\\n}\\n\\n\/* ===================== *\/\\n\/* MOBILE *\/\\n\/* ===================== *\/\\n\\n@media (max-width: 768px) {\\n\\n .horizontal-section {\\n height: 160vh;\\n }\\n\\n .panel:nth-child(1) {\\n flex: 0 0 25vw;\\n }\\n\\n .panel:nth-child(n+2) {\\n flex: 0 0 85vw;\\n margin-right: 20px;\\n }\\n\\n .panel:last-child {\\n margin-right: 80px;\\n }\\n}\\n\\n<\/style>\n<p>\\n<\/head>\\n\\n<body>\\n\\n<\/p>\n<section class=\\\"horizontal-section\\\">\\n<\/p>\n<div class=\\\"horizontal-sticky\\\">\\n<\/p>\n<div class=\\\"horizontal-wrapper\\\">\\n\\n\\n<\/p>\n<div class=\\\"panel\\\"><\/div>\n<p>\\n\\n\\n<\/p>\n<div class=\\\"panel\\\" style=\\\"display: flex; align-items: center; justify-content: center;\\\">\\n<\/p>\n<h2>\\nChocolate & Cream collaborates with radio stations, cultural organizations, and publishers that have been active for years in the field of Afro music and diaspora cultures.\\n<\/h2>\n<p>\\n<\/p><\/div>\n<p>\\n\\n\\n<\/p>\n<div class=\\\"panel\\\">\\n<\/p>\n<div class=\\\"uk-card uk-card-secondary uk-card-body\\\">\\n<\/p>\n<h3>Storytelling & Music Research<\/h3>\n<p>\\n<\/p>\n<ul>\\n<\/p>\n<li>Creation of narrative content<\/li>\n<p>\\n<\/p>\n<li>Historical and Cultural Research<\/li>\n<p>\\n<\/p>\n<li>Scripts for podcasts and videos<\/li>\n<p>\\n<\/ul>\n<p>\\n<img src=\\\"\/wp-content\/uploads\/2026\/03\/Rectangle-18.jpg\\\">\\n<\/div>\n<p>\\n<\/p><\/div>\n<p>\\n\\n\\n<\/p>\n<div class=\\\"panel\\\">\\n<\/p>\n<div class=\\\"uk-card uk-card-secondary uk-card-body\\\">\\n<\/p>\n<h3>Cultural Consulting<\/h3>\n<p>\\n<\/p>\n<ul>\\n<\/p>\n<li>Music selections<\/li>\n<p>\\n<\/p>\n<li>Thematic curation<\/li>\n<p>\\n<\/p>\n<li>Sound identities<\/li>\n<p>\\n<\/ul>\n<p>\\n<img src=\\\"\/wp-content\/uploads\/2026\/04\/consulenza.webp\\\">\\n<\/div>\n<p>\\n<\/p><\/div>\n<p>\\n\\n\\n<\/p>\n<div class=\\\"panel\\\">\\n<\/p>\n<div class=\\\"uk-card uk-card-secondary uk-card-body\\\">\\n<\/p>\n<h3>Creative Projects<\/h3>\n<p>\\n<\/p>\n<ul>\\n<\/p>\n<li>Format e concept<\/li>\n<p>\\n<\/p>\n<li>Artistic collaborations<\/li>\n<p>\\n<\/p>\n<li>Creative Direction<\/li>\n<p>\\n<\/ul>\n<p>\\n <img src=\\\"\/wp-content\/uploads\/2026\/04\/progetti.webp\\\">\\n<\/div>\n<p>\\n<\/p><\/div>\n<p>\\n\\n\\n<\/p>\n<div class=\\\"panel\\\">\\n<\/p>\n<div class=\\\"uk-card uk-card-secondary uk-card-body\\\">\\n<\/p>\n<h3>Educational format<\/h3>\n<p>\\n<\/p>\n<ul>\\n<\/p>\n<li>Workshop<\/li>\n<p>\\n<\/p>\n<li>Lessons<\/li>\n<p>\\n<\/p>\n<li>Cultural itineraries<\/li>\n<p>\\n<\/ul>\n<p>\\n <img src=\\\"\/wp-content\/uploads\/2026\/04\/educational.webp\\\">\\n<\/div>\n<p>\\n<\/p><\/div>\n<p>\\n\\n\\n<\/p>\n<div class=\\\"panel\\\">\\n<\/p>\n<div class=\\\"uk-card uk-card-secondary uk-card-body\\\">\\n<\/p>\n<h3>Events & Public Speaking<\/h3>\n<p>\\n<\/p>\n<ul>\\n<\/p>\n<li>Talk e moderations<\/li>\n<p>\\n<\/p>\n<li>Cultural Presentations<\/li>\n<p>\\n<\/ul>\n<p>\\n <img src=\\\"\/wp-content\/uploads\/2026\/04\/public-speaking.webp\\\">\\n<\/div>\n<p>\\n<\/p><\/div>\n<p>\\n\\n<\/p><\/div>\n<p>\\n<\/p><\/div>\n<p>\\n<\/section>\n<p>\\n\\n<script>\\ndocument.addEventListener(\\\"DOMContentLoaded\\\", function () {\\n\\n const section = document.querySelector(\\\".horizontal-section\\\");\\n const wrapper = document.querySelector(\\\".horizontal-wrapper\\\");\\n const panels = document.querySelectorAll(\\\".panel\\\");\\n\\n \/* ===================== *\/\\n \/* LARGHEZZA WRAPPER *\/\\n \/* ===================== *\/\\n\\n let wrapperWidth = 0;\\n\\n panels.forEach(p => {\\n const style = window.getComputedStyle(p);\\n const mr = parseInt(style.marginRight) || 0;\\n wrapperWidth += p.offsetWidth + mr;\\n });\\n\\n wrapper.style.width = wrapperWidth + \\\"px\\\";\\n\\n \/* ===================== *\/\\n \/* FIX: START PI\u00d9 TARDI (IMPORTANTE) *\/\\n \/* ===================== *\/\\n\\n window.addEventListener(\\\"scroll\\\", function () {\\n\\n const rect = section.getBoundingClientRect();\\n\\n const sectionHeight = section.offsetHeight;\\n const viewportHeight = window.innerHeight;\\n\\n \/* distanza dall\u2019inizio sezione *\/\\n const startTrigger = viewportHeight * 1; \\n const progressRaw = (viewportHeight - rect.top - startTrigger) \/\\n (sectionHeight - viewportHeight);\\n\\n const progress = Math.min(1, Math.max(0, progressRaw));\\n\\n const maxMove = wrapper.scrollWidth - window.innerWidth;\\n\\n const move = progress * maxMove;\\n\\n wrapper.style.transform = `translateX(-${move}px)`;\\n });\\n\\n});\\n<\/script>\\n\\n<\/body>\\n<\/html>“,”css”:”\/* Sezione con spazio di scroll *\/\\n.horizontal-section {\\n height: 300vh;\\n position: relative;\\n}\\n\\n\/* Container che blocca la sezione *\/\\n.horizontal-sticky {\\n position: sticky;\\n top: 0;\\n height: 100vh;\\n overflow: hidden;\\n}\\n\\n\/* Wrapper che contiene tutti i pannelli *\/\\n.horizontal-wrapper {\\n display: flex;\\n flex-direction: row;\\n height: 100vh;\\n width: 300vw;\\n}\\n\\n\/* Singoli pannelli *\/\\n.horizontal-panel {\\n flex: 0 0 100vw;\\n width: 100vw;\\n height: 100vh;\\n}”,”visibility”:”m”}}]}],”props”:{“id”:”collaborations”}}],”name”:”parallasse”},{“type”:”section”,”props”:{“css”:”.el-section{\\n position: relative;\\n}\\n@media(min-width: 960px){\\n .el-section{\\n display: none;\\n }\\n}”,”image_position”:”center-center”,”style”:”default”,”title_breakpoint”:”xl”,”title_position”:”top-left”,”title_rotation”:”left”,”vertical_align”:”middle”,”width”:”default”},”children”:[{“type”:”row”,”children”:[{“type”:”column”,”props”:{“image_position”:”center-center”,”position_sticky_breakpoint”:”m”},”children”:[{“type”:”headline”,”props”:{“content”:”Chocolate & Cream collabora con realt\u00e0 radiofoniche, culturali e editoriali che da anni operano nel campo della musica afro e delle culture diasporiche.”,”image_align”:”left”,”image_margin”:”xsmall”,”title_element”:”h2″}},{“type”:”grid”,”props”:{“content_column_breakpoint”:”m”,”filter_align”:”left”,”filter_all”:true,”filter_grid_breakpoint”:”m”,”filter_grid_width”:”auto”,”filter_position”:”top”,”filter_style”:”tab”,”grid_default”:”1″,”grid_medium”:””,”image_align”:”bottom”,”image_grid_breakpoint”:”m”,”image_grid_width”:”1-2″,”image_height”:400,”image_svg_color”:”emphasis”,”image_width”:700,”item_animation”:true,”lightbox_bg_close”:true,”link_style”:”default”,”link_text”:”Read more”,”margin_bottom”:”default”,”margin_top”:”default”,”meta_align”:”below-title”,”meta_element”:”div”,”meta_style”:”text-meta”,”panel_padding”:”default”,”panel_style”:”card-secondary”,”show_content”:true,”show_hover_image”:true,”show_hover_video”:true,”show_image”:true,”show_link”:true,”show_meta”:true,”show_title”:true,”show_video”:true,”title_align”:”top”,”title_element”:”h3″,”title_grid_breakpoint”:”m”,”title_grid_width”:”1-2″,”title_hover_style”:”reset”},”children”:[{“type”:”grid_item”,”props”:{“content”:”<\/p>\n<ul>\\n<\/p>\n<li>Creazione contenuti narrativi<\/li>\n<p>\\n<\/p>\n<li>Ricerca storica e culturale<\/li>\n<p>\\n<\/p>\n<li>Script per podcast e video<\/li>\n<p>\\n<\/ul>\n<p>“,”image”:”wp-content\/uploads\/2026\/03\/Rectangle-18.jpg”,”title”:”Storytelling & Ricerca musicale”}},{“type”:”grid_item”,”props”:{“content”:”<\/p>\n<ul>\\n<\/p>\n<li>Selezioni musicali<\/li>\n<p>\\n<\/p>\n<li>Curatela tematica<\/li>\n<p>\\n<\/p>\n<li>Identit\u00e0 sonore<\/li>\n<p>\\n<\/ul>\n<p>“,”image”:”wp-content\/uploads\/2026\/04\/consulenza.webp”,”title”:”Consulenza culturale \/ Music Curation”}},{“type”:”grid_item”,”props”:{“content”:”<\/p>\n<ul>\\n<\/p>\n<li>Format e concept<\/li>\n<p>\\n<\/p>\n<li>Collaborazioni artistiche<\/li>\n<p>\\n<\/p>\n<li>Direzione creativa<\/li>\n<p>\\n<\/ul>\n<p>“,”image”:”wp-content\/uploads\/2026\/04\/progetti.webp”,”title”:”Progetti creativi”}},{“type”:”grid_item”,”props”:{“content”:”<\/p>\n<ul>\\n<\/p>\n<li>Workshop<\/li>\n<p>\\n<\/p>\n<li>Lezioni<\/li>\n<p>\\n<\/p>\n<li>Percorsi culturali<\/li>\n<p>\\n<\/ul>\n<p>“,”image”:”wp-content\/uploads\/2026\/04\/educational.webp”,”title”:”Format educational”}},{“type”:”grid_item”,”props”:{“content”:”<\/p>\n<ul>\\n<\/p>\n<li>Talk e moderazioni<\/li>\n<p>\\n<\/p>\n<li>Presentazioni culturali<\/li>\n<p>\\n<\/ul>\n<p>“,”image”:”wp-content\/uploads\/2026\/04\/public-speaking.webp”,”title”:”Eventi & public speaking”}}]}]}]}],”name”:”mobile”},{“type”:”section”,”props”:{“image_position”:”center-center”,”padding_bottom”:”none”,”padding_top”:”none”,”preserve_color”:false,”style”:”primary”,”title_breakpoint”:”xl”,”title_position”:”top-left”,”title_rotation”:”left”,”vertical_align”:”middle”,”width”:””},”children”:[{“type”:”row”,”children”:[{“type”:”column”,”props”:{“image_position”:”center-center”,”position_sticky_breakpoint”:”m”},”children”:[{“type”:”overlay-slider”,”props”:{“css”:”.el-title{\\nbackground-color: #fff;\\ncolor: #000;\\n padding: 5px 15px 5px 15px;\\n}\\n.el-element{\\n border-top: 1px solid #111;\\n}\\n\\n.el-meta{\\n font-family: ‘Rethink Sans’;\\n font-weight: 700;\\n text-decoration: underline;\\n text-decoration-thickness: 2px;\\n}\\n\\n.el-link{\\n border-color: white;\\n}”,”image_height”:1000,”image_width”:1000,”link_style”:”text”,”link_target”:true,”link_text”:””,”margin_bottom”:”default”,”margin_top”:”default”,”media_overlay”:”rgba(0, 0, 0, 0.5)”,”meta_align”:”below-content”,”meta_element”:”div”,”meta_style”:”text-meta”,”nav”:”dotnav”,”nav_align”:”center”,”nav_below”:false,”nav_breakpoint”:””,”nav_position”:”bottom-center”,”nav_position_margin”:”medium”,”overlay_display”:”active”,”overlay_link”:false,”overlay_mode”:”cover”,”overlay_position”:”center”,”overlay_transition”:”fade”,”show_content”:true,”show_hover_image”:true,”show_hover_video”:true,”show_link”:true,”show_meta”:true,”show_title”:true,”slidenav”:”bottom-right”,”slidenav_breakpoint”:””,”slidenav_large”:true,”slidenav_margin”:”large”,”slidenav_outside_breakpoint”:”xl”,”slider_autoplay”:false,”slider_autoplay_interval”:”3″,”slider_autoplay_pause”:true,”slider_center”:true,”slider_gap”:””,”slider_parallax”:false,”slider_width”:”fixed”,”slider_width_default”:”1-1″,”slider_width_medium”:””,”slider_width_small”:”1-2″,”text_align”:”center”,”title_element”:”h3″,”title_hover_style”:”reset”,”title_link”:true,”title_style”:”heading-small”},”children”:[{“type”:”overlay-slider_item”,”props”:{“content”:”<\/p>\n<p>Nigrizia is the historic monthly magazine of the Comboni Missionaries, founded in 1883. For over a century, it has been covering Africa \u2014 politics, culture and society \u2014 with a critical and independent perspective. Its \u201cAfroculture\u201d section is a go-to resource for those who study and appreciate African culture in Italy.<\/p>\n<p>“,”image”:”wp-content\/uploads\/2026\/03\/Frame-40.jpg”,”link”:”https:\/\/www.nigrizia.it”,”link_text”:”Visit the web site”,”meta”:”<a href=\\\"https:\/\/www.instagram.com\/reels\/CuT-5L2Odm9\/\\\" target=\\\"_blank\\\">Visit Instagram profile<\/a>“,”title”:”Nigrizia”}},{“type”:”overlay-slider_item”,”props”:{“content”:”<\/p>\n<p>RBL \u2014 Radio Banda Larga is an independent web radio community based in Turin. For over twelve years, it has been broadcasting music that flies under the mainstream radar: jazz, funk, Afrobeat, electronic, and world music, with a collective and experimental approach. Chocolate & Cream has collaborated with its show Diggin\u2019 South.<\/p>\n<p>\\n”,”image”:”wp-content\/uploads\/2026\/03\/Frame-43.jpg”,”link”:”#”,”meta”:”<a href=\\\"https:\/\/www.mixcloud.com\/radiobandalarga\/diggin-south-w-chocolate-cream-6th-december-2021\/\\\" target=\\\"_blank\\\">listen on mixcloud<\/a>“,”title”:”Rbl media”}},{“type”:”overlay-slider_item”,”props”:{“content”:”<\/p>\n<p>Radio Raheem is Milan\u2019s independent web radio station, streaming 24 hours a day and based at the Triennale. Launched in 2017, it has become a key player in the Italian independent music scene. Chocolate & Cream contributed to the \u201cRaheem Talks To\u201d series as the host of the episode featuring Seun Kuti.<\/p>\n<p>“,”image”:”wp-content\/uploads\/2026\/03\/Frame-42.jpg”,”link”:”https:\/\/www.radioraheem.it”,”link_text”:”Visit the web site”,”meta”:”<a href=\\\"https:\/\/www.radioraheem.it\/raheem-talks-to\/raheem-talks-to-seun-kuti-host-chocolate-cream\/\\\" target=\\\"_blank\\\">discover radio<\/a>“,”title”:”Radio raheem”}},{“type”:”overlay-slider_item”,”props”:{“content”:””,”image”:”wp-content\/uploads\/2026\/04\/Frame-41-2.webp”,”meta”:”<a href=\\\"https:\/\/www.youtube.com\/watch?v=esV2QhZJGnc\\\"target=\\\"_blank\\\">watch video<\/a>“,”title”:”Torino e cultura”}}],”name”:”Overlay Slider EN”}]}]}],”name”:”slider collaborazioni”},{“type”:”section”,”props”:{“image_position”:”center-center”,”style”:”default”,”title_breakpoint”:”xl”,”title_position”:”top-left”,”title_rotation”:”left”,”vertical_align”:”middle”,”width”:”default”},”children”:[{“type”:”row”,”children”:[{“type”:”column”,”props”:{“image_position”:”center-center”,”position_sticky_breakpoint”:”m”},”children”:[{“type”:”headline”,”props”:{“content”:”Fill out the form”,”image_align”:”left”,”image_margin”:”xsmall”,”title_element”:”h2″}},{“type”:”text”,”props”:{“column_breakpoint”:”m”,”content”:”<p class=\"wpcf7-contact-form-not-found\"><strong>Error:<\/strong> Contact form not found.<\/p>“,”margin_bottom”:”default”,”margin_top”:”default”}}]}]}]}],”version”:”5.0.17″} –><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Collaborations Chocolate & Cream is open to collaborating with radio stations, publishers, associations, and cultural organizations that share our focus on the music of the African diaspora. If you work in this field and would like to collaborate with us, please contact us. Discover our partnerships Horizontal Scroll Center Fix Chocolate & Cream collaborates with […]<\/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-1113","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/chocolateandcream.com\/en\/wp-json\/wp\/v2\/pages\/1113","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/chocolateandcream.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/chocolateandcream.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/chocolateandcream.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/chocolateandcream.com\/en\/wp-json\/wp\/v2\/comments?post=1113"}],"version-history":[{"count":23,"href":"https:\/\/chocolateandcream.com\/en\/wp-json\/wp\/v2\/pages\/1113\/revisions"}],"predecessor-version":[{"id":1323,"href":"https:\/\/chocolateandcream.com\/en\/wp-json\/wp\/v2\/pages\/1113\/revisions\/1323"}],"wp:attachment":[{"href":"https:\/\/chocolateandcream.com\/en\/wp-json\/wp\/v2\/media?parent=1113"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n<\/p>\n

\n
\nHorizontal Scroll Center Fix<\/title><\/p>\n<style>\n<p>\/* ===================== *\/\n\/* BASE *\/\n\/* ===================== *\/<\/p>\n<p>.panel img {\n width: 100%;\n height: auto;\n}\n.uk-card img{\n height: 400px;\n width: 100%;\n object-fit: cover;\n}\n.panel ul {\n font-size: 16px;\n}<\/p>\n<p>\/* ===================== *\/\n\/* SEZIONE *\/\n\/* ===================== *\/<\/p>\n<p>.horizontal-section {\n height: 300vh;\n position: relative;\n}<\/p>\n<p>\/* ===================== *\/\n\/* STICKY *\/\n\/* ===================== *\/<\/p>\n<p>.horizontal-sticky {\n position: sticky;\n top: 0;\n height: 100vh;\n overflow: hidden;\n display: flex;\n align-items: center;\n justify-content: flex-start;\n}<\/p>\n<p>\/* ===================== *\/\n\/* WRAPPER *\/\n\/* ===================== *\/<\/p>\n<p>.horizontal-wrapper {\n display: flex;\n flex-direction: row;\n height: 100%;\n align-items: stretch;\n will-change: transform;\n}<\/p>\n<p>\/* ===================== *\/\n\/* PANEL BASE *\/\n\/* ===================== *\/<\/p>\n<p>.panel {\n flex: 0 0 65vw;\n max-width: 750px;\n height: 80%;\n margin-right: 40px;<\/p>\n<p> display: flex;\n flex-direction: column;\n justify-content: flex-start;<\/p>\n<p> font-size: 24px;\n}<\/p>\n<p>\/* ===================== *\/\n\/* 1\u00b0 PANEL (INTRO VUOTO) *\/\n\/* ===================== *\/<\/p>\n<p>.panel:nth-child(1) {\n flex: 0 0 18vw;\n min-width: 120px;\n background: #F2EEE9;\n}<\/p>\n<p>\/* ===================== *\/\n\/* 2\u00b0 PANEL (TITOLO CHIARO) *\/\n\/* ===================== *\/<\/p>\n<p>.panel:nth-child(2) {\n background: #F2EEE9;\n color: #000;\n}<\/p>\n<p>\/* ===================== *\/\n\/* DAL 3 IN POI *\/\n\/* ===================== *\/<\/p>\n<p>.panel:nth-child(n+3) {\n background: #111111;\n color: #ffffff;\n}<\/p>\n<p>\/* ===================== *\/\n\/* SPACING FINALE *\/\n\/* ===================== *\/<\/p>\n<p>.panel:last-child {\n margin-right: 200px;\n}<\/p>\n<p>\/* ===================== *\/\n\/* MOBILE *\/\n\/* ===================== *\/<\/p>\n<p>@media (max-width: 768px) {<\/p>\n<p> .horizontal-section {\n height: 160vh;\n }<\/p>\n<p> .panel:nth-child(1) {\n flex: 0 0 25vw;\n }<\/p>\n<p> .panel:nth-child(n+2) {\n flex: 0 0 85vw;\n margin-right: 20px;\n }<\/p>\n<p> .panel:last-child {\n margin-right: 80px;\n }\n}<\/p>\n<\/style>\n<p><\/head><\/p>\n<p><body><\/p>\n<section class=\"horizontal-section\">\n<div class=\"horizontal-sticky\">\n<div class=\"horizontal-wrapper\">\n<p><\/p>\n<div class=\"panel\"><\/div>\n<p><\/p>\n<div class=\"panel\" style=\"display: flex; align-items: center; justify-content: center;\">\n<h2>\nChocolate & Cream collaborates with radio stations, cultural organizations, and publishers that have been active for years in the field of Afro music and diaspora cultures.<br \/>\n<\/h2>\n<\/div>\n<p><\/p>\n<div class=\"panel\">\n<div class=\"uk-card uk-card-secondary uk-card-body\">\n<h3>Storytelling & Music Research<\/h3>\n<ul>\n<li>Creation of narrative content<\/li>\n<li>Historical and Cultural Research<\/li>\n<li>Scripts for podcasts and videos<\/li>\n<\/ul>\n<p><img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/03\/Rectangle-18.jpg\" alt=\"\" title=\"\">\n<\/div>\n<\/div>\n<p><\/p>\n<div class=\"panel\">\n<div class=\"uk-card uk-card-secondary uk-card-body\">\n<h3>Cultural Consulting<\/h3>\n<ul>\n<li>Music selections<\/li>\n<li>Thematic curation<\/li>\n<li>Sound identities<\/li>\n<\/ul>\n<p><img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/04\/consulenza.webp\" alt=\"\" title=\"\">\n<\/div>\n<\/div>\n<p><\/p>\n<div class=\"panel\">\n<div class=\"uk-card uk-card-secondary uk-card-body\">\n<h3>Creative Projects<\/h3>\n<ul>\n<li>Format e concept<\/li>\n<li>Artistic collaborations<\/li>\n<li>Creative Direction<\/li>\n<\/ul>\n<p> <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/04\/progetti.webp\" alt=\"\" title=\"\">\n<\/div>\n<\/div>\n<p><\/p>\n<div class=\"panel\">\n<div class=\"uk-card uk-card-secondary uk-card-body\">\n<h3>Educational format<\/h3>\n<ul>\n<li>Workshop<\/li>\n<li>Lessons<\/li>\n<li>Cultural itineraries<\/li>\n<\/ul>\n<p> <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/04\/educational.webp\" alt=\"\" title=\"\">\n<\/div>\n<\/div>\n<p><\/p>\n<div class=\"panel\">\n<div class=\"uk-card uk-card-secondary uk-card-body\">\n<h3>Events & Public Speaking<\/h3>\n<ul>\n<li>Talk e moderations<\/li>\n<li>Cultural Presentations<\/li>\n<\/ul>\n<p> <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/04\/public-speaking.webp\" alt=\"\" title=\"\">\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/section>\n<p><script>\ndocument.addEventListener(\"DOMContentLoaded\", function () {<\/p>\n<p> const section = document.querySelector(\".horizontal-section\");\n const wrapper = document.querySelector(\".horizontal-wrapper\");\n const panels = document.querySelectorAll(\".panel\");<\/p>\n<p> \/* ===================== *\/\n \/* LARGHEZZA WRAPPER *\/\n \/* ===================== *\/<\/p>\n<p> let wrapperWidth = 0;<\/p>\n<p> panels.forEach(p => {\n const style = window.getComputedStyle(p);\n const mr = parseInt(style.marginRight) || 0;\n wrapperWidth += p.offsetWidth + mr;\n });<\/p>\n<p> wrapper.style.width = wrapperWidth + \"px\";<\/p>\n<p> \/* ===================== *\/\n \/* FIX: START PI\u00d9 TARDI (IMPORTANTE) *\/\n \/* ===================== *\/<\/p>\n<p> window.addEventListener(\"scroll\", function () {<\/p>\n<p> const rect = section.getBoundingClientRect();<\/p>\n<p> const sectionHeight = section.offsetHeight;\n const viewportHeight = window.innerHeight;<\/p>\n<p> \/* distanza dall\u2019inizio sezione *\/\n const startTrigger = viewportHeight * 1; \n const progressRaw = (viewportHeight - rect.top - startTrigger) \/\n (sectionHeight - viewportHeight);<\/p>\n<p> const progress = Math.min(1, Math.max(0, progressRaw));<\/p>\n<p> const maxMove = wrapper.scrollWidth - window.innerWidth;<\/p>\n<p> const move = progress * maxMove;<\/p>\n<p> wrapper.style.transform = `translateX(-${move}px)`;\n });<\/p>\n<p>});\n<\/script><\/p>\n<p><\/body><br \/>\n<\/html>\n<\/div>\n<h2>Chocolate & Cream collabora con realt\u00e0 radiofoniche, culturali e editoriali che da anni operano nel campo della musica afro e delle culture diasporiche.<\/h2>\n<ul>\n<li>\n<p> <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/03\/Rectangle-18.jpg\" alt=\"\" title=\"\"><\/p>\n<h3>Storytelling & Ricerca musicale<\/h3>\n<div>\n<ul>\n<li>Creazione contenuti narrativi<\/li>\n<li>Ricerca storica e culturale<\/li>\n<li>Script per podcast e video<\/li>\n<\/ul>\n<\/div>\n<\/li>\n<li>\n<p> <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/04\/consulenza.webp\" alt=\"\" title=\"\"><\/p>\n<h3>Consulenza culturale \/ Music Curation<\/h3>\n<div>\n<ul>\n<li>Selezioni musicali<\/li>\n<li>Curatela tematica<\/li>\n<li>Identit\u00e0 sonore<\/li>\n<\/ul>\n<\/div>\n<\/li>\n<li>\n<p> <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/04\/progetti.webp\" alt=\"\" title=\"\"><\/p>\n<h3>Progetti creativi<\/h3>\n<div>\n<ul>\n<li>Format e concept<\/li>\n<li>Collaborazioni artistiche<\/li>\n<li>Direzione creativa<\/li>\n<\/ul>\n<\/div>\n<\/li>\n<li>\n<p> <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/04\/educational.webp\" alt=\"\" title=\"\"><\/p>\n<h3>Format educational<\/h3>\n<div>\n<ul>\n<li>Workshop<\/li>\n<li>Lezioni<\/li>\n<li>Percorsi culturali<\/li>\n<\/ul>\n<\/div>\n<\/li>\n<li>\n<p> <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/04\/public-speaking.webp\" alt=\"\" title=\"\"><\/p>\n<h3>Eventi & public speaking<\/h3>\n<div>\n<ul>\n<li>Talk e moderazioni<\/li>\n<li>Presentazioni culturali<\/li>\n<\/ul>\n<\/div>\n<\/li>\n<\/ul>\n<ul>\n<li>\n<p> <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/03\/Frame-40.jpg\" alt=\"\" title=\"\"><\/p>\n<h3>Nigrizia<\/h3>\n<p><a href=\"https:\/\/www.instagram.com\/reels\/CuT-5L2Odm9\/\" target=\"_blank\" rel=\"nofollow noopener\">Visit Instagram profile<\/a><\/p>\n<div>\n<p>Nigrizia is the historic monthly magazine of the Comboni Missionaries, founded in 1883. For over a century, it has been covering Africa \u2014 politics, culture and society \u2014 with a critical and independent perspective. Its \u201cAfroculture\u201d section is a go-to resource for those who study and appreciate African culture in Italy.<\/p>\n<\/div>\n<p><a href=\"https:\/\/www.nigrizia.it\" rel=\"nofollow noopener\" target=\"_blank\">Visit the web site<\/a><\/p>\n<\/li>\n<li>\n<p> <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/03\/Frame-43.jpg\" alt=\"\" title=\"\"><\/p>\n<h3>Rbl media<\/h3>\n<p><a href=\"https:\/\/www.mixcloud.com\/radiobandalarga\/diggin-south-w-chocolate-cream-6th-december-2021\/\" target=\"_blank\" rel=\"nofollow noopener\">listen on mixcloud<\/a><\/p>\n<div>\n<p>RBL \u2014 Radio Banda Larga is an independent web radio community based in Turin. For over twelve years, it has been broadcasting music that flies under the mainstream radar: jazz, funk, Afrobeat, electronic, and world music, with a collective and experimental approach. Chocolate & Cream has collaborated with its show Diggin\u2019 South.<\/p>\n<\/div>\n<p><a href=\"#\"><\/a><\/p>\n<\/li>\n<li>\n<p> <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/03\/Frame-42.jpg\" alt=\"\" title=\"\"><\/p>\n<h3>Radio raheem<\/h3>\n<p><a href=\"https:\/\/www.radioraheem.it\/raheem-talks-to\/raheem-talks-to-seun-kuti-host-chocolate-cream\/\" target=\"_blank\" rel=\"nofollow noopener\">discover radio<\/a><\/p>\n<div>\n<p>Radio Raheem is Milan\u2019s independent web radio station, streaming 24 hours a day and based at the Triennale. Launched in 2017, it has become a key player in the Italian independent music scene. Chocolate & Cream contributed to the \u201cRaheem Talks To\u201d series as the host of the episode featuring Seun Kuti.<\/p>\n<\/div>\n<p><a href=\"https:\/\/www.radioraheem.it\" rel=\"nofollow noopener\" target=\"_blank\">Visit the web site<\/a><\/p>\n<\/li>\n<li>\n<p> <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/04\/Frame-41-2.webp\" alt=\"\" title=\"\"><\/p>\n<h3>Torino e cultura<\/h3>\n<p><a href=\"https:\/\/www.youtube.com\/watch?v=esV2QhZJGnc\" target=\"_blank\" rel=\"nofollow noopener\">watch video<\/a><\/p>\n<\/li>\n<\/ul>\n<h2>Fill out the form<\/h2>\n<div>\n<div class=\"wpcf7 no-js\" id=\"wpcf7-f1213-o1\" lang=\"en-US\" dir=\"ltr\" data-wpcf7-id=\"1213\">\n<div class=\"screen-reader-response\"><p role=\"status\" aria-live=\"polite\" aria-atomic=\"true\"><\/p> <ul><\/ul><\/div>\n<form action=\"\/en\/wp-json\/wp\/v2\/pages\/1113#wpcf7-f1213-o1\" method=\"post\" class=\"wpcf7-form init\" aria-label=\"Contact form\" novalidate=\"novalidate\" data-status=\"init\">\n<fieldset class=\"hidden-fields-container\"><input type=\"hidden\" name=\"_wpcf7\" value=\"1213\" \/><input type=\"hidden\" name=\"_wpcf7_version\" value=\"6.1.5\" \/><input type=\"hidden\" name=\"_wpcf7_locale\" value=\"en_US\" \/><input type=\"hidden\" name=\"_wpcf7_unit_tag\" value=\"wpcf7-f1213-o1\" \/><input type=\"hidden\" name=\"_wpcf7_container_post\" value=\"0\" \/><input type=\"hidden\" name=\"_wpcf7_posted_data_hash\" value=\"\" \/>\n<\/fieldset>\n<div class=\"wpcf7-turnstile cf-turnstile\" data-sitekey=\"0x4AAAAAADAqxhmHHiCZeXRN\" data-response-field-name=\"_wpcf7_turnstile_response\"><\/div>\n\n<p><label>Full name<br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"your-name\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text wpcf7-validates-as-required uk-input\" autocomplete=\"name\" aria-required=\"true\" aria-invalid=\"false\" value=\"\" type=\"text\" name=\"your-name\" \/><\/span> <\/label>\n<\/p>\n<p><label>Enter your email<br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"your-email\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-email wpcf7-validates-as-required wpcf7-text wpcf7-validates-as-email uk-input\" autocomplete=\"email\" aria-required=\"true\" aria-invalid=\"false\" value=\"\" type=\"email\" name=\"your-email\" \/><\/span><\/label>\n<\/p>\n<p><label>Type of request<br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"selezione\"><select class=\"wpcf7-form-control wpcf7-select uk-select\" aria-invalid=\"false\" name=\"selezione\"><option value=\"Editorial collaboration\">Editorial collaboration<\/option><option value=\"Music consulting\">Music consulting<\/option><option value=\"Radio or media proposal\">Radio or media proposal<\/option><option value=\"Event proposal\">Event proposal<\/option><option value=\"Other\">Other<\/option><\/select><\/span><br \/>\n<\/label>\n<\/p>\n<p><label>Enter your message<br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"your-message\"><textarea cols=\"40\" rows=\"10\" maxlength=\"2000\" class=\"wpcf7-form-control wpcf7-textarea uk-textarea\" aria-invalid=\"false\" name=\"your-message\"><\/textarea><\/span> <\/label>\n<\/p>\n<p><span class=\"wpcf7-form-control-wrap\" data-name=\"acceptance-42\"><span class=\"wpcf7-form-control wpcf7-acceptance optional\"><span class=\"wpcf7-list-item\"><label><input type=\"checkbox\" name=\"acceptance-42\" value=\"1\" aria-invalid=\"false\" \/><span class=\"wpcf7-list-item-label\">I declare that I have read the <a href=\"https:\/\/www.iubenda.com\/privacy-policy\/38599233\" target=\"_blank\" rel=\"noopener noreferrer nofollow\">privacy policy<\/a> and consent to the processing of my personal data.<\/span><\/label><\/span><\/span><\/span>\n<\/p>\n<p><input class=\"wpcf7-form-control wpcf7-submit has-spinner uk-button uk-button-primary\" type=\"submit\" value=\"Send\" \/>\n<\/p><div class=\"wpcf7-response-output\" aria-hidden=\"true\"><\/div>\n<\/form>\n<\/div>\n<\/div>\n<p><br \/>\n\\\"><\/span><span data-buffer=\\\"\\\"><\/span><span>Creazione contenuti narrativi<\/span><\/li>\n\n\\n\n\n<li><span data-metadata=\\\"\\\"><\/span><span data-buffer=\\\"\\\"><\/span><span>Ricerca storica e culturale<\/span><\/li>\n\n\\n\n\n<li><span data-metadata=\\\"\\\"><\/span><span data-buffer=\\\"\\\"><\/span><span>Script per reel, podcast e video musicali<\/span><\/li>\n\n\\n<\/ul>\n\n\",\"content_column_breakpoint\":\"m\",\"image\":\"wp-content\/uploads\/2026\/03\/Rectangle-18.jpg\",\"image_align\":\"top\",\"image_grid_breakpoint\":\"m\",\"image_grid_width\":\"1-2\",\"image_svg_color\":\"emphasis\",\"link_style\":\"default\",\"link_text\":\"Read more\",\"margin_bottom\":\"default\",\"margin_top\":\"default\",\"meta_align\":\"below-title\",\"meta_element\":\"div\",\"meta_style\":\"text-meta\",\"panel_padding\":\"default\",\"panel_style\":\"tile-secondary\",\"title\":\"Storytelling & Ricerca musicale\",\"title_align\":\"top\",\"title_element\":\"h3\",\"title_grid_breakpoint\":\"m\",\"title_grid_width\":\"1-2\",\"title_hover_style\":\"reset\"}},{\"type\":\"panel\",\"props\":{\"class\":\"card-hor\",\"content\":\"\n\n<ul>\\n\n\n<li><span data-metadata=\\\"\\\"><\/span><span data-buffer=\\\"\\\"><\/span><span>Creazione contenuti narrativi<\/span><\/li>\n\n\\n\n\n<li><span data-metadata=\\\"\\\"><\/span><span data-buffer=\\\"\\\"><\/span><span>Ricerca storica e culturale<\/span><\/li>\n\n\\n\n\n<li><span data-metadata=\\\"\\\"><\/span><span data-buffer=\\\"\\\"><\/span><span>Script per reel, podcast e video musicali<\/span><\/li>\n\n\\n<\/ul>\n\n\",\"content_column_breakpoint\":\"m\",\"image\":\"wp-content\/uploads\/2026\/03\/Rectangle-18.jpg\",\"image_align\":\"top\",\"image_grid_breakpoint\":\"m\",\"image_grid_width\":\"1-2\",\"image_svg_color\":\"emphasis\",\"link_style\":\"default\",\"link_text\":\"Read more\",\"margin_bottom\":\"default\",\"margin_top\":\"default\",\"meta_align\":\"below-title\",\"meta_element\":\"div\",\"meta_style\":\"text-meta\",\"panel_padding\":\"default\",\"panel_style\":\"tile-secondary\",\"title\":\"Storytelling & Ricerca musicale\",\"title_align\":\"top\",\"title_element\":\"h3\",\"title_grid_breakpoint\":\"m\",\"title_grid_width\":\"1-2\",\"title_hover_style\":\"reset\"}},{\"type\":\"panel\",\"props\":{\"class\":\"card-hor\",\"content\":\"\n\n<ul>\\n\n\n<li><span data-metadata=\\\"\\\"><\/span><span data-buffer=\\\"\\\"><\/span><span>Creazione contenuti narrativi<\/span><\/li>\n\n\\n\n\n<li><span data-metadata=\\\"\\\"><\/span><span data-buffer=\\\"\\\"><\/span><span>Ricerca storica e culturale<\/span><\/li>\n\n\\n\n\n<li><span data-metadata=\\\"\\\"><\/span><span data-buffer=\\\"\\\"><\/span><span>Script per reel, podcast e video musicali<\/span><\/li>\n\n\\n<\/ul>\n\n\",\"content_column_breakpoint\":\"m\",\"image\":\"wp-content\/uploads\/2026\/03\/Rectangle-18.jpg\",\"image_align\":\"top\",\"image_grid_breakpoint\":\"m\",\"image_grid_width\":\"1-2\",\"image_svg_color\":\"emphasis\",\"link_style\":\"default\",\"link_text\":\"Read more\",\"margin_bottom\":\"default\",\"margin_top\":\"default\",\"meta_align\":\"below-title\",\"meta_element\":\"div\",\"meta_style\":\"text-meta\",\"panel_padding\":\"default\",\"panel_style\":\"tile-secondary\",\"title\":\"Storytelling & Ricerca musicale\",\"title_align\":\"top\",\"title_element\":\"h3\",\"title_grid_breakpoint\":\"m\",\"title_grid_width\":\"1-2\",\"title_hover_style\":\"reset\"}}]}],\"props\":{\"status\":\"disabled\"}},{\"type\":\"row\",\"children\":[{\"type\":\"column\",\"props\":{\"image_position\":\"center-center\",\"position_sticky\":\"section\",\"position_sticky_breakpoint\":\"\",\"vertical_align\":\"middle\"},\"children\":[{\"type\":\"grid\",\"props\":{\"animation\":\"parallax\",\"content\":\"\n\n<ul>\\n\n\n<li><span data-metadata=\\\"\\\"><\/span><span data-buffer=\\\"\\\"><\/span><span>Creazione contenuti narrativi<\/span><\/li>\n\n\\n\n\n<li><span data-metadata=\\\"\\\"><\/span><span data-buffer=\\\"\\\"><\/span><span>Ricerca storica e culturale<\/span><\/li>\n\n\\n\n\n<li><span data-metadata=\\\"\\\"><\/span><span data-buffer=\\\"\\\"><\/span><span>Script per reel, podcast e video musicali<\/span><\/li>\n\n\\n<\/ul>\n\n\",\"content_column_breakpoint\":\"m\",\"css\":\".el-element{\\n width: 100vw;\\nheight: 100vh\\nflex: 0 0 100vw;\\n translate: 0% \u2192 -200vw;\\n}\",\"filter_align\":\"left\",\"filter_all\":true,\"filter_grid_breakpoint\":\"m\",\"filter_grid_width\":\"auto\",\"filter_position\":\"top\",\"filter_style\":\"tab\",\"grid_default\":\"1\",\"grid_medium\":\"\",\"grid_small\":\"3\",\"image_align\":\"bottom\",\"image_grid_breakpoint\":\"m\",\"image_grid_width\":\"1-2\",\"image_svg_color\":\"emphasis\",\"image_svg_inline\":false,\"image_width\":\"1600\",\"item_animation\":true,\"lightbox_bg_close\":true,\"link_style\":\"default\",\"link_text\":\"Read more\",\"margin_bottom\":\"default\",\"margin_top\":\"default\",\"meta_align\":\"below-title\",\"meta_element\":\"div\",\"meta_style\":\"text-meta\",\"panel_padding\":\"default\",\"panel_style\":\"tile-secondary\",\"parallax_target\":\"!.uk-section\",\"parallax_x\":\"-300%\",\"position\":\"absolute\",\"position_top\":\"0\",\"show_content\":true,\"show_hover_image\":true,\"show_hover_video\":true,\"show_image\":true,\"show_link\":true,\"show_meta\":true,\"show_title\":true,\"show_video\":true,\"title_align\":\"top\",\"title_element\":\"h3\",\"title_grid_breakpoint\":\"m\",\"title_grid_width\":\"1-2\",\"title_hover_style\":\"reset\",\"visibility\":\"s\"},\"children\":[{\"type\":\"grid_item\",\"props\":{\"title\":\"Chocolate & Cream collabora con realt\u00e0 radiofoniche, culturali e editoriali che da anni operano nel campo della musica afro e delle culture diasporiche.\"}},{\"type\":\"grid_item\",\"props\":{\"content\":\"\n\n<ul>\\n\n\n<li><span data-metadata=\\\"\\\"><\/span><span data-buffer=\\\"\\\"><\/span><span>Creazione contenuti narrativi<\/span><\/li>\n\n\\n<\/ul>\n\n\",\"image\":\"wp-content\/uploads\/2026\/03\/Rectangle-18.jpg\",\"title\":\"Storytelling & Ricerca musicale\"}},{\"type\":\"grid_item\",\"props\":{\"content\":\"\n\n<ul>\\n\n\n<li><span data-metadata=\\\"\\\"><\/span><span data-buffer=\\\"\\\"><\/span><span>Creazione contenuti narrativi<\/span><\/li>\n\n\\n<\/ul>\n\n\",\"image\":\"wp-content\/uploads\/2026\/03\/Rectangle-18.jpg\",\"title\":\"Storytelling & Ricerca musicale\"}}]}]}],\"props\":{\"css\":\"@media (max-width: 1550px) {\\n\\t.el-row img { \\n max-height: 60vh;\\n\\tobject-fit: cover;\\n }\\n}\",\"height\":\"viewport\",\"height_viewport\":100,\"margin_bottom\":\"remove\",\"margin_top\":\"remove\",\"parallax\":false,\"status\":\"disabled\"}},{\"type\":\"row\",\"children\":[{\"type\":\"column\",\"props\":{\"image_position\":\"center-center\",\"position_sticky\":\"section\",\"position_sticky_breakpoint\":\"\",\"vertical_align\":\"middle\"},\"children\":[{\"type\":\"panel\",\"props\":{\"animation\":\"parallax\",\"content_column_breakpoint\":\"m\",\"css\":\".el-element { padding-top: 75px; }\",\"image\":\"\",\"image_align\":\"top\",\"image_grid_breakpoint\":\"m\",\"image_grid_width\":\"1-2\",\"image_svg_color\":\"emphasis\",\"image_width\":\"1600\",\"link_style\":\"default\",\"link_text\":\"Read more\",\"margin_bottom\":\"remove\",\"margin_top\":\"remove\",\"meta_align\":\"below-title\",\"meta_element\":\"div\",\"meta_style\":\"text-meta\",\"parallax_target\":\"!.uk-section\",\"parallax_x\":\"-300%\",\"title\":\"Chocolate & Cream collabora con realt\u00e0 radiofoniche, culturali e editoriali che da anni operano nel campo della musica afro e delle culture diasporiche.\",\"title_align\":\"top\",\"title_element\":\"h3\",\"title_grid_breakpoint\":\"m\",\"title_grid_width\":\"1-2\",\"title_hover_style\":\"reset\",\"visibility\":\"s\"}},{\"type\":\"panel\",\"props\":{\"animation\":\"parallax\",\"content_column_breakpoint\":\"m\",\"image\":\"wp-content\/uploads\/home-interior-01-mobile.jpg\",\"image_align\":\"top\",\"image_grid_breakpoint\":\"m\",\"image_grid_width\":\"1-2\",\"image_svg_color\":\"emphasis\",\"image_width\":\"330\",\"link_style\":\"default\",\"link_text\":\"Read more\",\"margin_bottom\":\"remove\",\"margin_top\":\"remove\",\"meta_align\":\"below-title\",\"meta_element\":\"div\",\"meta_style\":\"text-meta\",\"parallax_target\":\"!.uk-section\",\"parallax_x\":\"-300%\",\"title\":\"Chocolate & Cream collabora con realt\u00e0 radiofoniche, culturali e editoriali che da anni operano nel campo della musica afro e delle culture diasporiche.\",\"title_align\":\"top\",\"title_element\":\"h3\",\"title_grid_breakpoint\":\"m\",\"title_grid_width\":\"1-2\",\"title_hover_style\":\"reset\",\"visibility\":\"hidden-s\"}},{\"type\":\"panel\",\"props\":{\"animation\":\"parallax\",\"content\":\"\n\n<ul>\\n\n\n<li><span data-metadata=\\\"\\\"><\/span><span data-buffer=\\\"\\\"><\/span><span>Creazione contenuti narrativi<\/span><\/li>\n\n\\n\n\n<li><span data-metadata=\\\"\\\"><\/span><span data-buffer=\\\"\\\"><\/span><span>Ricerca storica e culturale<\/span><\/li>\n\n\\n\n\n<li><span data-metadata=\\\"\\\"><\/span><span data-buffer=\\\"\\\"><\/span><span>Script per reel, podcast e video musicali<\/span><\/li>\n\n\\n<\/ul>\n\n\",\"content_column_breakpoint\":\"m\",\"css\":\".el-image { translate: 100% 0; }\\n.el-element { padding-top: 75px; }\",\"image\":\"wp-content\/uploads\/home-interior-02.jpg\",\"image_align\":\"top\",\"image_grid_breakpoint\":\"m\",\"image_grid_width\":\"1-2\",\"image_svg_color\":\"emphasis\",\"image_svg_inline\":false,\"image_width\":\"1600\",\"link_style\":\"default\",\"link_text\":\"Read more\",\"margin_bottom\":\"default\",\"margin_top\":\"default\",\"meta_align\":\"below-title\",\"meta_element\":\"div\",\"meta_style\":\"text-meta\",\"panel_padding\":\"default\",\"panel_style\":\"tile-secondary\",\"parallax_target\":\"!.uk-section\",\"parallax_x\":\"-300%\",\"position\":\"absolute\",\"position_top\":\"0\",\"title\":\"Storytelling & Ricerca musicale\",\"title_align\":\"top\",\"title_element\":\"h3\",\"title_grid_breakpoint\":\"m\",\"title_grid_width\":\"1-2\",\"title_hover_style\":\"reset\",\"visibility\":\"s\"}},{\"type\":\"panel\",\"props\":{\"animation\":\"parallax\",\"content\":\"\n\n<ul>\\n\n\n<li><span>Creazione contenuti narrativi<\/span><\/li>\n\n\\n\n\n<li><span data-metadata=\\\"\\\"><\/span><span data-buffer=\\\"\\\"><\/span><span>Ricerca storica e culturale<\/span><\/li>\n\n\\n\n\n<li><span data-metadata=\\\"\\\"><\/span><span data-buffer=\\\"\\\"><\/span><span>Script per reel, podcast e video musicali<\/span><\/li>\n\n\\n<\/ul>\n\n\",\"content_column_breakpoint\":\"m\",\"css\":\".el-image { translate: 100% 0; }\",\"image\":\"wp-content\/uploads\/home-interior-02-mobile.jpg\",\"image_align\":\"top\",\"image_grid_breakpoint\":\"m\",\"image_grid_width\":\"1-2\",\"image_svg_color\":\"emphasis\",\"image_svg_inline\":false,\"image_width\":\"330\",\"link_style\":\"default\",\"link_text\":\"Read more\",\"margin_bottom\":\"default\",\"margin_top\":\"default\",\"meta_align\":\"below-title\",\"meta_element\":\"div\",\"meta_style\":\"text-meta\",\"panel_padding\":\"default\",\"panel_style\":\"tile-secondary\",\"parallax_target\":\"!.uk-section\",\"parallax_x\":\"-300%\",\"position\":\"absolute\",\"position_top\":\"0\",\"title\":\"Storytelling & Ricerca musicale\",\"title_align\":\"top\",\"title_element\":\"h3\",\"title_grid_breakpoint\":\"m\",\"title_grid_width\":\"1-2\",\"title_hover_style\":\"reset\",\"visibility\":\"hidden-s\"}},{\"type\":\"panel\",\"props\":{\"animation\":\"parallax\",\"content\":\"\n\n<ul>\\n\n\n<li><span>Creazione contenuti narrativi<\/span><\/li>\n\n\\n\n\n<li><span data-metadata=\\\"\\\"><\/span><span data-buffer=\\\"\\\"><\/span><span>Ricerca storica e culturale<\/span><\/li>\n\n\\n\n\n<li><span data-metadata=\\\"\\\"><\/span><span data-buffer=\\\"\\\"><\/span><span>Script per reel, podcast e video musicali<\/span><\/li>\n\n\\n<\/ul>\n\n\",\"content_column_breakpoint\":\"m\",\"css\":\".el-image { translate: 200% 0; }\\n.el-element { padding-top: 75px; }\",\"image\":\"wp-content\/uploads\/home-interior-03.jpg\",\"image_align\":\"top\",\"image_grid_breakpoint\":\"m\",\"image_grid_width\":\"1-2\",\"image_svg_color\":\"emphasis\",\"image_width\":\"1600\",\"link_style\":\"default\",\"link_text\":\"Read more\",\"margin_bottom\":\"default\",\"margin_top\":\"default\",\"meta_align\":\"below-title\",\"meta_element\":\"div\",\"meta_style\":\"text-meta\",\"panel_padding\":\"default\",\"panel_style\":\"tile-secondary\",\"parallax_target\":\"!.uk-section\",\"parallax_x\":\"-300%\",\"position\":\"absolute\",\"position_top\":\"0\",\"title\":\"Consulenza culturale \/ Music Curation\",\"title_align\":\"top\",\"title_element\":\"h3\",\"title_grid_breakpoint\":\"m\",\"title_grid_width\":\"1-2\",\"title_hover_style\":\"reset\",\"visibility\":\"s\"}},{\"type\":\"panel\",\"props\":{\"animation\":\"parallax\",\"content\":\"\n\n<ul>\\n\n\n<li><span>Creazione contenuti narrativi<\/span><\/li>\n\n\\n\n\n<li><span data-metadata=\\\"\\\"><\/span><span data-buffer=\\\"\\\"><\/span><span>Ricerca storica e culturale<\/span><\/li>\n\n\\n\n\n<li><span data-metadata=\\\"\\\"><\/span><span data-buffer=\\\"\\\"><\/span><span>Script per reel, podcast e video musicali<\/span><\/li>\n\n\\n<\/ul>\n\n\",\"content_column_breakpoint\":\"m\",\"css\":\".el-image { translate: 200% 0; }\",\"image\":\"wp-content\/uploads\/home-interior-03-mobile.jpg\",\"image_align\":\"top\",\"image_grid_breakpoint\":\"m\",\"image_grid_width\":\"1-2\",\"image_svg_color\":\"emphasis\",\"image_width\":\"330\",\"link_style\":\"default\",\"link_text\":\"Read more\",\"margin_bottom\":\"default\",\"margin_top\":\"default\",\"meta_align\":\"below-title\",\"meta_element\":\"div\",\"meta_style\":\"text-meta\",\"panel_padding\":\"default\",\"panel_style\":\"tile-secondary\",\"parallax_target\":\"!.uk-section\",\"parallax_x\":\"-300%\",\"position\":\"absolute\",\"position_top\":\"0\",\"title\":\"Consulenza culturale \/ Music Curation\",\"title_align\":\"top\",\"title_element\":\"h3\",\"title_grid_breakpoint\":\"m\",\"title_grid_width\":\"1-2\",\"title_hover_style\":\"reset\",\"visibility\":\"hidden-s\"}},{\"type\":\"panel\",\"props\":{\"animation\":\"parallax\",\"content_column_breakpoint\":\"m\",\"css\":\".el-image { translate: 300% 0; }\\n.el-element { padding-top: 75px; }\",\"image\":\"wp-content\/uploads\/home-interior-04.jpg\",\"image_align\":\"top\",\"image_grid_breakpoint\":\"m\",\"image_grid_width\":\"1-2\",\"image_svg_color\":\"emphasis\",\"image_width\":\"1600\",\"link_style\":\"default\",\"link_text\":\"Read more\",\"margin_bottom\":\"default\",\"margin_top\":\"default\",\"meta_align\":\"below-title\",\"meta_element\":\"div\",\"meta_style\":\"text-meta\",\"panel_padding\":\"default\",\"panel_style\":\"tile-secondary\",\"parallax_target\":\"!.uk-section\",\"parallax_x\":\"-300%\",\"position\":\"absolute\",\"position_top\":\"0\",\"title_align\":\"top\",\"title_element\":\"h3\",\"title_grid_breakpoint\":\"m\",\"title_grid_width\":\"1-2\",\"title_hover_style\":\"reset\",\"visibility\":\"s\"}},{\"type\":\"panel\",\"props\":{\"animation\":\"parallax\",\"content_column_breakpoint\":\"m\",\"css\":\".el-image { translate: 300% 0; }\",\"image\":\"wp-content\/uploads\/home-interior-04-mobile.jpg\",\"image_align\":\"top\",\"image_grid_breakpoint\":\"m\",\"image_grid_width\":\"1-2\",\"image_svg_color\":\"emphasis\",\"image_width\":\"330\",\"link_style\":\"default\",\"link_text\":\"Read more\",\"margin_bottom\":\"default\",\"margin_top\":\"default\",\"meta_align\":\"below-title\",\"meta_element\":\"div\",\"meta_style\":\"text-meta\",\"panel_padding\":\"default\",\"panel_style\":\"tile-secondary\",\"parallax_target\":\"!.uk-section\",\"parallax_x\":\"-300%\",\"position\":\"absolute\",\"position_top\":\"0\",\"title_align\":\"top\",\"title_element\":\"h3\",\"title_grid_breakpoint\":\"m\",\"title_grid_width\":\"1-2\",\"title_hover_style\":\"reset\",\"visibility\":\"hidden-s\"}}]}],\"props\":{\"css\":\"@media (max-width: 1550px) {\\n\\t.el-row img { \\n max-height: 60vh;\\n\\tobject-fit: cover;\\n }\\n}\",\"height\":\"viewport\",\"margin_bottom\":\"remove\",\"margin_top\":\"remove\",\"status\":\"disabled\"}},{\"type\":\"row\",\"children\":[{\"type\":\"column\",\"props\":{\"image_position\":\"center-center\",\"position_sticky_breakpoint\":\"m\"},\"children\":[{\"type\":\"html\",\"props\":{\"content\":\"<!DOCTYPE html>\\n<html lang=\\\"it\\\">\\n<head>\\n<meta charset=\\\"UTF-8\\\">\\n<title>Parallax Orizzontale con Box Iniziale<\/title>\\n\\n\n\n<style>\\n.panel img{\\n width: 100%;\\n}\\n.panel ul{\\n font-size: 16px;\\n}\\n \\n.horizontal-section {\\n height: 200vh;\\n position: relative;\\n}\\n\\n.horizontal-sticky {\\n position: sticky;\\n top:0;\\n height: 100vh;\\n overflow: hidden;\\n display: flex;\\n align-items: center;\\n justify-content: flex-start;\\n}\\n\\n.horizontal-wrapper {\\n display: flex;\\n flex-direction: row;\\n height: 100%;\\n transition: transform 0.05s linear;\\n}\\n\\n.panel {\\n flex: 0 0 34%;\\n height: 80%;\\n margin-right: 40px;\\n display: flex;\\n align-items: center;\\n justify-content: center;\\n font-size: 24px;\\ncolor: #fff;\\n background:white;\\n}\\n\\n\/* quarto box iniziale, pi\u00f9 piccolo *\/\\n.panel:first-child {\\n flex: 0 0 8%; \/* pi\u00f9 piccolo *\/\\n background:#F2EEE9;\\n color:#ffffff; \/* testo invisibile se non serve *\/\\n box-shadow:none;\\n}\\n\\n\/* colori box principali *\/\\n.panel:nth-child(2){ background:#F2EEE9; color:black; \\ndisplay: flex;\\njustify-content: center;}\\n.panel:nth-child(3){ background:#111111; color:white; }\\n.panel:nth-child(4){ background:#111111; color:white; }\\n\\n\/* sborda il quarto box a destra *\/\\n.panel:last-child {\\n margin-right: 200px;\\n}\\n\\n\/* wrapper: tutti i panel si estendono all'altezza massima *\/\\n.horizontal-wrapper {\\n display: flex;\\n align-items: stretch; \/* i panel si allungano alla stessa altezza *\/\\n}\\n\\n\/* panel: contenuto verticale interno *\/\\n.panel {\\n display: flex;\\n flex-direction: column;\\n justify-content: flex-start;\\n}\\n \\n \/* Mobile \/ tablet *\/\\n@media (max-width: 768px) {\\n \/* riduce l\u2019altezza della sezione su mobile *\/\\n .horizontal-section {\\n height: 150vh; \/* puoi regolare tra 120vh e 160vh per prova *\/\\n }\\n\\n \/* wrapper e pannelli pi\u00f9 adatti a schermi piccoli *\/\\n .panel:first-child {\\n flex: 0 0 20%; \/* quarto box bianco iniziale pi\u00f9 piccolo *\/\\n }\\n\\n .panel:nth-child(2),\\n .panel:nth-child(3),\\n .panel:nth-child(4) {\\n flex: 0 0 60%; \/* box pi\u00f9 larghi e leggibili *\/\\n margin-right: 30px; \/* margine pi\u00f9 piccolo *\/\\n }\\n\\n .panel:last-child {\\n margin-right: 100px; \/* meno sbordamento a destra *\/\\n }\\n\\n .horizontal-sticky {\\n justify-content: flex-start;\\n }\\n}\\n<\/style>\n\n\\n<\/head>\\n\\n<body>\\n\\n\n\n<section class=\\\"horizontal-section\\\">\\n \n\n<div class=\\\"horizontal-sticky\\\">\\n \n\n<div class=\\\"horizontal-wrapper\\\">\\n \n\n<div class=\\\"panel\\\"><\/div>\n\n \\n <\/p>\n<div class=\\\"panel\\\">\n<h2>Chocolate & Cream collabora con realt\u00e0 radiofoniche, culturali e editoriali che da anni operano nel campo della musica afro e delle culture diasporiche.<\/h2>\n<\/div>\n<p>\\n <\/p>\n<div class=\\\"panel\\\">\\n <\/p>\n<div class=\\\"uk-card uk-card-secondary uk-card-body\\\">\\n<\/p>\n<h3>Storytelling<br \/> \\n& Ricerca musicale<\/h3>\n<p>\\n <\/p>\n<ul>\n<li>Creazione contenuti narrativi<\/li>\n<p>\\n <\/p>\n<li>Ricerca storica e culturale<\/li>\n<p>\\n <\/p>\n<li>Script per reel, podcast e video musicali<\/li>\n<p>\\n <\/ul>\n<p>\\n <img src=\\\"\/wp-content\/uploads\/2026\/03\/Rectangle-18.jpg\\\" width=\\\"350\\\" height=\\\"250\\\"\/>\\n <\/div>\n<p>\\n <\/p><\/div>\n<p>\\n <\/p>\n<div class=\\\"panel\\\">\n<div class=\\\"uk-card uk-card-secondary uk-card-body\\\">\\n<\/p>\n<h3>Consulenza culturale \/ Music Curation<\/h3>\n<p>\\n <\/p>\n<ul>\n<li>Selezioni musicali per eventi e brand<\/li>\n<p>\\n <\/p>\n<li>Curatela tematica (Africa, Caraibi, diaspora, world music)<\/li>\n<p>\\n <\/p>\n<li>Supporto nella costruzione di identit\u00e0 sonore<\/li>\n<p>\\n <\/ul>\n<p>\\n <img src=\\\"\/wp-content\/uploads\/2026\/03\/Rectangle-18-1.jpg\\\" width=\\\"350\\\" height=\\\"250\\\"\/>\\n <\/div>\n<\/div>\n<p>\\n <\/p><\/div>\n<p>\\n <\/p><\/div>\n<p>\\n<\/section>\n<p>\\n\\n<script>\\ndocument.addEventListener(\\\"DOMContentLoaded\\\", function(){\\n\\n const section = document.querySelector(\\\".horizontal-section\\\");\\n const wrapper = document.querySelector(\\\".horizontal-wrapper\\\");\\n const panels = document.querySelectorAll(\\\".panel\\\");\\n\\n \/\/ calcola larghezza totale wrapper\\n let wrapperWidth = 0;\\n panels.forEach(p => {\\n const style = window.getComputedStyle(p);\\n const marginRight = parseInt(style.marginRight) || 0;\\n wrapperWidth += p.offsetWidth + marginRight;\\n });\\n wrapper.style.width = wrapperWidth + \\\"px\\\";\\n\\n const speedFactor = 3.5;\\n const initialOffset = 0; \/\/ puoi aggiungere offset extra se vuoi ancora pi\u00f9 spazio bianco\\n\\n \/\/ larghezza dei primi due box principali (Titolo + Box 1) per ritardo inizio scroll\\n const firstTwoWidth = panels[1].offsetWidth + parseInt(getComputedStyle(panels[1]).marginRight)\\n + panels[2].offsetWidth + parseInt(getComputedStyle(panels[2]).marginRight);\\n\\n window.addEventListener(\\\"scroll\\\", function(){\\n\\n const rect = section.getBoundingClientRect();\\n const sectionTop = rect.top;\\n const sectionHeight = section.offsetHeight;\\n\\n const scrollInSection = window.innerHeight - sectionTop;\\n\\n let move = initialOffset;\\n if(scrollInSection > firstTwoWidth){\\n const effectiveScroll = scrollInSection - firstTwoWidth;\\n const maxScroll = sectionHeight - window.innerHeight - firstTwoWidth;\\n const scrollPercent = Math.min(1, effectiveScroll \/ maxScroll);\\n move += scrollPercent * (wrapper.scrollWidth - window.innerWidth) * speedFactor;\\n }\\n\\n wrapper.style.transform = `translateX(-${move}px)`;\\n });\\n\\n});\\n<\/script>\\n\\n<\/body>\\n<\/html>“,”css”:”\/* Sezione con spazio di scroll *\/\\n.horizontal-section {\\n height: 300vh;\\n position: relative;\\n}\\n\\n\/* Container che blocca la sezione *\/\\n.horizontal-sticky {\\n position: sticky;\\n top: 0;\\n height: 100vh;\\n overflow: hidden;\\n}\\n\\n\/* Wrapper che contiene tutti i pannelli *\/\\n.horizontal-wrapper {\\n display: flex;\\n flex-direction: row;\\n height: 100vh;\\n width: 300vw;\\n}\\n\\n\/* Singoli pannelli *\/\\n.horizontal-panel {\\n flex: 0 0 100vw;\\n width: 100vw;\\n height: 100vh;\\n}”,”visibility”:”m”}}]}],”props”:{“status”:”disabled”}},{“type”:”row”,”children”:[{“type”:”column”,”props”:{“image_position”:”center-center”,”position_sticky_breakpoint”:”m”},”children”:[{“type”:”html”,”props”:{“content”:”<!DOCTYPE html>\\n<html lang=\\\"it\\\">\\n\\n<head>\\n <meta charset=\\\"UTF-8\\\">\\n <title>Parallax Orizzontale con Box Iniziale<\/title>\\n\\n <\/p>\n<style>\\n .panel img {\\n width: 100%;\\n }\\n\\n .panel ul {\\n font-size: 16px;\\n }\\n\\n .horizontal-section {\\n height: 300vh;\\n position: relative;\\n }\\n\\n .horizontal-sticky {\\n position: sticky;\\n top: 0;\\n height: 100vh;\\n overflow: hidden;\\n display: flex;\\n align-items: center;\\n justify-content: flex-start;\\n }\\n\\n .horizontal-wrapper {\\n display: flex;\\n flex-direction: row;\\n height: 100%;\\n transition: transform 0.05s linear;\\n }\\n\\n .panel {\\n flex: 0 0 5%;\\n height: 80%;\\n margin-right: 20px;\\n display: flex;\\n align-items: center;\\n justify-content: center;\\n font-size: 24px;\\n color: #fff;\\n background: white;\\n }\\n\\n \/* quarto box iniziale, pi\u00f9 piccolo *\/\\n .panel:first-child {\\n flex: 0 0 8%;\\n \/* pi\u00f9 piccolo *\/\\n background: #F2EEE9;\\n color: #ffffff;\\n \/* testo invisibile se non serve *\/\\n box-shadow: none;\\n }\\n\\n \/* colori box principali *\/\\n .panel:nth-child(2) {\\n background: #F2EEE9;\\n color: black;\\n display: flex;\\n justify-content: center;\\n }\\n\\n .panel:nth-child(3) {\\n background: #111111;\\n color: white;\\n }\\n\\n .panel:nth-child(4) {\\n background: #111111;\\n color: white;\\n }\\n\\n \/* sborda il quarto box a destra *\/\\n .panel:last-child {\\n margin-right: 200px;\\n }\\n\\n \/* wrapper: tutti i panel si estendono all'altezza massima *\/\\n .horizontal-wrapper {\\n display: flex;\\n align-items: stretch;\\n \/* i panel si allungano alla stessa altezza *\/\\n }\\n\\n \/* panel: contenuto verticale interno *\/\\n .panel {\\n display: flex;\\n flex-direction: column;\\n justify-content: flex-start;\\n }\\n\\n \/* Mobile \/ tablet *\/\\n @media (max-width: 768px) {\\n\\n \/* riduce l\u2019altezza della sezione su mobile *\/\\n .horizontal-section {\\n height: 150vh;\\n \/* puoi regolare tra 120vh e 160vh per prova *\/\\n }\\n\\n \/* wrapper e pannelli pi\u00f9 adatti a schermi piccoli *\/\\n .panel:first-child {\\n flex: 0 0 20%;\\n \/* quarto box bianco iniziale pi\u00f9 piccolo *\/\\n }\\n\\n .panel:nth-child(2),\\n .panel:nth-child(3),\\n .panel:nth-child(4) {\\n flex: 0 0 60%;\\n \/* box pi\u00f9 larghi e leggibili *\/\\n margin-right: 30px;\\n \/* margine pi\u00f9 piccolo *\/\\n }\\n\\n .panel:last-child {\\n margin-right: 100px;\\n \/* meno sbordamento a destra *\/\\n }\\n\\n .horizontal-sticky {\\n justify-content: flex-start;\\n }\\n }\\n <\/style>\n<p>\\n<\/head>\\n\\n<body>\\n\\n <\/p>\n<section class=\\\"horizontal-section\\\">\\n <\/p>\n<div class=\\\"horizontal-sticky\\\">\\n <\/p>\n<div class=\\\"horizontal-wrapper\\\">\\n <\/p>\n<div class=\\\"panel\\\"><\/div>\n<p> \\n <\/p>\n<div class=\\\"panel\\\">\\n <\/p>\n<h2>Chocolate & Cream collabora con realt\u00e0 radiofoniche, culturali e editoriali che da anni operano\\n nel campo della musica afro e delle culture diasporiche.<\/h2>\n<p>\\n <\/p><\/div>\n<p>\\n <\/p>\n<div class=\\\"panel\\\">\\n <\/p>\n<div class=\\\"uk-card uk-card-secondary uk-card-body\\\">\\n <\/p>\n<h3>Storytelling<br \/>\\n & Ricerca musicale<\/h3>\n<p>\\n <\/p>\n<ul>\\n <\/p>\n<li>Creazione contenuti narrativi<\/li>\n<p>\\n <\/p>\n<li>Ricerca storica e culturale<\/li>\n<p>\\n <\/p>\n<li>Script per reel, podcast e video musicali<\/li>\n<p>\\n <\/ul>\n<p>\\n <img src=\\\"\/wp-content\/uploads\/2026\/03\/Rectangle-18.jpg\\\" width=\\\"350\\\" height=\\\"250\\\" \/>\\n <\/div>\n<p>\\n <\/p><\/div>\n<p>\\n <\/p>\n<div class=\\\"panel\\\">\\n <\/p>\n<div class=\\\"uk-card uk-card-secondary uk-card-body\\\">\\n <\/p>\n<h3>Consulenza culturale \/ Music Curation<\/h3>\n<p>\\n <\/p>\n<ul>\\n <\/p>\n<li>Selezioni musicali per eventi e brand<\/li>\n<p>\\n <\/p>\n<li>Curatela tematica (Africa, Caraibi, diaspora, world music)<\/li>\n<p>\\n <\/p>\n<li>Supporto nella costruzione di identit\u00e0 sonore<\/li>\n<p>\\n <\/ul>\n<p>\\n <img src=\\\"\/wp-content\/uploads\/2026\/03\/Rectangle-18-1.jpg\\\" width=\\\"350\\\" height=\\\"250\\\" \/>\\n <\/div>\n<p>\\n <\/p><\/div>\n<p>\\n\\n <\/p>\n<div class=\\\"panel\\\">\\n <\/p>\n<div class=\\\"uk-card uk-card-secondary uk-card-body\\\">\\n <\/p>\n<h3>Progetti creativi e co-produzioni<\/h3>\n<p>\\n <\/p>\n<ul>\\n <\/p>\n<li>Sviluppo format<\/li>\n<p>\\n <\/p>\n<li>Collaborazioni artistiche<\/li>\n<p>\\n <\/p>\n<li>Ideazione e direzione creativa di contenuti<\/li>\n<p>\\n <\/ul>\n<p>\\n <img src=\\\"\/wp-content\/uploads\/2026\/03\/Rectangle-18-1.jpg\\\" width=\\\"350\\\" height=\\\"250\\\" \/>\\n <\/div>\n<p>\\n <\/p><\/div>\n<p>\\n\\n <\/p>\n<div class=\\\"panel\\\">\\n <\/p>\n<div class=\\\"uk-card uk-card-secondary uk-card-body\\\">\\n <\/p>\n<h3>Format educational & divulgazione<\/h3>\n<p>\\n <\/p>\n<ul>\\n <\/p>\n<li>Lezioni, workshop, interventi su music history<\/li>\n<p>\\n <\/p>\n<li>Percorsi divulgativi per scuole \/ istituzioni culturali<\/li>\n<p>\\n <\/ul>\n<p>\\n <img src=\\\"\/wp-content\/uploads\/2026\/03\/Rectangle-18-1.jpg\\\" width=\\\"350\\\" height=\\\"250\\\" \/>\\n <\/div>\n<p>\\n <\/p><\/div>\n<p>\\n\\n <\/p>\n<div class=\\\"panel\\\">\\n <\/p>\n<div class=\\\"uk-card uk-card-secondary uk-card-body\\\">\\n <\/p>\n<h3>Eventi & Public Speaking<\/h3>\n<p>\\n <\/p>\n<ul>\\n <\/p>\n<li>Ospitate, talk, moderazioni<\/li>\n<p>\\n <\/p>\n<li>Presentazioni su storia della musica, societ\u00e0 e diaspora<\/li>\n<p>\\n <\/ul>\n<p>\\n <img src=\\\"\/wp-content\/uploads\/2026\/03\/Rectangle-18-1.jpg\\\" width=\\\"350\\\" height=\\\"250\\\" \/>\\n <\/div>\n<p>\\n <\/p><\/div>\n<p>\\n\\n <\/p>\n<div class=\\\"panel\\\">\\n <\/p>\n<div class=\\\"uk-card uk-card-secondary uk-card-body\\\">\\n <\/p>\n<h3>Partnership con brand e media<\/h3>\n<p>\\n <\/p>\n<ul>\\n <\/p>\n<li>Collaborazioni editoriali<\/li>\n<p>\\n <\/p>\n<li>Campagne comunicazione<\/li>\n<p>\\n <\/p>\n<li>Produzioni di contenuti ad hoc<\/li>\n<p>\\n <\/ul>\n<p>\\n <img src=\\\"\/wp-content\/uploads\/2026\/03\/Rectangle-18-1.jpg\\\" width=\\\"350\\\" height=\\\"250\\\" \/>\\n <\/div>\n<p>\\n <\/p><\/div>\n<p>\\n\\n <\/p><\/div>\n<p>\\n <\/p><\/div>\n<p>\\n <\/section>\n<p>\\n\\n <script>\\n document.addEventListener(\\\"DOMContentLoaded\\\", function () {\\n\\n const section = document.querySelector(\\\".horizontal-section\\\");\\n const wrapper = document.querySelector(\\\".horizontal-wrapper\\\");\\n const panels = document.querySelectorAll(\\\".panel\\\");\\n\\n \/\/ calcola larghezza totale wrapper\\n let wrapperWidth = 0;\\n panels.forEach(p => {\\n const style = window.getComputedStyle(p);\\n const marginRight = parseInt(style.marginRight) || 0;\\n wrapperWidth += p.offsetWidth + marginRight;\\n });\\n wrapper.style.width = wrapperWidth + \\\"px\\\";\\n\\n const speedFactor = 3.5;\\n const initialOffset = 0; \/\/ puoi aggiungere offset extra se vuoi ancora pi\u00f9 spazio bianco\\n\\n \/\/ larghezza dei primi due box principali (Titolo + Box 1) per ritardo inizio scroll\\n const firstTwoWidth = panels[1].offsetWidth + parseInt(getComputedStyle(panels[1]).marginRight)\\n + panels[2].offsetWidth + parseInt(getComputedStyle(panels[2]).marginRight);\\n\\n window.addEventListener(\\\"scroll\\\", function () {\\n\\n const rect = section.getBoundingClientRect();\\n const sectionTop = rect.top;\\n const sectionHeight = section.offsetHeight;\\n\\n const scrollInSection = window.innerHeight - sectionTop;\\n\\n let move = initialOffset;\\n if (scrollInSection > firstTwoWidth) {\\n const effectiveScroll = scrollInSection - firstTwoWidth;\\n const maxScroll = sectionHeight - window.innerHeight - firstTwoWidth;\\n const scrollPercent = Math.min(1, effectiveScroll \/ maxScroll);\\n move += scrollPercent * (wrapper.scrollWidth - window.innerWidth) * speedFactor;\\n }\\n\\n wrapper.style.transform = `translateX(-${move}px)`;\\n });\\n\\n });\\n <\/script>\\n\\n<\/body>\\n\\n<\/html>“,”css”:”\/* Sezione con spazio di scroll *\/\\n.horizontal-section {\\n height: 300vh;\\n position: relative;\\n}\\n\\n\/* Container che blocca la sezione *\/\\n.horizontal-sticky {\\n position: sticky;\\n top: 0;\\n height: 100vh;\\n overflow: hidden;\\n}\\n\\n\/* Wrapper che contiene tutti i pannelli *\/\\n.horizontal-wrapper {\\n display: flex;\\n flex-direction: row;\\n height: 100vh;\\n width: 300vw;\\n}\\n\\n\/* Singoli pannelli *\/\\n.horizontal-panel {\\n flex: 0 0 100vw;\\n width: 100vw;\\n height: 100vh;\\n}”,”visibility”:”m”}}]}],”props”:{“status”:”disabled”}},{“type”:”row”,”children”:[{“type”:”column”,”props”:{“image_position”:”center-center”,”position_sticky_breakpoint”:”m”},”children”:[{“type”:”html”,”props”:{“content”:”<!DOCTYPE html>\\n<html lang=\\\"it\\\">\\n\\n<head>\\n<meta charset=\\\"UTF-8\\\">\\n<title>Horizontal Scroll Center Fix<\/title>\\n\\n<\/p>\n<style>\\n\\n\/* ===================== *\/\\n\/* BASE *\/\\n\/* ===================== *\/\\n\\n.panel img {\\n width: 100%;\\n height: auto;\\n}\\n.uk-card img{\\n height: 400px;\\n width: 100%;\\n object-fit: cover;\\n}\\n.panel ul {\\n font-size: 16px;\\n}\\n\\n\/* ===================== *\/\\n\/* SEZIONE *\/\\n\/* ===================== *\/\\n\\n.horizontal-section {\\n height: 300vh;\\n position: relative;\\n}\\n\\n\/* ===================== *\/\\n\/* STICKY *\/\\n\/* ===================== *\/\\n\\n.horizontal-sticky {\\n position: sticky;\\n top: 0;\\n height: 100vh;\\n overflow: hidden;\\n display: flex;\\n align-items: center;\\n justify-content: flex-start;\\n}\\n\\n\/* ===================== *\/\\n\/* WRAPPER *\/\\n\/* ===================== *\/\\n\\n.horizontal-wrapper {\\n display: flex;\\n flex-direction: row;\\n height: 100%;\\n align-items: stretch;\\n will-change: transform;\\n}\\n\\n\/* ===================== *\/\\n\/* PANEL BASE *\/\\n\/* ===================== *\/\\n\\n.panel {\\n flex: 0 0 65vw;\\n max-width: 750px;\\n height: 80%;\\n margin-right: 40px;\\n\\n display: flex;\\n flex-direction: column;\\n justify-content: flex-start;\\n\\n font-size: 24px;\\n}\\n\\n\/* ===================== *\/\\n\/* 1\u00b0 PANEL (INTRO VUOTO) *\/\\n\/* ===================== *\/\\n\\n.panel:nth-child(1) {\\n flex: 0 0 18vw;\\n min-width: 120px;\\n background: #F2EEE9;\\n}\\n\\n\/* ===================== *\/\\n\/* 2\u00b0 PANEL (TITOLO CHIARO) *\/\\n\/* ===================== *\/\\n\\n.panel:nth-child(2) {\\n background: #F2EEE9;\\n color: #000;\\n}\\n\\n\/* ===================== *\/\\n\/* DAL 3 IN POI *\/\\n\/* ===================== *\/\\n\\n.panel:nth-child(n+3) {\\n background: #111111;\\n color: #ffffff;\\n}\\n\\n\/* ===================== *\/\\n\/* SPACING FINALE *\/\\n\/* ===================== *\/\\n\\n.panel:last-child {\\n margin-right: 200px;\\n}\\n\\n\/* ===================== *\/\\n\/* MOBILE *\/\\n\/* ===================== *\/\\n\\n@media (max-width: 768px) {\\n\\n .horizontal-section {\\n height: 160vh;\\n }\\n\\n .panel:nth-child(1) {\\n flex: 0 0 25vw;\\n }\\n\\n .panel:nth-child(n+2) {\\n flex: 0 0 85vw;\\n margin-right: 20px;\\n }\\n\\n .panel:last-child {\\n margin-right: 80px;\\n }\\n}\\n\\n<\/style>\n<p>\\n<\/head>\\n\\n<body>\\n\\n<\/p>\n<section class=\\\"horizontal-section\\\">\\n<\/p>\n<div class=\\\"horizontal-sticky\\\">\\n<\/p>\n<div class=\\\"horizontal-wrapper\\\">\\n\\n\\n<\/p>\n<div class=\\\"panel\\\"><\/div>\n<p>\\n\\n\\n<\/p>\n<div class=\\\"panel\\\" style=\\\"display: flex; align-items: center; justify-content: center;\\\">\\n<\/p>\n<h2>\\nChocolate & Cream collabora con realt\u00e0 radiofoniche, culturali e editoriali che da anni operano nel campo della musica afro e delle culture diasporiche.\\n<\/h2>\n<p>\\n<\/p><\/div>\n<p>\\n\\n\\n<\/p>\n<div class=\\\"panel\\\">\\n<\/p>\n<div class=\\\"uk-card uk-card-secondary uk-card-body\\\">\\n<\/p>\n<h3>Storytelling & Ricerca musicale<\/h3>\n<p>\\n<\/p>\n<ul>\\n<\/p>\n<li>Creazione contenuti narrativi<\/li>\n<p>\\n<\/p>\n<li>Ricerca storica e culturale<\/li>\n<p>\\n<\/p>\n<li>Script per podcast e video<\/li>\n<p>\\n<\/ul>\n<p>\\n<img src=\\\"\/wp-content\/uploads\/2026\/03\/Rectangle-18.jpg\\\">\\n<\/div>\n<p>\\n<\/p><\/div>\n<p>\\n\\n\\n<\/p>\n<div class=\\\"panel\\\">\\n<\/p>\n<div class=\\\"uk-card uk-card-secondary uk-card-body\\\">\\n<\/p>\n<h3>Consulenza culturale<\/h3>\n<p>\\n<\/p>\n<ul>\\n<\/p>\n<li>Selezioni musicali<\/li>\n<p>\\n<\/p>\n<li>Curatela tematica<\/li>\n<p>\\n<\/p>\n<li>Identit\u00e0 sonore<\/li>\n<p>\\n<\/ul>\n<p>\\n<img src=\\\"\/wp-content\/uploads\/2026\/03\/Rectangle-18-1.jpg\\\">\\n<\/div>\n<p>\\n<\/p><\/div>\n<p>\\n\\n\\n<\/p>\n<div class=\\\"panel\\\">\\n<\/p>\n<div class=\\\"uk-card uk-card-secondary uk-card-body\\\">\\n<\/p>\n<h3>Progetti creativi<\/h3>\n<p>\\n<\/p>\n<ul>\\n<\/p>\n<li>Format e concept<\/li>\n<p>\\n<\/p>\n<li>Collaborazioni artistiche<\/li>\n<p>\\n<\/p>\n<li>Direzione creativa<\/li>\n<p>\\n<\/ul>\n<p>\\n <img src=\\\"\/wp-content\/uploads\/2026\/03\/Rectangle-18-1.jpg\\\">\\n<\/div>\n<p>\\n<\/p><\/div>\n<p>\\n\\n\\n<\/p>\n<div class=\\\"panel\\\">\\n<\/p>\n<div class=\\\"uk-card uk-card-secondary uk-card-body\\\">\\n<\/p>\n<h3>Format educational<\/h3>\n<p>\\n<\/p>\n<ul>\\n<\/p>\n<li>Workshop<\/li>\n<p>\\n<\/p>\n<li>Lezioni<\/li>\n<p>\\n<\/p>\n<li>Percorsi culturali<\/li>\n<p>\\n<\/ul>\n<p>\\n <img src=\\\"\/wp-content\/uploads\/2026\/03\/Rectangle-18-1.jpg\\\">\\n<\/div>\n<p>\\n<\/p><\/div>\n<p>\\n\\n\\n<\/p>\n<div class=\\\"panel\\\">\\n<\/p>\n<div class=\\\"uk-card uk-card-secondary uk-card-body\\\">\\n<\/p>\n<h3>Eventi & Public Speaking<\/h3>\n<p>\\n<\/p>\n<ul>\\n<\/p>\n<li>Talk e moderazioni<\/li>\n<p>\\n<\/p>\n<li>Presentazioni culturali<\/li>\n<p>\\n<\/ul>\n<p>\\n <img src=\\\"\/wp-content\/uploads\/2026\/03\/Rectangle-18-1.jpg\\\">\\n<\/div>\n<p>\\n<\/p><\/div>\n<p>\\n\\n<\/p><\/div>\n<p>\\n<\/p><\/div>\n<p>\\n<\/section>\n<p>\\n\\n<script>\\ndocument.addEventListener(\\\"DOMContentLoaded\\\", function () {\\n\\n const section = document.querySelector(\\\".horizontal-section\\\");\\n const wrapper = document.querySelector(\\\".horizontal-wrapper\\\");\\n const panels = document.querySelectorAll(\\\".panel\\\");\\n\\n \/* ===================== *\/\\n \/* LARGHEZZA WRAPPER *\/\\n \/* ===================== *\/\\n\\n let wrapperWidth = 0;\\n\\n panels.forEach(p => {\\n const style = window.getComputedStyle(p);\\n const mr = parseInt(style.marginRight) || 0;\\n wrapperWidth += p.offsetWidth + mr;\\n });\\n\\n wrapper.style.width = wrapperWidth + \\\"px\\\";\\n\\n \/* ===================== *\/\\n \/* FIX: START PI\u00d9 TARDI (IMPORTANTE) *\/\\n \/* ===================== *\/\\n\\n window.addEventListener(\\\"scroll\\\", function () {\\n\\n const rect = section.getBoundingClientRect();\\n\\n const sectionHeight = section.offsetHeight;\\n const viewportHeight = window.innerHeight;\\n\\n \/* distanza dall\u2019inizio sezione *\/\\n const startTrigger = viewportHeight * 0.3; \\n const progressRaw = (viewportHeight - rect.top - startTrigger) \/\\n (sectionHeight - viewportHeight);\\n\\n const progress = Math.min(1, Math.max(0, progressRaw));\\n\\n const maxMove = wrapper.scrollWidth - window.innerWidth;\\n\\n const move = progress * maxMove;\\n\\n wrapper.style.transform = `translateX(-${move}px)`;\\n });\\n\\n});\\n<\/script>\\n\\n<\/body>\\n<\/html>“,”css”:”\/* Sezione con spazio di scroll *\/\\n.horizontal-section {\\n height: 300vh;\\n position: relative;\\n}\\n\\n\/* Container che blocca la sezione *\/\\n.horizontal-sticky {\\n position: sticky;\\n top: 0;\\n height: 100vh;\\n overflow: hidden;\\n}\\n\\n\/* Wrapper che contiene tutti i pannelli *\/\\n.horizontal-wrapper {\\n display: flex;\\n flex-direction: row;\\n height: 100vh;\\n width: 300vw;\\n}\\n\\n\/* Singoli pannelli *\/\\n.horizontal-panel {\\n flex: 0 0 100vw;\\n width: 100vw;\\n height: 100vh;\\n}”,”visibility”:”m”}}]}],”props”:{“status”:”disabled”}},{“type”:”row”,”children”:[{“type”:”column”,”props”:{“image_position”:”center-center”,”position_sticky_breakpoint”:”m”},”children”:[{“type”:”html”,”props”:{“content”:”<!DOCTYPE html>\\n<html lang=\\\"it\\\">\\n\\n<head>\\n<meta charset=\\\"UTF-8\\\">\\n<title>Horizontal Scroll Center Fix<\/title>\\n\\n<\/p>\n<style>\\n\\n\/* ===================== *\/\\n\/* BASE *\/\\n\/* ===================== *\/\\n\\n.panel img {\\n width: 100%;\\n height: auto;\\n}\\n.uk-card img{\\n height: 400px;\\n width: 100%;\\n object-fit: cover;\\n}\\n.panel ul {\\n font-size: 16px;\\n}\\n\\n\/* ===================== *\/\\n\/* SEZIONE *\/\\n\/* ===================== *\/\\n\\n.horizontal-section {\\n height: 300vh;\\n position: relative;\\n}\\n\\n\/* ===================== *\/\\n\/* STICKY *\/\\n\/* ===================== *\/\\n\\n.horizontal-sticky {\\n position: sticky;\\n top: 0;\\n height: 100vh;\\n overflow: hidden;\\n display: flex;\\n align-items: center;\\n justify-content: flex-start;\\n}\\n\\n\/* ===================== *\/\\n\/* WRAPPER *\/\\n\/* ===================== *\/\\n\\n.horizontal-wrapper {\\n display: flex;\\n flex-direction: row;\\n height: 100%;\\n align-items: stretch;\\n will-change: transform;\\n}\\n\\n\/* ===================== *\/\\n\/* PANEL BASE *\/\\n\/* ===================== *\/\\n\\n.panel {\\n flex: 0 0 65vw;\\n max-width: 750px;\\n height: 80%;\\n margin-right: 40px;\\n\\n display: flex;\\n flex-direction: column;\\n justify-content: flex-start;\\n\\n font-size: 24px;\\n}\\n\\n\/* ===================== *\/\\n\/* 1\u00b0 PANEL (INTRO VUOTO) *\/\\n\/* ===================== *\/\\n\\n.panel:nth-child(1) {\\n flex: 0 0 18vw;\\n min-width: 120px;\\n background: #F2EEE9;\\n}\\n\\n\/* ===================== *\/\\n\/* 2\u00b0 PANEL (TITOLO CHIARO) *\/\\n\/* ===================== *\/\\n\\n.panel:nth-child(2) {\\n background: #F2EEE9;\\n color: #000;\\n}\\n\\n\/* ===================== *\/\\n\/* DAL 3 IN POI *\/\\n\/* ===================== *\/\\n\\n.panel:nth-child(n+3) {\\n background: #111111;\\n color: #ffffff;\\n}\\n\\n\/* ===================== *\/\\n\/* SPACING FINALE *\/\\n\/* ===================== *\/\\n\\n.panel:last-child {\\n margin-right: 200px;\\n}\\n\\n\/* ===================== *\/\\n\/* MOBILE *\/\\n\/* ===================== *\/\\n\\n@media (max-width: 768px) {\\n\\n .horizontal-section {\\n height: 160vh;\\n }\\n\\n .panel:nth-child(1) {\\n flex: 0 0 25vw;\\n }\\n\\n .panel:nth-child(n+2) {\\n flex: 0 0 85vw;\\n margin-right: 20px;\\n }\\n\\n .panel:last-child {\\n margin-right: 80px;\\n }\\n}\\n\\n<\/style>\n<p>\\n<\/head>\\n\\n<body>\\n\\n<\/p>\n<section class=\\\"horizontal-section\\\">\\n<\/p>\n<div class=\\\"horizontal-sticky\\\">\\n<\/p>\n<div class=\\\"horizontal-wrapper\\\">\\n\\n\\n<\/p>\n<div class=\\\"panel\\\"><\/div>\n<p>\\n\\n\\n<\/p>\n<div class=\\\"panel\\\" style=\\\"display: flex; align-items: center; justify-content: center;\\\">\\n<\/p>\n<h2>\\nChocolate & Cream collaborates with radio stations, cultural organizations, and publishers that have been active for years in the field of Afro music and diaspora cultures.\\n<\/h2>\n<p>\\n<\/p><\/div>\n<p>\\n\\n\\n<\/p>\n<div class=\\\"panel\\\">\\n<\/p>\n<div class=\\\"uk-card uk-card-secondary uk-card-body\\\">\\n<\/p>\n<h3>Storytelling & Music Research<\/h3>\n<p>\\n<\/p>\n<ul>\\n<\/p>\n<li>Creation of narrative content<\/li>\n<p>\\n<\/p>\n<li>Historical and Cultural Research<\/li>\n<p>\\n<\/p>\n<li>Scripts for podcasts and videos<\/li>\n<p>\\n<\/ul>\n<p>\\n<img src=\\\"\/wp-content\/uploads\/2026\/03\/Rectangle-18.jpg\\\">\\n<\/div>\n<p>\\n<\/p><\/div>\n<p>\\n\\n\\n<\/p>\n<div class=\\\"panel\\\">\\n<\/p>\n<div class=\\\"uk-card uk-card-secondary uk-card-body\\\">\\n<\/p>\n<h3>Cultural Consulting<\/h3>\n<p>\\n<\/p>\n<ul>\\n<\/p>\n<li>Music selections<\/li>\n<p>\\n<\/p>\n<li>Thematic curation<\/li>\n<p>\\n<\/p>\n<li>Sound identities<\/li>\n<p>\\n<\/ul>\n<p>\\n<img src=\\\"\/wp-content\/uploads\/2026\/04\/consulenza.webp\\\">\\n<\/div>\n<p>\\n<\/p><\/div>\n<p>\\n\\n\\n<\/p>\n<div class=\\\"panel\\\">\\n<\/p>\n<div class=\\\"uk-card uk-card-secondary uk-card-body\\\">\\n<\/p>\n<h3>Creative Projects<\/h3>\n<p>\\n<\/p>\n<ul>\\n<\/p>\n<li>Format e concept<\/li>\n<p>\\n<\/p>\n<li>Artistic collaborations<\/li>\n<p>\\n<\/p>\n<li>Creative Direction<\/li>\n<p>\\n<\/ul>\n<p>\\n <img src=\\\"\/wp-content\/uploads\/2026\/04\/progetti.webp\\\">\\n<\/div>\n<p>\\n<\/p><\/div>\n<p>\\n\\n\\n<\/p>\n<div class=\\\"panel\\\">\\n<\/p>\n<div class=\\\"uk-card uk-card-secondary uk-card-body\\\">\\n<\/p>\n<h3>Educational format<\/h3>\n<p>\\n<\/p>\n<ul>\\n<\/p>\n<li>Workshop<\/li>\n<p>\\n<\/p>\n<li>Lessons<\/li>\n<p>\\n<\/p>\n<li>Cultural itineraries<\/li>\n<p>\\n<\/ul>\n<p>\\n <img src=\\\"\/wp-content\/uploads\/2026\/04\/educational.webp\\\">\\n<\/div>\n<p>\\n<\/p><\/div>\n<p>\\n\\n\\n<\/p>\n<div class=\\\"panel\\\">\\n<\/p>\n<div class=\\\"uk-card uk-card-secondary uk-card-body\\\">\\n<\/p>\n<h3>Events & Public Speaking<\/h3>\n<p>\\n<\/p>\n<ul>\\n<\/p>\n<li>Talk e moderations<\/li>\n<p>\\n<\/p>\n<li>Cultural Presentations<\/li>\n<p>\\n<\/ul>\n<p>\\n <img src=\\\"\/wp-content\/uploads\/2026\/04\/public-speaking.webp\\\">\\n<\/div>\n<p>\\n<\/p><\/div>\n<p>\\n\\n<\/p><\/div>\n<p>\\n<\/p><\/div>\n<p>\\n<\/section>\n<p>\\n\\n<script>\\ndocument.addEventListener(\\\"DOMContentLoaded\\\", function () {\\n\\n const section = document.querySelector(\\\".horizontal-section\\\");\\n const wrapper = document.querySelector(\\\".horizontal-wrapper\\\");\\n const panels = document.querySelectorAll(\\\".panel\\\");\\n\\n \/* ===================== *\/\\n \/* LARGHEZZA WRAPPER *\/\\n \/* ===================== *\/\\n\\n let wrapperWidth = 0;\\n\\n panels.forEach(p => {\\n const style = window.getComputedStyle(p);\\n const mr = parseInt(style.marginRight) || 0;\\n wrapperWidth += p.offsetWidth + mr;\\n });\\n\\n wrapper.style.width = wrapperWidth + \\\"px\\\";\\n\\n \/* ===================== *\/\\n \/* FIX: START PI\u00d9 TARDI (IMPORTANTE) *\/\\n \/* ===================== *\/\\n\\n window.addEventListener(\\\"scroll\\\", function () {\\n\\n const rect = section.getBoundingClientRect();\\n\\n const sectionHeight = section.offsetHeight;\\n const viewportHeight = window.innerHeight;\\n\\n \/* distanza dall\u2019inizio sezione *\/\\n const startTrigger = viewportHeight * 1; \\n const progressRaw = (viewportHeight - rect.top - startTrigger) \/\\n (sectionHeight - viewportHeight);\\n\\n const progress = Math.min(1, Math.max(0, progressRaw));\\n\\n const maxMove = wrapper.scrollWidth - window.innerWidth;\\n\\n const move = progress * maxMove;\\n\\n wrapper.style.transform = `translateX(-${move}px)`;\\n });\\n\\n});\\n<\/script>\\n\\n<\/body>\\n<\/html>“,”css”:”\/* Sezione con spazio di scroll *\/\\n.horizontal-section {\\n height: 300vh;\\n position: relative;\\n}\\n\\n\/* Container che blocca la sezione *\/\\n.horizontal-sticky {\\n position: sticky;\\n top: 0;\\n height: 100vh;\\n overflow: hidden;\\n}\\n\\n\/* Wrapper che contiene tutti i pannelli *\/\\n.horizontal-wrapper {\\n display: flex;\\n flex-direction: row;\\n height: 100vh;\\n width: 300vw;\\n}\\n\\n\/* Singoli pannelli *\/\\n.horizontal-panel {\\n flex: 0 0 100vw;\\n width: 100vw;\\n height: 100vh;\\n}”,”visibility”:”m”}}]}],”props”:{“id”:”collaborations”}}],”name”:”parallasse”},{“type”:”section”,”props”:{“css”:”.el-section{\\n position: relative;\\n}\\n@media(min-width: 960px){\\n .el-section{\\n display: none;\\n }\\n}”,”image_position”:”center-center”,”style”:”default”,”title_breakpoint”:”xl”,”title_position”:”top-left”,”title_rotation”:”left”,”vertical_align”:”middle”,”width”:”default”},”children”:[{“type”:”row”,”children”:[{“type”:”column”,”props”:{“image_position”:”center-center”,”position_sticky_breakpoint”:”m”},”children”:[{“type”:”headline”,”props”:{“content”:”Chocolate & Cream collabora con realt\u00e0 radiofoniche, culturali e editoriali che da anni operano nel campo della musica afro e delle culture diasporiche.”,”image_align”:”left”,”image_margin”:”xsmall”,”title_element”:”h2″}},{“type”:”grid”,”props”:{“content_column_breakpoint”:”m”,”filter_align”:”left”,”filter_all”:true,”filter_grid_breakpoint”:”m”,”filter_grid_width”:”auto”,”filter_position”:”top”,”filter_style”:”tab”,”grid_default”:”1″,”grid_medium”:””,”image_align”:”bottom”,”image_grid_breakpoint”:”m”,”image_grid_width”:”1-2″,”image_height”:400,”image_svg_color”:”emphasis”,”image_width”:700,”item_animation”:true,”lightbox_bg_close”:true,”link_style”:”default”,”link_text”:”Read more”,”margin_bottom”:”default”,”margin_top”:”default”,”meta_align”:”below-title”,”meta_element”:”div”,”meta_style”:”text-meta”,”panel_padding”:”default”,”panel_style”:”card-secondary”,”show_content”:true,”show_hover_image”:true,”show_hover_video”:true,”show_image”:true,”show_link”:true,”show_meta”:true,”show_title”:true,”show_video”:true,”title_align”:”top”,”title_element”:”h3″,”title_grid_breakpoint”:”m”,”title_grid_width”:”1-2″,”title_hover_style”:”reset”},”children”:[{“type”:”grid_item”,”props”:{“content”:”<\/p>\n<ul>\\n<\/p>\n<li>Creazione contenuti narrativi<\/li>\n<p>\\n<\/p>\n<li>Ricerca storica e culturale<\/li>\n<p>\\n<\/p>\n<li>Script per podcast e video<\/li>\n<p>\\n<\/ul>\n<p>“,”image”:”wp-content\/uploads\/2026\/03\/Rectangle-18.jpg”,”title”:”Storytelling & Ricerca musicale”}},{“type”:”grid_item”,”props”:{“content”:”<\/p>\n<ul>\\n<\/p>\n<li>Selezioni musicali<\/li>\n<p>\\n<\/p>\n<li>Curatela tematica<\/li>\n<p>\\n<\/p>\n<li>Identit\u00e0 sonore<\/li>\n<p>\\n<\/ul>\n<p>“,”image”:”wp-content\/uploads\/2026\/04\/consulenza.webp”,”title”:”Consulenza culturale \/ Music Curation”}},{“type”:”grid_item”,”props”:{“content”:”<\/p>\n<ul>\\n<\/p>\n<li>Format e concept<\/li>\n<p>\\n<\/p>\n<li>Collaborazioni artistiche<\/li>\n<p>\\n<\/p>\n<li>Direzione creativa<\/li>\n<p>\\n<\/ul>\n<p>“,”image”:”wp-content\/uploads\/2026\/04\/progetti.webp”,”title”:”Progetti creativi”}},{“type”:”grid_item”,”props”:{“content”:”<\/p>\n<ul>\\n<\/p>\n<li>Workshop<\/li>\n<p>\\n<\/p>\n<li>Lezioni<\/li>\n<p>\\n<\/p>\n<li>Percorsi culturali<\/li>\n<p>\\n<\/ul>\n<p>“,”image”:”wp-content\/uploads\/2026\/04\/educational.webp”,”title”:”Format educational”}},{“type”:”grid_item”,”props”:{“content”:”<\/p>\n<ul>\\n<\/p>\n<li>Talk e moderazioni<\/li>\n<p>\\n<\/p>\n<li>Presentazioni culturali<\/li>\n<p>\\n<\/ul>\n<p>“,”image”:”wp-content\/uploads\/2026\/04\/public-speaking.webp”,”title”:”Eventi & public speaking”}}]}]}]}],”name”:”mobile”},{“type”:”section”,”props”:{“image_position”:”center-center”,”padding_bottom”:”none”,”padding_top”:”none”,”preserve_color”:false,”style”:”primary”,”title_breakpoint”:”xl”,”title_position”:”top-left”,”title_rotation”:”left”,”vertical_align”:”middle”,”width”:””},”children”:[{“type”:”row”,”children”:[{“type”:”column”,”props”:{“image_position”:”center-center”,”position_sticky_breakpoint”:”m”},”children”:[{“type”:”overlay-slider”,”props”:{“css”:”.el-title{\\nbackground-color: #fff;\\ncolor: #000;\\n padding: 5px 15px 5px 15px;\\n}\\n.el-element{\\n border-top: 1px solid #111;\\n}\\n\\n.el-meta{\\n font-family: ‘Rethink Sans’;\\n font-weight: 700;\\n text-decoration: underline;\\n text-decoration-thickness: 2px;\\n}\\n\\n.el-link{\\n border-color: white;\\n}”,”image_height”:1000,”image_width”:1000,”link_style”:”text”,”link_target”:true,”link_text”:””,”margin_bottom”:”default”,”margin_top”:”default”,”media_overlay”:”rgba(0, 0, 0, 0.5)”,”meta_align”:”below-content”,”meta_element”:”div”,”meta_style”:”text-meta”,”nav”:”dotnav”,”nav_align”:”center”,”nav_below”:false,”nav_breakpoint”:””,”nav_position”:”bottom-center”,”nav_position_margin”:”medium”,”overlay_display”:”active”,”overlay_link”:false,”overlay_mode”:”cover”,”overlay_position”:”center”,”overlay_transition”:”fade”,”show_content”:true,”show_hover_image”:true,”show_hover_video”:true,”show_link”:true,”show_meta”:true,”show_title”:true,”slidenav”:”bottom-right”,”slidenav_breakpoint”:””,”slidenav_large”:true,”slidenav_margin”:”large”,”slidenav_outside_breakpoint”:”xl”,”slider_autoplay”:false,”slider_autoplay_interval”:”3″,”slider_autoplay_pause”:true,”slider_center”:true,”slider_gap”:””,”slider_parallax”:false,”slider_width”:”fixed”,”slider_width_default”:”1-1″,”slider_width_medium”:””,”slider_width_small”:”1-2″,”text_align”:”center”,”title_element”:”h3″,”title_hover_style”:”reset”,”title_link”:true,”title_style”:”heading-small”},”children”:[{“type”:”overlay-slider_item”,”props”:{“content”:”<\/p>\n<p>Nigrizia is the historic monthly magazine of the Comboni Missionaries, founded in 1883. For over a century, it has been covering Africa \u2014 politics, culture and society \u2014 with a critical and independent perspective. Its \u201cAfroculture\u201d section is a go-to resource for those who study and appreciate African culture in Italy.<\/p>\n<p>“,”image”:”wp-content\/uploads\/2026\/03\/Frame-40.jpg”,”link”:”https:\/\/www.nigrizia.it”,”link_text”:”Visit the web site”,”meta”:”<a href=\\\"https:\/\/www.instagram.com\/reels\/CuT-5L2Odm9\/\\\" target=\\\"_blank\\\">Visit Instagram profile<\/a>“,”title”:”Nigrizia”}},{“type”:”overlay-slider_item”,”props”:{“content”:”<\/p>\n<p>RBL \u2014 Radio Banda Larga is an independent web radio community based in Turin. For over twelve years, it has been broadcasting music that flies under the mainstream radar: jazz, funk, Afrobeat, electronic, and world music, with a collective and experimental approach. Chocolate & Cream has collaborated with its show Diggin\u2019 South.<\/p>\n<p>\\n”,”image”:”wp-content\/uploads\/2026\/03\/Frame-43.jpg”,”link”:”#”,”meta”:”<a href=\\\"https:\/\/www.mixcloud.com\/radiobandalarga\/diggin-south-w-chocolate-cream-6th-december-2021\/\\\" target=\\\"_blank\\\">listen on mixcloud<\/a>“,”title”:”Rbl media”}},{“type”:”overlay-slider_item”,”props”:{“content”:”<\/p>\n<p>Radio Raheem is Milan\u2019s independent web radio station, streaming 24 hours a day and based at the Triennale. Launched in 2017, it has become a key player in the Italian independent music scene. Chocolate & Cream contributed to the \u201cRaheem Talks To\u201d series as the host of the episode featuring Seun Kuti.<\/p>\n<p>“,”image”:”wp-content\/uploads\/2026\/03\/Frame-42.jpg”,”link”:”https:\/\/www.radioraheem.it”,”link_text”:”Visit the web site”,”meta”:”<a href=\\\"https:\/\/www.radioraheem.it\/raheem-talks-to\/raheem-talks-to-seun-kuti-host-chocolate-cream\/\\\" target=\\\"_blank\\\">discover radio<\/a>“,”title”:”Radio raheem”}},{“type”:”overlay-slider_item”,”props”:{“content”:””,”image”:”wp-content\/uploads\/2026\/04\/Frame-41-2.webp”,”meta”:”<a href=\\\"https:\/\/www.youtube.com\/watch?v=esV2QhZJGnc\\\"target=\\\"_blank\\\">watch video<\/a>“,”title”:”Torino e cultura”}}],”name”:”Overlay Slider EN”}]}]}],”name”:”slider collaborazioni”},{“type”:”section”,”props”:{“image_position”:”center-center”,”style”:”default”,”title_breakpoint”:”xl”,”title_position”:”top-left”,”title_rotation”:”left”,”vertical_align”:”middle”,”width”:”default”},”children”:[{“type”:”row”,”children”:[{“type”:”column”,”props”:{“image_position”:”center-center”,”position_sticky_breakpoint”:”m”},”children”:[{“type”:”headline”,”props”:{“content”:”Fill out the form”,”image_align”:”left”,”image_margin”:”xsmall”,”title_element”:”h2″}},{“type”:”text”,”props”:{“column_breakpoint”:”m”,”content”:”<p class=\"wpcf7-contact-form-not-found\"><strong>Error:<\/strong> Contact form not found.<\/p>“,”margin_bottom”:”default”,”margin_top”:”default”}}]}]}]}],”version”:”5.0.17″} –><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Collaborations Chocolate & Cream is open to collaborating with radio stations, publishers, associations, and cultural organizations that share our focus on the music of the African diaspora. If you work in this field and would like to collaborate with us, please contact us. Discover our partnerships Horizontal Scroll Center Fix Chocolate & Cream collaborates with […]<\/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-1113","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/chocolateandcream.com\/en\/wp-json\/wp\/v2\/pages\/1113","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/chocolateandcream.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/chocolateandcream.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/chocolateandcream.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/chocolateandcream.com\/en\/wp-json\/wp\/v2\/comments?post=1113"}],"version-history":[{"count":23,"href":"https:\/\/chocolateandcream.com\/en\/wp-json\/wp\/v2\/pages\/1113\/revisions"}],"predecessor-version":[{"id":1323,"href":"https:\/\/chocolateandcream.com\/en\/wp-json\/wp\/v2\/pages\/1113\/revisions\/1323"}],"wp:attachment":[{"href":"https:\/\/chocolateandcream.com\/en\/wp-json\/wp\/v2\/media?parent=1113"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

Collaborations<\/h2>\n