Frankstahl<\/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: scroll;\n height: 100%;\n }\n \n \/* Project image styling: 70vh tall, left aligned, vertically centered *\/\n .project-image {\n position: absolute;\n left: 0;\n top: 50%;\n transform: translateY(-50%) scale(1);\n z-index: 0;\n height: 70vh;\n max-height: 70vh;\n min-height: 70vh;\n width: auto; \/* Keeps aspect ratio *\/\n \/* Adding max-width so that on small screens it doesn\u2019t exceed the viewport *\/\n max-width: 100vw;\n }\n \n \/* Headline styling: centered; starts hidden for animation *\/\n .headline {\n position: absolute;\n top: 50%;\n left: 50%;\n \/* Start slightly above its final position *\/\n transform: translate(-50%, -60%);\n font-family: 'Chantilly Heavy', sans-serif;\n font-size: 6em;\n color: #0000ff;\n margin: 0;\n white-space: nowrap;\n z-index: 20;\n opacity: 0;\n }\n \n .phl{\n font-family: 'Chantilly Heavy', sans-serif !important;\n font-size: 3em !important;\n color: #0000ff !important;\n margin: 0;\n white-space: nowrap !important;\n z-index: 20;\n opacity: 100;\n text-align: center;\n }\n \n \/* Top right button styling (like your back button) *\/\n .back-button {\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 text-decoration: none;\n }\n \n \/* Mobile adjustments *\/\n @media (max-width: 768px) {\n .headline {\n font-size: 3em; \/* Reduce headline size on mobile for readability *\/\n transform: translate(-50%, -55%);\n display:none;\n }\n \n \n .project-image {\n \/* Keep the image height but ensure it doesn't overflow the viewport *\/\n height: 70vh;\n max-height: 70vh;\n min-height: 70vh;\n width:auto;\n max-width: 300vw;\n object-fit: contain;\n top:0%;\n }\n }\n <\/style>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter&display=swap\" rel=\"stylesheet\">\n<\/head>\n<body>\n \n <img decoding=\"async\" src=\"https:\/\/ybmkiytbywuqqxamazmi.supabase.co\/storage\/v1\/object\/public\/TestModel\/vase.png\" \n alt=\"Planetary Boundaries\" \n class=\"project-image\">\n \n \n <div class=\"headline\">Planetary Boundaries<\/div>\n \n \n <a href=\"https:\/\/mulipan.com\/index.php\/enter\/\" class=\"back-button\">[BACK]<\/a>\n \n <script>\n \/\/ On page load, animate the headline into place.\n window.addEventListener('load', () => {\n const headline = document.querySelector('.headline');\n headline.style.transition = \"opacity 0.4s ease, transform 0.4s ease\";\n setTimeout(() => {\n \/\/ Move headline to centered position and fade in.\n headline.style.transform = \"translate(-50%, -50%)\";\n headline.style.opacity = \"1\";\n }, 400);\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-7c740f02 e-con-full e-con\" data-id=\"7c740f02\" data-element_type=\"container\" data-settings=\"{"content_width":"full","position":"absolute"}\">\n\t\t<div class=\"elementor-element elementor-element-8e959db e-con-full e-con\" data-id=\"8e959db\" data-element_type=\"container\" data-settings=\"{"content_width":"full"}\">\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ff37b6d e-con-full e-con\" data-id=\"ff37b6d\" data-element_type=\"container\" data-settings=\"{"content_width":"full"}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1f63f185 elementor-widget__width-initial e-transform elementor-widget-mobile__width-inherit phl elementor-hidden-desktop elementor-hidden-tablet elementor-invisible elementor-widget elementor-widget-text-editor\" data-id=\"1f63f185\" data-element_type=\"widget\" data-settings=\"{"_animation":"fadeInUp","_animation_delay":300,"_transform_rotateZ_effect":{"unit":"px","size":"","sizes":[]},"_transform_rotateZ_effect_tablet":{"unit":"deg","size":"","sizes":[]},"_transform_rotateZ_effect_mobile":{"unit":"deg","size":"","sizes":[]}}\" data-widget_type=\"text-editor.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-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:#818a91;color:#fff}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap{color:#818a91;border:3px solid;background-color:transparent}.elementor-widget-text-editor:not(.elementor-drop-cap-view-default) .elementor-drop-cap{margin-top:8px}.elementor-widget-text-editor:not(.elementor-drop-cap-view-default) .elementor-drop-cap-letter{width:1em;height:1em}.elementor-widget-text-editor .elementor-drop-cap{float:left;text-align:center;line-height:1;font-size:50px}.elementor-widget-text-editor .elementor-drop-cap-letter{display:inline-block}<\/style>\t\t\t\t<p>Frankstahl<\/p>\n<p><\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-79aecaa9 elementor-widget__width-initial e-transform elementor-widget-mobile__width-inherit elementor-invisible elementor-widget elementor-widget-text-editor\" data-id=\"79aecaa9\" data-element_type=\"widget\" data-settings=\"{"_animation":"fadeInUp","_animation_delay":300,"_transform_rotateZ_effect":{"unit":"px","size":"","sizes":[]},"_transform_rotateZ_effect_tablet":{"unit":"deg","size":"","sizes":[]},"_transform_rotateZ_effect_mobile":{"unit":"deg","size":"","sizes":[]}}\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.<\/p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.<\/p><p>\u00a0<\/p>\t\t\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\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>Frankstahl Planetary Boundaries [BACK] Frankstahl Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper […]<\/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\/518"}],"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=518"}],"version-history":[{"count":13,"href":"https:\/\/mulipan.com\/index.php\/wp-json\/wp\/v2\/pages\/518\/revisions"}],"predecessor-version":[{"id":537,"href":"https:\/\/mulipan.com\/index.php\/wp-json\/wp\/v2\/pages\/518\/revisions\/537"}],"wp:attachment":[{"href":"https:\/\/mulipan.com\/index.php\/wp-json\/wp\/v2\/media?parent=518"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

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

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

\n\t\t

\n\t\t\t\t

\n\t\t\t\n\n\n \n Frankstahl<\/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: scroll;\n height: 100%;\n }\n \n \/* Project image styling: 70vh tall, left aligned, vertically centered *\/\n .project-image {\n position: absolute;\n left: 0;\n top: 50%;\n transform: translateY(-50%) scale(1);\n z-index: 0;\n height: 70vh;\n max-height: 70vh;\n min-height: 70vh;\n width: auto; \/* Keeps aspect ratio *\/\n \/* Adding max-width so that on small screens it doesn\u2019t exceed the viewport *\/\n max-width: 100vw;\n }\n \n \/* Headline styling: centered; starts hidden for animation *\/\n .headline {\n position: absolute;\n top: 50%;\n left: 50%;\n \/* Start slightly above its final position *\/\n transform: translate(-50%, -60%);\n font-family: 'Chantilly Heavy', sans-serif;\n font-size: 6em;\n color: #0000ff;\n margin: 0;\n white-space: nowrap;\n z-index: 20;\n opacity: 0;\n }\n \n .phl{\n font-family: 'Chantilly Heavy', sans-serif !important;\n font-size: 3em !important;\n color: #0000ff !important;\n margin: 0;\n white-space: nowrap !important;\n z-index: 20;\n opacity: 100;\n text-align: center;\n }\n \n \/* Top right button styling (like your back button) *\/\n .back-button {\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 text-decoration: none;\n }\n \n \/* Mobile adjustments *\/\n @media (max-width: 768px) {\n .headline {\n font-size: 3em; \/* Reduce headline size on mobile for readability *\/\n transform: translate(-50%, -55%);\n display:none;\n }\n \n \n .project-image {\n \/* Keep the image height but ensure it doesn't overflow the viewport *\/\n height: 70vh;\n max-height: 70vh;\n min-height: 70vh;\n width:auto;\n max-width: 300vw;\n object-fit: contain;\n top:0%;\n }\n }\n <\/style>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter&display=swap\" rel=\"stylesheet\">\n<\/head>\n<body>\n \n <img decoding=\"async\" src=\"https:\/\/ybmkiytbywuqqxamazmi.supabase.co\/storage\/v1\/object\/public\/TestModel\/vase.png\" \n alt=\"Planetary Boundaries\" \n class=\"project-image\">\n \n \n <div class=\"headline\">Planetary Boundaries<\/div>\n \n \n <a href=\"https:\/\/mulipan.com\/index.php\/enter\/\" class=\"back-button\">[BACK]<\/a>\n \n <script>\n \/\/ On page load, animate the headline into place.\n window.addEventListener('load', () => {\n const headline = document.querySelector('.headline');\n headline.style.transition = \"opacity 0.4s ease, transform 0.4s ease\";\n setTimeout(() => {\n \/\/ Move headline to centered position and fade in.\n headline.style.transform = \"translate(-50%, -50%)\";\n headline.style.opacity = \"1\";\n }, 400);\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-7c740f02 e-con-full e-con\" data-id=\"7c740f02\" data-element_type=\"container\" data-settings=\"{"content_width":"full","position":"absolute"}\">\n\t\t<div class=\"elementor-element elementor-element-8e959db e-con-full e-con\" data-id=\"8e959db\" data-element_type=\"container\" data-settings=\"{"content_width":"full"}\">\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ff37b6d e-con-full e-con\" data-id=\"ff37b6d\" data-element_type=\"container\" data-settings=\"{"content_width":"full"}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1f63f185 elementor-widget__width-initial e-transform elementor-widget-mobile__width-inherit phl elementor-hidden-desktop elementor-hidden-tablet elementor-invisible elementor-widget elementor-widget-text-editor\" data-id=\"1f63f185\" data-element_type=\"widget\" data-settings=\"{"_animation":"fadeInUp","_animation_delay":300,"_transform_rotateZ_effect":{"unit":"px","size":"","sizes":[]},"_transform_rotateZ_effect_tablet":{"unit":"deg","size":"","sizes":[]},"_transform_rotateZ_effect_mobile":{"unit":"deg","size":"","sizes":[]}}\" data-widget_type=\"text-editor.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-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:#818a91;color:#fff}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap{color:#818a91;border:3px solid;background-color:transparent}.elementor-widget-text-editor:not(.elementor-drop-cap-view-default) .elementor-drop-cap{margin-top:8px}.elementor-widget-text-editor:not(.elementor-drop-cap-view-default) .elementor-drop-cap-letter{width:1em;height:1em}.elementor-widget-text-editor .elementor-drop-cap{float:left;text-align:center;line-height:1;font-size:50px}.elementor-widget-text-editor .elementor-drop-cap-letter{display:inline-block}<\/style>\t\t\t\t<p>Frankstahl<\/p>\n<p><\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-79aecaa9 elementor-widget__width-initial e-transform elementor-widget-mobile__width-inherit elementor-invisible elementor-widget elementor-widget-text-editor\" data-id=\"79aecaa9\" data-element_type=\"widget\" data-settings=\"{"_animation":"fadeInUp","_animation_delay":300,"_transform_rotateZ_effect":{"unit":"px","size":"","sizes":[]},"_transform_rotateZ_effect_tablet":{"unit":"deg","size":"","sizes":[]},"_transform_rotateZ_effect_mobile":{"unit":"deg","size":"","sizes":[]}}\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.<\/p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.<\/p><p>\u00a0<\/p>\t\t\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\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>Frankstahl Planetary Boundaries [BACK] Frankstahl Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper […]<\/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\/518"}],"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=518"}],"version-history":[{"count":13,"href":"https:\/\/mulipan.com\/index.php\/wp-json\/wp\/v2\/pages\/518\/revisions"}],"predecessor-version":[{"id":537,"href":"https:\/\/mulipan.com\/index.php\/wp-json\/wp\/v2\/pages\/518\/revisions\/537"}],"wp:attachment":[{"href":"https:\/\/mulipan.com\/index.php\/wp-json\/wp\/v2\/media?parent=518"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}