{"id":12,"date":"2023-09-29T12:13:45","date_gmt":"2023-09-29T11:13:45","guid":{"rendered":"https:\/\/meta-office.eu\/?page_id=12"},"modified":"2023-10-17T09:10:40","modified_gmt":"2023-10-17T08:10:40","slug":"home","status":"publish","type":"page","link":"https:\/\/meta-office.eu\/index.php\/home\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"12\" class=\"elementor elementor-12\">\n\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-be9b632 e-con-full e-flex e-con e-parent\" data-id=\"be9b632\" data-element_type=\"container\" id=\"imagesContainer\" data-settings=\"{&quot;content_width&quot;:&quot;full&quot;,&quot;position&quot;:&quot;fixed&quot;,&quot;background_background&quot;:&quot;classic&quot;}\" data-core-v316-plus=\"true\">\n\t\t<div class=\"elementor-element elementor-element-ff45709 e-con-full mediaContainer 916 e-flex e-con e-child\" data-id=\"ff45709\" data-element_type=\"container\" id=\"media0\" data-settings=\"{&quot;content_width&quot;:&quot;full&quot;,&quot;position&quot;:&quot;absolute&quot;,&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-bf431ea elementor-widget elementor-widget-video\" data-id=\"bf431ea\" data-element_type=\"widget\" id=\"video0\" data-settings=\"{&quot;video_type&quot;:&quot;hosted&quot;,&quot;play_on_mobile&quot;:&quot;yes&quot;,&quot;loop&quot;:&quot;yes&quot;,&quot;mute&quot;:&quot;yes&quot;,&quot;autoplay&quot;:&quot;yes&quot;}\" data-widget_type=\"video.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\/*! elementor - v3.17.0 - 25-10-2023 *\/\n.elementor-widget-video .elementor-widget-container{overflow:hidden;transform:translateZ(0)}.elementor-widget-video .elementor-wrapper{aspect-ratio:var(--video-aspect-ratio)}.elementor-widget-video .elementor-wrapper iframe,.elementor-widget-video .elementor-wrapper video{height:100%;width:100%;display:flex;border:none;background-color:#000}@supports not (aspect-ratio:1\/1){.elementor-widget-video .elementor-wrapper{position:relative;overflow:hidden;height:0;padding-bottom:calc(100% \/ var(--video-aspect-ratio))}.elementor-widget-video .elementor-wrapper iframe,.elementor-widget-video .elementor-wrapper video{position:absolute;top:0;right:0;bottom:0;left:0}}.elementor-widget-video .elementor-open-inline .elementor-custom-embed-image-overlay{position:absolute;top:0;right:0;bottom:0;left:0;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%;aspect-ratio:var(--video-aspect-ratio);-o-object-fit:cover;object-fit:cover;-o-object-position:center center;object-position:center center}@supports not (aspect-ratio:1\/1){.elementor-widget-video .elementor-custom-embed-image-overlay{position:relative;overflow:hidden;height:0;padding-bottom:calc(100% \/ var(--video-aspect-ratio))}.elementor-widget-video .elementor-custom-embed-image-overlay img{position:absolute;top:0;right:0;bottom:0;left:0}}.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:\/\/meta-office.eu\/wp-content\/uploads\/2023\/10\/1_compressed.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>\n\t\t<div class=\"elementor-element elementor-element-a7da1b9 e-con-full mediaContainer 11 e-flex e-con e-child\" data-id=\"a7da1b9\" data-element_type=\"container\" id=\"media6\" data-settings=\"{&quot;content_width&quot;:&quot;full&quot;,&quot;position&quot;:&quot;absolute&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5520dd4 elementor-widget elementor-widget-video\" data-id=\"5520dd4\" data-element_type=\"widget\" id=\"video1\" data-settings=\"{&quot;video_type&quot;:&quot;hosted&quot;,&quot;play_on_mobile&quot;:&quot;yes&quot;,&quot;loop&quot;:&quot;yes&quot;,&quot;mute&quot;:&quot;yes&quot;,&quot;autoplay&quot;:&quot;yes&quot;}\" data-widget_type=\"video.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"e-hosted-video elementor-wrapper elementor-open-inline\">\n\t\t\t\t\t<video class=\"elementor-video\" src=\"https:\/\/meta-office.eu\/wp-content\/uploads\/2023\/10\/7.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>\n\t\t<div class=\"elementor-element elementor-element-0f8dcef e-con-full mediaContainer 169 e-flex e-con e-child\" data-id=\"0f8dcef\" data-element_type=\"container\" id=\"media7\" data-settings=\"{&quot;content_width&quot;:&quot;full&quot;,&quot;position&quot;:&quot;absolute&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-de51883 elementor-widget elementor-widget-video\" data-id=\"de51883\" data-element_type=\"widget\" id=\"video2\" data-settings=\"{&quot;video_type&quot;:&quot;hosted&quot;,&quot;autoplay&quot;:&quot;yes&quot;,&quot;play_on_mobile&quot;:&quot;yes&quot;,&quot;loop&quot;:&quot;yes&quot;,&quot;mute&quot;:&quot;yes&quot;}\" data-widget_type=\"video.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"e-hosted-video elementor-wrapper elementor-open-inline\">\n\t\t\t\t\t<video class=\"elementor-video\" src=\"https:\/\/meta-office.eu\/wp-content\/uploads\/2023\/10\/8-1.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>\n\t\t<div class=\"elementor-element elementor-element-f553c0b e-con-full mediaContainer 169 e-flex e-con e-child\" data-id=\"f553c0b\" data-element_type=\"container\" id=\"media2\" data-settings=\"{&quot;content_width&quot;:&quot;full&quot;,&quot;position&quot;:&quot;absolute&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5f3b153 elementor-widget elementor-widget-video\" data-id=\"5f3b153\" data-element_type=\"widget\" id=\"video3\" data-settings=\"{&quot;video_type&quot;:&quot;hosted&quot;,&quot;autoplay&quot;:&quot;yes&quot;,&quot;play_on_mobile&quot;:&quot;yes&quot;,&quot;loop&quot;:&quot;yes&quot;,&quot;mute&quot;:&quot;yes&quot;}\" data-widget_type=\"video.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"e-hosted-video elementor-wrapper elementor-open-inline\">\n\t\t\t\t\t<video class=\"elementor-video\" src=\"https:\/\/meta-office.eu\/wp-content\/uploads\/2023\/10\/02_meta_office_2.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>\n\t\t<div class=\"elementor-element elementor-element-a7cf33b e-con-full mediaContainer 169 e-flex e-con e-child\" data-id=\"a7cf33b\" data-element_type=\"container\" id=\"media5\" data-settings=\"{&quot;content_width&quot;:&quot;full&quot;,&quot;position&quot;:&quot;absolute&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3a98371 elementor-widget elementor-widget-video\" data-id=\"3a98371\" data-element_type=\"widget\" id=\"video4\" data-settings=\"{&quot;video_type&quot;:&quot;hosted&quot;,&quot;autoplay&quot;:&quot;yes&quot;,&quot;play_on_mobile&quot;:&quot;yes&quot;,&quot;loop&quot;:&quot;yes&quot;,&quot;mute&quot;:&quot;yes&quot;}\" data-widget_type=\"video.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"e-hosted-video elementor-wrapper elementor-open-inline\">\n\t\t\t\t\t<video class=\"elementor-video\" src=\"https:\/\/meta-office.eu\/wp-content\/uploads\/2023\/10\/6.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>\n\t\t<div class=\"elementor-element elementor-element-690fc0c e-con-full mediaContainer 11 e-flex e-con e-child\" data-id=\"690fc0c\" data-element_type=\"container\" id=\"media1\" data-settings=\"{&quot;content_width&quot;:&quot;full&quot;,&quot;position&quot;:&quot;absolute&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5b594a0 elementor-widget elementor-widget-video\" data-id=\"5b594a0\" data-element_type=\"widget\" id=\"video5\" data-settings=\"{&quot;video_type&quot;:&quot;hosted&quot;,&quot;autoplay&quot;:&quot;yes&quot;,&quot;play_on_mobile&quot;:&quot;yes&quot;,&quot;loop&quot;:&quot;yes&quot;,&quot;mute&quot;:&quot;yes&quot;}\" data-widget_type=\"video.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"e-hosted-video elementor-wrapper elementor-open-inline\">\n\t\t\t\t\t<video class=\"elementor-video\" src=\"https:\/\/meta-office.eu\/wp-content\/uploads\/2023\/10\/03_sensing_domesticity.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>\n\t\t<div class=\"elementor-element elementor-element-9ba5ae1 e-con-full mediaContainer 11 e-flex e-con e-child\" data-id=\"9ba5ae1\" data-element_type=\"container\" id=\"media3\" data-settings=\"{&quot;content_width&quot;:&quot;full&quot;,&quot;position&quot;:&quot;absolute&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-fab8415 elementor-widget elementor-widget-video\" data-id=\"fab8415\" data-element_type=\"widget\" id=\"video6\" data-settings=\"{&quot;video_type&quot;:&quot;hosted&quot;,&quot;autoplay&quot;:&quot;yes&quot;,&quot;play_on_mobile&quot;:&quot;yes&quot;,&quot;loop&quot;:&quot;yes&quot;,&quot;mute&quot;:&quot;yes&quot;}\" data-widget_type=\"video.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"e-hosted-video elementor-wrapper elementor-open-inline\">\n\t\t\t\t\t<video class=\"elementor-video\" src=\"https:\/\/meta-office.eu\/wp-content\/uploads\/2023\/10\/04_from_mine_to_mine.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>\n\t\t<div class=\"elementor-element elementor-element-891d8e2 e-con-full mediaContainer 11 e-flex e-con e-child\" data-id=\"891d8e2\" data-element_type=\"container\" id=\"media8\" data-settings=\"{&quot;content_width&quot;:&quot;full&quot;,&quot;position&quot;:&quot;absolute&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6b5f0b0 elementor-widget elementor-widget-video\" data-id=\"6b5f0b0\" data-element_type=\"widget\" id=\"video7\" data-settings=\"{&quot;video_type&quot;:&quot;hosted&quot;,&quot;autoplay&quot;:&quot;yes&quot;,&quot;play_on_mobile&quot;:&quot;yes&quot;,&quot;loop&quot;:&quot;yes&quot;,&quot;mute&quot;:&quot;yes&quot;}\" data-widget_type=\"video.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"e-hosted-video elementor-wrapper elementor-open-inline\">\n\t\t\t\t\t<video class=\"elementor-video\" src=\"https:\/\/meta-office.eu\/wp-content\/uploads\/2023\/10\/04_from_mine_to_mine_2.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>\n\t\t<div class=\"elementor-element elementor-element-bcc0d8b e-con-full mediaContainer 169 e-flex e-con e-child\" data-id=\"bcc0d8b\" data-element_type=\"container\" id=\"media4\" data-settings=\"{&quot;content_width&quot;:&quot;full&quot;,&quot;position&quot;:&quot;fixed&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7ec9ea9 elementor-widget elementor-widget-video\" data-id=\"7ec9ea9\" data-element_type=\"widget\" id=\"video8\" data-settings=\"{&quot;video_type&quot;:&quot;hosted&quot;,&quot;autoplay&quot;:&quot;yes&quot;,&quot;play_on_mobile&quot;:&quot;yes&quot;,&quot;loop&quot;:&quot;yes&quot;,&quot;mute&quot;:&quot;yes&quot;}\" data-widget_type=\"video.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"e-hosted-video elementor-wrapper elementor-open-inline\">\n\t\t\t\t\t<video class=\"elementor-video\" src=\"https:\/\/meta-office.eu\/wp-content\/uploads\/2023\/10\/5-1.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>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-a4b13f2 e-con-full e-flex e-con e-parent\" data-id=\"a4b13f2\" data-element_type=\"container\" id=\"cursorLayer\" data-settings=\"{&quot;content_width&quot;:&quot;full&quot;,&quot;position&quot;:&quot;absolute&quot;}\" data-core-v316-plus=\"true\">\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3a7dd3a e-con-full e-flex e-con e-parent\" data-id=\"3a7dd3a\" data-element_type=\"container\" id=\"topLayer\" data-settings=\"{&quot;content_width&quot;:&quot;full&quot;}\" data-core-v316-plus=\"true\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9c45a0d elementor-widget-mobile__width-inherit elementor-absolute elementor-widget elementor-widget-heading\" data-id=\"9c45a0d\" data-element_type=\"widget\" id=\"headline\" data-settings=\"{&quot;_position&quot;:&quot;absolute&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\/*! elementor - v3.17.0 - 25-10-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\">meta office<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e4d2352 e-con-full elementor-hidden-desktop e-flex e-con e-child\" data-id=\"e4d2352\" data-element_type=\"container\" id=\"loader\" data-settings=\"{&quot;content_width&quot;:&quot;full&quot;,&quot;background_background&quot;:&quot;video&quot;,&quot;position&quot;:&quot;absolute&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-0a77c84 e-con-full e-flex e-con e-child\" data-id=\"0a77c84\" data-element_type=\"container\" id=\"introDot\" data-settings=\"{&quot;content_width&quot;:&quot;full&quot;,&quot;background_background&quot;:&quot;classic&quot;,&quot;position&quot;:&quot;fixed&quot;}\">\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0280e84 elementor-widget elementor-widget-text-editor\" data-id=\"0280e84\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\/*! elementor - v3.17.0 - 25-10-2023 *\/\n.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:#69727d;color:#fff}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap{color:#69727d;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\tMeta Office is a research-based design practice working at the intersection of architecture, multimedia, and digital culture. Founded in 2022 by Lauritz Bohne, Lea Scherer, and Edward Zammit, it has since evolved into a growing network of collaborators dedicated to bridging the digital and physical in unexpected and unconventional ways. Their work has already been exhibited in various museums, including the <a class=\"ao\" href=\"https:\/\/www.centrepompidou.fr\/fr\/\">Centre Pompidou<\/a> in Paris, <a class=\"ao\" href=\"https:\/\/www.mast.org\">Fondazione MAST<\/a> in Bologna, and <a class=\"ao\" href=\"https:\/\/civa.brussels\/fr\">C.I.V.A<\/a> in Brussels.\nFor inquiries, questions, or just to say hello, please feel free to contact us at <a class=\"ao\" href=\"mailto:hello@meta-office.eu\">hello@meta-office.eu<\/a>.\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0c667d6 elementor-widget-mobile__width-inherit elementor-absolute elementor-widget elementor-widget-heading\" data-id=\"0c667d6\" data-element_type=\"widget\" id=\"headline2\" data-settings=\"{&quot;_position&quot;:&quot;absolute&quot;}\" 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\">meta office<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-eb4534c elementor-widget-mobile__width-inherit elementor-fixed elementor-widget elementor-widget-heading\" data-id=\"eb4534c\" data-element_type=\"widget\" id=\"move\" data-settings=\"{&quot;_position&quot;:&quot;fixed&quot;}\" 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\">move to explore<\/h2>\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-86b78bb e-con-full e-flex e-con e-parent\" data-id=\"86b78bb\" data-element_type=\"container\" id=\"header\" data-settings=\"{&quot;content_width&quot;:&quot;full&quot;,&quot;position&quot;:&quot;fixed&quot;,&quot;background_background&quot;:&quot;classic&quot;}\" data-core-v316-plus=\"true\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e180370 elementor-absolute elementor-widget elementor-widget-heading\" data-id=\"e180370\" data-element_type=\"widget\" id=\"email\" data-settings=\"{&quot;_position&quot;:&quot;absolute&quot;}\" 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\"><a href=\"mailto:hello@meta-office.eu\">hello@meta-office.eu<\/a><\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2536e81 elementor-absolute elementor-widget elementor-widget-heading\" data-id=\"2536e81\" data-element_type=\"widget\" id=\"insta\" data-settings=\"{&quot;_position&quot;:&quot;absolute&quot;}\" 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\"><a href=\"https:\/\/www.instagram.com\/metaoffice_\/\">instagram<\/a><\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6406360 elementor-absolute elementor-widget elementor-widget-heading\" data-id=\"6406360\" data-element_type=\"widget\" id=\"year\" data-settings=\"{&quot;_position&quot;:&quot;absolute&quot;}\" 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\">Rotterdam, NL<br>\n\u00a92023<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-992b6e8 e-con-full e-flex e-con e-parent\" data-id=\"992b6e8\" data-element_type=\"container\" id=\"circleLayer\" data-settings=\"{&quot;content_width&quot;:&quot;full&quot;,&quot;position&quot;:&quot;absolute&quot;}\" data-core-v316-plus=\"true\">\n\t\t<div class=\"elementor-element elementor-element-994e496 e-con-full e-flex e-con e-child\" data-id=\"994e496\" data-element_type=\"container\" id=\"circularcursor\" data-settings=\"{&quot;content_width&quot;:&quot;full&quot;,&quot;position&quot;:&quot;absolute&quot;}\">\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-f69df33 e-con-full e-flex e-con e-parent\" data-id=\"f69df33\" data-element_type=\"container\" id=\"dataLayer\" data-settings=\"{&quot;content_width&quot;:&quot;full&quot;,&quot;position&quot;:&quot;absolute&quot;}\" data-core-v316-plus=\"true\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9e662e6 elementor-absolute elementor-widget elementor-widget-html\" data-id=\"9e662e6\" data-element_type=\"widget\" data-settings=\"{&quot;_position&quot;:&quot;absolute&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<script src=\"https:\/\/code.jquery.com\/jquery-3.6.0.min.js\"><\/script>\r\n\r\n<style>\r\n\r\n        .bl:hover + #circularcursor {\r\n                background: #ccc;\r\n            }\r\n\r\n        body {\r\n            margin: 0px;\r\n            overflow: hidden;\r\n            padding:0px;\r\n        }\r\n        \r\n        #header{\r\n            opacity: 1;\r\n        }\r\n\r\n        a{\r\n            text-decoration: none;\r\n            cursor: none;\r\n        }\r\n        \r\n        a.ao{\r\n            color:red;\r\n            text-decoration: underline;\r\n        }\r\n\r\n        #cursorLayer{\r\n            pointer-events: none;\r\n        }\r\n        \r\n        #move{\r\n            width:150px;\r\n            opacity: 1;\r\n            top:95px;\r\n            left:45px;\r\n            transition: left 2s;\r\n            transform: translate(-50%, -50%);\r\n            font-family: Roboto;\r\n            color:white;\r\n            font-size: 0.8em;\r\n            line-height: 1em;\r\n        }\r\n        \r\n        @keyframes pulsate {\r\n            0% {\r\n                transform: scale(1); \/* Start at normal size *\/\r\n            }\r\n            50% {\r\n                transform: scale(2); \/* Grow to twice its size *\/\r\n            }\r\n            100% {\r\n                transform: scale(1); \/* Return to normal size *\/\r\n            }\r\n        }\r\n        \r\n        html{\r\n            cursor:none;\r\n              -webkit-user-select: none; \/* Safari *\/\r\n              -ms-user-select: none; \/* IE 10 and IE 11 *\/\r\n              user-select: none; \/* Standard syntax *\/\r\n        }\r\n        \r\n        .mediaContainer{\r\n            transition: opacity 2s ease-in-out, scale 1s ease-in-out;\r\n            margin: 0px;\r\n            z-index: 0;\r\n            position: absolute;\r\n              left: 50% !important;\r\n              transform: translate(-50%, -50%);\r\n              cursor: none;\r\n              opacity: 0;\r\n        }\r\n        \r\n        .mediaContainer:hover{\r\n           \r\n              cursor: none;\r\n        }\r\n        \r\n        video{\r\n            cursor: none;\r\n        }\r\n        \r\n        #introDot{\r\n            transform: translate(-50%, -50%);\r\n            max-height: 20px;\r\n            transition: left 2s;\r\n            animation: pulsate 2s infinite;\r\n            top:120px;\r\n            left:80px;\r\n        }\r\n        \r\n        #headline{\r\n           -webkit-user-select: none; \/* Safari *\/\r\n            -ms-user-select: none; \/* IE 10 and IE 11 *\/\r\n            user-select: none; \/* Standard syntax *\/ \r\n            color:white;\r\n            position: sticky !important;\r\n            bottom: env(safe-area-inset-bottom) !important; \r\n        }\r\n        \r\n        #headline2{\r\n           -webkit-user-select: none; \/* Safari *\/\r\n            -ms-user-select: none; \/* IE 10 and IE 11 *\/\r\n            user-select: none; \/* Standard syntax *\/ \r\n            color:white;\r\n            position: sticky !important;\r\n            bottom: env(safe-area-inset-bottom) !important; \r\n        }\r\n        \r\n        #loader{\r\n            transition: opacity 1s;\r\n        }\r\n        #dataLayer{\r\n            pointer-events: none;\r\n            mix-blend-mode: difference;\r\n        }\r\n        \r\n        \r\n        \r\n        #data{\r\n          position:fixed;\r\n          height:50px;\r\n          width:300px;\r\n          border-radius:5%;\r\n          display:grid;\r\n          grid-template-columns:repeat(1, 1fr); \/\/ repeat 3 columns\r\n          grid-column-gap: 2px; \/\/ 2px gap between\r\n          align-items: top; \/\/ ensure items align at the bottom\r\n          z-index: 9 !important;\r\n          color: white; \/* Background color for the text *\/\r\n\r\n        \r\n            -webkit-user-select: none; \/* Safari *\/\r\n            -ms-user-select: none; \/* IE 10 and IE 11 *\/\r\n            user-select: none; \/* Standard syntax *\/\r\n        }\r\n        \r\n        #introText{\r\n            visibility: hidden;\r\n            transform: translate(0%, -50%);\r\n            font-size: 1em;\r\n        }\r\n        \r\n        #mailText{\r\n            visibility: hidden;\r\n\r\n            transform: translate(-10%, 170%);\r\n            font-size: 1em;\r\n        }\r\n        \r\n        #instaText{\r\n            visibility: hidden;\r\n            transform: translate(-10%, 140%);\r\n            font-size: 1em;\r\n        }\r\n        \r\n        #linkCount{\r\n            font-size: 2em;\r\n        }\r\n        \r\n        #headerCounter{\r\n            font-size: 2em;\r\n            visibility: hidden;\r\n            transform: translate(-10%, 130%);\r\n        }\r\n        \r\n        span{\r\n            font-size: 0.8em;\r\n            line-height: 1em;\r\n            z-index: 9 !important;\r\n            -webkit-user-select: none; \/* Safari *\/\r\n            -ms-user-select: none; \/* IE 10 and IE 11 *\/\r\n            user-select: none; \/* Standard syntax *\/\r\n        }\r\n        \r\n        #circularcursor{\r\n            visibility: hidden;\r\n            pointer-events: none;\r\n        }\r\n        \r\n    @media only screen and (max-width: 600px) {\r\n      .mediaContainer{\r\n            transition: opacity 2s ease-in-out, scale 1s ease-in-out;\r\n            margin: 0px;\r\n            z-index: 0;\r\n            position: absolute;\r\n              left: 50% !important;\r\n              transform: translate(-50%, -50%);\r\n        }\r\n        #circleLayer{\r\n            pointer-events: none;\r\n        }\r\n    }\r\n    \r\n    @media only screen and (min-width: 600px) {\r\n        #email{\r\n                transform: translate(-50%, 0%);\r\n            }\r\n        #introText{\r\n            visibility: hidden;\r\n            transform: translate(0%, -250%);\r\n            font-size: 1em;\r\n        }\r\n        #mailText{\r\n            visibility: hidden;\r\n\r\n            transform: translate(0%, -300%);\r\n            font-size: 1em;\r\n        }\r\n        \r\n        #instaText{\r\n            visibility: hidden;\r\n            transform: translate(-50%, -500%);\r\n            font-size: 1em;\r\n        }\r\n        \r\n        #circleLayer{\r\n            pointer-events: none;\r\n        }\r\n        #topLayer{\r\n            pointer-events: none;\r\n        }\r\n    }\r\n<\/style>\r\n\r\n<div id=\"data\">\r\n    <span id=\"linkCount\"><\/span>\r\n    <span id=\"link\"><\/span>\r\n    <span id=\"file\"><\/span>\r\n    <span id=\"x\"><\/span>\r\n    <span id=\"acceleration\"><\/span>\r\n    <span id=\"speed\"><\/span>\r\n    <span id=\"introText\">A research-based design practice at the intersection of architecture, multimedia, and digital culture. Initiated by Lauritz Bohne, Lea Scherer, and Edward Zammit. <\/span>\r\n    <span id=\"headerCounter\">Instagram<\/span>\r\n    <span id=\"mailText\">For question, inquiries <br>or just say hello<\/span>\r\n    <span id=\"instaText\">Instagram<\/span>\r\n<\/div>\r\n\r\n<script>\r\n        \/\/ Wait for the document to be ready\r\n        $(document).ready(function() {\r\n            \/\/ Find all containers with the specified class\r\n            $('.container').each(function() {\r\n                \/\/ Find the video element inside the current container\r\n                const video = $(this).find('div').find('div').find('video');\r\n\r\n                \/\/ Generate a unique ID for the video element\r\n                const containerId = $(this).attr('id');\r\n                const videoId = containerId + 'child';\r\n\r\n                \/\/ Set the ID of the video element\r\n                video.attr('id', videoId);\r\n            });\r\n        });\r\n<\/script>\r\n\r\n<script>\r\nconst videoElements = document.querySelectorAll('video');\r\n    const container = document.getElementById(\"dataLayer\");\r\n    var counter = 8;\r\n    var mediaAmount = 9;\r\n    var isHovering =  false;\r\n    var linkCounts = false;\r\n    let countingInterval=0;\r\n    let intervalLink=setInterval(countUp,100);\r\n    let intervalId=setInterval(changeImage,100);\r\n    let TokenId=setInterval(checkToken,9000);\r\n    let linkAction=true;\r\n    let here = false;\r\n    let changeToken = true;\r\n    let linkAlone = true;\r\n    let instaCounter = false;\r\n    let f = 0;\r\n    let mailHover = false;\r\n    let instaHover = false;\r\n    let introClicked = false;\r\n    if(window.innerWidth>600){\r\n        introClicked = true;\r\n    }\r\n    \r\n    var introCounter =0;\r\n    \r\n    const videos = document.querySelectorAll('video');\r\n    if(window.innerWidth<600){\r\n        document.getElementById(\"link\").style.visibility=\"hidden\";\r\n    }\r\n    for(let i=0;i<videos.length;i++){\r\n        videos[i].id = \"videoChild\"+i;\r\n        if(window.innerWidth>600){\r\n        videos[i].click();    \r\n        videos[i].addEventListener('click', linkNewTab);\r\n        }\r\n    }\r\n\r\n    function changeImage(){\r\n        if(introClicked){\r\n        for(var i=0;i<mediaAmount;i++){\r\n            \r\n            \/\/document.getElementById(\"videoChild\"+i).volume=document.getElementById(\"media\"+i).style.opacity;\r\n                }\r\n        if(changeToken){\r\n            document.getElementById(\"data\").style.zIndex=\"0\";\r\n            if(!isHovering){\r\n                for(var i=0;i<mediaAmount;i++){\r\n                    document.getElementById(\"media\"+i).style.opacity=\"0\";\r\n                    document.getElementById(\"media\"+i).style.zIndex=\"0\";\r\n                    \/*\r\n                    document.getElementById(\"videoChild\"+i).pause();\r\n                    document.getElementById(\"videoChild\"+i).currentTime=0;\r\n                    document.getElementById(\"videoChild\"+i).play();\r\n                    *\/\r\n                    \/\/document.getElementById(\"videoChild\"+i).play();\r\n                    here=false;\r\n                    \/\/document.getElementById(\"videoChild\"+i).muted=true;\r\n                }\r\n                \r\n                \/\/document.getElementById(\"videoChild\"+counter).time=0;\r\n                \/\/document.getElementById(\"videoChild\"+counter).play();\r\n    \r\n                \r\n                \/\/document.getElementById(\"videoChild\"+counter).currentTime=0;\r\n                \/\/document.getElementById(\"videoChild\"+counter).pause();\r\n                console.log(counter);\r\n                setTimeout(() => {\r\n                    let frontData = document.getElementById(\"data\");\r\n                    let redDot = document.getElementById(\"circularcursor\");\r\n                    document.getElementById(\"media\"+counter).style.opacity=\"1\";\r\n                    document.getElementById(\"media\"+counter).style.zIndex=\"2\";\r\n                    container.appendChild(frontData);\r\n                    here=true;\r\n                    frontData.zIndex=\"9\";\r\n                    \/\/document.getElementById(\"videoChild\"+(counter-1)).pause();\r\n                }, 2000);\r\n                \r\n                setTimeout(() => {\r\n                    videoElements.forEach(video => {\r\n                          video.currentTime = 0;\r\n                          \/\/ Set the current time to 0 (the beginning)\r\n                        });\r\n                }, 1600);\r\n                \/\/document.getElementById(\"videoChild\"+counter).pause()\r\n                \r\n                counter = counter+1;\r\n\r\n                changeToken = false;\r\n                clearInterval(TokenId);\r\n                TokenId=setInterval(checkToken,9000);\r\n                if (counter>mediaAmount-1){\r\n                    counter=0;\r\n                }\r\n            }\r\n            else{\r\n                document.getElementById(\"media\"+counter).style.opacity=\"1\";\r\n            }\r\n        }\r\n        }\r\n    }\r\n    \r\n    function checkToken(){\r\n        changeToken=true;\r\n    }\r\n    \r\n    changeImage();\r\n    \r\nlet currentColor;\r\n\r\nlet mediaNames = [\r\n    \"Comfort Zone\",\r\n    \"Sensing Domesticity\",\r\n    \"Meta Office (2021)\",\r\n    \"From Mine to Mine\",\r\n    \"Behind the Screens\",\r\n    \"Meta Office (2021)\",\r\n    \"Comfort Zone\",\r\n    \"Meta Office (2021)\",\r\n    \"From Mine to Mine\"\r\n    ]\r\n    \r\nlet mediaLinks = [\r\n    \"https:\/\/civa.brussels\/fr\/expos-events\/power\",\r\n    \"\",\r\n    \"https:\/\/vimeo.com\/594627702?share=copy\",\r\n    \"https:\/\/koozarch.com\/interviews\/from-mine-to-mine-a-territory-in-transition\",\r\n    \"https:\/\/image-capital.com\/access\/\",\r\n    \"https:\/\/vimeo.com\/594627702?share=copy\",\r\n    \"https:\/\/www.de-studio.co\",\r\n    \"https:\/\/vimeo.com\/594627702?share=copy\",\r\n    \"https:\/\/koozarch.com\/interviews\/from-mine-to-mine-a-territory-in-transition\"\r\n    ]\r\n\r\nvar prevEvent, currentEvent;\r\ndocument.documentElement.onmousemove = function (event) {\r\n    currentEvent = event;\r\n}\r\n\r\n\r\nconst pointA = getElementPositionAndSize(\"headline2\");\r\n\/\/const pointB = getElementPositionAndSize(\"header\");\r\n\r\nconst pointC = pointA.top\/2;\r\nconsole.log(pointC);\r\n\r\nif(window.innerWidth<600){\r\n    for(var a=0;a<9;a++){\r\n    document.getElementById(\"media\"+a).style.top=pointC+15+\"px\";\r\n    }\r\n}\r\nelse{\r\n    for(var a=0;a<9;a++){\r\n    document.getElementById(\"media\"+a).style.top=50+\"%\";\r\n    }\r\n}\r\n\r\n\r\nlet prevX = 0;\r\nlet prevY = 0;\r\nlet prevTimestamp2 = 0;\r\n\r\ndocument.documentElement.addEventListener('touchmove', function (e) {\r\n            \/\/dataVisible();\r\n            const linkAction=true;\r\n            const touch = e.touches[0];\r\n            const currentX = touch.clientX;\r\n            const currentY = touch.clientY;\r\n            const currentTimestamp = Date.now();\r\n            \r\n            if (prevX !== undefined && prevY !== undefined && prevTimestamp2 !== undefined) {\r\n                const deltaX = currentX - prevX;\r\n                const deltaY = currentY - prevY;\r\n                const deltaTime = currentTimestamp - prevTimestamp2;\r\n                \r\n                const speedX = Math.abs(deltaX) \/ (deltaTime \/ 1000); \/\/ Speed in pixels per second\r\n                const speedY = Math.abs(deltaY) \/ (deltaTime \/ 1000); \/\/ Speed in pixels per second\r\n                \r\n                const speed = Math.sqrt(speedX * speedX + speedY * speedY);\r\n                \r\n                document.getElementById(\"speed\").innerHTML = \"speed: \"+ speed.toFixed(2) +\" px\/s\";\r\n            }\r\n            \r\n            prevX = currentX;\r\n            prevY = currentY;\r\n            prevTimestamp2 = currentTimestamp;\r\n        });\r\n        \r\n        document.documentElement.addEventListener('touchend', function (e) {\r\n            document.getElementById(\"data\").style.opacity = 0;\r\n        });\r\n        \r\n        document.documentElement.addEventListener('touchstart', function (e) {\r\n            document.getElementById(\"data\").style.opacity = 1;\r\n        });\r\n\r\nvar maxSpeed = 0, prevSpeed = 0, maxPositiveAcc = 0, maxNegativeAcc = 0;\r\nsetInterval(function () {\r\n    if (prevEvent && currentEvent) {\r\n        var movementX = Math.abs(currentEvent.screenX - prevEvent.screenX);\r\n        var movementY = Math.abs(currentEvent.screenY - prevEvent.screenY);\r\n        var movement = Math.sqrt(movementX * movementX + movementY * movementY);\r\n\r\n        var speed = 10 * movement;\r\n\r\n        document.getElementById(\"speed\").innerHTML = \"speed: \" + Math.round(speed) + \"px\/s\";\r\n\r\n        var acceleration = 10 * (speed - prevSpeed);\r\n\r\n        if(window.innerWidth>600){\r\n        document.getElementById(\"acceleration\").innerHTML = \"acceleration \" + Math.round(acceleration) + \"px\/s\u00b2\";\r\n        }\r\n\r\n    }\r\n\r\n    prevEvent = currentEvent;\r\n    prevSpeed = speed;\r\n}, 100);\r\n\r\nlet letGrow=false;\r\n\r\ndocument.addEventListener('mousemove', function (e) {\r\n    \r\n    if(window.innerWidth>600){\r\n    \/\/let body = document.querySelector('body');\r\n    let cursorDiv = document.getElementById('data');\r\n    let redDot = document.getElementById('circularcursor');\r\n    redDot.style.visibility=\"visible\";\r\n    redDot.style.opacity=\"visible\";\r\n    let xData = document.getElementById('x');\r\n    let yData = document.getElementById('y');\r\n    \r\n    if(letGrow==false){\r\n        redDot.style.width = 20 + 'px';\r\n        redDot.style.height = 20 + 'px';\r\n        document.getElementById(\"acceleration\").style.visibility=\"visible\";\r\n        document.getElementById('introText').style.visibility = \"hidden\";\r\n        document.getElementById(\"speed\").style.visibility=\"visible\";\r\n        document.getElementById(\"x\").style.visibility=\"visible\";\r\n        }\r\n    \r\n    cursorDiv.style.left = (e.pageX +15) + 'px';\r\n    cursorDiv.style.top = (e.pageY +15) + 'px';\r\n    redDot.style.left = (e.pageX) + 'px';\r\n    redDot.style.top = (e.pageY) + 'px';\r\n    xData.innerHTML = \"x\" + e.pageX + \"y\" + e.pageY;\r\n    const introInfo = getElementPositionAndSize(\"headline\");\r\n    const elementInfo = getElementPositionAndSize(\"media\"+counter);\r\n    const instaInfo = getElementPositionAndSize(\"insta\");\r\n    const emailInfo = getElementPositionAndSize(\"email\");\r\n    if(elementInfo.left<e.pageX && e.pageX<(elementInfo.left+elementInfo.width) && elementInfo.top<e.pageY && e.pageY<(elementInfo.top+elementInfo.height) && here){\r\n        document.getElementById('linkCount').style.display = \"inline\";\r\n        document.getElementById('file').innerHTML = mediaNames[counter];\r\n        document.getElementById('link').innerHTML = mediaLinks[counter];\r\n        isHovering=true;\r\n        document.getElementById('media'+counter).style.scale=1.00;\r\n        document.getElementById(\"file\").style.visibility=\"visible\";\r\n        document.getElementById(\"acceleration\").style.visibility=\"hidden\";\r\n        document.getElementById(\"speed\").style.visibility=\"hidden\";\r\n        document.getElementById(\"x\").style.visibility=\"hidden\";\r\n        redDot.style.width = 28 + 'px';\r\n        redDot.style.height = 28 + 'px';\r\n        }\r\n        else if(introInfo.left<e.pageX && e.pageX<(introInfo.left+introInfo.width) && introInfo.top<e.pageY && e.pageY<(introInfo.top+introInfo.height) && here){\r\n        document.getElementById('introText').style.visibility = \"visible\";\r\n        document.getElementById('mailText').style.visibility = \"hidden\";\r\n        document.getElementById('instaText').style.visibility = \"hidden\";\r\n        document.getElementById('x').style.visibility = \"hidden\";\r\n        document.getElementById('speed').style.visibility = \"hidden\";\r\n        document.getElementById('acceleration').style.visibility = \"hidden\";\r\n        redDot.style.width = 28 + 'px';\r\n        redDot.style.height = 28 + 'px';\r\n        }\r\n        else if(instaInfo.left<e.pageX && e.pageX<(instaInfo.left+instaInfo.width) && instaInfo.top<e.pageY && e.pageY<(instaInfo.top+instaInfo.height) && here){\r\n        document.getElementById('instaText').style.visibility = \"visible\";\r\n        document.getElementById('x').style.visibility = \"hidden\";\r\n        document.getElementById('speed').style.visibility = \"hidden\";\r\n        document.getElementById('mailText').style.visibility = \"hidden\";\r\n        document.getElementById('instaText').style.visibility = \"visible\";\r\n       instaHover=true;\r\n        mailHover=false;\r\n        }\r\n        else if(emailInfo.left<e.pageX && e.pageX<(emailInfo.left+emailInfo.width) && emailInfo.top<e.pageY && e.pageY<(emailInfo.top+emailInfo.height) && here){\r\n            cursorDiv.style.left = (e.pageX +15) + 'px';\r\n            cursorDiv.style.top = (e.pageY +15) + 'px';\r\n            document.getElementById('mailText').style.visibility = \"visible\";\r\n            document.getElementById('x').style.visibility = \"hidden\";\r\n            document.getElementById('speed').style.visibility = \"hidden\";\r\n            document.getElementById('mailText').style.visibility = \"visible\";\r\n            document.getElementById('instaText').style.visibility = \"hidden\";\r\n            instaHover=false;\r\n            mailHover=true;\r\n            }\r\n        else{\r\n            document.getElementById('file').innerHTML = \"\";\r\n            document.getElementById('link').innerHTML = \"\";\r\n            document.getElementById('linkCount').innerHTML = \"\";\r\n            document.getElementById(\"acceleration\").style.visibility=\"visible\";\r\n            document.getElementById('introText').style.visibility = \"hidden\";\r\n            document.getElementById(\"speed\").style.visibility=\"visible\";\r\n            document.getElementById(\"x\").style.visibility=\"visible\";\r\n            document.getElementById('mailText').style.visibility = \"hidden\";\r\n        document.getElementById('instaText').style.visibility = \"hidden\";\r\n            isHovering=false;\r\n            document.getElementById('media'+counter).style.scale=1.0;\r\n            countingInterval=0;\r\n            redDot.style.width = 20 + 'px';\r\n            redDot.style.height = 20 + 'px';\r\n            instaHover=false;\r\n            mailHover=false;\r\n            cursorDiv.style.left = (e.pageX +15) + 'px';\r\n            cursorDiv.style.top = (e.pageY +15) + 'px';\r\n            \r\n        }\r\n    \r\n    \r\n    if(letGrow==true){\r\n        redDot.style.width = 28 + 'px';\r\n        redDot.style.height = 28 + 'px';\r\n        document.getElementById(\"acceleration\").style.visibility=\"hidden\";\r\n        document.getElementById('introText').style.visibility = \"hidden\";\r\n        document.getElementById(\"speed\").style.visibility=\"hidden\";\r\n        document.getElementById(\"x\").style.visibility=\"hidden\";\r\n    }\r\n    }\r\n});\r\n\r\n    document.getElementById(\"insta\").addEventListener('mouseover', function() {\r\n        letGrow=true;\r\n        instaHover=true;\r\n        \r\n    });\r\n    \r\n    document.getElementById(\"insta\").addEventListener('mouseout', function() {\r\n        letGrow=false;\r\n        instaHover=false;\r\n    });\r\n    \r\n    document.getElementById(\"email\").addEventListener('mouseover', function() {\r\n        letGrow=true;\r\n        mailHover=true;\r\n    });\r\n    \r\n    document.getElementById(\"email\").addEventListener('mouseout', function() {\r\n        letGrow=false;\r\n        mailHover=false;\r\n    });\r\n\r\ndocument.addEventListener('touchmove', function (e) {\r\n    if(introClicked){\r\n    \/\/let body = document.querySelector('body');\r\n    dataVisible();\r\n    let cursorDiv = document.getElementById('data');\r\n    let redDot = document.getElementById('circularcursor');\r\n    let xData = document.getElementById('x');\r\n    let yData = document.getElementById('y');\r\n    \r\n    cursorDiv.style.left = (e.pageX -100) + 'px';\r\n    cursorDiv.style.top = (e.pageY -100) + 'px';\r\n    redDot.style.left = (e.pageX) + 'px';\r\n    redDot.style.top = (e.pageY) + 'px';\r\n    cursorDiv.style.alignItems = 'bottom';\r\n    xData.innerHTML = \"x\" + e.pageX + \"y\" + e.pageY;\r\n    \/\/yData.innerHTML = \"y: \" + e.pageY + \"px\";\r\n    \r\n    const elementInfo = getElementPositionAndSize(\"media\"+counter);\r\n    if(elementInfo.left<e.pageX && e.pageX<(elementInfo.left+elementInfo.width) && elementInfo.top<e.pageY && e.pageY<(elementInfo.top+elementInfo.height) && here){\r\n        document.getElementById('linkCount').style.display = \"inline\";\r\n        document.getElementById('file').innerHTML = mediaNames[counter];\r\n        document.getElementById('link').innerHTML = mediaLinks[counter];\r\n        isHovering=true;\r\n        document.getElementById('media'+counter).style.scale=1.00;\r\n        document.getElementById(\"file\").style.visibility=\"visible\";\r\n        }\r\n    else{\r\n        document.getElementById('file').innerHTML = \"\";\r\n        document.getElementById('link').innerHTML = \"\";\r\n        document.getElementById('linkCount').innerHTML = \"\";\r\n        isHovering=false;\r\n        document.getElementById('media'+counter).style.scale=1.0;\r\n        countingInterval=0;\r\n    }\r\n    const instaInfo = getElementPositionAndSize(\"insta\");\r\n    const emailInfo = getElementPositionAndSize(\"email\");\r\n    const introInfo = getElementPositionAndSize(\"headline\");\r\n    if(linkAlone){\r\n        document.getElementById(\"file\").style.visibility=\"hidden\";\r\n        document.getElementById(\"speed\").style.visibility=\"hidden\";\r\n        document.getElementById(\"x\").style.visibility=\"hidden\";\r\n       \r\n    }\r\n    else if(introInfo.left<e.pageX && e.pageX<(introInfo.left+introInfo.width) && introInfo.top<e.pageY && e.pageY<(introInfo.top+introInfo.height) && here){\r\n        document.getElementById('introText').style.visibility = \"visible\";\r\n        document.getElementById('x').style.visibility = \"hidden\";\r\n        document.getElementById('speed').style.visibility = \"hidden\";\r\n        instaHover=false;\r\n        mailHover=false;\r\n        }\r\n    else if(instaInfo.left<e.pageX && e.pageX<(instaInfo.left+instaInfo.width) && instaInfo.top<e.pageY && e.pageY<(instaInfo.top+instaInfo.height) && here){\r\n        document.getElementById('instaText').style.visibility = \"visible\";\r\n        document.getElementById('x').style.visibility = \"hidden\";\r\n        document.getElementById('speed').style.visibility = \"hidden\";\r\n       instaHover=true;\r\n        mailHover=false;\r\n        }\r\n    else if(emailInfo.left<e.pageX && e.pageX<(emailInfo.left+emailInfo.width) && emailInfo.top<e.pageY && e.pageY<(emailInfo.top+emailInfo.height) && here){\r\n        cursorDiv.style.left = (e.pageX -120) + 'px';\r\n        cursorDiv.style.top = (e.pageY -100) + 'px';\r\n        document.getElementById('mailText').style.visibility = \"visible\";\r\n        document.getElementById('x').style.visibility = \"hidden\";\r\n        document.getElementById('speed').style.visibility = \"hidden\";\r\n        instaHover=false;\r\n        mailHover=true;\r\n        }\r\n    else{\r\n        document.getElementById('mailText').style.visibility = \"hidden\";\r\n        document.getElementById('introText').style.visibility = \"hidden\";\r\n        document.getElementById('instaText').style.visibility = \"hidden\";\r\n        document.getElementById('x').style.visibility = \"visible\";\r\n        document.getElementById('speed').style.visibility = \"visible\";\r\n        instaHover=false;\r\n        mailHover=false;\r\n    }\r\n    }\r\n});\r\n\r\nconst mediaElements = document.querySelectorAll('img, video, div');\r\n\r\n\r\nfunction handleMouseEnter(event) {\r\n            const imgElement = event.target;\r\n            clearInterval(intervalLink);\r\n            intervalLink=setInterval(countUp,102);\r\n            if(document.getElementById('media'+counter).contains(imgElement)){\r\n                document.getElementById('file').innerHTML = mediaNames[counter];\r\n                document.getElementById('link').innerHTML = mediaLinks[counter];\r\n                isHovering = true;\r\n                document.getElementById('media'+counter).style.scale=1.00;\r\n                document.getElementById('media'+counter).style.cursor=\"pointer\";\r\n            }\r\n        }\r\n\r\nfunction handleMouseLeave(event) {\r\n            document.getElementById(\"circularcursor\").style.width=\"20px\";\r\n            document.getElementById(\"circularcursor\").style.height=\"20px\";\r\n            \r\n                countingInterval=0;\r\n            const imgElement = event.target;\r\n            document.getElementById('file').innerHTML = \"\";\r\n            document.getElementById('link').innerHTML = \"\";\r\n            document.getElementById('linkCount').innerHTML = \"\";\r\n            isHovering = false;\r\n            document.getElementById('media'+counter).style.scale=1.00;\r\n            document.getElementById('media'+counter).style.cursor=\"default\";\r\n        }\r\n\r\n    if(window.innerWidth>600){\r\n        mediaElements.forEach((element) => {\r\n                element.addEventListener('mouseenter', handleMouseEnter);\r\n            });\r\n    }\r\n    if(window.innerWidth<600){\r\n    mediaElements.forEach((element) => {\r\n            element.addEventListener('touchstart', handleMouseEnter);\r\n        });\r\n    }\r\n    \r\n\r\n\r\n        \/\/ Add event listeners for entering img elements\r\n        if(window.innerWidth>600){\r\n            mediaElements.forEach((element) => {\r\n                element.addEventListener('mouseleave', handleMouseLeave);\r\n            });\r\n        }\r\n        \r\n        if(window.innerWidth<600){\r\n        mediaElements.forEach((element) => {\r\n            element.addEventListener('touchend', handleMouseLeave);\r\n        });\r\n        }\r\n\r\n    function getElementPositionAndSize(elementId) {\r\n      const element = document.getElementById(elementId);\r\n    \r\n      if (!element) {\r\n        console.error(\"Element with ID '\" + elementId + \"' not found.\");\r\n        return null;\r\n      }\r\n    \r\n      const rect = element.getBoundingClientRect();\r\n\r\n      return {\r\n        left: rect.left,\r\n        top: rect.top,\r\n        width: rect.width,\r\n        height: rect.height\r\n      };\r\n    }\r\n    \r\n    document.addEventListener('touchend', dataInvisible);\r\n    document.addEventListener('touchcancel', dataInvisible);\r\n    \r\n    function dataInvisible(){\r\n        document.getElementById(\"data\").style.opacity=\"0\";\r\n        linkCounter=0;\r\n        \/\/isHovering=false;\r\n        clearInterval(intervalLink);\r\n        document.getElementById(\"circularcursor\").style.visibility=\"hidden\";\r\n    }\r\n    function dataVisible(){\r\n        if(introClicked){\r\n        document.getElementById(\"data\").style.opacity=\"1\";\r\n        document.getElementById(\"circularcursor\").style.visibility=\"visible\";\r\n        }\r\n    }\r\n    \r\n    function countUp(){\r\n        if(window.innerWidth<600){\r\n            if(isHovering && here && counter!==1){\r\n                document.getElementById(\"circularcursor\").style.width=\"80px\";\r\n                document.getElementById(\"circularcursor\").style.height=\"80px\";\r\n                countingInterval=countingInterval+2;\r\n                document.getElementById(\"link\").style.visibility=\"hidden\";\r\n                if(countingInterval>18){\r\n                    linkAlone=true;\r\n                    document.getElementById(\"circularcursor\").style.width=(80+countingInterval*15)+\"px\";\r\n                    document.getElementById(\"circularcursor\").style.height=(80+countingInterval*15)+\"px\";\r\n                    linkCounts = true;\r\n                    document.getElementById(\"linkCount\").innerHTML=\"\" + (7-countingInterval\/10).toFixed(1);\r\n                    document.getElementById(\"link\").style.visibility=\"visible\";\r\n                    document.getElementById(\"file\").style.visibility=\"hidden\";\r\n                    document.getElementById(\"speed\").style.visibility=\"hidden\";\r\n                    document.getElementById(\"x\").style.visibility=\"hidden\";\r\n                }\r\n            }\r\n            else if(instaHover){\r\n                document.getElementById(\"circularcursor\").style.width=\"80px\";\r\n                document.getElementById(\"circularcursor\").style.height=\"80px\";\r\n                countingInterval=countingInterval+1;\r\n                document.getElementById(\"link\").style.visibility=\"hidden\";\r\n                if(countingInterval>18){\r\n                    \/\/linkAlone=true;\r\n                    document.getElementById(\"circularcursor\").style.width=(80+countingInterval*15)+\"px\";\r\n                    document.getElementById(\"circularcursor\").style.height=(80+countingInterval*15)+\"px\";\r\n                    linkCounts = true;\r\n                    document.getElementById(\"headerCounter\").style.visibility= \"visible\";\r\n                    document.getElementById(\"headerCounter\").innerHTML= (7-countingInterval\/10).toFixed(1);\r\n                    document.getElementById(\"link\").style.visibility=\"visible\";\r\n                    document.getElementById(\"file\").style.visibility=\"hidden\";\r\n                    document.getElementById(\"speed\").style.visibility=\"hidden\";\r\n                    document.getElementById(\"x\").style.visibility=\"hidden\";\r\n                }\r\n            }\r\n            else if(mailHover){\r\n                document.getElementById(\"circularcursor\").style.width=\"80px\";\r\n                document.getElementById(\"circularcursor\").style.height=\"80px\";\r\n                countingInterval=countingInterval+1;\r\n                document.getElementById(\"link\").style.visibility=\"hidden\";\r\n                if(countingInterval>18){\r\n                    \/\/linkAlone=true;\r\n                    document.getElementById(\"circularcursor\").style.width=(80+countingInterval*15)+\"px\";\r\n                    document.getElementById(\"circularcursor\").style.height=(80+countingInterval*15)+\"px\";\r\n                    linkCounts = true;\r\n                    document.getElementById(\"headerCounter\").style.visibility= \"visible\";\r\n                    document.getElementById(\"headerCounter\").innerHTML= (7-countingInterval\/10).toFixed(1);\r\n                    document.getElementById(\"link\").style.visibility=\"visible\";\r\n                    document.getElementById(\"file\").style.visibility=\"hidden\";\r\n                    document.getElementById(\"speed\").style.visibility=\"hidden\";\r\n                    document.getElementById(\"x\").style.visibility=\"hidden\";\r\n                }\r\n            }\r\n            else{\r\n                document.getElementById(\"headerCounter\").style.visibility= \"hidden\";\r\n                document.getElementById(\"instaText\").innerHTML=\"Instagram\";\r\n                document.getElementById(\"circularcursor\").style.width=\"20px\";\r\n                document.getElementById(\"circularcursor\").style.height=\"20px\";\r\n                countingInterval=0;\r\n                linkAlone=false;\r\n            }\r\n            if(countingInterval>60 && linkAction==true){\r\n                document.getElementById(\"circularcursor\").style.width=\"1500px\";\r\n                document.getElementById(\"circularcursor\").style.height=\"1500px\";\r\n            }\r\n            if(countingInterval>70 && linkAction==true){\r\n                document.getElementById(\"linkCount\").style.display=\"none\";\r\n                linkAction=false;\r\n                linkCounts=false;\r\n                countingInterval=0;\r\n                \/\/window.open(mediaLinks[counter], \"_blank\");\r\n                \/\/openNewWebsite();\r\n                if(instaHover){\r\n                    openInNewTab(\"https:\/\/www.instagram.com\/metaoffice_\/\");;\r\n                }\r\n                else if(mailHover){\r\n                   openInNewTab(\"mailto:hello@meta-office.eu\"); \r\n                }\r\n                else{\r\n                    openInNewTab(mediaLinks[counter]); \r\n                }\r\n                linkCounts=false;\r\n            }\r\n            else if(countingInterval>70){\r\n                linkAction=false;\r\n                countingInterval=0;\r\n            }\r\n            else{\r\n                linkAction=true;\r\n            }\r\n        }\r\n        else{\r\n            linkCounts=false;\r\n            document.getElementById(\"linkCount\").innerHTML=\"\";\r\n        }\r\n        if(!introClicked){\r\n            if(introCounter<300){\r\n                introCounter = introCounter+17;\r\n                document.getElementById(\"move\").innerHTML=\"move <br> to explore <br> x\"+introCounter +\"y120\";\r\n            }\r\n        }\r\n    }\r\n    \r\n    function linkNewTab(){\r\n        linkCounts=false;\r\n        countingInterval=0;\r\n        if(isHovering && window.innerWidth>600){\r\n        window.open(mediaLinks[counter], \"_blank\");\r\n        }\r\n    }\r\n\r\n    \/*\r\n    setTimeout(() => {\r\n                    document.getElementById(\"loader\").style.opacity=\"0\";\r\n                    document.getElementById(\"loader\").style.pointerEvents=\"none\";\r\n                    document.getElementById(\"circularcursor\").style.visibility=\"hidden\";\r\n                }, 2000);\r\n                *\/\r\n    setTimeout(() => {\r\n                    document.getElementById(\"introDot\").style.top=\"120px\";\r\n                    document.getElementById(\"introDot\").style.left=\"300px\";\r\n                    document.getElementById(\"move\").style.top=\"95px\";\r\n                    document.getElementById(\"move\").style.left=\"265px\";\r\n                }, 100);\r\n                \r\n    \r\n    function openInNewTab(url) {\r\n        if(window.innerWidth<600){\r\n            window.location.href = url;\r\n        }\r\n        else{\r\n            window.open(url, '_blank').focus();\r\n        }\r\n        \r\n    }\r\n    \r\n    document.getElementById(\"introDot\").addEventListener(\"touchstart\", function(){\r\n      document.getElementById(\"loader\").style.display = \"none\";\r\n      \/\/document.getElementById(\"enter\").style.pointerEvents = \"none\";\r\n       document.getElementById(\"circleLayer\").style.pointerEvents = \"none\";\r\n       document.getElementById(\"topLayer\").style.pointerEvents = \"none\";\r\n       document.getElementById(\"circularcursor\").style.visibility=\"hidden\";\r\n       introClicked = true;\r\n      for(let i=0;i<videos.length;i++){\r\n        videos[i].play();    \r\n            }\r\n          });\r\n          \r\n    document.getElementById(\"headline\").style.marginBottom=detectAddressBarHeight()+\"px\";\r\n          \r\n    function detectAddressBarHeight() {\r\n    const windowHeight = window.innerHeight;\r\n    const documentHeight = document.documentElement.clientHeight;\r\n\r\n    const addressBarHeight = windowHeight - documentHeight;\r\n    return addressBarHeight;\r\n    console.log(`Address bar height: ${addressBarHeight}px`);\r\n}\r\n<\/script>\r\n\r\n\r\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-082f74c elementor-absolute elementor-widget elementor-widget-html\" data-id=\"082f74c\" data-element_type=\"widget\" data-settings=\"{&quot;_position&quot;:&quot;absolute&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\r\n\r\n<style>\r\n        #circularcursor {\r\n          transition: height 1s ease-in-out, width 1s ease-in-out;\r\n            top:50%;\r\n            left:50%;\r\n          background-color: red;\r\n          height:20px;\r\n          width:20px;\r\n          border-radius:50%;\r\n          -moz-border-radius:50%;\r\n          -webkit-border-radius:50%;\r\n          position: absolute;\r\n          z-index: 9;\r\n          transform: translate(-50%, -50%);\r\n        }\r\n<\/style>\r\n\r\n<script>\r\n    document.body.onmousemove = function(e) {\r\n      document.getElementById(\"circularcursor\").style.left=e.clientX+ 'px';\r\n      document.getElementById(\"circularcursor\").style.top=e.clientY+ 'px';\r\n    }\r\n    \r\n    document.body.ontouchmove = function(e) {\r\n      document.getElementById(\"circularcursor\").style.left=e.clientX+ 'px';\r\n      document.getElementById(\"circularcursor\").style.top=e.clientY+ 'px';\r\n    }\r\n<\/script>\r\n\r\n\r\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e14d206 elementor-absolute elementor-widget elementor-widget-html\" data-id=\"e14d206\" data-element_type=\"widget\" data-settings=\"{&quot;_position&quot;:&quot;absolute&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\r\n\r\n<style>\r\n        #email{\r\n            opacity: 1;\r\n            transition: opacity 1s;\r\n        }\r\n        #insta{\r\n            opacity: 1;\r\n            transition: opacity 1s;\r\n        }\r\n        #year{\r\n            opacity: 1;\r\n            transition: opacity 1s;\r\n        }\r\n        \r\n<\/style>\r\n\r\n<script>\r\n    setTimeout(() => {\r\n                    document.getElementById(\"email\").style.opacity=\"1\";\r\n                    document.getElementById(\"insta\").style.opacity=\"1\";\r\n                    document.getElementById(\"year\").style.opacity=\"1\";\r\n                    \r\n                }, 2000);\r\n<\/script>\r\n\r\n\r\n\t\t<\/div>\n\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>https:\/\/meta-office.eu\/wp-content\/uploads\/2023\/10\/1_compressed.mp4https:\/\/meta-office.eu\/wp-content\/uploads\/2023\/10\/7.mp4https:\/\/meta-office.eu\/wp-content\/uploads\/2023\/10\/8-1.mp4https:\/\/meta-office.eu\/wp-content\/uploads\/2023\/10\/02_meta_office_2.mp4https:\/\/meta-office.eu\/wp-content\/uploads\/2023\/10\/6.mp4https:\/\/meta-office.eu\/wp-content\/uploads\/2023\/10\/03_sensing_domesticity.mp4https:\/\/meta-office.eu\/wp-content\/uploads\/2023\/10\/04_from_mine_to_mine.mp4https:\/\/meta-office.eu\/wp-content\/uploads\/2023\/10\/04_from_mine_to_mine_2.mp4https:\/\/meta-office.eu\/wp-content\/uploads\/2023\/10\/5-1.mp4 meta office Meta Office is a research-based design practice working at the intersection of architecture, multimedia, and digital culture. Founded in 2022 by Lauritz Bohne, Lea Scherer, and Edward Zammit, it has since evolved into a growing network of collaborators dedicated to bridging the digital and physical in unexpected and unconventional ways. Their work [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"_links":{"self":[{"href":"https:\/\/meta-office.eu\/index.php\/wp-json\/wp\/v2\/pages\/12"}],"collection":[{"href":"https:\/\/meta-office.eu\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/meta-office.eu\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/meta-office.eu\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/meta-office.eu\/index.php\/wp-json\/wp\/v2\/comments?post=12"}],"version-history":[{"count":0,"href":"https:\/\/meta-office.eu\/index.php\/wp-json\/wp\/v2\/pages\/12\/revisions"}],"wp:attachment":[{"href":"https:\/\/meta-office.eu\/index.php\/wp-json\/wp\/v2\/media?parent=12"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}