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\/frankstahl.png\" \n alt=\"Frankstahl\" \n class=\"project-image\">\n \n \n <div class=\"headline\">Frankstahl<\/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-5a1f103 e-con-full e-con\" data-id=\"5a1f103\" data-element_type=\"container\" data-settings=\"{"content_width":"full","position":"absolute"}\">\n\t\t<div class=\"elementor-element elementor-element-feb8a52 e-con-full e-con\" data-id=\"feb8a52\" data-element_type=\"container\" data-settings=\"{"content_width":"full"}\">\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-57b39ca e-con-full e-con\" data-id=\"57b39ca\" data-element_type=\"container\" data-settings=\"{"content_width":"full"}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ee295cc elementor-widget__width-initial e-transform elementor-widget-mobile__width-inherit phl elementor-invisible elementor-widget elementor-widget-text-editor\" data-id=\"ee295cc\" 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-11e3987 elementor-widget__width-initial e-transform elementor-widget-mobile__width-inherit elementor-invisible elementor-widget elementor-widget-text-editor\" data-id=\"11e3987\" 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 Frankstahl [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 mattis, […]<\/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\/378"}],"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=378"}],"version-history":[{"count":89,"href":"https:\/\/mulipan.com\/index.php\/wp-json\/wp\/v2\/pages\/378\/revisions"}],"predecessor-version":[{"id":514,"href":"https:\/\/mulipan.com\/index.php\/wp-json\/wp\/v2\/pages\/378\/revisions\/514"}],"wp:attachment":[{"href":"https:\/\/mulipan.com\/index.php\/wp-json\/wp\/v2\/media?parent=378"}],"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\/frankstahl.png\" \n alt=\"Frankstahl\" \n class=\"project-image\">\n \n \n <div class=\"headline\">Frankstahl<\/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-5a1f103 e-con-full e-con\" data-id=\"5a1f103\" data-element_type=\"container\" data-settings=\"{"content_width":"full","position":"absolute"}\">\n\t\t<div class=\"elementor-element elementor-element-feb8a52 e-con-full e-con\" data-id=\"feb8a52\" data-element_type=\"container\" data-settings=\"{"content_width":"full"}\">\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-57b39ca e-con-full e-con\" data-id=\"57b39ca\" data-element_type=\"container\" data-settings=\"{"content_width":"full"}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ee295cc elementor-widget__width-initial e-transform elementor-widget-mobile__width-inherit phl elementor-invisible elementor-widget elementor-widget-text-editor\" data-id=\"ee295cc\" 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-11e3987 elementor-widget__width-initial e-transform elementor-widget-mobile__width-inherit elementor-invisible elementor-widget elementor-widget-text-editor\" data-id=\"11e3987\" 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 Frankstahl [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 mattis, […]<\/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\/378"}],"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=378"}],"version-history":[{"count":89,"href":"https:\/\/mulipan.com\/index.php\/wp-json\/wp\/v2\/pages\/378\/revisions"}],"predecessor-version":[{"id":514,"href":"https:\/\/mulipan.com\/index.php\/wp-json\/wp\/v2\/pages\/378\/revisions\/514"}],"wp:attachment":[{"href":"https:\/\/mulipan.com\/index.php\/wp-json\/wp\/v2\/media?parent=378"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}