{"id":8,"date":"2025-08-26T15:35:03","date_gmt":"2025-08-26T15:35:03","guid":{"rendered":"https:\/\/creativasavarese.com\/?page_id=8"},"modified":"2026-02-16T15:24:26","modified_gmt":"2026-02-16T15:24:26","slug":"home","status":"publish","type":"page","link":"https:\/\/creativasavarese.com\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"8\" class=\"elementor elementor-8\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-66fd9e7 e-flex e-con-boxed e-con e-parent\" data-id=\"66fd9e7\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;video&quot;,&quot;background_video_link&quot;:&quot;https:\\\/\\\/creativasavarese.com\\\/wp-content\\\/uploads\\\/2025\\\/10\\\/josephinebonaparte_laughing.mp4&quot;,&quot;background_play_on_mobile&quot;:&quot;yes&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-background-video-container\">\n\t\t\t\t\t\t\t<video class=\"elementor-background-video-hosted\" role=\"presentation\" autoplay muted playsinline loop><\/video>\n\t\t\t\t\t<\/div>\t\t<div class=\"elementor-element elementor-element-91d0a94 animated-slow elementor-invisible elementor-widget elementor-widget-image\" data-id=\"91d0a94\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeIn&quot;,&quot;_animation_delay&quot;:1000}\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"1600\" height=\"1600\" src=\"https:\/\/creativasavarese.com\/wp-content\/uploads\/2025\/10\/cs_yellow.webp\" class=\"attachment-full size-full wp-image-169\" alt=\"\" srcset=\"https:\/\/creativasavarese.com\/wp-content\/uploads\/2025\/10\/cs_yellow.webp 1600w, https:\/\/creativasavarese.com\/wp-content\/uploads\/2025\/10\/cs_yellow-300x300.png 300w, https:\/\/creativasavarese.com\/wp-content\/uploads\/2025\/10\/cs_yellow-1024x1024.png 1024w, https:\/\/creativasavarese.com\/wp-content\/uploads\/2025\/10\/cs_yellow-150x150.png 150w, https:\/\/creativasavarese.com\/wp-content\/uploads\/2025\/10\/cs_yellow-768x768.png 768w, https:\/\/creativasavarese.com\/wp-content\/uploads\/2025\/10\/cs_yellow-1536x1536.png 1536w\" sizes=\"(max-width: 1600px) 100vw, 1600px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-21493be e-con-full e-flex e-con e-child\" data-id=\"21493be\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4414f03 elementor-align-center elementor-mobile-align-center animated-slow elementor-invisible elementor-widget elementor-widget-button\" data-id=\"4414f03\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeIn&quot;,&quot;_animation_delay&quot;:1500}\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"#portfolio\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Portfolio<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-92478e5 elementor-align-center elementor-mobile-align-center animated-slow elementor-invisible elementor-widget elementor-widget-button\" data-id=\"92478e5\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeIn&quot;,&quot;_animation_delay&quot;:1500}\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"#intro\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Follow me<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-374d01e elementor-widget elementor-widget-spacer\" data-id=\"374d01e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c4a558a animated-slow elementor-invisible elementor-widget elementor-widget-text-editor\" data-id=\"c4a558a\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeIn&quot;,&quot;_animation_delay&quot;:2000}\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p><strong>Creativa<br \/><\/strong><strong><br \/>Studio di design e comunicazione<br \/>fiorito a Brooklyn ed attivo globalmente a Firenze.\u00a0<\/strong><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-68bc588 e-con-full e-flex e-con e-parent\" data-id=\"68bc588\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-07a05f3 elementor-widget elementor-widget-menu-anchor\" data-id=\"07a05f3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"menu-anchor.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-menu-anchor\" id=\"portfolio\"><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4d2b748 e-con-full mdw-horizontal-scroll e-flex e-con e-parent\" data-id=\"4d2b748\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-ba43767 e-con-full e-flex e-con e-child\" data-id=\"ba43767\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-d7df9ac e-con-full e-flex e-con e-child\" data-id=\"d7df9ac\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-8945b5e e-con-full e-flex e-con e-child\" data-id=\"8945b5e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ffca976 elementor-widget elementor-widget-image\" data-id=\"ffca976\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"1340\" height=\"809\" src=\"https:\/\/creativasavarese.com\/wp-content\/uploads\/2026\/02\/stand_bcb_2025_front_view.webp\" class=\"attachment-full size-full wp-image-1022\" alt=\"\" srcset=\"https:\/\/creativasavarese.com\/wp-content\/uploads\/2026\/02\/stand_bcb_2025_front_view.webp 1340w, https:\/\/creativasavarese.com\/wp-content\/uploads\/2026\/02\/stand_bcb_2025_front_view-300x181.webp 300w, https:\/\/creativasavarese.com\/wp-content\/uploads\/2026\/02\/stand_bcb_2025_front_view-1024x618.webp 1024w, https:\/\/creativasavarese.com\/wp-content\/uploads\/2026\/02\/stand_bcb_2025_front_view-768x464.webp 768w\" sizes=\"(max-width: 1340px) 100vw, 1340px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-157916c e-con-full e-flex e-con e-child\" data-id=\"157916c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-48aa685 elementor-widget-mobile__width-initial elementor-widget elementor-widget-heading\" data-id=\"48aa685\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">BCB Berlin '25 Exhibition Stand<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d98ba2a elementor-widget elementor-widget-text-editor\" data-id=\"d98ba2a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p><span class=\"a_GcMg font-feature-liga-off font-feature-clig-off font-feature-calt-off text-decoration-none text-strikethrough-none\">Concept &amp; Stand Design<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f34884c elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile elementor-widget elementor-widget-html\" data-id=\"f34884c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\r\n\/* Horizontal Scroll *\/\r\n\r\n.mdw-horizontal-scroll{\r\n    --progress-bar: true;\r\n    --progress-bar-color: #FFFF00;\r\n    --progress-bar-height: 2px;\r\n}\r\nbody{\r\n    --disable-movement-desktop: false;\r\n    --disable-movement-tablet: false;\r\n    --disable-movement-mobile: true;\r\n    --hide-default-scrollbar: false;\r\n    --disable-horizontal-scroll-mobile: false;\r\n}\r\nhtml.hide-scrollbar::-webkit-scrollbar{\r\n    display: none;\r\n}\r\nhtml.hide-scrollbar{\r\n    -ms-overflow-style: none;\r\n    scrollbar-width: none;\r\n}\r\n.mdw-horizontal-scroll{\r\n    overflow: hidden;\r\n    --initial-height: var(--min-height,100vh);\r\n}\r\n.mdw-horizontal-scroll:after{\r\n    content: \"\";\r\n    left: 0;\r\n    top: calc(100vh - var(--progress-bar-height,2px));\r\n    width: 100vw;\r\n    height: var(--progress-bar-height,2px);\r\n    background: var(--progress-bar-color,FFFF00);\r\n    transform: scaleX(calc(var(--progress,0)*100%));\r\n    position: fixed;\r\n    transform-origin: left;\r\n    will-change: transform;\r\n    transition: transform 0.1s linear;\r\n    opacity: 0;\r\n}\r\n.mdw-horizontal-scroll.fixed:after{\r\n    opacity: 1;\r\n}\r\n.mdw-horizontal-scroll.progress-bar-disabled:after{\r\n    display: none;\r\n}\r\n.mdw-horizontal-scroll > .e-con,\r\n.mdw-horizontal-scroll > .e-container{\r\n    transition: none;\r\n    height: var(--initial-height,100vh);\r\n}\r\nbody.tiny-scroll .mdw-horizontal-scroll > .e-con,\r\nbody.tiny-scroll .mdw-horizontal-scroll > .e-container{\r\n    will-change: transform;\r\n    transition: transform 1s cubic-bezier(0,.33,.07,1.03);\r\n}\r\n.mdw-horizontal-scroll.fixed > .e-con,\r\n.mdw-horizontal-scroll.fixed > .e-container{\r\n    position: fixed;\r\n    top: 0;\r\n    left: 0;\r\n}\r\n.mdw-horizontal-scroll.bottom{\r\n    justify-content: flex-end;\r\n}\r\n.mdw-horizontal-scroll > .e-con > *,\r\n.mdw-horizontal-scroll > .e-container > *{\r\n    height: var(--min-height, 100vh);\r\n}\r\n.mdw-horizontal-scroll.hs-disabled{\r\n    height: auto !important;\r\n}\r\n.mdw-horizontal-scroll.hs-disabled:after{\r\n    display: none;\r\n}\r\n.mdw-horizontal-scroll.hs-disabled > .e-con,\r\n.mdw-horizontal-scroll.hs-disabled > .e-container{\r\n    flex-direction: column;\r\n    height: auto;\r\n}\r\n.mdw-horizontal-scroll.hs-disabled.fixed > .e-con,\r\n.mdw-horizontal-scroll.hs-disabled.fixed > .e-container{\r\n    position: relative;\r\n}\r\n.mdw-horizontal-scroll.hs-disabled > .e-con > *,\r\n.mdw-horizontal-scroll.hs-disabled > .e-container > *{\r\n    height: auto;\r\n}\r\n.mdw-horizontal-scroll.hs-disabled > .e-con > .e-con,\r\n.mdw-horizontal-scroll.hs-disabled > .e-container > .e-container{\r\n    width: 100%;\r\n}\r\n\r\n\/* Scrolling Movement *\/\r\n\r\n.e-con[class^='mdw-hs-movement'],\r\n.e-con[class*=' mdw-hs-movement'],\r\n.e-container[class^='mdw-hs-movement'],\r\n.e-container[class*=' mdw-hs-movement'],\r\n.elementor-widget[class^='mdw-hs-movement'] .elementor-widget-container,\r\n.elementor-widget[class*=' mdw-hs-movement'] .elementor-widget-container{\r\n    transform: translateX(calc(var(--e-transform-translateX,0px) + var(--translateX,0)*-1px)) translateY(calc(var(--e-transform-translateY,0px) + var(--translateY,0)*1px)) rotate(calc(var(--rotateZ,0deg) + var(--rotate,0)*1deg));\r\n    transition: none;\r\n}\r\nbody.tiny-scroll .e-con[class^='mdw-hs-movement'],\r\nbody.tiny-scroll .e-con[class*=' mdw-hs-movement'],\r\nbody.tiny-scroll .e-container[class^='mdw-hs-movement'],\r\nbody.tiny-scroll .e-container[class*=' mdw-hs-movement'],\r\nbody.tiny-scroll .elementor-widget[class^='mdw-hs-movement'] .elementor-widget-container,\r\nbody.tiny-scroll .elementor-widget[class*=' mdw-hs-movement'] .elementor-widget-container{\r\n    will-change: transform;\r\n    transition: transform 1s cubic-bezier(0,.33,.07,1.03);\r\n}\r\n.e-con[class^='mdw-hs-movement-translate-x'],\r\n.e-con[class*=' mdw-hs-movement-translate-x'],\r\n.e-container[class^='mdw-hs-movement-translate-x'],\r\n.e-container[class*=' mdw-hs-movement-translate-x'],\r\n.elementor-widget[class^='mdw-hs-movement-translate-x'] .elementor-widget-container,\r\n.elementor-widget[class*=' mdw-hs-movement-translate-x'] .elementor-widget-container{\r\n    --translateX: calc(var(--parallax,0)*var(--speed-x,10)*var(--direction-x,1));\r\n}\r\n.e-con[class^='mdw-hs-movement-translate-y'],\r\n.e-con[class*=' mdw-hs-movement-translate-y'],\r\n.e-container[class^='mdw-hs-movement-translate-y'],\r\n.e-container[class*=' mdw-hs-movement-translate-y'],\r\n.elementor-widget[class^='mdw-hs-movement-translate-y'] .elementor-widget-container,\r\n.elementor-widget[class*=' mdw-hs-movement-translate-y'] .elementor-widget-container{\r\n    --translateY: calc(var(--parallax,0)*var(--speed-y,10)*var(--direction-y,1));\r\n}\r\n.e-con[class^='mdw-hs-movement-rotate'],\r\n.e-con[class*=' mdw-hs-movement-rotate'],\r\n.e-container[class^='mdw-hs-movement-rotate'],\r\n.e-container[class*=' mdw-hs-movement-rotate'],\r\n.elementor-widget[class^='mdw-hs-movement-rotate'] .elementor-widget-container,\r\n.elementor-widget[class*=' mdw-hs-movement-rotate'] .elementor-widget-container{\r\n    --rotate: calc(var(--parallax,0)*var(--speed-r,10)*var(--direction-r,1));\r\n}\r\n\r\n\/* Reveal Animtion *\/\r\n\r\n.mdw-reveal-animation,\r\n.mdw-reveal-animation-left,\r\n.mdw-reveal-animation-right,\r\n.mdw-reveal-animation-top,\r\n.mdw-reveal-animation-bottom{\r\n    animation: none !important;\r\n    transition: all 1s ease-in-out !important;\r\n    clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);\r\n}\r\n.mdw-reveal-animation:not(.animated),\r\n.mdw-reveal-animation-left:not(.animated),\r\n.mdw-reveal-animation-right:not(.animated),\r\n.mdw-reveal-animation-top:not(.animated),\r\n.mdw-reveal-animation-bottom:not(.animated){\r\n    opacity: 0;\r\n}\r\n.mdw-reveal-animation:not(.animated),\r\n.mdw-reveal-animation-bottom:not(.animated){\r\n    transform: translateY(2em);\r\n    clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0% 100%);\r\n}\r\n.mdw-reveal-animation-left:not(.animated){\r\n    transform: translateX(-2em);\r\n    clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%);\r\n}\r\n.mdw-reveal-animation-right:not(.animated){\r\n    transform: translateX(2em);\r\n    clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);\r\n}\r\n.mdw-reveal-animation-top:not(.animated){\r\n    transform: translateY(-2em);\r\n    clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);\r\n}\r\n\r\n\/* For Mobile Devices *\/\r\n\r\n@media (max-width: 767px){\r\n.mdw-horizontal-scroll > .e-con,\r\n.mdw-horizontal-scroll > .e-container{\r\n    transition: transform 0.1s linear;\r\n}\r\n}\r\n<\/style>\r\n<script src=\"https:\/\/code.jquery.com\/jquery-3.6.0.min.js\"><\/script>\r\n<script>\r\nif(!MDWNonce109){\r\nvar MDWNonce109 = true\r\n;(function($){\r\n\r\nfunction init(){\r\n$('body').append('<div class=\"mdw-100vh\" style=\"height: 100vh;display: none;\"><\/div>')\r\nif($('body').css('--hide-default-scrollbar') && $('body').css('--hide-default-scrollbar').trim() == 'true'){\r\n    $('html').addClass('hide-scrollbar')   \r\n}\r\n}\r\n\r\nfunction getValue(text, defaultValue){\r\n    return (text.match(\/\\d+\/) ? text.match(\/\\d+\/)[0] : defaultValue)\/100\r\n}\r\nfunction getDirection(text){\r\n    return text.search('reverse') > -1 ? -1 : 1\r\n}\r\n\r\nfunction horizontalScroll(scroll, windowWidth, windowHeight, disableMobile){\r\n$('.mdw-horizontal-scroll').each(function(){\r\n    var $this = $(this),\r\n    container = $this.find('.e-con, .e-container').eq(0),\r\n    containerTop = $this.offset().top,\r\n    totalWidth = 0,\r\n    extraWidth = 0,\r\n    passed = scroll - containerTop,\r\n    translate = passed,\r\n    minHeight = $this.css('--min-height') ? $this.css('--min-height') : '100vh'\r\n    \r\n    container.children('.elementor-element').each(function(){\r\n        totalWidth += $(this).outerWidth() + parseFloat($(this).css('margin-left')) + parseFloat($(this).css('margin-right'))\r\n    })\r\n    \r\n    if( windowWidth < 768 && disableMobile ){\r\n        totalWidth = windowWidth\r\n        $this.addClass('hs-disabled')\r\n    }else{\r\n        $this.removeClass('hs-disabled')\r\n    }\r\n    \r\n    $this.attr('total-width', totalWidth)\r\n    \r\n    if(totalWidth > windowWidth){\r\n        extraWidth = totalWidth - windowWidth\r\n    }\r\n    \r\n    $this.height('calc(' + minHeight + ' + ' + extraWidth + 'px)')\r\n    \r\n    if(passed < 0){ translate = 0 }\r\n    if(passed > extraWidth){ translate = extraWidth }\r\n    \r\n    var progress = translate\/extraWidth\r\n    \r\n    if(progress <= 0){\r\n        $this.removeClass('fixed bottom')\r\n    }\r\n    if(progress > 0 && progress < 1){\r\n        $this.addClass('fixed')\r\n        $this.removeClass('bottom')\r\n    }\r\n    if(progress >= 1){\r\n        $this.removeClass('fixed')\r\n        $this.addClass('bottom')\r\n    }\r\n    \r\n    container.css('transform', 'translateX(-' + translate + 'px)')\r\n    $this.css('--progress', progress)\r\n    \r\n    if($this.css('--progress-bar') && $this.css('--progress-bar') == 'true'){\r\n        $this.removeClass('progress-bar-disabled')\r\n    }else{\r\n        $this.addClass('progress-bar-disabled')\r\n    }\r\n})\r\n}\r\n\r\nvar parallaxUpdate = false\r\n\r\nfunction scrollMovement(scroll, windowWidth, windowHeight, disableMobile){\r\n\r\nvar enableMovement = false\r\n\r\nif(windowWidth > 0){\r\n    enableMovement = !$('body').css('--disable-movement-mobile') || $('body').css('--disable-movement-mobile').trim() != 'true'\r\n}\r\nif(windowWidth > 767){\r\n    enableMovement = !$('body').css('--disable-movement-tablet') || $('body').css('--disable-movement-tablet').trim() != 'true'\r\n}\r\nif(windowWidth > 1024){\r\n    enableMovement = !$('body').css('--disable-movement-desktop') || $('body').css('--disable-movement-desktop').trim() != 'true'\r\n}\r\n\r\nif(enableMovement){\r\n$(\"[class^='mdw-hs-movement'], [class*=' mdw-hs-movement']\").each(function(i){\r\n    var $this = $(this),\r\n    className = $this.attr('class'),\r\n    element = $this.hasClass('elementor-widget') ? $this.find('.elementor-widget-container') : $this,\r\n    parent = element.parent(),\r\n    elementRect = element.get(0).getBoundingClientRect(),\r\n    parentRect = parent.get(0).getBoundingClientRect(),\r\n    isHorizontal = $this.closest('.mdw-horizontal-scroll').length,\r\n    offset = 100,\r\n    elementVisible = elementRect.right > -1*offset && elementRect.left - windowWidth < offset && elementRect.top - windowHeight < offset && elementRect.bottom > -1*offset,\r\n    parentVisible = parentRect.right > -1*offset && parentRect.left - windowWidth < offset && parentRect.top - windowHeight < offset && parentRect.bottom > -1*offset,\r\n    hasChild = $this.find(\"div[class^='mdw-hs-movement'],div[class*=' mdw-hs-movement']\").length,\r\n    totalWidth = parseFloat($this.closest('.mdw-horizontal-scroll').attr('total-width')),\r\n    parallax\r\n    \r\n    $this.css({\r\n        '--speed-x': 0,\r\n        '--speed-y': 0,\r\n        '--speed-r': 0\r\n    })\r\n    className.split(' ').forEach(function(c){\r\n        if(c.startsWith('mdw-hs-movement-translate-x')){\r\n            $this.css('--speed-x', getValue(c, 10))\r\n            $this.css('--direction-x', getDirection(c))\r\n        }\r\n        if(c.startsWith('mdw-hs-movement-translate-y')){\r\n            $this.css('--speed-y', getValue(c, 10))\r\n            $this.css('--direction-y', getDirection(c))\r\n        }\r\n        if(c.startsWith('mdw-hs-movement-rotate')){\r\n            $this.css('--speed-r', getValue(c, 10))\r\n            $this.css('--direction-r', getDirection(c))\r\n        }\r\n    })\r\n    \r\n    if( windowWidth < 768 && disableMobile ){ isHorizontal = false }\r\n    \r\n    if(isHorizontal){\r\n        var HSRect = $this.closest('.mdw-horizontal-scroll').find('.e-con, .e-container').get(0).getBoundingClientRect(),\r\n        leftPos = Math.round(elementRect.left + element.outerWidth()\/2 - parseFloat(element.css('transform').split(' ')[4]) - HSRect.left)\r\n        \r\n        if(leftPos < windowWidth\/2 || totalWidth < windowWidth){\r\n            parallax = - HSRect.top - HSRect.left\r\n        }else if(leftPos > totalWidth - windowWidth\/2){\r\n            parallax = - HSRect.top - HSRect.left - totalWidth + windowWidth\r\n        }else{\r\n            parallax = windowWidth\/2 - elementRect.left - element.outerWidth()\/2 - HSRect.top\r\n        }\r\n    }else{\r\n        var topPos = Math.round(elementRect.top + scroll + element.outerHeight()\/2 - parseFloat(element.css('transform').split(' ')[5]))\r\n\r\n        if(topPos < windowHeight\/2 || $('body').outerHeight(true) < windowHeight){\r\n            parallax = scroll\r\n        }else if(topPos > $('body').outerHeight(true) - windowHeight\/2){\r\n            parallax = scroll - $('body').outerHeight(true) + windowHeight\r\n        }else{\r\n            parallax = windowHeight\/2 - element.outerHeight()\/2 - elementRect.top\r\n        }\r\n    }\r\n\r\n    if(parentVisible || elementVisible || hasChild || parallaxUpdate){\r\n        $(this).css('--parallax', parallax)    \r\n    }\r\n})\r\n}else{\r\n    $(\"[class^='mdw-hs-movement'], [class*=' mdw-hs-movement']\").css('--parallax', 0)\r\n}\r\n}\r\n\r\nvar currentTime, lastTime\r\n\r\nfunction scrollActivity(delayCall=true){\r\n\r\nvar scroll = $(window).scrollTop(),\r\n    windowWidth = $(window).width(),\r\n    windowHeight = $('.mdw-100vh').height(),\r\n    disableMobile = $('body').css('--disable-horizontal-scroll-mobile') && $('body').css('--disable-horizontal-scroll-mobile') == 'true'\r\n\r\n    lastTime = new Date()\r\n    setTimeout(function(){\r\n        currentTime = new Date()\r\n        if(currentTime - lastTime > 200 && delayCall){\r\n            scrollActivity(false)\r\n        }\r\n    },500)\r\n\r\n    horizontalScroll(scroll, windowWidth, windowHeight, disableMobile)\r\n    scrollMovement(scroll, windowWidth, windowHeight, disableMobile)\r\n}\r\n\r\nfunction scrollToSection(){\r\n    var link = $(this).attr('href')\r\n    if( link && link != '#' && link[0] == '#' ){\r\n        var el = $('.' + link.substr(1)).eq(0),\r\n        parentHS = el.closest('.mdw-horizontal-scroll'),\r\n        disableMobile = $('body').css('--disable-horizontal-scroll-mobile') && $('body').css('--disable-horizontal-scroll-mobile') == 'true'\r\n        \r\n        if(parentHS.length){\r\n            var scrollAmount = parentHS.offset().top + el.offset().left - parentHS.find('.e-con, .e-container').eq(0).offset().left\r\n            if($(window).width() < 768 && disableMobile){\r\n                scrollAmount = el.offset().top\r\n            }\r\n            $('html, body').stop().animate({scrollTop:scrollAmount}, 300, 'linear')\r\n        }\r\n    }\r\n}\r\n\r\n$(document).ready(function(){\r\n    init()\r\n    scrollActivity()\r\n    $('body').on('click', 'a', scrollToSection)\r\n})\r\n\r\nfunction runParallax(){\r\n    if(parallaxUpdate) return\r\n    parallaxUpdate = true\r\n    setTimeout(function(){\r\n        parallaxUpdate = false\r\n    },1000)\r\n    var repeatParallax = setInterval(function(){\r\n        if(parallaxUpdate){\r\n            scrollActivity()\r\n        }else{\r\n            clearInterval(repeatParallax)\r\n        }\r\n    },100)\r\n}\r\n\r\nvar currentIsTrackpad,\r\n    previosIsTrackpad\r\n\r\nfunction detectScrollResolution(e){\r\n    var isSafari = \/^((?!chrome|android).)*safari\/i.test(navigator.userAgent)\r\n\r\n    if(e.wheelDeltaY !== undefined && e.deltaY !== undefined && !isSafari){\r\n    \r\n        var del = e.deltaY != 0 ? e.deltaY : 1,\r\n        delVal = Math.abs(e.wheelDeltaY\/del),\r\n        currentIsTrackpad = delVal > 2.9 && delVal <= 3\r\n        \r\n        if(currentIsTrackpad && previosIsTrackpad){\r\n            $('body').addClass('tiny-scroll')\r\n        }else{\r\n            $('body').removeClass('tiny-scroll')\r\n        }\r\n        previosIsTrackpad = currentIsTrackpad\r\n    }else{\r\n        $('body').removeClass('tiny-scroll')\r\n    }\r\n}\r\n\r\n$(window).on('load resize', function(){\r\n    runParallax()\r\n    setTimeout(runParallax, 1000+100)\r\n})\r\n$(window).on('load resize scroll', scrollActivity)\r\nwindow.addEventListener('mousewheel', detectScrollResolution)\r\n$('body').on('keydown', function(e) {\r\n    if (e.key == \" \" || e.code == \"Space\" || e.keyCode == 32){\r\n        $('body').removeClass('tiny-scroll')\r\n    }\r\n})\r\n$('body').on('click', function(){\r\n    $('body').removeClass('tiny-scroll')\r\n})\r\n})(jQuery)\r\n}\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-9e513e9 e-con-full e-flex e-con e-child\" data-id=\"9e513e9\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-fb4054a e-con-full e-flex e-con e-child\" data-id=\"fb4054a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2c89de6 elementor-widget__width-initial elementor-widget elementor-widget-image\" data-id=\"2c89de6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"1016\" height=\"809\" src=\"https:\/\/creativasavarese.com\/wp-content\/uploads\/2026\/02\/brochure_design_lucano.webp\" class=\"attachment-full size-full wp-image-1023\" alt=\"\" srcset=\"https:\/\/creativasavarese.com\/wp-content\/uploads\/2026\/02\/brochure_design_lucano.webp 1016w, https:\/\/creativasavarese.com\/wp-content\/uploads\/2026\/02\/brochure_design_lucano-300x239.webp 300w, https:\/\/creativasavarese.com\/wp-content\/uploads\/2026\/02\/brochure_design_lucano-768x612.webp 768w\" sizes=\"(max-width: 1016px) 100vw, 1016px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-15fb0cd e-con-full e-flex e-con e-child\" data-id=\"15fb0cd\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5c3b0ae elementor-widget-mobile__width-initial elementor-widget elementor-widget-heading\" data-id=\"5c3b0ae\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Brochure Design<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8a0fd1c elementor-widget elementor-widget-text-editor\" data-id=\"8a0fd1c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p><span class=\"a_GcMg font-feature-liga-off font-feature-clig-off font-feature-calt-off text-decoration-none text-strikethrough-none\">The Spirit of Italy ft. Amaro Lucano<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b23cdf0 elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile elementor-widget elementor-widget-html\" data-id=\"b23cdf0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\r\n\/* Horizontal Scroll *\/\r\n\r\n.mdw-horizontal-scroll{\r\n    --progress-bar: true;\r\n    --progress-bar-color: #FFFF00;\r\n    --progress-bar-height: 2px;\r\n}\r\nbody{\r\n    --disable-movement-desktop: false;\r\n    --disable-movement-tablet: false;\r\n    --disable-movement-mobile: true;\r\n    --hide-default-scrollbar: false;\r\n    --disable-horizontal-scroll-mobile: false;\r\n}\r\nhtml.hide-scrollbar::-webkit-scrollbar{\r\n    display: none;\r\n}\r\nhtml.hide-scrollbar{\r\n    -ms-overflow-style: none;\r\n    scrollbar-width: none;\r\n}\r\n.mdw-horizontal-scroll{\r\n    overflow: hidden;\r\n    --initial-height: var(--min-height,100vh);\r\n}\r\n.mdw-horizontal-scroll:after{\r\n    content: \"\";\r\n    left: 0;\r\n    top: calc(100vh - var(--progress-bar-height,2px));\r\n    width: 100vw;\r\n    height: var(--progress-bar-height,2px);\r\n    background: var(--progress-bar-color,FFFF00);\r\n    transform: scaleX(calc(var(--progress,0)*100%));\r\n    position: fixed;\r\n    transform-origin: left;\r\n    will-change: transform;\r\n    transition: transform 0.1s linear;\r\n    opacity: 0;\r\n}\r\n.mdw-horizontal-scroll.fixed:after{\r\n    opacity: 1;\r\n}\r\n.mdw-horizontal-scroll.progress-bar-disabled:after{\r\n    display: none;\r\n}\r\n.mdw-horizontal-scroll > .e-con,\r\n.mdw-horizontal-scroll > .e-container{\r\n    transition: none;\r\n    height: var(--initial-height,100vh);\r\n}\r\nbody.tiny-scroll .mdw-horizontal-scroll > .e-con,\r\nbody.tiny-scroll .mdw-horizontal-scroll > .e-container{\r\n    will-change: transform;\r\n    transition: transform 1s cubic-bezier(0,.33,.07,1.03);\r\n}\r\n.mdw-horizontal-scroll.fixed > .e-con,\r\n.mdw-horizontal-scroll.fixed > .e-container{\r\n    position: fixed;\r\n    top: 0;\r\n    left: 0;\r\n}\r\n.mdw-horizontal-scroll.bottom{\r\n    justify-content: flex-end;\r\n}\r\n.mdw-horizontal-scroll > .e-con > *,\r\n.mdw-horizontal-scroll > .e-container > *{\r\n    height: var(--min-height, 100vh);\r\n}\r\n.mdw-horizontal-scroll.hs-disabled{\r\n    height: auto !important;\r\n}\r\n.mdw-horizontal-scroll.hs-disabled:after{\r\n    display: none;\r\n}\r\n.mdw-horizontal-scroll.hs-disabled > .e-con,\r\n.mdw-horizontal-scroll.hs-disabled > .e-container{\r\n    flex-direction: column;\r\n    height: auto;\r\n}\r\n.mdw-horizontal-scroll.hs-disabled.fixed > .e-con,\r\n.mdw-horizontal-scroll.hs-disabled.fixed > .e-container{\r\n    position: relative;\r\n}\r\n.mdw-horizontal-scroll.hs-disabled > .e-con > *,\r\n.mdw-horizontal-scroll.hs-disabled > .e-container > *{\r\n    height: auto;\r\n}\r\n.mdw-horizontal-scroll.hs-disabled > .e-con > .e-con,\r\n.mdw-horizontal-scroll.hs-disabled > .e-container > .e-container{\r\n    width: 100%;\r\n}\r\n\r\n\/* Scrolling Movement *\/\r\n\r\n.e-con[class^='mdw-hs-movement'],\r\n.e-con[class*=' mdw-hs-movement'],\r\n.e-container[class^='mdw-hs-movement'],\r\n.e-container[class*=' mdw-hs-movement'],\r\n.elementor-widget[class^='mdw-hs-movement'] .elementor-widget-container,\r\n.elementor-widget[class*=' mdw-hs-movement'] .elementor-widget-container{\r\n    transform: translateX(calc(var(--e-transform-translateX,0px) + var(--translateX,0)*-1px)) translateY(calc(var(--e-transform-translateY,0px) + var(--translateY,0)*1px)) rotate(calc(var(--rotateZ,0deg) + var(--rotate,0)*1deg));\r\n    transition: none;\r\n}\r\nbody.tiny-scroll .e-con[class^='mdw-hs-movement'],\r\nbody.tiny-scroll .e-con[class*=' mdw-hs-movement'],\r\nbody.tiny-scroll .e-container[class^='mdw-hs-movement'],\r\nbody.tiny-scroll .e-container[class*=' mdw-hs-movement'],\r\nbody.tiny-scroll .elementor-widget[class^='mdw-hs-movement'] .elementor-widget-container,\r\nbody.tiny-scroll .elementor-widget[class*=' mdw-hs-movement'] .elementor-widget-container{\r\n    will-change: transform;\r\n    transition: transform 1s cubic-bezier(0,.33,.07,1.03);\r\n}\r\n.e-con[class^='mdw-hs-movement-translate-x'],\r\n.e-con[class*=' mdw-hs-movement-translate-x'],\r\n.e-container[class^='mdw-hs-movement-translate-x'],\r\n.e-container[class*=' mdw-hs-movement-translate-x'],\r\n.elementor-widget[class^='mdw-hs-movement-translate-x'] .elementor-widget-container,\r\n.elementor-widget[class*=' mdw-hs-movement-translate-x'] .elementor-widget-container{\r\n    --translateX: calc(var(--parallax,0)*var(--speed-x,10)*var(--direction-x,1));\r\n}\r\n.e-con[class^='mdw-hs-movement-translate-y'],\r\n.e-con[class*=' mdw-hs-movement-translate-y'],\r\n.e-container[class^='mdw-hs-movement-translate-y'],\r\n.e-container[class*=' mdw-hs-movement-translate-y'],\r\n.elementor-widget[class^='mdw-hs-movement-translate-y'] .elementor-widget-container,\r\n.elementor-widget[class*=' mdw-hs-movement-translate-y'] .elementor-widget-container{\r\n    --translateY: calc(var(--parallax,0)*var(--speed-y,10)*var(--direction-y,1));\r\n}\r\n.e-con[class^='mdw-hs-movement-rotate'],\r\n.e-con[class*=' mdw-hs-movement-rotate'],\r\n.e-container[class^='mdw-hs-movement-rotate'],\r\n.e-container[class*=' mdw-hs-movement-rotate'],\r\n.elementor-widget[class^='mdw-hs-movement-rotate'] .elementor-widget-container,\r\n.elementor-widget[class*=' mdw-hs-movement-rotate'] .elementor-widget-container{\r\n    --rotate: calc(var(--parallax,0)*var(--speed-r,10)*var(--direction-r,1));\r\n}\r\n\r\n\/* Reveal Animtion *\/\r\n\r\n.mdw-reveal-animation,\r\n.mdw-reveal-animation-left,\r\n.mdw-reveal-animation-right,\r\n.mdw-reveal-animation-top,\r\n.mdw-reveal-animation-bottom{\r\n    animation: none !important;\r\n    transition: all 1s ease-in-out !important;\r\n    clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);\r\n}\r\n.mdw-reveal-animation:not(.animated),\r\n.mdw-reveal-animation-left:not(.animated),\r\n.mdw-reveal-animation-right:not(.animated),\r\n.mdw-reveal-animation-top:not(.animated),\r\n.mdw-reveal-animation-bottom:not(.animated){\r\n    opacity: 0;\r\n}\r\n.mdw-reveal-animation:not(.animated),\r\n.mdw-reveal-animation-bottom:not(.animated){\r\n    transform: translateY(2em);\r\n    clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0% 100%);\r\n}\r\n.mdw-reveal-animation-left:not(.animated){\r\n    transform: translateX(-2em);\r\n    clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%);\r\n}\r\n.mdw-reveal-animation-right:not(.animated){\r\n    transform: translateX(2em);\r\n    clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);\r\n}\r\n.mdw-reveal-animation-top:not(.animated){\r\n    transform: translateY(-2em);\r\n    clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);\r\n}\r\n\r\n\/* For Mobile Devices *\/\r\n\r\n@media (max-width: 767px){\r\n.mdw-horizontal-scroll > .e-con,\r\n.mdw-horizontal-scroll > .e-container{\r\n    transition: transform 0.1s linear;\r\n}\r\n}\r\n<\/style>\r\n<script src=\"https:\/\/code.jquery.com\/jquery-3.6.0.min.js\"><\/script>\r\n<script>\r\nif(!MDWNonce109){\r\nvar MDWNonce109 = true\r\n;(function($){\r\n\r\nfunction init(){\r\n$('body').append('<div class=\"mdw-100vh\" style=\"height: 100vh;display: none;\"><\/div>')\r\nif($('body').css('--hide-default-scrollbar') && $('body').css('--hide-default-scrollbar').trim() == 'true'){\r\n    $('html').addClass('hide-scrollbar')   \r\n}\r\n}\r\n\r\nfunction getValue(text, defaultValue){\r\n    return (text.match(\/\\d+\/) ? text.match(\/\\d+\/)[0] : defaultValue)\/100\r\n}\r\nfunction getDirection(text){\r\n    return text.search('reverse') > -1 ? -1 : 1\r\n}\r\n\r\nfunction horizontalScroll(scroll, windowWidth, windowHeight, disableMobile){\r\n$('.mdw-horizontal-scroll').each(function(){\r\n    var $this = $(this),\r\n    container = $this.find('.e-con, .e-container').eq(0),\r\n    containerTop = $this.offset().top,\r\n    totalWidth = 0,\r\n    extraWidth = 0,\r\n    passed = scroll - containerTop,\r\n    translate = passed,\r\n    minHeight = $this.css('--min-height') ? $this.css('--min-height') : '100vh'\r\n    \r\n    container.children('.elementor-element').each(function(){\r\n        totalWidth += $(this).outerWidth() + parseFloat($(this).css('margin-left')) + parseFloat($(this).css('margin-right'))\r\n    })\r\n    \r\n    if( windowWidth < 768 && disableMobile ){\r\n        totalWidth = windowWidth\r\n        $this.addClass('hs-disabled')\r\n    }else{\r\n        $this.removeClass('hs-disabled')\r\n    }\r\n    \r\n    $this.attr('total-width', totalWidth)\r\n    \r\n    if(totalWidth > windowWidth){\r\n        extraWidth = totalWidth - windowWidth\r\n    }\r\n    \r\n    $this.height('calc(' + minHeight + ' + ' + extraWidth + 'px)')\r\n    \r\n    if(passed < 0){ translate = 0 }\r\n    if(passed > extraWidth){ translate = extraWidth }\r\n    \r\n    var progress = translate\/extraWidth\r\n    \r\n    if(progress <= 0){\r\n        $this.removeClass('fixed bottom')\r\n    }\r\n    if(progress > 0 && progress < 1){\r\n        $this.addClass('fixed')\r\n        $this.removeClass('bottom')\r\n    }\r\n    if(progress >= 1){\r\n        $this.removeClass('fixed')\r\n        $this.addClass('bottom')\r\n    }\r\n    \r\n    container.css('transform', 'translateX(-' + translate + 'px)')\r\n    $this.css('--progress', progress)\r\n    \r\n    if($this.css('--progress-bar') && $this.css('--progress-bar') == 'true'){\r\n        $this.removeClass('progress-bar-disabled')\r\n    }else{\r\n        $this.addClass('progress-bar-disabled')\r\n    }\r\n})\r\n}\r\n\r\nvar parallaxUpdate = false\r\n\r\nfunction scrollMovement(scroll, windowWidth, windowHeight, disableMobile){\r\n\r\nvar enableMovement = false\r\n\r\nif(windowWidth > 0){\r\n    enableMovement = !$('body').css('--disable-movement-mobile') || $('body').css('--disable-movement-mobile').trim() != 'true'\r\n}\r\nif(windowWidth > 767){\r\n    enableMovement = !$('body').css('--disable-movement-tablet') || $('body').css('--disable-movement-tablet').trim() != 'true'\r\n}\r\nif(windowWidth > 1024){\r\n    enableMovement = !$('body').css('--disable-movement-desktop') || $('body').css('--disable-movement-desktop').trim() != 'true'\r\n}\r\n\r\nif(enableMovement){\r\n$(\"[class^='mdw-hs-movement'], [class*=' mdw-hs-movement']\").each(function(i){\r\n    var $this = $(this),\r\n    className = $this.attr('class'),\r\n    element = $this.hasClass('elementor-widget') ? $this.find('.elementor-widget-container') : $this,\r\n    parent = element.parent(),\r\n    elementRect = element.get(0).getBoundingClientRect(),\r\n    parentRect = parent.get(0).getBoundingClientRect(),\r\n    isHorizontal = $this.closest('.mdw-horizontal-scroll').length,\r\n    offset = 100,\r\n    elementVisible = elementRect.right > -1*offset && elementRect.left - windowWidth < offset && elementRect.top - windowHeight < offset && elementRect.bottom > -1*offset,\r\n    parentVisible = parentRect.right > -1*offset && parentRect.left - windowWidth < offset && parentRect.top - windowHeight < offset && parentRect.bottom > -1*offset,\r\n    hasChild = $this.find(\"div[class^='mdw-hs-movement'],div[class*=' mdw-hs-movement']\").length,\r\n    totalWidth = parseFloat($this.closest('.mdw-horizontal-scroll').attr('total-width')),\r\n    parallax\r\n    \r\n    $this.css({\r\n        '--speed-x': 0,\r\n        '--speed-y': 0,\r\n        '--speed-r': 0\r\n    })\r\n    className.split(' ').forEach(function(c){\r\n        if(c.startsWith('mdw-hs-movement-translate-x')){\r\n            $this.css('--speed-x', getValue(c, 10))\r\n            $this.css('--direction-x', getDirection(c))\r\n        }\r\n        if(c.startsWith('mdw-hs-movement-translate-y')){\r\n            $this.css('--speed-y', getValue(c, 10))\r\n            $this.css('--direction-y', getDirection(c))\r\n        }\r\n        if(c.startsWith('mdw-hs-movement-rotate')){\r\n            $this.css('--speed-r', getValue(c, 10))\r\n            $this.css('--direction-r', getDirection(c))\r\n        }\r\n    })\r\n    \r\n    if( windowWidth < 768 && disableMobile ){ isHorizontal = false }\r\n    \r\n    if(isHorizontal){\r\n        var HSRect = $this.closest('.mdw-horizontal-scroll').find('.e-con, .e-container').get(0).getBoundingClientRect(),\r\n        leftPos = Math.round(elementRect.left + element.outerWidth()\/2 - parseFloat(element.css('transform').split(' ')[4]) - HSRect.left)\r\n        \r\n        if(leftPos < windowWidth\/2 || totalWidth < windowWidth){\r\n            parallax = - HSRect.top - HSRect.left\r\n        }else if(leftPos > totalWidth - windowWidth\/2){\r\n            parallax = - HSRect.top - HSRect.left - totalWidth + windowWidth\r\n        }else{\r\n            parallax = windowWidth\/2 - elementRect.left - element.outerWidth()\/2 - HSRect.top\r\n        }\r\n    }else{\r\n        var topPos = Math.round(elementRect.top + scroll + element.outerHeight()\/2 - parseFloat(element.css('transform').split(' ')[5]))\r\n\r\n        if(topPos < windowHeight\/2 || $('body').outerHeight(true) < windowHeight){\r\n            parallax = scroll\r\n        }else if(topPos > $('body').outerHeight(true) - windowHeight\/2){\r\n            parallax = scroll - $('body').outerHeight(true) + windowHeight\r\n        }else{\r\n            parallax = windowHeight\/2 - element.outerHeight()\/2 - elementRect.top\r\n        }\r\n    }\r\n\r\n    if(parentVisible || elementVisible || hasChild || parallaxUpdate){\r\n        $(this).css('--parallax', parallax)    \r\n    }\r\n})\r\n}else{\r\n    $(\"[class^='mdw-hs-movement'], [class*=' mdw-hs-movement']\").css('--parallax', 0)\r\n}\r\n}\r\n\r\nvar currentTime, lastTime\r\n\r\nfunction scrollActivity(delayCall=true){\r\n\r\nvar scroll = $(window).scrollTop(),\r\n    windowWidth = $(window).width(),\r\n    windowHeight = $('.mdw-100vh').height(),\r\n    disableMobile = $('body').css('--disable-horizontal-scroll-mobile') && $('body').css('--disable-horizontal-scroll-mobile') == 'true'\r\n\r\n    lastTime = new Date()\r\n    setTimeout(function(){\r\n        currentTime = new Date()\r\n        if(currentTime - lastTime > 200 && delayCall){\r\n            scrollActivity(false)\r\n        }\r\n    },500)\r\n\r\n    horizontalScroll(scroll, windowWidth, windowHeight, disableMobile)\r\n    scrollMovement(scroll, windowWidth, windowHeight, disableMobile)\r\n}\r\n\r\nfunction scrollToSection(){\r\n    var link = $(this).attr('href')\r\n    if( link && link != '#' && link[0] == '#' ){\r\n        var el = $('.' + link.substr(1)).eq(0),\r\n        parentHS = el.closest('.mdw-horizontal-scroll'),\r\n        disableMobile = $('body').css('--disable-horizontal-scroll-mobile') && $('body').css('--disable-horizontal-scroll-mobile') == 'true'\r\n        \r\n        if(parentHS.length){\r\n            var scrollAmount = parentHS.offset().top + el.offset().left - parentHS.find('.e-con, .e-container').eq(0).offset().left\r\n            if($(window).width() < 768 && disableMobile){\r\n                scrollAmount = el.offset().top\r\n            }\r\n            $('html, body').stop().animate({scrollTop:scrollAmount}, 300, 'linear')\r\n        }\r\n    }\r\n}\r\n\r\n$(document).ready(function(){\r\n    init()\r\n    scrollActivity()\r\n    $('body').on('click', 'a', scrollToSection)\r\n})\r\n\r\nfunction runParallax(){\r\n    if(parallaxUpdate) return\r\n    parallaxUpdate = true\r\n    setTimeout(function(){\r\n        parallaxUpdate = false\r\n    },1000)\r\n    var repeatParallax = setInterval(function(){\r\n        if(parallaxUpdate){\r\n            scrollActivity()\r\n        }else{\r\n            clearInterval(repeatParallax)\r\n        }\r\n    },100)\r\n}\r\n\r\nvar currentIsTrackpad,\r\n    previosIsTrackpad\r\n\r\nfunction detectScrollResolution(e){\r\n    var isSafari = \/^((?!chrome|android).)*safari\/i.test(navigator.userAgent)\r\n\r\n    if(e.wheelDeltaY !== undefined && e.deltaY !== undefined && !isSafari){\r\n    \r\n        var del = e.deltaY != 0 ? e.deltaY : 1,\r\n        delVal = Math.abs(e.wheelDeltaY\/del),\r\n        currentIsTrackpad = delVal > 2.9 && delVal <= 3\r\n        \r\n        if(currentIsTrackpad && previosIsTrackpad){\r\n            $('body').addClass('tiny-scroll')\r\n        }else{\r\n            $('body').removeClass('tiny-scroll')\r\n        }\r\n        previosIsTrackpad = currentIsTrackpad\r\n    }else{\r\n        $('body').removeClass('tiny-scroll')\r\n    }\r\n}\r\n\r\n$(window).on('load resize', function(){\r\n    runParallax()\r\n    setTimeout(runParallax, 1000+100)\r\n})\r\n$(window).on('load resize scroll', scrollActivity)\r\nwindow.addEventListener('mousewheel', detectScrollResolution)\r\n$('body').on('keydown', function(e) {\r\n    if (e.key == \" \" || e.code == \"Space\" || e.keyCode == 32){\r\n        $('body').removeClass('tiny-scroll')\r\n    }\r\n})\r\n$('body').on('click', function(){\r\n    $('body').removeClass('tiny-scroll')\r\n})\r\n})(jQuery)\r\n}\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-640a483 e-con-full e-flex e-con e-child\" data-id=\"640a483\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-4f387e9 e-con-full e-flex e-con e-child\" data-id=\"4f387e9\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b1d227b elementor-widget__width-initial elementor-widget elementor-widget-image\" data-id=\"b1d227b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"712\" height=\"809\" src=\"https:\/\/creativasavarese.com\/wp-content\/uploads\/2026\/02\/packaging_pure_caviar_calvisius.webp\" class=\"attachment-full size-full wp-image-1024\" alt=\"\" srcset=\"https:\/\/creativasavarese.com\/wp-content\/uploads\/2026\/02\/packaging_pure_caviar_calvisius.webp 712w, https:\/\/creativasavarese.com\/wp-content\/uploads\/2026\/02\/packaging_pure_caviar_calvisius-264x300.webp 264w\" sizes=\"(max-width: 712px) 100vw, 712px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3a0bf01 e-con-full e-flex e-con e-child\" data-id=\"3a0bf01\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8382804 elementor-widget-mobile__width-initial elementor-widget elementor-widget-heading\" data-id=\"8382804\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Packaging Design<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-67543ad elementor-widget elementor-widget-text-editor\" data-id=\"67543ad\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p><span class=\"a_GcMg font-feature-liga-off font-feature-clig-off font-feature-calt-off text-decoration-none text-strikethrough-none\">Calvisius \u2022 The Original<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6aaaeed elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile elementor-widget elementor-widget-html\" data-id=\"6aaaeed\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\r\n\/* Horizontal Scroll *\/\r\n\r\n.mdw-horizontal-scroll{\r\n    --progress-bar: true;\r\n    --progress-bar-color: #FFFF00;\r\n    --progress-bar-height: 2px;\r\n}\r\nbody{\r\n    --disable-movement-desktop: false;\r\n    --disable-movement-tablet: false;\r\n    --disable-movement-mobile: true;\r\n    --hide-default-scrollbar: false;\r\n    --disable-horizontal-scroll-mobile: false;\r\n}\r\nhtml.hide-scrollbar::-webkit-scrollbar{\r\n    display: none;\r\n}\r\nhtml.hide-scrollbar{\r\n    -ms-overflow-style: none;\r\n    scrollbar-width: none;\r\n}\r\n.mdw-horizontal-scroll{\r\n    overflow: hidden;\r\n    --initial-height: var(--min-height,100vh);\r\n}\r\n.mdw-horizontal-scroll:after{\r\n    content: \"\";\r\n    left: 0;\r\n    top: calc(100vh - var(--progress-bar-height,2px));\r\n    width: 100vw;\r\n    height: var(--progress-bar-height,2px);\r\n    background: var(--progress-bar-color,FFFF00);\r\n    transform: scaleX(calc(var(--progress,0)*100%));\r\n    position: fixed;\r\n    transform-origin: left;\r\n    will-change: transform;\r\n    transition: transform 0.1s linear;\r\n    opacity: 0;\r\n}\r\n.mdw-horizontal-scroll.fixed:after{\r\n    opacity: 1;\r\n}\r\n.mdw-horizontal-scroll.progress-bar-disabled:after{\r\n    display: none;\r\n}\r\n.mdw-horizontal-scroll > .e-con,\r\n.mdw-horizontal-scroll > .e-container{\r\n    transition: none;\r\n    height: var(--initial-height,100vh);\r\n}\r\nbody.tiny-scroll .mdw-horizontal-scroll > .e-con,\r\nbody.tiny-scroll .mdw-horizontal-scroll > .e-container{\r\n    will-change: transform;\r\n    transition: transform 1s cubic-bezier(0,.33,.07,1.03);\r\n}\r\n.mdw-horizontal-scroll.fixed > .e-con,\r\n.mdw-horizontal-scroll.fixed > .e-container{\r\n    position: fixed;\r\n    top: 0;\r\n    left: 0;\r\n}\r\n.mdw-horizontal-scroll.bottom{\r\n    justify-content: flex-end;\r\n}\r\n.mdw-horizontal-scroll > .e-con > *,\r\n.mdw-horizontal-scroll > .e-container > *{\r\n    height: var(--min-height, 100vh);\r\n}\r\n.mdw-horizontal-scroll.hs-disabled{\r\n    height: auto !important;\r\n}\r\n.mdw-horizontal-scroll.hs-disabled:after{\r\n    display: none;\r\n}\r\n.mdw-horizontal-scroll.hs-disabled > .e-con,\r\n.mdw-horizontal-scroll.hs-disabled > .e-container{\r\n    flex-direction: column;\r\n    height: auto;\r\n}\r\n.mdw-horizontal-scroll.hs-disabled.fixed > .e-con,\r\n.mdw-horizontal-scroll.hs-disabled.fixed > .e-container{\r\n    position: relative;\r\n}\r\n.mdw-horizontal-scroll.hs-disabled > .e-con > *,\r\n.mdw-horizontal-scroll.hs-disabled > .e-container > *{\r\n    height: auto;\r\n}\r\n.mdw-horizontal-scroll.hs-disabled > .e-con > .e-con,\r\n.mdw-horizontal-scroll.hs-disabled > .e-container > .e-container{\r\n    width: 100%;\r\n}\r\n\r\n\/* Scrolling Movement *\/\r\n\r\n.e-con[class^='mdw-hs-movement'],\r\n.e-con[class*=' mdw-hs-movement'],\r\n.e-container[class^='mdw-hs-movement'],\r\n.e-container[class*=' mdw-hs-movement'],\r\n.elementor-widget[class^='mdw-hs-movement'] .elementor-widget-container,\r\n.elementor-widget[class*=' mdw-hs-movement'] .elementor-widget-container{\r\n    transform: translateX(calc(var(--e-transform-translateX,0px) + var(--translateX,0)*-1px)) translateY(calc(var(--e-transform-translateY,0px) + var(--translateY,0)*1px)) rotate(calc(var(--rotateZ,0deg) + var(--rotate,0)*1deg));\r\n    transition: none;\r\n}\r\nbody.tiny-scroll .e-con[class^='mdw-hs-movement'],\r\nbody.tiny-scroll .e-con[class*=' mdw-hs-movement'],\r\nbody.tiny-scroll .e-container[class^='mdw-hs-movement'],\r\nbody.tiny-scroll .e-container[class*=' mdw-hs-movement'],\r\nbody.tiny-scroll .elementor-widget[class^='mdw-hs-movement'] .elementor-widget-container,\r\nbody.tiny-scroll .elementor-widget[class*=' mdw-hs-movement'] .elementor-widget-container{\r\n    will-change: transform;\r\n    transition: transform 1s cubic-bezier(0,.33,.07,1.03);\r\n}\r\n.e-con[class^='mdw-hs-movement-translate-x'],\r\n.e-con[class*=' mdw-hs-movement-translate-x'],\r\n.e-container[class^='mdw-hs-movement-translate-x'],\r\n.e-container[class*=' mdw-hs-movement-translate-x'],\r\n.elementor-widget[class^='mdw-hs-movement-translate-x'] .elementor-widget-container,\r\n.elementor-widget[class*=' mdw-hs-movement-translate-x'] .elementor-widget-container{\r\n    --translateX: calc(var(--parallax,0)*var(--speed-x,10)*var(--direction-x,1));\r\n}\r\n.e-con[class^='mdw-hs-movement-translate-y'],\r\n.e-con[class*=' mdw-hs-movement-translate-y'],\r\n.e-container[class^='mdw-hs-movement-translate-y'],\r\n.e-container[class*=' mdw-hs-movement-translate-y'],\r\n.elementor-widget[class^='mdw-hs-movement-translate-y'] .elementor-widget-container,\r\n.elementor-widget[class*=' mdw-hs-movement-translate-y'] .elementor-widget-container{\r\n    --translateY: calc(var(--parallax,0)*var(--speed-y,10)*var(--direction-y,1));\r\n}\r\n.e-con[class^='mdw-hs-movement-rotate'],\r\n.e-con[class*=' mdw-hs-movement-rotate'],\r\n.e-container[class^='mdw-hs-movement-rotate'],\r\n.e-container[class*=' mdw-hs-movement-rotate'],\r\n.elementor-widget[class^='mdw-hs-movement-rotate'] .elementor-widget-container,\r\n.elementor-widget[class*=' mdw-hs-movement-rotate'] .elementor-widget-container{\r\n    --rotate: calc(var(--parallax,0)*var(--speed-r,10)*var(--direction-r,1));\r\n}\r\n\r\n\/* Reveal Animtion *\/\r\n\r\n.mdw-reveal-animation,\r\n.mdw-reveal-animation-left,\r\n.mdw-reveal-animation-right,\r\n.mdw-reveal-animation-top,\r\n.mdw-reveal-animation-bottom{\r\n    animation: none !important;\r\n    transition: all 1s ease-in-out !important;\r\n    clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);\r\n}\r\n.mdw-reveal-animation:not(.animated),\r\n.mdw-reveal-animation-left:not(.animated),\r\n.mdw-reveal-animation-right:not(.animated),\r\n.mdw-reveal-animation-top:not(.animated),\r\n.mdw-reveal-animation-bottom:not(.animated){\r\n    opacity: 0;\r\n}\r\n.mdw-reveal-animation:not(.animated),\r\n.mdw-reveal-animation-bottom:not(.animated){\r\n    transform: translateY(2em);\r\n    clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0% 100%);\r\n}\r\n.mdw-reveal-animation-left:not(.animated){\r\n    transform: translateX(-2em);\r\n    clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%);\r\n}\r\n.mdw-reveal-animation-right:not(.animated){\r\n    transform: translateX(2em);\r\n    clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);\r\n}\r\n.mdw-reveal-animation-top:not(.animated){\r\n    transform: translateY(-2em);\r\n    clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);\r\n}\r\n\r\n\/* For Mobile Devices *\/\r\n\r\n@media (max-width: 767px){\r\n.mdw-horizontal-scroll > .e-con,\r\n.mdw-horizontal-scroll > .e-container{\r\n    transition: transform 0.1s linear;\r\n}\r\n}\r\n<\/style>\r\n<script src=\"https:\/\/code.jquery.com\/jquery-3.6.0.min.js\"><\/script>\r\n<script>\r\nif(!MDWNonce109){\r\nvar MDWNonce109 = true\r\n;(function($){\r\n\r\nfunction init(){\r\n$('body').append('<div class=\"mdw-100vh\" style=\"height: 100vh;display: none;\"><\/div>')\r\nif($('body').css('--hide-default-scrollbar') && $('body').css('--hide-default-scrollbar').trim() == 'true'){\r\n    $('html').addClass('hide-scrollbar')   \r\n}\r\n}\r\n\r\nfunction getValue(text, defaultValue){\r\n    return (text.match(\/\\d+\/) ? text.match(\/\\d+\/)[0] : defaultValue)\/100\r\n}\r\nfunction getDirection(text){\r\n    return text.search('reverse') > -1 ? -1 : 1\r\n}\r\n\r\nfunction horizontalScroll(scroll, windowWidth, windowHeight, disableMobile){\r\n$('.mdw-horizontal-scroll').each(function(){\r\n    var $this = $(this),\r\n    container = $this.find('.e-con, .e-container').eq(0),\r\n    containerTop = $this.offset().top,\r\n    totalWidth = 0,\r\n    extraWidth = 0,\r\n    passed = scroll - containerTop,\r\n    translate = passed,\r\n    minHeight = $this.css('--min-height') ? $this.css('--min-height') : '100vh'\r\n    \r\n    container.children('.elementor-element').each(function(){\r\n        totalWidth += $(this).outerWidth() + parseFloat($(this).css('margin-left')) + parseFloat($(this).css('margin-right'))\r\n    })\r\n    \r\n    if( windowWidth < 768 && disableMobile ){\r\n        totalWidth = windowWidth\r\n        $this.addClass('hs-disabled')\r\n    }else{\r\n        $this.removeClass('hs-disabled')\r\n    }\r\n    \r\n    $this.attr('total-width', totalWidth)\r\n    \r\n    if(totalWidth > windowWidth){\r\n        extraWidth = totalWidth - windowWidth\r\n    }\r\n    \r\n    $this.height('calc(' + minHeight + ' + ' + extraWidth + 'px)')\r\n    \r\n    if(passed < 0){ translate = 0 }\r\n    if(passed > extraWidth){ translate = extraWidth }\r\n    \r\n    var progress = translate\/extraWidth\r\n    \r\n    if(progress <= 0){\r\n        $this.removeClass('fixed bottom')\r\n    }\r\n    if(progress > 0 && progress < 1){\r\n        $this.addClass('fixed')\r\n        $this.removeClass('bottom')\r\n    }\r\n    if(progress >= 1){\r\n        $this.removeClass('fixed')\r\n        $this.addClass('bottom')\r\n    }\r\n    \r\n    container.css('transform', 'translateX(-' + translate + 'px)')\r\n    $this.css('--progress', progress)\r\n    \r\n    if($this.css('--progress-bar') && $this.css('--progress-bar') == 'true'){\r\n        $this.removeClass('progress-bar-disabled')\r\n    }else{\r\n        $this.addClass('progress-bar-disabled')\r\n    }\r\n})\r\n}\r\n\r\nvar parallaxUpdate = false\r\n\r\nfunction scrollMovement(scroll, windowWidth, windowHeight, disableMobile){\r\n\r\nvar enableMovement = false\r\n\r\nif(windowWidth > 0){\r\n    enableMovement = !$('body').css('--disable-movement-mobile') || $('body').css('--disable-movement-mobile').trim() != 'true'\r\n}\r\nif(windowWidth > 767){\r\n    enableMovement = !$('body').css('--disable-movement-tablet') || $('body').css('--disable-movement-tablet').trim() != 'true'\r\n}\r\nif(windowWidth > 1024){\r\n    enableMovement = !$('body').css('--disable-movement-desktop') || $('body').css('--disable-movement-desktop').trim() != 'true'\r\n}\r\n\r\nif(enableMovement){\r\n$(\"[class^='mdw-hs-movement'], [class*=' mdw-hs-movement']\").each(function(i){\r\n    var $this = $(this),\r\n    className = $this.attr('class'),\r\n    element = $this.hasClass('elementor-widget') ? $this.find('.elementor-widget-container') : $this,\r\n    parent = element.parent(),\r\n    elementRect = element.get(0).getBoundingClientRect(),\r\n    parentRect = parent.get(0).getBoundingClientRect(),\r\n    isHorizontal = $this.closest('.mdw-horizontal-scroll').length,\r\n    offset = 100,\r\n    elementVisible = elementRect.right > -1*offset && elementRect.left - windowWidth < offset && elementRect.top - windowHeight < offset && elementRect.bottom > -1*offset,\r\n    parentVisible = parentRect.right > -1*offset && parentRect.left - windowWidth < offset && parentRect.top - windowHeight < offset && parentRect.bottom > -1*offset,\r\n    hasChild = $this.find(\"div[class^='mdw-hs-movement'],div[class*=' mdw-hs-movement']\").length,\r\n    totalWidth = parseFloat($this.closest('.mdw-horizontal-scroll').attr('total-width')),\r\n    parallax\r\n    \r\n    $this.css({\r\n        '--speed-x': 0,\r\n        '--speed-y': 0,\r\n        '--speed-r': 0\r\n    })\r\n    className.split(' ').forEach(function(c){\r\n        if(c.startsWith('mdw-hs-movement-translate-x')){\r\n            $this.css('--speed-x', getValue(c, 10))\r\n            $this.css('--direction-x', getDirection(c))\r\n        }\r\n        if(c.startsWith('mdw-hs-movement-translate-y')){\r\n            $this.css('--speed-y', getValue(c, 10))\r\n            $this.css('--direction-y', getDirection(c))\r\n        }\r\n        if(c.startsWith('mdw-hs-movement-rotate')){\r\n            $this.css('--speed-r', getValue(c, 10))\r\n            $this.css('--direction-r', getDirection(c))\r\n        }\r\n    })\r\n    \r\n    if( windowWidth < 768 && disableMobile ){ isHorizontal = false }\r\n    \r\n    if(isHorizontal){\r\n        var HSRect = $this.closest('.mdw-horizontal-scroll').find('.e-con, .e-container').get(0).getBoundingClientRect(),\r\n        leftPos = Math.round(elementRect.left + element.outerWidth()\/2 - parseFloat(element.css('transform').split(' ')[4]) - HSRect.left)\r\n        \r\n        if(leftPos < windowWidth\/2 || totalWidth < windowWidth){\r\n            parallax = - HSRect.top - HSRect.left\r\n        }else if(leftPos > totalWidth - windowWidth\/2){\r\n            parallax = - HSRect.top - HSRect.left - totalWidth + windowWidth\r\n        }else{\r\n            parallax = windowWidth\/2 - elementRect.left - element.outerWidth()\/2 - HSRect.top\r\n        }\r\n    }else{\r\n        var topPos = Math.round(elementRect.top + scroll + element.outerHeight()\/2 - parseFloat(element.css('transform').split(' ')[5]))\r\n\r\n        if(topPos < windowHeight\/2 || $('body').outerHeight(true) < windowHeight){\r\n            parallax = scroll\r\n        }else if(topPos > $('body').outerHeight(true) - windowHeight\/2){\r\n            parallax = scroll - $('body').outerHeight(true) + windowHeight\r\n        }else{\r\n            parallax = windowHeight\/2 - element.outerHeight()\/2 - elementRect.top\r\n        }\r\n    }\r\n\r\n    if(parentVisible || elementVisible || hasChild || parallaxUpdate){\r\n        $(this).css('--parallax', parallax)    \r\n    }\r\n})\r\n}else{\r\n    $(\"[class^='mdw-hs-movement'], [class*=' mdw-hs-movement']\").css('--parallax', 0)\r\n}\r\n}\r\n\r\nvar currentTime, lastTime\r\n\r\nfunction scrollActivity(delayCall=true){\r\n\r\nvar scroll = $(window).scrollTop(),\r\n    windowWidth = $(window).width(),\r\n    windowHeight = $('.mdw-100vh').height(),\r\n    disableMobile = $('body').css('--disable-horizontal-scroll-mobile') && $('body').css('--disable-horizontal-scroll-mobile') == 'true'\r\n\r\n    lastTime = new Date()\r\n    setTimeout(function(){\r\n        currentTime = new Date()\r\n        if(currentTime - lastTime > 200 && delayCall){\r\n            scrollActivity(false)\r\n        }\r\n    },500)\r\n\r\n    horizontalScroll(scroll, windowWidth, windowHeight, disableMobile)\r\n    scrollMovement(scroll, windowWidth, windowHeight, disableMobile)\r\n}\r\n\r\nfunction scrollToSection(){\r\n    var link = $(this).attr('href')\r\n    if( link && link != '#' && link[0] == '#' ){\r\n        var el = $('.' + link.substr(1)).eq(0),\r\n        parentHS = el.closest('.mdw-horizontal-scroll'),\r\n        disableMobile = $('body').css('--disable-horizontal-scroll-mobile') && $('body').css('--disable-horizontal-scroll-mobile') == 'true'\r\n        \r\n        if(parentHS.length){\r\n            var scrollAmount = parentHS.offset().top + el.offset().left - parentHS.find('.e-con, .e-container').eq(0).offset().left\r\n            if($(window).width() < 768 && disableMobile){\r\n                scrollAmount = el.offset().top\r\n            }\r\n            $('html, body').stop().animate({scrollTop:scrollAmount}, 300, 'linear')\r\n        }\r\n    }\r\n}\r\n\r\n$(document).ready(function(){\r\n    init()\r\n    scrollActivity()\r\n    $('body').on('click', 'a', scrollToSection)\r\n})\r\n\r\nfunction runParallax(){\r\n    if(parallaxUpdate) return\r\n    parallaxUpdate = true\r\n    setTimeout(function(){\r\n        parallaxUpdate = false\r\n    },1000)\r\n    var repeatParallax = setInterval(function(){\r\n        if(parallaxUpdate){\r\n            scrollActivity()\r\n        }else{\r\n            clearInterval(repeatParallax)\r\n        }\r\n    },100)\r\n}\r\n\r\nvar currentIsTrackpad,\r\n    previosIsTrackpad\r\n\r\nfunction detectScrollResolution(e){\r\n    var isSafari = \/^((?!chrome|android).)*safari\/i.test(navigator.userAgent)\r\n\r\n    if(e.wheelDeltaY !== undefined && e.deltaY !== undefined && !isSafari){\r\n    \r\n        var del = e.deltaY != 0 ? e.deltaY : 1,\r\n        delVal = Math.abs(e.wheelDeltaY\/del),\r\n        currentIsTrackpad = delVal > 2.9 && delVal <= 3\r\n        \r\n        if(currentIsTrackpad && previosIsTrackpad){\r\n            $('body').addClass('tiny-scroll')\r\n        }else{\r\n            $('body').removeClass('tiny-scroll')\r\n        }\r\n        previosIsTrackpad = currentIsTrackpad\r\n    }else{\r\n        $('body').removeClass('tiny-scroll')\r\n    }\r\n}\r\n\r\n$(window).on('load resize', function(){\r\n    runParallax()\r\n    setTimeout(runParallax, 1000+100)\r\n})\r\n$(window).on('load resize scroll', scrollActivity)\r\nwindow.addEventListener('mousewheel', detectScrollResolution)\r\n$('body').on('keydown', function(e) {\r\n    if (e.key == \" \" || e.code == \"Space\" || e.keyCode == 32){\r\n        $('body').removeClass('tiny-scroll')\r\n    }\r\n})\r\n$('body').on('click', function(){\r\n    $('body').removeClass('tiny-scroll')\r\n})\r\n})(jQuery)\r\n}\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3fbf3ac e-con-full e-flex e-con e-child\" data-id=\"3fbf3ac\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-1257275 e-con-full e-flex e-con e-child\" data-id=\"1257275\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-26ce231 elementor-widget__width-initial elementor-widget elementor-widget-image\" data-id=\"26ce231\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"1394\" height=\"846\" src=\"https:\/\/creativasavarese.com\/wp-content\/uploads\/2026\/02\/fattoriasanmichele.webp\" class=\"attachment-full size-full wp-image-814\" alt=\"\" srcset=\"https:\/\/creativasavarese.com\/wp-content\/uploads\/2026\/02\/fattoriasanmichele.webp 1394w, https:\/\/creativasavarese.com\/wp-content\/uploads\/2026\/02\/fattoriasanmichele-300x182.webp 300w, https:\/\/creativasavarese.com\/wp-content\/uploads\/2026\/02\/fattoriasanmichele-1024x621.webp 1024w, https:\/\/creativasavarese.com\/wp-content\/uploads\/2026\/02\/fattoriasanmichele-768x466.webp 768w\" sizes=\"(max-width: 1394px) 100vw, 1394px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-8990868 e-con-full e-flex e-con e-child\" data-id=\"8990868\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7ce7f3b elementor-widget-mobile__width-initial elementor-widget elementor-widget-heading\" data-id=\"7ce7f3b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Web Design<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-801ea6f elementor-widget elementor-widget-text-editor\" data-id=\"801ea6f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p><span class=\"a_GcMg font-feature-liga-off font-feature-clig-off font-feature-calt-off text-decoration-none text-strikethrough-none\">Fattoria San Michele a Torri<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8d3636e elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile elementor-widget elementor-widget-html\" data-id=\"8d3636e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\r\n\/* Horizontal Scroll *\/\r\n\r\n.mdw-horizontal-scroll{\r\n    --progress-bar: true;\r\n    --progress-bar-color: #FFFF00;\r\n    --progress-bar-height: 2px;\r\n}\r\nbody{\r\n    --disable-movement-desktop: false;\r\n    --disable-movement-tablet: false;\r\n    --disable-movement-mobile: true;\r\n    --hide-default-scrollbar: false;\r\n    --disable-horizontal-scroll-mobile: false;\r\n}\r\nhtml.hide-scrollbar::-webkit-scrollbar{\r\n    display: none;\r\n}\r\nhtml.hide-scrollbar{\r\n    -ms-overflow-style: none;\r\n    scrollbar-width: none;\r\n}\r\n.mdw-horizontal-scroll{\r\n    overflow: hidden;\r\n    --initial-height: var(--min-height,100vh);\r\n}\r\n.mdw-horizontal-scroll:after{\r\n    content: \"\";\r\n    left: 0;\r\n    top: calc(100vh - var(--progress-bar-height,2px));\r\n    width: 100vw;\r\n    height: var(--progress-bar-height,2px);\r\n    background: var(--progress-bar-color,FFFF00);\r\n    transform: scaleX(calc(var(--progress,0)*100%));\r\n    position: fixed;\r\n    transform-origin: left;\r\n    will-change: transform;\r\n    transition: transform 0.1s linear;\r\n    opacity: 0;\r\n}\r\n.mdw-horizontal-scroll.fixed:after{\r\n    opacity: 1;\r\n}\r\n.mdw-horizontal-scroll.progress-bar-disabled:after{\r\n    display: none;\r\n}\r\n.mdw-horizontal-scroll > .e-con,\r\n.mdw-horizontal-scroll > .e-container{\r\n    transition: none;\r\n    height: var(--initial-height,100vh);\r\n}\r\nbody.tiny-scroll .mdw-horizontal-scroll > .e-con,\r\nbody.tiny-scroll .mdw-horizontal-scroll > .e-container{\r\n    will-change: transform;\r\n    transition: transform 1s cubic-bezier(0,.33,.07,1.03);\r\n}\r\n.mdw-horizontal-scroll.fixed > .e-con,\r\n.mdw-horizontal-scroll.fixed > .e-container{\r\n    position: fixed;\r\n    top: 0;\r\n    left: 0;\r\n}\r\n.mdw-horizontal-scroll.bottom{\r\n    justify-content: flex-end;\r\n}\r\n.mdw-horizontal-scroll > .e-con > *,\r\n.mdw-horizontal-scroll > .e-container > *{\r\n    height: var(--min-height, 100vh);\r\n}\r\n.mdw-horizontal-scroll.hs-disabled{\r\n    height: auto !important;\r\n}\r\n.mdw-horizontal-scroll.hs-disabled:after{\r\n    display: none;\r\n}\r\n.mdw-horizontal-scroll.hs-disabled > .e-con,\r\n.mdw-horizontal-scroll.hs-disabled > .e-container{\r\n    flex-direction: column;\r\n    height: auto;\r\n}\r\n.mdw-horizontal-scroll.hs-disabled.fixed > .e-con,\r\n.mdw-horizontal-scroll.hs-disabled.fixed > .e-container{\r\n    position: relative;\r\n}\r\n.mdw-horizontal-scroll.hs-disabled > .e-con > *,\r\n.mdw-horizontal-scroll.hs-disabled > .e-container > *{\r\n    height: auto;\r\n}\r\n.mdw-horizontal-scroll.hs-disabled > .e-con > .e-con,\r\n.mdw-horizontal-scroll.hs-disabled > .e-container > .e-container{\r\n    width: 100%;\r\n}\r\n\r\n\/* Scrolling Movement *\/\r\n\r\n.e-con[class^='mdw-hs-movement'],\r\n.e-con[class*=' mdw-hs-movement'],\r\n.e-container[class^='mdw-hs-movement'],\r\n.e-container[class*=' mdw-hs-movement'],\r\n.elementor-widget[class^='mdw-hs-movement'] .elementor-widget-container,\r\n.elementor-widget[class*=' mdw-hs-movement'] .elementor-widget-container{\r\n    transform: translateX(calc(var(--e-transform-translateX,0px) + var(--translateX,0)*-1px)) translateY(calc(var(--e-transform-translateY,0px) + var(--translateY,0)*1px)) rotate(calc(var(--rotateZ,0deg) + var(--rotate,0)*1deg));\r\n    transition: none;\r\n}\r\nbody.tiny-scroll .e-con[class^='mdw-hs-movement'],\r\nbody.tiny-scroll .e-con[class*=' mdw-hs-movement'],\r\nbody.tiny-scroll .e-container[class^='mdw-hs-movement'],\r\nbody.tiny-scroll .e-container[class*=' mdw-hs-movement'],\r\nbody.tiny-scroll .elementor-widget[class^='mdw-hs-movement'] .elementor-widget-container,\r\nbody.tiny-scroll .elementor-widget[class*=' mdw-hs-movement'] .elementor-widget-container{\r\n    will-change: transform;\r\n    transition: transform 1s cubic-bezier(0,.33,.07,1.03);\r\n}\r\n.e-con[class^='mdw-hs-movement-translate-x'],\r\n.e-con[class*=' mdw-hs-movement-translate-x'],\r\n.e-container[class^='mdw-hs-movement-translate-x'],\r\n.e-container[class*=' mdw-hs-movement-translate-x'],\r\n.elementor-widget[class^='mdw-hs-movement-translate-x'] .elementor-widget-container,\r\n.elementor-widget[class*=' mdw-hs-movement-translate-x'] .elementor-widget-container{\r\n    --translateX: calc(var(--parallax,0)*var(--speed-x,10)*var(--direction-x,1));\r\n}\r\n.e-con[class^='mdw-hs-movement-translate-y'],\r\n.e-con[class*=' mdw-hs-movement-translate-y'],\r\n.e-container[class^='mdw-hs-movement-translate-y'],\r\n.e-container[class*=' mdw-hs-movement-translate-y'],\r\n.elementor-widget[class^='mdw-hs-movement-translate-y'] .elementor-widget-container,\r\n.elementor-widget[class*=' mdw-hs-movement-translate-y'] .elementor-widget-container{\r\n    --translateY: calc(var(--parallax,0)*var(--speed-y,10)*var(--direction-y,1));\r\n}\r\n.e-con[class^='mdw-hs-movement-rotate'],\r\n.e-con[class*=' mdw-hs-movement-rotate'],\r\n.e-container[class^='mdw-hs-movement-rotate'],\r\n.e-container[class*=' mdw-hs-movement-rotate'],\r\n.elementor-widget[class^='mdw-hs-movement-rotate'] .elementor-widget-container,\r\n.elementor-widget[class*=' mdw-hs-movement-rotate'] .elementor-widget-container{\r\n    --rotate: calc(var(--parallax,0)*var(--speed-r,10)*var(--direction-r,1));\r\n}\r\n\r\n\/* Reveal Animtion *\/\r\n\r\n.mdw-reveal-animation,\r\n.mdw-reveal-animation-left,\r\n.mdw-reveal-animation-right,\r\n.mdw-reveal-animation-top,\r\n.mdw-reveal-animation-bottom{\r\n    animation: none !important;\r\n    transition: all 1s ease-in-out !important;\r\n    clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);\r\n}\r\n.mdw-reveal-animation:not(.animated),\r\n.mdw-reveal-animation-left:not(.animated),\r\n.mdw-reveal-animation-right:not(.animated),\r\n.mdw-reveal-animation-top:not(.animated),\r\n.mdw-reveal-animation-bottom:not(.animated){\r\n    opacity: 0;\r\n}\r\n.mdw-reveal-animation:not(.animated),\r\n.mdw-reveal-animation-bottom:not(.animated){\r\n    transform: translateY(2em);\r\n    clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0% 100%);\r\n}\r\n.mdw-reveal-animation-left:not(.animated){\r\n    transform: translateX(-2em);\r\n    clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%);\r\n}\r\n.mdw-reveal-animation-right:not(.animated){\r\n    transform: translateX(2em);\r\n    clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);\r\n}\r\n.mdw-reveal-animation-top:not(.animated){\r\n    transform: translateY(-2em);\r\n    clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);\r\n}\r\n\r\n\/* For Mobile Devices *\/\r\n\r\n@media (max-width: 767px){\r\n.mdw-horizontal-scroll > .e-con,\r\n.mdw-horizontal-scroll > .e-container{\r\n    transition: transform 0.1s linear;\r\n}\r\n}\r\n<\/style>\r\n<script src=\"https:\/\/code.jquery.com\/jquery-3.6.0.min.js\"><\/script>\r\n<script>\r\nif(!MDWNonce109){\r\nvar MDWNonce109 = true\r\n;(function($){\r\n\r\nfunction init(){\r\n$('body').append('<div class=\"mdw-100vh\" style=\"height: 100vh;display: none;\"><\/div>')\r\nif($('body').css('--hide-default-scrollbar') && $('body').css('--hide-default-scrollbar').trim() == 'true'){\r\n    $('html').addClass('hide-scrollbar')   \r\n}\r\n}\r\n\r\nfunction getValue(text, defaultValue){\r\n    return (text.match(\/\\d+\/) ? text.match(\/\\d+\/)[0] : defaultValue)\/100\r\n}\r\nfunction getDirection(text){\r\n    return text.search('reverse') > -1 ? -1 : 1\r\n}\r\n\r\nfunction horizontalScroll(scroll, windowWidth, windowHeight, disableMobile){\r\n$('.mdw-horizontal-scroll').each(function(){\r\n    var $this = $(this),\r\n    container = $this.find('.e-con, .e-container').eq(0),\r\n    containerTop = $this.offset().top,\r\n    totalWidth = 0,\r\n    extraWidth = 0,\r\n    passed = scroll - containerTop,\r\n    translate = passed,\r\n    minHeight = $this.css('--min-height') ? $this.css('--min-height') : '100vh'\r\n    \r\n    container.children('.elementor-element').each(function(){\r\n        totalWidth += $(this).outerWidth() + parseFloat($(this).css('margin-left')) + parseFloat($(this).css('margin-right'))\r\n    })\r\n    \r\n    if( windowWidth < 768 && disableMobile ){\r\n        totalWidth = windowWidth\r\n        $this.addClass('hs-disabled')\r\n    }else{\r\n        $this.removeClass('hs-disabled')\r\n    }\r\n    \r\n    $this.attr('total-width', totalWidth)\r\n    \r\n    if(totalWidth > windowWidth){\r\n        extraWidth = totalWidth - windowWidth\r\n    }\r\n    \r\n    $this.height('calc(' + minHeight + ' + ' + extraWidth + 'px)')\r\n    \r\n    if(passed < 0){ translate = 0 }\r\n    if(passed > extraWidth){ translate = extraWidth }\r\n    \r\n    var progress = translate\/extraWidth\r\n    \r\n    if(progress <= 0){\r\n        $this.removeClass('fixed bottom')\r\n    }\r\n    if(progress > 0 && progress < 1){\r\n        $this.addClass('fixed')\r\n        $this.removeClass('bottom')\r\n    }\r\n    if(progress >= 1){\r\n        $this.removeClass('fixed')\r\n        $this.addClass('bottom')\r\n    }\r\n    \r\n    container.css('transform', 'translateX(-' + translate + 'px)')\r\n    $this.css('--progress', progress)\r\n    \r\n    if($this.css('--progress-bar') && $this.css('--progress-bar') == 'true'){\r\n        $this.removeClass('progress-bar-disabled')\r\n    }else{\r\n        $this.addClass('progress-bar-disabled')\r\n    }\r\n})\r\n}\r\n\r\nvar parallaxUpdate = false\r\n\r\nfunction scrollMovement(scroll, windowWidth, windowHeight, disableMobile){\r\n\r\nvar enableMovement = false\r\n\r\nif(windowWidth > 0){\r\n    enableMovement = !$('body').css('--disable-movement-mobile') || $('body').css('--disable-movement-mobile').trim() != 'true'\r\n}\r\nif(windowWidth > 767){\r\n    enableMovement = !$('body').css('--disable-movement-tablet') || $('body').css('--disable-movement-tablet').trim() != 'true'\r\n}\r\nif(windowWidth > 1024){\r\n    enableMovement = !$('body').css('--disable-movement-desktop') || $('body').css('--disable-movement-desktop').trim() != 'true'\r\n}\r\n\r\nif(enableMovement){\r\n$(\"[class^='mdw-hs-movement'], [class*=' mdw-hs-movement']\").each(function(i){\r\n    var $this = $(this),\r\n    className = $this.attr('class'),\r\n    element = $this.hasClass('elementor-widget') ? $this.find('.elementor-widget-container') : $this,\r\n    parent = element.parent(),\r\n    elementRect = element.get(0).getBoundingClientRect(),\r\n    parentRect = parent.get(0).getBoundingClientRect(),\r\n    isHorizontal = $this.closest('.mdw-horizontal-scroll').length,\r\n    offset = 100,\r\n    elementVisible = elementRect.right > -1*offset && elementRect.left - windowWidth < offset && elementRect.top - windowHeight < offset && elementRect.bottom > -1*offset,\r\n    parentVisible = parentRect.right > -1*offset && parentRect.left - windowWidth < offset && parentRect.top - windowHeight < offset && parentRect.bottom > -1*offset,\r\n    hasChild = $this.find(\"div[class^='mdw-hs-movement'],div[class*=' mdw-hs-movement']\").length,\r\n    totalWidth = parseFloat($this.closest('.mdw-horizontal-scroll').attr('total-width')),\r\n    parallax\r\n    \r\n    $this.css({\r\n        '--speed-x': 0,\r\n        '--speed-y': 0,\r\n        '--speed-r': 0\r\n    })\r\n    className.split(' ').forEach(function(c){\r\n        if(c.startsWith('mdw-hs-movement-translate-x')){\r\n            $this.css('--speed-x', getValue(c, 10))\r\n            $this.css('--direction-x', getDirection(c))\r\n        }\r\n        if(c.startsWith('mdw-hs-movement-translate-y')){\r\n            $this.css('--speed-y', getValue(c, 10))\r\n            $this.css('--direction-y', getDirection(c))\r\n        }\r\n        if(c.startsWith('mdw-hs-movement-rotate')){\r\n            $this.css('--speed-r', getValue(c, 10))\r\n            $this.css('--direction-r', getDirection(c))\r\n        }\r\n    })\r\n    \r\n    if( windowWidth < 768 && disableMobile ){ isHorizontal = false }\r\n    \r\n    if(isHorizontal){\r\n        var HSRect = $this.closest('.mdw-horizontal-scroll').find('.e-con, .e-container').get(0).getBoundingClientRect(),\r\n        leftPos = Math.round(elementRect.left + element.outerWidth()\/2 - parseFloat(element.css('transform').split(' ')[4]) - HSRect.left)\r\n        \r\n        if(leftPos < windowWidth\/2 || totalWidth < windowWidth){\r\n            parallax = - HSRect.top - HSRect.left\r\n        }else if(leftPos > totalWidth - windowWidth\/2){\r\n            parallax = - HSRect.top - HSRect.left - totalWidth + windowWidth\r\n        }else{\r\n            parallax = windowWidth\/2 - elementRect.left - element.outerWidth()\/2 - HSRect.top\r\n        }\r\n    }else{\r\n        var topPos = Math.round(elementRect.top + scroll + element.outerHeight()\/2 - parseFloat(element.css('transform').split(' ')[5]))\r\n\r\n        if(topPos < windowHeight\/2 || $('body').outerHeight(true) < windowHeight){\r\n            parallax = scroll\r\n        }else if(topPos > $('body').outerHeight(true) - windowHeight\/2){\r\n            parallax = scroll - $('body').outerHeight(true) + windowHeight\r\n        }else{\r\n            parallax = windowHeight\/2 - element.outerHeight()\/2 - elementRect.top\r\n        }\r\n    }\r\n\r\n    if(parentVisible || elementVisible || hasChild || parallaxUpdate){\r\n        $(this).css('--parallax', parallax)    \r\n    }\r\n})\r\n}else{\r\n    $(\"[class^='mdw-hs-movement'], [class*=' mdw-hs-movement']\").css('--parallax', 0)\r\n}\r\n}\r\n\r\nvar currentTime, lastTime\r\n\r\nfunction scrollActivity(delayCall=true){\r\n\r\nvar scroll = $(window).scrollTop(),\r\n    windowWidth = $(window).width(),\r\n    windowHeight = $('.mdw-100vh').height(),\r\n    disableMobile = $('body').css('--disable-horizontal-scroll-mobile') && $('body').css('--disable-horizontal-scroll-mobile') == 'true'\r\n\r\n    lastTime = new Date()\r\n    setTimeout(function(){\r\n        currentTime = new Date()\r\n        if(currentTime - lastTime > 200 && delayCall){\r\n            scrollActivity(false)\r\n        }\r\n    },500)\r\n\r\n    horizontalScroll(scroll, windowWidth, windowHeight, disableMobile)\r\n    scrollMovement(scroll, windowWidth, windowHeight, disableMobile)\r\n}\r\n\r\nfunction scrollToSection(){\r\n    var link = $(this).attr('href')\r\n    if( link && link != '#' && link[0] == '#' ){\r\n        var el = $('.' + link.substr(1)).eq(0),\r\n        parentHS = el.closest('.mdw-horizontal-scroll'),\r\n        disableMobile = $('body').css('--disable-horizontal-scroll-mobile') && $('body').css('--disable-horizontal-scroll-mobile') == 'true'\r\n        \r\n        if(parentHS.length){\r\n            var scrollAmount = parentHS.offset().top + el.offset().left - parentHS.find('.e-con, .e-container').eq(0).offset().left\r\n            if($(window).width() < 768 && disableMobile){\r\n                scrollAmount = el.offset().top\r\n            }\r\n            $('html, body').stop().animate({scrollTop:scrollAmount}, 300, 'linear')\r\n        }\r\n    }\r\n}\r\n\r\n$(document).ready(function(){\r\n    init()\r\n    scrollActivity()\r\n    $('body').on('click', 'a', scrollToSection)\r\n})\r\n\r\nfunction runParallax(){\r\n    if(parallaxUpdate) return\r\n    parallaxUpdate = true\r\n    setTimeout(function(){\r\n        parallaxUpdate = false\r\n    },1000)\r\n    var repeatParallax = setInterval(function(){\r\n        if(parallaxUpdate){\r\n            scrollActivity()\r\n        }else{\r\n            clearInterval(repeatParallax)\r\n        }\r\n    },100)\r\n}\r\n\r\nvar currentIsTrackpad,\r\n    previosIsTrackpad\r\n\r\nfunction detectScrollResolution(e){\r\n    var isSafari = \/^((?!chrome|android).)*safari\/i.test(navigator.userAgent)\r\n\r\n    if(e.wheelDeltaY !== undefined && e.deltaY !== undefined && !isSafari){\r\n    \r\n        var del = e.deltaY != 0 ? e.deltaY : 1,\r\n        delVal = Math.abs(e.wheelDeltaY\/del),\r\n        currentIsTrackpad = delVal > 2.9 && delVal <= 3\r\n        \r\n        if(currentIsTrackpad && previosIsTrackpad){\r\n            $('body').addClass('tiny-scroll')\r\n        }else{\r\n            $('body').removeClass('tiny-scroll')\r\n        }\r\n        previosIsTrackpad = currentIsTrackpad\r\n    }else{\r\n        $('body').removeClass('tiny-scroll')\r\n    }\r\n}\r\n\r\n$(window).on('load resize', function(){\r\n    runParallax()\r\n    setTimeout(runParallax, 1000+100)\r\n})\r\n$(window).on('load resize scroll', scrollActivity)\r\nwindow.addEventListener('mousewheel', detectScrollResolution)\r\n$('body').on('keydown', function(e) {\r\n    if (e.key == \" \" || e.code == \"Space\" || e.keyCode == 32){\r\n        $('body').removeClass('tiny-scroll')\r\n    }\r\n})\r\n$('body').on('click', function(){\r\n    $('body').removeClass('tiny-scroll')\r\n})\r\n})(jQuery)\r\n}\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-bcc6d0a e-con-full e-flex e-con e-parent\" data-id=\"bcc6d0a\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0ca8a99 elementor-widget elementor-widget-menu-anchor\" data-id=\"0ca8a99\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"menu-anchor.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-menu-anchor\" id=\"intro\"><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-9acb3b8 e-con-full e-flex e-con e-parent\" data-id=\"9acb3b8\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;video&quot;,&quot;background_video_link&quot;:&quot;https:\\\/\\\/creativasavarese.com\\\/wp-content\\\/uploads\\\/2026\\\/01\\\/hf_20260126_195408_1d73c8c2-bd74-45ab-8ba3-f7b17c3d9aa2.mp4&quot;,&quot;background_play_on_mobile&quot;:&quot;yes&quot;}\">\n\t\t<div class=\"elementor-background-video-container\">\n\t\t\t\t\t\t\t<video class=\"elementor-background-video-hosted\" role=\"presentation\" autoplay muted playsinline loop><\/video>\n\t\t\t\t\t<\/div>\t\t<div class=\"elementor-element elementor-element-06a2497 elementor-shape-rounded elementor-grid-0 e-grid-align-center elementor-widget elementor-widget-social-icons\" data-id=\"06a2497\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"social-icons.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-social-icons-wrapper elementor-grid\">\n\t\t\t\t\t\t\t<span class=\"elementor-grid-item\">\n\t\t\t\t\t<a class=\"elementor-icon elementor-social-icon elementor-social-icon-instagram elementor-repeater-item-76622fe\" href=\"http:\/\/instagram.com\/creativasavarese\" target=\"_blank\">\n\t\t\t\t\t\t<span class=\"elementor-screen-only\">Instagram<\/span>\n\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fab-instagram\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M224.1 141c-63.6 0-114.9 51.3-114.9 114.9s51.3 114.9 114.9 114.9S339 319.5 339 255.9 287.7 141 224.1 141zm0 189.6c-41.1 0-74.7-33.5-74.7-74.7s33.5-74.7 74.7-74.7 74.7 33.5 74.7 74.7-33.6 74.7-74.7 74.7zm146.4-194.3c0 14.9-12 26.8-26.8 26.8-14.9 0-26.8-12-26.8-26.8s12-26.8 26.8-26.8 26.8 12 26.8 26.8zm76.1 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM398.8 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z\"><\/path><\/svg>\t\t\t\t\t<\/a>\n\t\t\t\t<\/span>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6aafaf9 elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile e-flex e-con-boxed e-con e-parent\" data-id=\"6aafaf9\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-60aee75 elementor-hidden-desktop elementor-widget elementor-widget-image\" data-id=\"60aee75\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"1245\" height=\"1449\" src=\"https:\/\/creativasavarese.com\/wp-content\/uploads\/2026\/02\/calvisius-packaging.jpg\" class=\"attachment-full size-full wp-image-787\" alt=\"\" srcset=\"https:\/\/creativasavarese.com\/wp-content\/uploads\/2026\/02\/calvisius-packaging.jpg 1245w, https:\/\/creativasavarese.com\/wp-content\/uploads\/2026\/02\/calvisius-packaging-258x300.jpg 258w, https:\/\/creativasavarese.com\/wp-content\/uploads\/2026\/02\/calvisius-packaging-880x1024.jpg 880w, https:\/\/creativasavarese.com\/wp-content\/uploads\/2026\/02\/calvisius-packaging-768x894.jpg 768w\" sizes=\"(max-width: 1245px) 100vw, 1245px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a329ef8 elementor-widget__width-initial elementor-hidden-desktop elementor-widget elementor-widget-image\" data-id=\"a329ef8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"1352\" height=\"844\" src=\"https:\/\/creativasavarese.com\/wp-content\/uploads\/2026\/02\/brochure_design.webp\" class=\"attachment-full size-full wp-image-647\" alt=\"\" srcset=\"https:\/\/creativasavarese.com\/wp-content\/uploads\/2026\/02\/brochure_design.webp 1352w, https:\/\/creativasavarese.com\/wp-content\/uploads\/2026\/02\/brochure_design-300x187.webp 300w, https:\/\/creativasavarese.com\/wp-content\/uploads\/2026\/02\/brochure_design-1024x639.webp 1024w, https:\/\/creativasavarese.com\/wp-content\/uploads\/2026\/02\/brochure_design-768x479.webp 768w\" sizes=\"(max-width: 1352px) 100vw, 1352px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-8b84279 e-con-full elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile e-flex e-con e-parent\" data-id=\"8b84279\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-324c532 elementor-widget elementor-widget-image\" data-id=\"324c532\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"800\" src=\"https:\/\/creativasavarese.com\/wp-content\/uploads\/2025\/10\/cs_yellow-1024x1024.png\" class=\"attachment-large size-large wp-image-169\" alt=\"\" srcset=\"https:\/\/creativasavarese.com\/wp-content\/uploads\/2025\/10\/cs_yellow-1024x1024.png 1024w, https:\/\/creativasavarese.com\/wp-content\/uploads\/2025\/10\/cs_yellow-300x300.png 300w, https:\/\/creativasavarese.com\/wp-content\/uploads\/2025\/10\/cs_yellow-150x150.png 150w, https:\/\/creativasavarese.com\/wp-content\/uploads\/2025\/10\/cs_yellow-768x768.png 768w, https:\/\/creativasavarese.com\/wp-content\/uploads\/2025\/10\/cs_yellow-1536x1536.png 1536w, https:\/\/creativasavarese.com\/wp-content\/uploads\/2025\/10\/cs_yellow.webp 1600w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3df3b32 animated-slow elementor-widget elementor-widget-text-editor\" data-id=\"3df3b32\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;none&quot;,&quot;_animation_delay&quot;:2000}\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Creativa Savarese Srl \u00a9 2000-2026<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Portfolio Follow me CreativaStudio di design e comunicazionefiorito a Brooklyn ed attivo globalmente a Firenze.\u00a0 BCB Berlin &#8217;25 Exhibition Stand Concept &amp; Stand Design Brochure Design The Spirit of Italy ft. Amaro Lucano Packaging Design Calvisius \u2022 The Original Web Design Fattoria San Michele a Torri Instagram Creativa Savarese Srl \u00a9 2000-2026<\/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-8","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/creativasavarese.com\/index.php\/wp-json\/wp\/v2\/pages\/8","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/creativasavarese.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/creativasavarese.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/creativasavarese.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/creativasavarese.com\/index.php\/wp-json\/wp\/v2\/comments?post=8"}],"version-history":[{"count":947,"href":"https:\/\/creativasavarese.com\/index.php\/wp-json\/wp\/v2\/pages\/8\/revisions"}],"predecessor-version":[{"id":1087,"href":"https:\/\/creativasavarese.com\/index.php\/wp-json\/wp\/v2\/pages\/8\/revisions\/1087"}],"wp:attachment":[{"href":"https:\/\/creativasavarese.com\/index.php\/wp-json\/wp\/v2\/media?parent=8"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}