Franka Marlene Foth and Electronic Beats push the limits of immersive choreography

---
id: 5c60326d-e426-4f71-a0dd-9b0ff967597d
blueprint: article
title: 'Franka Marlene Foth and Electronic Beats push the limits of immersive choreography'
date: 2022-05-04T15:51:47+02:00
wp_id: '199522'
slug: franka-marlene-foth-electronic-beats-limits-of-immersive-choreography-the-cube
teaser_image: legacy/franka-marlene-foth-electronic-beats-limits-of-immersive-choreography-the-cube/TheCube-Season02-FeaturedImage-scaled.jpg
contents:
  -
    type: custom
    html: "<header class=\"text-center relative full-bleed\">\r\n\t\t\t\t\r\n\t\t\t\t<video muted autoplay loop playsinline>\r\n\t\t\t\t\t\t\t\t<source src=\"https://res.cloudinary.com/electronic-beats/video/upload/v1651140986/live/Videos/intro-video-s.mp4\" type=\"video/mp4\">\r\n\t\t\t\t</video>\r\n\t\t\t\t\r\n\t\t\t\t<div class=\"custom-headline\">\r\n\t\t\t\t\t\t\t\t<div class=\"px-xl-h-fluid max-w-1440 m-auto\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"px-xl-h-fluid max-w-1920 mx-auto\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<h1 class=\"text-h1\">Franka Marlene Foth and Telekom Electronic Beats push the limits of immersive choreography for Season&nbsp;02 of The Cube\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</h1>\r\n\t\t\t\t\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t</div>\r\n\t\t\t\t\r\n\t\t\t\t<div class=\"glassy-cube\" id=\"gc-1\">\r\n\t\t\t\t\t\t\t\t<img src=\"https://res.cloudinary.com/electronic-beats/image/upload/v1651585196/live/The%20Cube%20Season%2002%20Article/Exploration-13.jpg\"\r\n\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t</div>\r\n\t\t\t\t\r\n\t\t\t\t<div class=\"glassy-cube\" id=\"gc-2\">\r\n\t\t\t\t\t\t\t\t<img src=\"https://res.cloudinary.com/electronic-beats/image/upload/v1651585210/live/The%20Cube%20Season%2002%20Article/Immersion-04.jpg\"\r\n\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t</div>\r\n\t\t\t\t\r\n</header>"
    css: "header {\r\n\t\t\t\theight: 100vh;\r\n}\r\n\r\nheader video {\r\n\t\t\t\twidth: 100%;\r\n\t\t\t\theight: 100%;\r\n\t\t\t\tobject-fit: cover;\r\n}\r\n\r\nheader .custom-headline {\r\n\t\t\t\twidth: 100%;\r\n\t\t\t\tposition: absolute;\r\n\t\t\t\ttop: 50%;\r\n\t\t\t\tleft: 50%;\r\n\t\t\t\ttransform: translate(-50%, -50%);\r\n}\r\n\r\nheader .custom-headline h1 {\r\n\t\t\t\tcolor: white;\r\n\t\t\t\ttext-shadow: 4px 4px 6px #2021C5;\r\n}\r\n\r\n@keyframes floating {\r\n\t\t\t\t0% { transform: scale(1) translate(-50%, -50%) }\r\n\t\t\t\t50% { transform: scale(1.025) translate(-50%, -50%) }\r\n\t\t\t\t100% { transform: scale(1) translate(-50%, -50%) }\r\n}\r\n\r\n#gc-1 {\r\n\t\t\t\ttop: 12%;\r\n\t\t\t\tleft: 3%;\r\n}\r\n\r\n#gc-2 {\r\n\t\t\t\tbottom: 0;\r\n\t\t\t\tright: 12%;\r\n\t\t\t\ttransform: translateY(60%);\r\n}"
  -
    type: text
    text: '<p style="font-weight: 400;"><span style="font-weight: 400;">Words by Irina Baconsky</span></p><p style="font-weight: 400;"><span style="font-weight: 400;">Defining dance can seem intuitive &ndash; it is, before all else, formulated movement. A movement which can be creative, impulsive, architected, orchestrated. It can be solitary or collective, rehearsed or improvised. But gaze deeper, beyond the myriad of its possible kinetic and aesthetic declinations, and you&rsquo;ll find that dance doubles as an unmatched portal for synergy.</span></p><p style="font-weight: 400;"><span style="font-weight: 400;">It&rsquo;s in this spirit of&nbsp; synergy that the latest collaboration between Telekom Electronic Beats and Berlin-based choreographer, director and dancer <a href="https://frankamarlenefoth.com" target="_blank" rel="noopener">Franka Marlene Foth</a> has been brought to life. Produced under the direction of <a href="https://uweflade.de/#/" target="_blank" rel="noopener">Uwe Flade</a>, for the second instalment of the multimedia <a href="https://thecube.electronicbeats.net" target="_blank" rel="noopener">The Cube</a> experience, the collaboration reworks one of Foth&rsquo;s video works released early this year on <a href="https://www.nowness.com/story/ep02-fmkf-dance" target="_blank" rel="noopener">Nowness</a> into a 360 degree, multisensory and multichapter immersive exploration of movement with (and through) sound. </span></p><p style="font-weight: 400;"><span style="font-weight: 400;">Foth has spent years finessing her symbiotic relationship to the multitude of elements feeding into her kinetic ecosystem &ndash; the first one of which is, naturally, music.&nbsp; &ldquo;That&rsquo;s the reason why I &ndash; and, probably, most dancers&ndash; dance: music,&rdquo; she says. And, indeed, dance is perhaps the most reactive of artforms. &ldquo;The pictures of what I want to form begin to take shape in my head in reaction to the music &ndash; not simply of my desire to dance. My creative expression will operate symbiotically, in harmony or in rejection of the sound I hear. So I have to be inspired by the music.&rdquo;&nbsp;</span></p>'
  -
    type: custom
    html: "<div class=\"shader-loop\">\r\n\t\t\t\t<video muted autoplay loop playsinline>\r\n\t\t\t\t\t\t\t\t<source src=\"https://res.cloudinary.com/electronic-beats/video/upload/v1651140460/live/Videos/videoloop-02.mp4\" type=\"video/mp4\">\r\n\t\t\t\t</video>\r\n\t\t\t\t\r\n\t\t\t\t<div class=\"glassy-cube\" id=\"gc-3\">\r\n\t\t\t\t\t\t\t\t<img src=\"https://res.cloudinary.com/electronic-beats/image/upload/v1651585224/live/The%20Cube%20Season%2002%20Article/Concept-4.jpg\"\r\n\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t</div>\r\n\t\t\t\t\r\n\t\t\t\t<div class=\"glassy-cube\" id=\"gc-4\">\r\n\t\t\t\t\t\t\t\t<img src=\"https://res.cloudinary.com/electronic-beats/image/upload/v1651585232/live/The%20Cube%20Season%2002%20Article/Exploration-03.jpg\"\r\n\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t</div>\r\n\t\t\t\t\r\n\t\t\t\t<div class=\"glassy-cube\" id=\"gc-5\">\r\n\t\t\t\t\t\t\t\t<img src=\"https://res.cloudinary.com/electronic-beats/image/upload/v1651585237/live/The%20Cube%20Season%2002%20Article/Sound-6.jpg\"\r\n\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t</div>\r\n</div>"
    css: "#gc-3 {\r\n\t\t\t\ttop: 0%;\r\n\t\t\t\tleft: 6%;\r\n\t\t\t\ttransform: translateY(-66%);\r\n}\r\n\r\n#gc-4 {\r\n\t\t\t\ttop: 0%;\r\n\t\t\t\tleft: 15%;\r\n\t\t\t\ttransform: translateY(25%);\r\n}\r\n\r\n#gc-5 {\r\n\t\t\t\tbottom: 5%;\r\n\t\t\t\tright: 10%;\r\n}"
  -
    type: text
    text: '<p style="font-weight: 400;"><span style="font-weight: 400;">To honour the musical backbone of the project and of the cathartic experience of contemporary dance itself , Foth joined forces with Berlin-based sound designer, composer and producer </span><a style="font-weight: 400;" href="https://www.marlonbeatt.com/" target="_blank" rel="noopener"><span style="font-weight: 400;">Marlon Beatt</span></a><span style="font-weight: 400;">, soundtracking the virtual experience by taking cues from the potent fusion between music and bodies underpinning the ethos of club culture &ndash; a space of intense interconnectivity, interdisciplinarity, exchange and alteration through&nbsp; communal coalescence. </span></p><p style="font-weight: 400;"><span style="font-weight: 400;">As with electronic music production, Beatt&rsquo;s ambition was first and foremost atmospheric, using sound to enhance Foth&rsquo;s choreography, drawing the viewer in through into total sensory captivation. &ldquo;I worked with various unconventional soundscapes, experimenting with a lot of field sounds, weird noises, and experimental music to create different dynamics and moods &ndash; the goal was to combine a certain roughness with a softer, foamy, energy.&rdquo; </span></p><p style="font-weight: 400;"><span style="font-weight: 400;">&ldquo;The multisensorial facets of the dance performance was also conveyed by the clothes, which were designed by <a href="https://www.ottolinger.com" target="_blank" rel="noopener">Ottolinger</a>&rdquo; continues Foth. &ldquo;The styling was essential to the piece, but subdued. I wanted the clothes to speak to the spirit of the piece, facilitate and enhance the dance, without distracting too much from the movement itself.&rdquo; </span></p>'
  -
    type: custom
    html: "<div class=\"shader-loop\">\r\n\t\t\t\t<video muted autoplay loop playsinline>\r\n\t\t\t\t\t\t\t\t<source src=\"https://res.cloudinary.com/electronic-beats/video/upload/v1651140459/live/Videos/videoloop-01.mp4\" type=\"video/mp4\">\r\n\t\t\t\t</video>\r\n\t\t\t\t\r\n\t\t\t\t<div class=\"glassy-cube\" id=\"gc-6\">\r\n\t\t\t\t\t\t\t\t<img src=\"https://res.cloudinary.com/electronic-beats/image/upload/v1651585255/live/The%20Cube%20Season%2002%20Article/Exploration-11.jpg\"\r\n\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t</div>\r\n\t\t\t\t\r\n\t\t\t\t<div class=\"glassy-cube\" id=\"gc-7\">\r\n\t\t\t\t\t\t\t\t<img src=\"https://res.cloudinary.com/electronic-beats/image/upload/v1651585262/live/The%20Cube%20Season%2002%20Article/Exploration-15.jpg\"\r\n\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t</div>\r\n\t\t\t\t\r\n\t\t\t\t<div class=\"glassy-cube\" id=\"gc-8\">\r\n\t\t\t\t\t\t\t\t<img src=\"https://res.cloudinary.com/electronic-beats/image/upload/v1651585277/live/The%20Cube%20Season%2002%20Article/Immersion-11.jpg\"\r\n\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t</div>\r\n</div>"
    css: "#gc-6 {\r\n\t\t\t\ttop: -3%;\r\n\t\t\t\tright: 6%;\r\n}\r\n\r\n#gc-7 {\r\n\t\t\t\tbottom: 0%;\r\n\t\t\t\tleft: 2%;\r\n\t\t\t\ttransform: translateY(-50%);\r\n}\r\n\r\n#gc-8 {\r\n\t\t\t\tbottom: 0%;\r\n\t\t\t\tleft: 2%;\r\n\t\t\t\ttransform: translate(110%,15%);\r\n}\r\n\r\n@media screen and (max-width: 470px) {\r\n\t\t\t\t#gc-8 {\r\n\t\t\t\t\t\t\t\tbottom: -10%;\r\n\t\t\t\t\t\t\t\tleft: unset;\r\n\t\t\t\t\t\t\t\tright: 2%;\r\n\t\t\t\t\t\t\t\ttransform: unset;\r\n\t\t\t\t}\r\n}"
  -
    type: text
    text: '<p><span style="font-weight: 400;">The sonic and sartorial focus aren&rsquo;t the only thread tying Foth and Beatt&rsquo;s The Cube experience to world-building powers of the club space. The architectural dimension &ndash; and its facilitation of immersion&ndash; are equally key components of the non-linear, alternating sequences of virtual deep dives forming the 360 degree experience. Here, architecture and spatial storytelling are present in intangible, conceptual and metaphorical ways. </span></p><p><span style="font-weight: 400;">&ldquo;Thinking spatially is essential to me; generally, I like big, empty spaces. I find high ceilings inspiring,&rdquo; says Foth of her usual approach to her choreographies&rsquo; scenery. &ldquo;But for this video work, I really wanted the space to be as empty and pared back as possible, so that the user experiencing the Cube can be as drawn as possible into the movement. It was super important to have an empty space to focus more on what the performers are doing.&rdquo; </span></p><p style="font-weight: 400;"><span style="font-weight: 400;">Overarchingly, Foth&rsquo;s plastic take on the notion of space has allowed her to experiment with the limitless possibilities of the virtual as a haven for democratised creativity, and, much like the club space itself, an accessible sensory immersion open to everybody. &ldquo;What I loved the most about making this video works is exploring more possibilities of bringing in new perspectives, creating something that feels fresh and fluid.&rdquo; Fresh, fluid and chameleonic &ndash; true to the slippery DNA of dance itself.&nbsp;</span></p>'
  -
    type: text
    text: |-
      <h2 style="margin-top: 9.6rem;">Credits</h2><h3>Ep02</h3><div>Choreographer: <a href="https://www.instagram.com/frankamarlenefoth/" target="_blank" rel="noopener">Franka Marlene Foth</a><br>
      Music: <a href="https://www.instagram.com/marlonbeatt/" target="_blank" rel="noopener">Marlon Beatt</a><br>
      Dancers: <a href="https://www.instagram.com/camillejapson/" target="_blank" rel="noopener">Camille Jackson</a>, <a href="https://www.instagram.com/janman_/" target="_blank" rel="noopener">Janan Laubscher</a>, &nbsp;<a href="https://www.instagram.com/amieblaire/" target="_blank" rel="noopener">Amie-Blaire Chartier</a>, &nbsp;<a href="https://www.instagram.com/yi_wei_tien/" target="_blank" rel="noopener">Yi-Wei Tien</a><br>
      Director of photography: <a href="https://www.instagram.com/julianjonas.s/" target="_blank" rel="noopener">Julian Jonas Schmitt</a><br>
      Editor: <a href="https://www.instagram.com/nikki_powell_/" target="_blank" rel="noopener">Nicola Powell</a><br>
      Colorist:&nbsp;<a href="https://www.instagram.com/delfinamayer.color/" target="_blank" rel="noopener">Delfina Mayer</a></div><h3>The Cube</h3><h4>General</h4><p>Creative direction &amp; production: <a href="https://www.instagram.com/waf.gmbh/" target="_blank" rel="noopener">WAF GMBH</a><br>
      Implementation: 21st Digital</p><h4>All episodes</h4><p>Production and postproduction: <a href="https://www.instagram.com/afstudioberlin/" target="_blank" rel="noopener">A.F Studio</a><br>
      Executive producer: <a href="https://www.instagram.com/aljoscha.babel/" target="_blank" rel="noopener">Aljoscha Babel</a><br>
      Producer: <a href="https://www.instagram.com/luisababarro/" target="_blank" rel="noopener">Luisa Babarro</a><br>
      Editor:&nbsp;<a href="https://www.instagram.com/elarthom/" target="_blank" rel="noopener">Eddie Lara</a><br>
      Mixing &amp; sound: Rene Corbett</p><h4>Exploration</h4><p>Director: <a href="https://www.instagram.com/uwe_flade/" target="_blank" rel="noopener">Uwe Flade</a><br>
      DoP: <a href="https://www.instagram.com/haering.tanja/" target="_blank" rel="noopener">Tanja H&auml;ring</a><br>
      1 AC: Arseny Preobrazhenskiy<br>
      Gaffer: <a href="https://www.instagram.com/davidwilhelmschmitt/" target="_blank" rel="noopener">David Wilhelm Schmitt</a><br>
      VFX supervisor: Martin Backhaus<br>
      VFX &amp; compositing: Johannes Kirschner, <a href="https://www.instagram.com/rafael_calleja/" target="_blank" rel="noopener">Rafael Calleja</a></p><h4>Immersion</h4><p>360 VR compositing: Martin Backhaus</p>
  -
    type: custom
    html: "<script>\r\n\r\ndocument.addEventListener('DOMContentLoaded', () => {\r\n  let glassyCubes = document.querySelectorAll('.glassy-cube');\r\n\r\n  function scrollStop (callback, refresh = 120) {\r\n    if (!callback || typeof callback !== 'function') return;\r\n    let isScrolling;\r\n\r\n    window.addEventListener('scroll', function (event) {\r\n      glassyCubes.forEach((glassyCube) => {\r\n        glassyCube.querySelector('img').style.opacity = 1;\r\n      });\r\n  \r\n      window.clearTimeout(isScrolling);\r\n      isScrolling = setTimeout(callback, refresh);\r\n    }, false);\r\n  }\r\n\r\n  window.addEventListener('scroll', () => {\r\n    scrollStop(function () {\r\n      glassyCubes.forEach((glassyCube) => {\r\n        glassyCube.querySelector('img').style.opacity = 0;\r\n      });\r\n    });\r\n  })\r\n})\r\n\r\n</script>"
    css: ".ContentModules > div:first-of-type {\r\n\t\t\t\tdisplay: none;\r\n}\r\n\r\n#custom-1 {\r\n\t\t\t\tmargin-top: calc(var(--main-nav-height-pos)*-1 - 2.4rem);\r\n}\r\n\r\n.shader-loop {\r\n\t\t\t\twidth: 100%;\r\n\t\t\t\theight: 125vh;\r\n}\r\n\r\n.shader-loop video {\r\n\t\t\t\twidth: 100%;\r\n\t\t\t\theight: 100%;\r\n\t\t\t\tobject-fit: cover;\r\n}\r\n\r\n.glassy-cube {\r\n\t\t\t\twidth: 25vw;\r\n\t\t\t\theight: 25vw;\r\n\t\t\t\t\r\n\t\t\t\tmin-width: 211px;\r\n\t\t\t\tmin-height: 211px;\r\n\t\t\t\t\r\n\t\t\t\tposition: absolute;\r\n\t\t\t\tz-index: 1;\r\n\t\t\t\tmargin: 0;\r\n\r\n\t\t\t\tbackground: rgba(255,255,255,.33);\t\t\t\t\r\n\t\t\t\tbox-shadow: 0px 0px 20px white;\r\n}\r\n\r\n.glassy-cube img {\r\n\t\t\t\twidth: 100%;\r\n\t\t\t\theight: 100%;\r\n\t\t\t\tobject-fit: cover;\r\n\t\t\t\topacity: 0;\r\n\t\t\t\ttransition: opacity 1s;\r\n}"
  -
    type: custom
    html: '<div id="page-bg"></div>'
    css: "main {\r\n\t\t\t\tposition: relative;\r\n}\r\n\r\n.ContentModules > div:last-of-type {\r\n\t\t\t\tposition: absolute;\r\n\t\t\t\ttop: 0;\r\n\t\t\t\tright: 0;\r\n\t\t\t\tbottom: 0;\r\n\t\t\t\tleft: 0;\r\n\t\t\t\tmargin: 0;\r\n\t\t\t\tz-index: -1;\r\n\t\t\t\topacity: .5;\r\n\t\t\t\t\r\n\t\t\t\tbackground: linear-gradient(45deg, #ff7d00, #ffff00, #7dff00, #00ff00, #00ff7d, #00ffff, #007dff, #0000ff, #7d00ff, #ff00ff, #ff007d, #ff0000);\r\n    background-size: 2400% 100%;\r\n\r\n    -webkit-animation: rainbow 60s ease infinite;\r\n    -moz-animation: rainbow 60s ease infinite;\r\n    animation: rainbow 60s ease infinite;\r\n}\r\n\r\n@-webkit-keyframes rainbow {\r\n    0%{background-position:0% 50%}\r\n    50%{background-position:100% 50%}\r\n    100%{background-position:0% 50%}\r\n}\r\n@-moz-keyframes rainbow {\r\n    0%{background-position:0% 50%}\r\n    50%{background-position:100% 50%}\r\n    100%{background-position:0% 50%}\r\n}\r\n@keyframes rainbow { \r\n    0%{background-position:0% 50%}\r\n    50%{background-position:100% 50%}\r\n    100%{background-position:0% 50%}\r\n}"
---