Project Transition<\/title>\n <style>\n @font-face {\n font-family: 'Chantilly Heavy';\n src: url('https:\/\/dl.dropboxusercontent.com\/scl\/fi\/xpoj45uvau6cf064uf6j3\/Chantilly-Heavy-Regular.woff2?rlkey=humgfoob9bnaajj8wjir5c1mu&st=l4603mzy') format('woff2');\n font-weight: normal;\n font-style: normal;\n }\n\n body, html {\n margin: 0;\n padding: 0;\n overflow: hidden;\n }\n\n \/* Blue mode overrides *\/\n .blue-mode {\n background-color: blue !important;\n }\n .blue-mode .chantilly-center {\n color: white !important;\n }\n .blue-mode button {\n color: white !important;\n }\n \n \/* Contact element styling *\/\n .contact {\n position: fixed;\n top: 16px;\n left: 16px;\n font-family: 'Inter', sans-serif;\n font-size: 18px;\n color: white;\n z-index: 1000;\n display: none;\n line-height: 1;\n gap: 40px; \/* Adjust gap between the divs as needed *\/\n align-items: top;\n \/* The container will only be as wide as its content if not set to 100% *\/\n width: fit-content;\n }\n \n .contact-item {\n white-space: nowrap;\n }\n\n .image-trail-wrapper {\n position: absolute;\n width: 100vw;\n height: 100vh;\n overflow: hidden;\n }\n\n .image-trail-img {\n position: absolute;\n width: 300px;\n height: auto;\n pointer-events: none;\n object-fit: fill;\n border: none;\n background-color: transparent;\n opacity: 0;\n transition: opacity 0.0s ease-in-out, transform 0.3s ease-in-out;\n z-index: 10;\n }\n\n \/* On smaller screens, make images smaller *\/\n @media (max-width: 768px) {\n .image-trail-img {\n width: 100px;\n }\n }\n\n .chantilly-center {\n font-family: 'Chantilly Heavy', sans-serif;\n color: #0000ff;\n heigt:100vh;\n font-size: 6em;\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n margin: 0;\n text-align: center;\n white-space: nowrap;\n z-index: 20;\n }\n \n .slide {\n display: none;\n position: fixed;\n width: 100vw;\n height: 100vh;\n top: 0;\n left: 0;\n background: transparent;\n z-index: 1;\n overflow: auto;\n padding: 40px;\n }\n \n #headline {\n pointer-events: none;\n }\n \n button {\n padding: 0;\n }\n \n button:focus {\n position: fixed;\n background: none;\n border: none;\n font-family: 'Inter', sans-serif;\n font-size: 24px;\n color: black;\n cursor: pointer;\n z-index: 1000;\n outline: none;\n box-shadow: none;\n }\n\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Inter&display=swap');\n \n #headline-wrapper {\n height: 100vh;\n }\n \n #headline {\n z-index: 100;\n }\n \n #headline-text {\n display: inline-block;\n opacity: 1;\n transform: translateY(0);\n transition: opacity 0.4s ease, transform 0.4s ease;\n will-change: opacity, transform;\n }\n\n .fade-out-down {\n opacity: 0;\n transform: translateY(30px);\n transition: opacity 0.4s ease, transform 0.4s ease;\n }\n\n .jump-up {\n transform: translateY(-30px);\n transition: none;\n opacity: 0;\n }\n\n .fade-in-down {\n opacity: 1;\n transform: translateY(0);\n transition: opacity 0.4s ease, transform 0.4s ease;\n }\n <\/style>\n\n \n <div id=\"contact\" class=\"contact\">\n <div class=\"contact-item\">mulipan<br>Reindorfgasse 12\/4<br>1150 Vienna<br>office@mulipan.com <\/div>\n <div class=\"contact-item\">Fabian Krempus <br> fabian@mulipan.com<\/div>\n <div class=\"contact-item\">Felix Reiterer <br> felix@mulipan.com<\/div>\n <\/div>\n\n <div id=\"image-trail-container\" class=\"image-trail-wrapper\"><\/div>\n <div id=\"headline-wrapper\">\n <div id=\"headline\" class=\"chantilly-center\">\n <span id=\"headline-text\">mulipan<\/span>\n <\/div>\n <\/div>\n\n \n <button id=\"back-button\" style=\"\n display: none;\n position: fixed;\n top: 16px;\n background: none;\n border: none;\n font-family: 'Inter', sans-serif;\n font-size: 24px;\n color: #0000ff;\n cursor: pointer;\n z-index: 1000;\n \">[BACK]<\/button>\n\n \n <button id=\"pause-button\" style=\"\n display: block;\n position: fixed;\n top: 16px;\n right: 16px;\n background: none;\n border: none;\n font-family: 'Inter', sans-serif;\n font-size: 24px;\n color: #0000ff;\n cursor: pointer;\n z-index: 1000;\n \">[?]<\/button>\n<\/head>\n<body>\n<script>\n(function () {\n let currentSlideIndex = -1;\n let slides = [];\n\n const observer = new MutationObserver(() => {\n const found = document.querySelectorAll('.slide');\n if (found.length > 0) {\n slides = Array.from(found);\n console.log(\"\u2705 Slides observed:\", slides.length);\n observer.disconnect();\n }\n });\n\n observer.observe(document.body, { childList: true, subtree: true });\n \n const images = [\n {\n src: \"https:\/\/ybmkiytbywuqqxamazmi.supabase.co\/storage\/v1\/object\/public\/TestModel\/vase.png\",\n headline: \"project\",\n extraText: \"Stillness in porcelain.\",\n projectUrl: \"https:\/\/mulipan.com\/index.php\/planetary-boundaries\"\n },\n {\n src: \"https:\/\/ybmkiytbywuqqxamazmi.supabase.co\/storage\/v1\/object\/public\/TestModel\/melk.png\",\n headline: \"Milky Way\",\n extraText: \"Spilled dreams.\",\n projectUrl: \"https:\/\/mulipan.com\/index.php\/project1\"\n },\n {\n src: \"https:\/\/ybmkiytbywuqqxamazmi.supabase.co\/storage\/v1\/object\/public\/TestModel\/FelixSsticker.png\",\n headline: \"Felix Sticker\",\n extraText: \"Stick it to reality.\",\n projectUrl: \"https:\/\/mulipan.com\/index.php\/project1\"\n },\n {\n src: \"https:\/\/ybmkiytbywuqqxamazmi.supabase.co\/storage\/v1\/object\/public\/TestModel\/Felixbubbles.png\",\n headline: \"Felix Bubbles\",\n extraText: \"Pop culture icon.\",\n projectUrl: \"https:\/\/mulipan.com\/index.php\/project1\"\n },\n {\n src: \"https:\/\/ybmkiytbywuqqxamazmi.supabase.co\/storage\/v1\/object\/public\/TestModel\/emil.png\",\n headline: \"Emil\",\n extraText: \"A digital muse.\",\n projectUrl: \"https:\/\/mulipan.com\/index.php\/project1\"\n },\n {\n src: \"https:\/\/ybmkiytbywuqqxamazmi.supabase.co\/storage\/v1\/object\/public\/TestModel\/Cyano.png\",\n headline: \"Cyano\",\n extraText: \"Deep blue dimension.\",\n projectUrl: \"https:\/\/mulipan.com\/index.php\/project1\"\n },\n {\n src: \"https:\/\/ybmkiytbywuqqxamazmi.supabase.co\/storage\/v1\/object\/public\/TestModel\/cappy.png\",\n headline: \"Planetary Boundaries\",\n extraText: \"Based on the concept of the planetary boundaries by the Stockholm Resilience Centre, the aim of this project was to make the raw environmental data behind the framework more graspable by converting it into physical, every-day objects, to enable people to engage with the underlying information in more multi-sensoral and emotional ways.\",\n projectUrl: \"https:\/\/mulipan.com\/index.php\/project1\"\n },\n {\n src: \"https:\/\/ybmkiytbywuqqxamazmi.supabase.co\/storage\/v1\/object\/public\/TestModel\/Candle.png\",\n headline: \"Candle\",\n extraText: \"Waxing poetic.\",\n projectUrl: \"https:\/\/mulipan.com\/index.php\/project1\"\n },\n {\n src: \"https:\/\/ybmkiytbywuqqxamazmi.supabase.co\/storage\/v1\/object\/public\/TestModel\/brussels.png\",\n headline: \"Brussels\",\n extraText: \"Sprout of thought.\",\n projectUrl: \"https:\/\/mulipan.com\/index.php\/project1\"\n },\n {\n src: \"https:\/\/ybmkiytbywuqqxamazmi.supabase.co\/storage\/v1\/object\/public\/TestModel\/LOLWMIE.png\",\n headline: \"LOLWMIE\",\n extraText: \"Laughing through the static.\",\n projectUrl: \"https:\/\/mulipan.com\/index.php\/project1\"\n },\n {\n src: \"https:\/\/ybmkiytbywuqqxamazmi.supabase.co\/storage\/v1\/object\/public\/TestModel\/SDIM00853.png\",\n headline: \"00853\",\n extraText: \"A glitch in time.\",\n projectUrl: \"https:\/\/mulipan.com\/index.php\/project1\"\n },\n {\n src: \"https:\/\/ybmkiytbywuqqxamazmi.supabase.co\/storage\/v1\/object\/public\/TestModel\/SDIM0085.png\",\n headline: \"0085\",\n extraText: \"Blurred memories.\",\n projectUrl: \"https:\/\/mulipan.com\/index.php\/project1\"\n },\n {\n src: \"https:\/\/ybmkiytbywuqqxamazmi.supabase.co\/storage\/v1\/object\/public\/TestModel\/frankstahl.png\",\n headline: \"Frankstahl\",\n extraText: \"Forged in creativity.\",\n projectUrl: \"https:\/\/mulipan.com\/index.php\/frankstahl\"\n },\n {\n src: \"https:\/\/ybmkiytbywuqqxamazmi.supabase.co\/storage\/v1\/object\/public\/TestModel\/SDIM00852.png\",\n headline: \"00852\",\n extraText: \"Pixel drift.\",\n projectUrl: \"https:\/\/mulipan.com\/index.php\/project1\"\n }\n ];\n\n \/\/ Preload images\n images.forEach(img => {\n const preload = new Image();\n preload.src = img.src;\n });\n\n const container = document.getElementById(\"image-trail-container\");\n const headline = document.getElementById(\"headline\");\n const headlineText = document.getElementById(\"headline-text\");\n const contact = document.getElementById(\"contact\");\n\n let trail = [];\n let imageIndex = 0;\n let lastX = null;\n let lastY = null;\n let paused = false;\n let frozenImage = null;\n\n function throttle(fn, delay) {\n let timeout = null;\n return function (...args) {\n if (!timeout) {\n fn.apply(this, args);\n timeout = setTimeout(() => {\n timeout = null;\n }, delay);\n }\n };\n }\n\n function handleMouseMove(e) {\n if (paused) return;\n\n const x = e.clientX;\n const y = e.clientY;\n\n \/\/ Get pause button bounding box\n const pauseRect = pauseButton.getBoundingClientRect();\n const pauseCenterX = pauseRect.left + pauseRect.width \/ 2;\n const pauseCenterY = pauseRect.top + pauseRect.height \/ 2;\n\n \/\/ Check if mouse is within 190px of the pause button\n const dxBtn = x - pauseCenterX;\n const dyBtn = y - pauseCenterY;\n const distToPauseBtn = Math.sqrt(dxBtn * dxBtn + dyBtn * dyBtn);\n\n if (distToPauseBtn < 190) {\n return;\n }\n\n if (lastX === null || lastY === null) {\n lastX = x;\n lastY = y;\n return;\n }\n\n const dx = x - lastX;\n const dy = y - lastY;\n const distance = Math.sqrt(dx * dx + dy * dy);\n\n if (distance > 50) {\n lastX = x;\n lastY = y;\n\n const imgObj = images[imageIndex];\n const img = document.createElement(\"img\");\n img.src = imgObj.src;\n img.className = \"image-trail-img\";\n img.style.left = (x - 150) + \"px\";\n img.style.top = (y - 150) + \"px\";\n img.style.zIndex = 10 + trail.length;\n\n img.onload = () => {\n img.style.opacity = 1;\n };\n\n img.onerror = () => {\n img.style.display = \"none\";\n };\n\n container.appendChild(img);\n trail.push({ element: img, meta: imgObj });\n\n if (trail.length > 7) {\n const removed = trail.shift();\n removed.element.remove();\n }\n\n imageIndex = (imageIndex + 1) % images.length;\n }\n }\n\n const throttledMouseMove = throttle(handleMouseMove, 50);\n window.addEventListener(\"mousemove\", throttledMouseMove);\n window.addEventListener(\"touchmove\", function (e) {\n if (e.touches.length > 0) {\n const touch = e.touches[0];\n throttledMouseMove(touch);\n }\n }, { passive: true });\n\n window.addEventListener(\"click\", () => {\n \/\/ Slide mode for \"about\" state\n if (paused && !frozenImage) {\n if (slides.length > 0) {\n currentSlideIndex = (currentSlideIndex + 1) % slides.length;\n showSlide(currentSlideIndex);\n }\n return;\n }\n \n if (paused || trail.length === 0) return;\n \n \/\/ Image freeze mode and trigger project view redirect\n paused = true;\n frozenImage = trail[trail.length - 1];\n const { element, meta } = frozenImage;\n \n \/\/ Animate the frozen image: start with freeze scale and then animate to final state.\n element.style.transition = \"all 0.5s ease\";\n element.style.transform = \"scale(1)\";\n \/\/ Animate to final state: 80vh tall, left = 0, and vertically centered.\n setTimeout(() => {\n element.style.left = \"0\";\n element.style.top = \"50%\";\n element.style.transform = \"translateY(-50%) scale(1)\";\n element.style.height = \"70vh\";\n element.style.maxHeight = \"70vh\";\n element.style.width = \"auto\"; \/\/ Override the 300px width to scale proportionally\n }, 100);\n \n \/\/ Remove other images.\n trail.forEach(item => {\n if (item !== frozenImage) item.element.remove();\n });\n trail = [frozenImage];\n \n \/\/ Animate the headline fade out (no text update)\n headlineText.style.transition = \"opacity 0.4s ease\";\n headlineText.style.opacity = \"0\";\n \n \/\/ Hide the pause and back buttons as appropriate.\n pauseButton.style.display = \"none\";\n backButton.style.display = \"none\";\n \n \/\/ After the transition, redirect to the project URL.\n setTimeout(() => {\n if (meta.projectUrl) {\n window.location.href = meta.projectUrl;\n }\n }, 500);\n });\n\n const backButton = document.getElementById(\"back-button\");\n const pauseButton = document.getElementById(\"pause-button\");\n \n \/\/ Blue view: triggered by the pause button\n function pauseAndHideAll() {\n paused = true;\n currentSlideIndex = 0;\n showSlide(currentSlideIndex);\n \n \/\/ Remove all image elements\n trail.forEach(item => item.element.remove());\n trail = [];\n\n \/\/ Remove frozen image if exists\n if (frozenImage) {\n frozenImage.element.remove();\n frozenImage = null;\n }\n\n \/\/ Immediately reset headline to \"mulipan\" (no animation for blue view)\n headlineText.style.transition = 'none';\n headlineText.style.opacity = '1';\n headlineText.style.transform = 'translateY(0)';\n headlineText.textContent = \"mulipan\";\n\n \/\/ Show blue view controls:\n \/\/ Move the back button to top right.\n pauseButton.style.display = \"none\";\n backButton.style.display = \"block\";\n backButton.style.top = \"16px\";\n backButton.style.right = \"16px\";\n backButton.style.left = \"\";\n backButton.style.bottom = \"\";\n\n \/\/ Show the Contact text (top left)\n contact.style.display = \"flex\";\n\n \/\/ Activate blue mode: set background to blue and force all texts to white.\n document.body.classList.add(\"blue-mode\");\n }\n\n function showSlide(index) {\n console.log(\"Showing slide\", index);\n slides.forEach((slide, i) => {\n slide.style.display = i === index ? 'block' : 'none';\n });\n }\n\n \/\/ Reset function handles two cases:\n \/\/ - Coming from blue view: no headline animation.\n \/\/ - Coming from image freeze state: keep the headline animation.\n function resetToDefault() {\n if (document.body.classList.contains(\"blue-mode\")) {\n \/\/ Immediate reset: no animation.\n headlineText.style.transition = 'none';\n headlineText.style.transform = 'translateY(0)';\n headlineText.style.opacity = '1';\n headlineText.textContent = \"mulipan\";\n } else {\n \/\/ Keep the existing animation for image freeze state.\n headlineText.style.transition = 'opacity 0.4s ease, transform 0.4s ease';\n headlineText.style.opacity = '0';\n headlineText.style.transform = 'translateY(30px)';\n setTimeout(() => {\n headlineText.style.transition = 'none';\n headlineText.style.transform = 'translateY(-30px)';\n headlineText.style.opacity = '0';\n headlineText.textContent = \"mulipan\";\n requestAnimationFrame(() => {\n requestAnimationFrame(() => {\n headlineText.style.transition = 'opacity 0.4s ease, transform 0.4s ease';\n headlineText.style.transform = 'translateY(0)';\n headlineText.style.opacity = '1';\n });\n });\n }, 400);\n }\n\n paused = false;\n slides.forEach(slide => slide.style.display = 'none');\n if (frozenImage) {\n frozenImage.element.remove();\n frozenImage = null;\n }\n trail.forEach(item => item.element.remove());\n trail = [];\n\n backButton.style.display = \"none\";\n pauseButton.style.display = \"block\";\n \/\/ Reset inline styles for back button (image freeze state uses bottom center)\n backButton.style.top = \"16px\";\n backButton.style.right = \"16px\";\n backButton.style.left = \"\";\n backButton.style.bottom = \"\";\n\n lastX = null;\n lastY = null;\n\n \/\/ Remove blue mode and hide contact element.\n document.body.classList.remove(\"blue-mode\");\n contact.style.display = \"none\";\n }\n\n backButton.addEventListener(\"click\", resetToDefault);\n pauseButton.addEventListener(\"click\", pauseAndHideAll);\n})();\n<\/script>\n<\/body>\n<\/html>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7539b15 slide e-con-boxed e-con\" data-id=\"7539b15\" data-element_type=\"container\" id=\"slide0\" data-settings=\"{"position":"fixed","content_width":"boxed"}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1868ffe elementor-absolute elementor-widget elementor-widget-heading\" data-id=\"1868ffe\" data-element_type=\"widget\" data-settings=\"{"_position":"absolute"}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\/*! elementor - v3.11.2 - 22-02-2023 *\/\n.elementor-heading-title{padding:0;margin:0;line-height:1}.elementor-widget-heading .elementor-heading-title[class*=elementor-size-]>a{color:inherit;font-size:inherit;line-height:inherit}.elementor-widget-heading .elementor-heading-title.elementor-size-small{font-size:15px}.elementor-widget-heading .elementor-heading-title.elementor-size-medium{font-size:19px}.elementor-widget-heading .elementor-heading-title.elementor-size-large{font-size:29px}.elementor-widget-heading .elementor-heading-title.elementor-size-xl{font-size:39px}.elementor-widget-heading .elementor-heading-title.elementor-size-xxl{font-size:59px}<\/style><h2 class=\"elementor-heading-title elementor-size-default\">is this and XYZ<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5320879 slide e-con-boxed e-con\" data-id=\"5320879\" data-element_type=\"container\" id=\"slide1\" data-settings=\"{"position":"fixed","content_width":"boxed"}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1476046 elementor-absolute elementor-widget elementor-widget-heading\" data-id=\"1476046\" data-element_type=\"widget\" data-settings=\"{"_position":"absolute"}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">is this and XYZ<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-478481d slide e-con-boxed e-con\" data-id=\"478481d\" data-element_type=\"container\" id=\"slide2\" data-settings=\"{"position":"fixed","content_width":"boxed"}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d316e75 elementor-widget__width-initial elementor-widget elementor-widget-video\" data-id=\"d316e75\" data-element_type=\"widget\" data-settings=\"{"video_type":"hosted","autoplay":"yes","play_on_mobile":"yes","mute":"yes","loop":"yes"}\" data-widget_type=\"video.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\/*! elementor - v3.11.2 - 22-02-2023 *\/\n.elementor-widget-video .elementor-widget-container{overflow:hidden;transform:translateZ(0)}.elementor-widget-video .elementor-wrapper iframe,.elementor-widget-video .elementor-wrapper video{height:100%;width:100%;border:none;background-color:#000}.elementor-widget-video .elementor-open-inline .elementor-custom-embed-image-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:50%}.elementor-widget-video .elementor-custom-embed-image-overlay{cursor:pointer;text-align:center}.elementor-widget-video .elementor-custom-embed-image-overlay:hover .elementor-custom-embed-play i{opacity:1}.elementor-widget-video .elementor-custom-embed-image-overlay img{display:block;width:100%}.elementor-widget-video .e-hosted-video .elementor-video{-o-object-fit:cover;object-fit:cover}.e-con-inner>.elementor-widget-video,.e-con>.elementor-widget-video{width:var(--container-widget-width);--flex-grow:var(--container-widget-flex-grow)}<\/style>\t\t<div class=\"e-hosted-video elementor-wrapper elementor-open-inline\">\n\t\t\t\t\t<video class=\"elementor-video\" src=\"https:\/\/mulipan.com\/wp-content\/uploads\/2023\/08\/web.mp4\" autoplay=\"\" loop=\"\" muted=\"muted\" playsinline=\"\" controlsList=\"nodownload\"><\/video>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c74e7cd elementor-absolute elementor-widget elementor-widget-heading\" data-id=\"c74e7cd\" data-element_type=\"widget\" data-settings=\"{"_position":"absolute"}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">are Fabian & Felilx<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-de1c341 slide e-con-boxed e-con\" data-id=\"de1c341\" data-element_type=\"container\" id=\"slide3\" data-settings=\"{"position":"fixed","content_width":"boxed"}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-edf9437 elementor-absolute elementor-widget elementor-widget-image\" data-id=\"edf9437\" data-element_type=\"widget\" data-settings=\"{"_position":"absolute"}\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\/*! elementor - v3.11.2 - 22-02-2023 *\/\n.elementor-widget-image{text-align:center}.elementor-widget-image a{display:inline-block}.elementor-widget-image a img[src$=\".svg\"]{width:48px}.elementor-widget-image img{vertical-align:middle;display:inline-block}<\/style>\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"733\" height=\"1009\" src=\"https:\/\/mulipan.com\/wp-content\/uploads\/2025\/03\/dither_it_FQFBBqe4.png\" class=\"attachment-large size-large wp-image-345\" alt=\"\" loading=\"lazy\" srcset=\"https:\/\/mulipan.com\/wp-content\/uploads\/2025\/03\/dither_it_FQFBBqe4.png 733w, https:\/\/mulipan.com\/wp-content\/uploads\/2025\/03\/dither_it_FQFBBqe4-218x300.png 218w\" sizes=\"(max-width: 733px) 100vw, 733px\" \/>\t\t\t\t\t\t\t\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-6b536a5 elementor-absolute elementor-widget elementor-widget-image\" data-id=\"6b536a5\" data-element_type=\"widget\" data-settings=\"{"_position":"absolute"}\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"686\" height=\"906\" src=\"https:\/\/mulipan.com\/wp-content\/uploads\/2025\/03\/Download-9-1.png\" class=\"attachment-large size-large wp-image-341\" alt=\"\" loading=\"lazy\" srcset=\"https:\/\/mulipan.com\/wp-content\/uploads\/2025\/03\/Download-9-1.png 686w, https:\/\/mulipan.com\/wp-content\/uploads\/2025\/03\/Download-9-1-227x300.png 227w\" sizes=\"(max-width: 686px) 100vw, 686px\" \/>\t\t\t\t\t\t\t\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-d1bcfa3 elementor-absolute elementor-widget elementor-widget-heading\" data-id=\"d1bcfa3\" data-element_type=\"widget\" data-settings=\"{"_position":"absolute"}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">is at XYZasd<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4f68c5a slide e-con-boxed e-con\" data-id=\"4f68c5a\" data-element_type=\"container\" id=\"slide4\" data-settings=\"{"position":"fixed","content_width":"boxed"}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ece52bd elementor-absolute elementor-widget elementor-widget-heading\" data-id=\"ece52bd\" data-element_type=\"widget\" data-settings=\"{"_position":"absolute"}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">asdjasidfjaiosjfiadjfoiadfaoi<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Project Transition mulipanReindorfgasse 12\/41150 Viennaoffice@mulipan.com Fabian Krempus fabian@mulipan.com Felix Reiterer felix@mulipan.com mulipan [BACK] [?] is this and XYZ is this and XYZ https:\/\/mulipan.com\/wp-content\/uploads\/2023\/08\/web.mp4 are Fabian & Felilx is at XYZasd asdjasidfjaiosjfiadjfoiadfaoi<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":[],"_links":{"self":[{"href":"https:\/\/mulipan.com\/index.php\/wp-json\/wp\/v2\/pages\/59"}],"collection":[{"href":"https:\/\/mulipan.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/mulipan.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/mulipan.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/mulipan.com\/index.php\/wp-json\/wp\/v2\/comments?post=59"}],"version-history":[{"count":330,"href":"https:\/\/mulipan.com\/index.php\/wp-json\/wp\/v2\/pages\/59\/revisions"}],"predecessor-version":[{"id":538,"href":"https:\/\/mulipan.com\/index.php\/wp-json\/wp\/v2\/pages\/59\/revisions\/538"}],"wp:attachment":[{"href":"https:\/\/mulipan.com\/index.php\/wp-json\/wp\/v2\/media?parent=59"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t\t\t\t

\n\t\t\t\t

\n\t\t\t\n\n\n \n Project Transition<\/title>\n <style>\n @font-face {\n font-family: 'Chantilly Heavy';\n src: url('https:\/\/dl.dropboxusercontent.com\/scl\/fi\/xpoj45uvau6cf064uf6j3\/Chantilly-Heavy-Regular.woff2?rlkey=humgfoob9bnaajj8wjir5c1mu&st=l4603mzy') format('woff2');\n font-weight: normal;\n font-style: normal;\n }\n\n body, html {\n margin: 0;\n padding: 0;\n overflow: hidden;\n }\n\n \/* Blue mode overrides *\/\n .blue-mode {\n background-color: blue !important;\n }\n .blue-mode .chantilly-center {\n color: white !important;\n }\n .blue-mode button {\n color: white !important;\n }\n \n \/* Contact element styling *\/\n .contact {\n position: fixed;\n top: 16px;\n left: 16px;\n font-family: 'Inter', sans-serif;\n font-size: 18px;\n color: white;\n z-index: 1000;\n display: none;\n line-height: 1;\n gap: 40px; \/* Adjust gap between the divs as needed *\/\n align-items: top;\n \/* The container will only be as wide as its content if not set to 100% *\/\n width: fit-content;\n }\n \n .contact-item {\n white-space: nowrap;\n }\n\n .image-trail-wrapper {\n position: absolute;\n width: 100vw;\n height: 100vh;\n overflow: hidden;\n }\n\n .image-trail-img {\n position: absolute;\n width: 300px;\n height: auto;\n pointer-events: none;\n object-fit: fill;\n border: none;\n background-color: transparent;\n opacity: 0;\n transition: opacity 0.0s ease-in-out, transform 0.3s ease-in-out;\n z-index: 10;\n }\n\n \/* On smaller screens, make images smaller *\/\n @media (max-width: 768px) {\n .image-trail-img {\n width: 100px;\n }\n }\n\n .chantilly-center {\n font-family: 'Chantilly Heavy', sans-serif;\n color: #0000ff;\n heigt:100vh;\n font-size: 6em;\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n margin: 0;\n text-align: center;\n white-space: nowrap;\n z-index: 20;\n }\n \n .slide {\n display: none;\n position: fixed;\n width: 100vw;\n height: 100vh;\n top: 0;\n left: 0;\n background: transparent;\n z-index: 1;\n overflow: auto;\n padding: 40px;\n }\n \n #headline {\n pointer-events: none;\n }\n \n button {\n padding: 0;\n }\n \n button:focus {\n position: fixed;\n background: none;\n border: none;\n font-family: 'Inter', sans-serif;\n font-size: 24px;\n color: black;\n cursor: pointer;\n z-index: 1000;\n outline: none;\n box-shadow: none;\n }\n\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Inter&display=swap');\n \n #headline-wrapper {\n height: 100vh;\n }\n \n #headline {\n z-index: 100;\n }\n \n #headline-text {\n display: inline-block;\n opacity: 1;\n transform: translateY(0);\n transition: opacity 0.4s ease, transform 0.4s ease;\n will-change: opacity, transform;\n }\n\n .fade-out-down {\n opacity: 0;\n transform: translateY(30px);\n transition: opacity 0.4s ease, transform 0.4s ease;\n }\n\n .jump-up {\n transform: translateY(-30px);\n transition: none;\n opacity: 0;\n }\n\n .fade-in-down {\n opacity: 1;\n transform: translateY(0);\n transition: opacity 0.4s ease, transform 0.4s ease;\n }\n <\/style>\n\n \n <div id=\"contact\" class=\"contact\">\n <div class=\"contact-item\">mulipan<br>Reindorfgasse 12\/4<br>1150 Vienna<br>office@mulipan.com <\/div>\n <div class=\"contact-item\">Fabian Krempus <br> fabian@mulipan.com<\/div>\n <div class=\"contact-item\">Felix Reiterer <br> felix@mulipan.com<\/div>\n <\/div>\n\n <div id=\"image-trail-container\" class=\"image-trail-wrapper\"><\/div>\n <div id=\"headline-wrapper\">\n <div id=\"headline\" class=\"chantilly-center\">\n <span id=\"headline-text\">mulipan<\/span>\n <\/div>\n <\/div>\n\n \n <button id=\"back-button\" style=\"\n display: none;\n position: fixed;\n top: 16px;\n background: none;\n border: none;\n font-family: 'Inter', sans-serif;\n font-size: 24px;\n color: #0000ff;\n cursor: pointer;\n z-index: 1000;\n \">[BACK]<\/button>\n\n \n <button id=\"pause-button\" style=\"\n display: block;\n position: fixed;\n top: 16px;\n right: 16px;\n background: none;\n border: none;\n font-family: 'Inter', sans-serif;\n font-size: 24px;\n color: #0000ff;\n cursor: pointer;\n z-index: 1000;\n \">[?]<\/button>\n<\/head>\n<body>\n<script>\n(function () {\n let currentSlideIndex = -1;\n let slides = [];\n\n const observer = new MutationObserver(() => {\n const found = document.querySelectorAll('.slide');\n if (found.length > 0) {\n slides = Array.from(found);\n console.log(\"\u2705 Slides observed:\", slides.length);\n observer.disconnect();\n }\n });\n\n observer.observe(document.body, { childList: true, subtree: true });\n \n const images = [\n {\n src: \"https:\/\/ybmkiytbywuqqxamazmi.supabase.co\/storage\/v1\/object\/public\/TestModel\/vase.png\",\n headline: \"project\",\n extraText: \"Stillness in porcelain.\",\n projectUrl: \"https:\/\/mulipan.com\/index.php\/planetary-boundaries\"\n },\n {\n src: \"https:\/\/ybmkiytbywuqqxamazmi.supabase.co\/storage\/v1\/object\/public\/TestModel\/melk.png\",\n headline: \"Milky Way\",\n extraText: \"Spilled dreams.\",\n projectUrl: \"https:\/\/mulipan.com\/index.php\/project1\"\n },\n {\n src: \"https:\/\/ybmkiytbywuqqxamazmi.supabase.co\/storage\/v1\/object\/public\/TestModel\/FelixSsticker.png\",\n headline: \"Felix Sticker\",\n extraText: \"Stick it to reality.\",\n projectUrl: \"https:\/\/mulipan.com\/index.php\/project1\"\n },\n {\n src: \"https:\/\/ybmkiytbywuqqxamazmi.supabase.co\/storage\/v1\/object\/public\/TestModel\/Felixbubbles.png\",\n headline: \"Felix Bubbles\",\n extraText: \"Pop culture icon.\",\n projectUrl: \"https:\/\/mulipan.com\/index.php\/project1\"\n },\n {\n src: \"https:\/\/ybmkiytbywuqqxamazmi.supabase.co\/storage\/v1\/object\/public\/TestModel\/emil.png\",\n headline: \"Emil\",\n extraText: \"A digital muse.\",\n projectUrl: \"https:\/\/mulipan.com\/index.php\/project1\"\n },\n {\n src: \"https:\/\/ybmkiytbywuqqxamazmi.supabase.co\/storage\/v1\/object\/public\/TestModel\/Cyano.png\",\n headline: \"Cyano\",\n extraText: \"Deep blue dimension.\",\n projectUrl: \"https:\/\/mulipan.com\/index.php\/project1\"\n },\n {\n src: \"https:\/\/ybmkiytbywuqqxamazmi.supabase.co\/storage\/v1\/object\/public\/TestModel\/cappy.png\",\n headline: \"Planetary Boundaries\",\n extraText: \"Based on the concept of the planetary boundaries by the Stockholm Resilience Centre, the aim of this project was to make the raw environmental data behind the framework more graspable by converting it into physical, every-day objects, to enable people to engage with the underlying information in more multi-sensoral and emotional ways.\",\n projectUrl: \"https:\/\/mulipan.com\/index.php\/project1\"\n },\n {\n src: \"https:\/\/ybmkiytbywuqqxamazmi.supabase.co\/storage\/v1\/object\/public\/TestModel\/Candle.png\",\n headline: \"Candle\",\n extraText: \"Waxing poetic.\",\n projectUrl: \"https:\/\/mulipan.com\/index.php\/project1\"\n },\n {\n src: \"https:\/\/ybmkiytbywuqqxamazmi.supabase.co\/storage\/v1\/object\/public\/TestModel\/brussels.png\",\n headline: \"Brussels\",\n extraText: \"Sprout of thought.\",\n projectUrl: \"https:\/\/mulipan.com\/index.php\/project1\"\n },\n {\n src: \"https:\/\/ybmkiytbywuqqxamazmi.supabase.co\/storage\/v1\/object\/public\/TestModel\/LOLWMIE.png\",\n headline: \"LOLWMIE\",\n extraText: \"Laughing through the static.\",\n projectUrl: \"https:\/\/mulipan.com\/index.php\/project1\"\n },\n {\n src: \"https:\/\/ybmkiytbywuqqxamazmi.supabase.co\/storage\/v1\/object\/public\/TestModel\/SDIM00853.png\",\n headline: \"00853\",\n extraText: \"A glitch in time.\",\n projectUrl: \"https:\/\/mulipan.com\/index.php\/project1\"\n },\n {\n src: \"https:\/\/ybmkiytbywuqqxamazmi.supabase.co\/storage\/v1\/object\/public\/TestModel\/SDIM0085.png\",\n headline: \"0085\",\n extraText: \"Blurred memories.\",\n projectUrl: \"https:\/\/mulipan.com\/index.php\/project1\"\n },\n {\n src: \"https:\/\/ybmkiytbywuqqxamazmi.supabase.co\/storage\/v1\/object\/public\/TestModel\/frankstahl.png\",\n headline: \"Frankstahl\",\n extraText: \"Forged in creativity.\",\n projectUrl: \"https:\/\/mulipan.com\/index.php\/frankstahl\"\n },\n {\n src: \"https:\/\/ybmkiytbywuqqxamazmi.supabase.co\/storage\/v1\/object\/public\/TestModel\/SDIM00852.png\",\n headline: \"00852\",\n extraText: \"Pixel drift.\",\n projectUrl: \"https:\/\/mulipan.com\/index.php\/project1\"\n }\n ];\n\n \/\/ Preload images\n images.forEach(img => {\n const preload = new Image();\n preload.src = img.src;\n });\n\n const container = document.getElementById(\"image-trail-container\");\n const headline = document.getElementById(\"headline\");\n const headlineText = document.getElementById(\"headline-text\");\n const contact = document.getElementById(\"contact\");\n\n let trail = [];\n let imageIndex = 0;\n let lastX = null;\n let lastY = null;\n let paused = false;\n let frozenImage = null;\n\n function throttle(fn, delay) {\n let timeout = null;\n return function (...args) {\n if (!timeout) {\n fn.apply(this, args);\n timeout = setTimeout(() => {\n timeout = null;\n }, delay);\n }\n };\n }\n\n function handleMouseMove(e) {\n if (paused) return;\n\n const x = e.clientX;\n const y = e.clientY;\n\n \/\/ Get pause button bounding box\n const pauseRect = pauseButton.getBoundingClientRect();\n const pauseCenterX = pauseRect.left + pauseRect.width \/ 2;\n const pauseCenterY = pauseRect.top + pauseRect.height \/ 2;\n\n \/\/ Check if mouse is within 190px of the pause button\n const dxBtn = x - pauseCenterX;\n const dyBtn = y - pauseCenterY;\n const distToPauseBtn = Math.sqrt(dxBtn * dxBtn + dyBtn * dyBtn);\n\n if (distToPauseBtn < 190) {\n return;\n }\n\n if (lastX === null || lastY === null) {\n lastX = x;\n lastY = y;\n return;\n }\n\n const dx = x - lastX;\n const dy = y - lastY;\n const distance = Math.sqrt(dx * dx + dy * dy);\n\n if (distance > 50) {\n lastX = x;\n lastY = y;\n\n const imgObj = images[imageIndex];\n const img = document.createElement(\"img\");\n img.src = imgObj.src;\n img.className = \"image-trail-img\";\n img.style.left = (x - 150) + \"px\";\n img.style.top = (y - 150) + \"px\";\n img.style.zIndex = 10 + trail.length;\n\n img.onload = () => {\n img.style.opacity = 1;\n };\n\n img.onerror = () => {\n img.style.display = \"none\";\n };\n\n container.appendChild(img);\n trail.push({ element: img, meta: imgObj });\n\n if (trail.length > 7) {\n const removed = trail.shift();\n removed.element.remove();\n }\n\n imageIndex = (imageIndex + 1) % images.length;\n }\n }\n\n const throttledMouseMove = throttle(handleMouseMove, 50);\n window.addEventListener(\"mousemove\", throttledMouseMove);\n window.addEventListener(\"touchmove\", function (e) {\n if (e.touches.length > 0) {\n const touch = e.touches[0];\n throttledMouseMove(touch);\n }\n }, { passive: true });\n\n window.addEventListener(\"click\", () => {\n \/\/ Slide mode for \"about\" state\n if (paused && !frozenImage) {\n if (slides.length > 0) {\n currentSlideIndex = (currentSlideIndex + 1) % slides.length;\n showSlide(currentSlideIndex);\n }\n return;\n }\n \n if (paused || trail.length === 0) return;\n \n \/\/ Image freeze mode and trigger project view redirect\n paused = true;\n frozenImage = trail[trail.length - 1];\n const { element, meta } = frozenImage;\n \n \/\/ Animate the frozen image: start with freeze scale and then animate to final state.\n element.style.transition = \"all 0.5s ease\";\n element.style.transform = \"scale(1)\";\n \/\/ Animate to final state: 80vh tall, left = 0, and vertically centered.\n setTimeout(() => {\n element.style.left = \"0\";\n element.style.top = \"50%\";\n element.style.transform = \"translateY(-50%) scale(1)\";\n element.style.height = \"70vh\";\n element.style.maxHeight = \"70vh\";\n element.style.width = \"auto\"; \/\/ Override the 300px width to scale proportionally\n }, 100);\n \n \/\/ Remove other images.\n trail.forEach(item => {\n if (item !== frozenImage) item.element.remove();\n });\n trail = [frozenImage];\n \n \/\/ Animate the headline fade out (no text update)\n headlineText.style.transition = \"opacity 0.4s ease\";\n headlineText.style.opacity = \"0\";\n \n \/\/ Hide the pause and back buttons as appropriate.\n pauseButton.style.display = \"none\";\n backButton.style.display = \"none\";\n \n \/\/ After the transition, redirect to the project URL.\n setTimeout(() => {\n if (meta.projectUrl) {\n window.location.href = meta.projectUrl;\n }\n }, 500);\n });\n\n const backButton = document.getElementById(\"back-button\");\n const pauseButton = document.getElementById(\"pause-button\");\n \n \/\/ Blue view: triggered by the pause button\n function pauseAndHideAll() {\n paused = true;\n currentSlideIndex = 0;\n showSlide(currentSlideIndex);\n \n \/\/ Remove all image elements\n trail.forEach(item => item.element.remove());\n trail = [];\n\n \/\/ Remove frozen image if exists\n if (frozenImage) {\n frozenImage.element.remove();\n frozenImage = null;\n }\n\n \/\/ Immediately reset headline to \"mulipan\" (no animation for blue view)\n headlineText.style.transition = 'none';\n headlineText.style.opacity = '1';\n headlineText.style.transform = 'translateY(0)';\n headlineText.textContent = \"mulipan\";\n\n \/\/ Show blue view controls:\n \/\/ Move the back button to top right.\n pauseButton.style.display = \"none\";\n backButton.style.display = \"block\";\n backButton.style.top = \"16px\";\n backButton.style.right = \"16px\";\n backButton.style.left = \"\";\n backButton.style.bottom = \"\";\n\n \/\/ Show the Contact text (top left)\n contact.style.display = \"flex\";\n\n \/\/ Activate blue mode: set background to blue and force all texts to white.\n document.body.classList.add(\"blue-mode\");\n }\n\n function showSlide(index) {\n console.log(\"Showing slide\", index);\n slides.forEach((slide, i) => {\n slide.style.display = i === index ? 'block' : 'none';\n });\n }\n\n \/\/ Reset function handles two cases:\n \/\/ - Coming from blue view: no headline animation.\n \/\/ - Coming from image freeze state: keep the headline animation.\n function resetToDefault() {\n if (document.body.classList.contains(\"blue-mode\")) {\n \/\/ Immediate reset: no animation.\n headlineText.style.transition = 'none';\n headlineText.style.transform = 'translateY(0)';\n headlineText.style.opacity = '1';\n headlineText.textContent = \"mulipan\";\n } else {\n \/\/ Keep the existing animation for image freeze state.\n headlineText.style.transition = 'opacity 0.4s ease, transform 0.4s ease';\n headlineText.style.opacity = '0';\n headlineText.style.transform = 'translateY(30px)';\n setTimeout(() => {\n headlineText.style.transition = 'none';\n headlineText.style.transform = 'translateY(-30px)';\n headlineText.style.opacity = '0';\n headlineText.textContent = \"mulipan\";\n requestAnimationFrame(() => {\n requestAnimationFrame(() => {\n headlineText.style.transition = 'opacity 0.4s ease, transform 0.4s ease';\n headlineText.style.transform = 'translateY(0)';\n headlineText.style.opacity = '1';\n });\n });\n }, 400);\n }\n\n paused = false;\n slides.forEach(slide => slide.style.display = 'none');\n if (frozenImage) {\n frozenImage.element.remove();\n frozenImage = null;\n }\n trail.forEach(item => item.element.remove());\n trail = [];\n\n backButton.style.display = \"none\";\n pauseButton.style.display = \"block\";\n \/\/ Reset inline styles for back button (image freeze state uses bottom center)\n backButton.style.top = \"16px\";\n backButton.style.right = \"16px\";\n backButton.style.left = \"\";\n backButton.style.bottom = \"\";\n\n lastX = null;\n lastY = null;\n\n \/\/ Remove blue mode and hide contact element.\n document.body.classList.remove(\"blue-mode\");\n contact.style.display = \"none\";\n }\n\n backButton.addEventListener(\"click\", resetToDefault);\n pauseButton.addEventListener(\"click\", pauseAndHideAll);\n})();\n<\/script>\n<\/body>\n<\/html>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7539b15 slide e-con-boxed e-con\" data-id=\"7539b15\" data-element_type=\"container\" id=\"slide0\" data-settings=\"{"position":"fixed","content_width":"boxed"}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1868ffe elementor-absolute elementor-widget elementor-widget-heading\" data-id=\"1868ffe\" data-element_type=\"widget\" data-settings=\"{"_position":"absolute"}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\/*! elementor - v3.11.2 - 22-02-2023 *\/\n.elementor-heading-title{padding:0;margin:0;line-height:1}.elementor-widget-heading .elementor-heading-title[class*=elementor-size-]>a{color:inherit;font-size:inherit;line-height:inherit}.elementor-widget-heading .elementor-heading-title.elementor-size-small{font-size:15px}.elementor-widget-heading .elementor-heading-title.elementor-size-medium{font-size:19px}.elementor-widget-heading .elementor-heading-title.elementor-size-large{font-size:29px}.elementor-widget-heading .elementor-heading-title.elementor-size-xl{font-size:39px}.elementor-widget-heading .elementor-heading-title.elementor-size-xxl{font-size:59px}<\/style><h2 class=\"elementor-heading-title elementor-size-default\">is this and XYZ<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5320879 slide e-con-boxed e-con\" data-id=\"5320879\" data-element_type=\"container\" id=\"slide1\" data-settings=\"{"position":"fixed","content_width":"boxed"}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1476046 elementor-absolute elementor-widget elementor-widget-heading\" data-id=\"1476046\" data-element_type=\"widget\" data-settings=\"{"_position":"absolute"}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">is this and XYZ<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-478481d slide e-con-boxed e-con\" data-id=\"478481d\" data-element_type=\"container\" id=\"slide2\" data-settings=\"{"position":"fixed","content_width":"boxed"}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d316e75 elementor-widget__width-initial elementor-widget elementor-widget-video\" data-id=\"d316e75\" data-element_type=\"widget\" data-settings=\"{"video_type":"hosted","autoplay":"yes","play_on_mobile":"yes","mute":"yes","loop":"yes"}\" data-widget_type=\"video.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\/*! elementor - v3.11.2 - 22-02-2023 *\/\n.elementor-widget-video .elementor-widget-container{overflow:hidden;transform:translateZ(0)}.elementor-widget-video .elementor-wrapper iframe,.elementor-widget-video .elementor-wrapper video{height:100%;width:100%;border:none;background-color:#000}.elementor-widget-video .elementor-open-inline .elementor-custom-embed-image-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:50%}.elementor-widget-video .elementor-custom-embed-image-overlay{cursor:pointer;text-align:center}.elementor-widget-video .elementor-custom-embed-image-overlay:hover .elementor-custom-embed-play i{opacity:1}.elementor-widget-video .elementor-custom-embed-image-overlay img{display:block;width:100%}.elementor-widget-video .e-hosted-video .elementor-video{-o-object-fit:cover;object-fit:cover}.e-con-inner>.elementor-widget-video,.e-con>.elementor-widget-video{width:var(--container-widget-width);--flex-grow:var(--container-widget-flex-grow)}<\/style>\t\t<div class=\"e-hosted-video elementor-wrapper elementor-open-inline\">\n\t\t\t\t\t<video class=\"elementor-video\" src=\"https:\/\/mulipan.com\/wp-content\/uploads\/2023\/08\/web.mp4\" autoplay=\"\" loop=\"\" muted=\"muted\" playsinline=\"\" controlsList=\"nodownload\"><\/video>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c74e7cd elementor-absolute elementor-widget elementor-widget-heading\" data-id=\"c74e7cd\" data-element_type=\"widget\" data-settings=\"{"_position":"absolute"}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">are Fabian & Felilx<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-de1c341 slide e-con-boxed e-con\" data-id=\"de1c341\" data-element_type=\"container\" id=\"slide3\" data-settings=\"{"position":"fixed","content_width":"boxed"}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-edf9437 elementor-absolute elementor-widget elementor-widget-image\" data-id=\"edf9437\" data-element_type=\"widget\" data-settings=\"{"_position":"absolute"}\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\/*! elementor - v3.11.2 - 22-02-2023 *\/\n.elementor-widget-image{text-align:center}.elementor-widget-image a{display:inline-block}.elementor-widget-image a img[src$=\".svg\"]{width:48px}.elementor-widget-image img{vertical-align:middle;display:inline-block}<\/style>\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"733\" height=\"1009\" src=\"https:\/\/mulipan.com\/wp-content\/uploads\/2025\/03\/dither_it_FQFBBqe4.png\" class=\"attachment-large size-large wp-image-345\" alt=\"\" loading=\"lazy\" srcset=\"https:\/\/mulipan.com\/wp-content\/uploads\/2025\/03\/dither_it_FQFBBqe4.png 733w, https:\/\/mulipan.com\/wp-content\/uploads\/2025\/03\/dither_it_FQFBBqe4-218x300.png 218w\" sizes=\"(max-width: 733px) 100vw, 733px\" \/>\t\t\t\t\t\t\t\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-6b536a5 elementor-absolute elementor-widget elementor-widget-image\" data-id=\"6b536a5\" data-element_type=\"widget\" data-settings=\"{"_position":"absolute"}\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"686\" height=\"906\" src=\"https:\/\/mulipan.com\/wp-content\/uploads\/2025\/03\/Download-9-1.png\" class=\"attachment-large size-large wp-image-341\" alt=\"\" loading=\"lazy\" srcset=\"https:\/\/mulipan.com\/wp-content\/uploads\/2025\/03\/Download-9-1.png 686w, https:\/\/mulipan.com\/wp-content\/uploads\/2025\/03\/Download-9-1-227x300.png 227w\" sizes=\"(max-width: 686px) 100vw, 686px\" \/>\t\t\t\t\t\t\t\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-d1bcfa3 elementor-absolute elementor-widget elementor-widget-heading\" data-id=\"d1bcfa3\" data-element_type=\"widget\" data-settings=\"{"_position":"absolute"}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">is at XYZasd<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4f68c5a slide e-con-boxed e-con\" data-id=\"4f68c5a\" data-element_type=\"container\" id=\"slide4\" data-settings=\"{"position":"fixed","content_width":"boxed"}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ece52bd elementor-absolute elementor-widget elementor-widget-heading\" data-id=\"ece52bd\" data-element_type=\"widget\" data-settings=\"{"_position":"absolute"}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">asdjasidfjaiosjfiadjfoiadfaoi<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Project Transition mulipanReindorfgasse 12\/41150 Viennaoffice@mulipan.com Fabian Krempus fabian@mulipan.com Felix Reiterer felix@mulipan.com mulipan [BACK] [?] is this and XYZ is this and XYZ https:\/\/mulipan.com\/wp-content\/uploads\/2023\/08\/web.mp4 are Fabian & Felilx is at XYZasd asdjasidfjaiosjfiadjfoiadfaoi<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":[],"_links":{"self":[{"href":"https:\/\/mulipan.com\/index.php\/wp-json\/wp\/v2\/pages\/59"}],"collection":[{"href":"https:\/\/mulipan.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/mulipan.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/mulipan.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/mulipan.com\/index.php\/wp-json\/wp\/v2\/comments?post=59"}],"version-history":[{"count":330,"href":"https:\/\/mulipan.com\/index.php\/wp-json\/wp\/v2\/pages\/59\/revisions"}],"predecessor-version":[{"id":538,"href":"https:\/\/mulipan.com\/index.php\/wp-json\/wp\/v2\/pages\/59\/revisions\/538"}],"wp:attachment":[{"href":"https:\/\/mulipan.com\/index.php\/wp-json\/wp\/v2\/media?parent=59"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}